.compare{padding:60px 0;}
.compare .title{margin-bottom:40px;}

.compare-btn{margin-bottom:20px;}
.compare-btn span.divide{display:inline-block; cursor:pointer; font-size:16px;}
.compare-btn span.divide>u{display:inline-block; text-decoration:none; color:#e7053a;}
.compare-btn span.divide>b{display:inline-block; font-weight:normal;}
.compare-btn span.divide.on>u{color:#2b7ffe;}
.compare-btn span.divide.on>b{font-weight:bold;}

.compare-box{overflow:auto; font-size:0; white-space:nowrap; width:100%;}
.compare-box>dl{display:inline-block; font-size:16px; min-width:240px; vertical-align:top;  text-align:center; overflow: hidden; transition: .3s;}
.compare-box>dl.delete{margin-left: 0; min-width: 0; width: 0; visibility: hidden; opacity: 0;}
.compare-box>dl+dl{margin-left:15px;}
.compare-box>dl>dt{position: relative; border-bottom:1px solid #f0f0f0;}


.compare-box>dl>dt h4{line-height:60px; height:60px; padding:0 35px; font-size:inherit; font-weight:normal; text-align:left; background:#eef2f8; border-radius:5px 5px 0 0;}
.compare-box>dl>dt h5{line-height:90px; height:90px; padding:0 35px; font-size:inherit; font-weight:normal; text-align:left; background:#f6faff;}
.compare-box>dl>dt h3{line-height:60px; height:60px; padding:0 10px; background:#eef2f8; border-radius:5px 5px 0 0;}
.compare-box>dl>dt ins{display:block; height:90px; padding:8px 0;}
.compare-box>dl>dt ins>img{display:block; height:100%; margin:0 auto;} 
.compare-box>dl>dt>i{position: absolute; display: none; font-size: 18px; top:0; right:0; width:30px; height:30px; text-align: center; line-height:30px; cursor: pointer;}
.compare-box>dl>dt>i:hover{color:#e7053a;}
.compare-box>dl:hover>dt>i{display: block;}

.compare-box>dl>dd{ line-height:55px; height:55px; padding:0 10px; border-bottom:1px solid #f0f0f0;}
.compare-box>dl>dd>strong{display:inline-block; padding:0 35px; font-weight:normal; position:relative; z-index:8;}
.compare-box>dl:first-child>dd{ position:relative; overflow:hidden; text-align:left; padding:0; border:none;} 
.compare-box>dl:first-child>dd:nth-child(2n){background:#eef2f8;}
.compare-box>dl:first-child>dd:nth-child(2n+1){background:#f6faff;}
.compare-box>dl:first-child>dd:last-child{border-radius:0 0 5px 5px;}
@media(max-width:1200px){
.compare{padding:40px 0;}
.compare .title{margin-bottom:30px;}
.compare-btn{margin-bottom:15px;}
.compare-btn span.divide{font-size:15px;}
.compare-box>dl{font-size:15px;}
.compare-box>dl+dl{margin-left:10px;}
.compare-box>dl>dt h4{line-height:50px; height:50px; padding:0 25px;}
.compare-box>dl>dt h5{padding:0 25px;}
.compare-box>dl>dt h3{line-height:50px; height:50px; padding:0 10px;}
.compare-box>dl>dd{line-height:45px; height:45px;}
.compare-box>dl>dd>strong{padding:0 25px;}
}
@media(max-width:767px){
.compare{padding:20px 0;}
.compare .title{margin-bottom:15px;}
.compare-btn{margin-bottom:10px;}
.compare-btn span.divide{font-size:14px;}
.compare-box>dl{font-size:14px; min-width:180px;}
.compare-box>dl+dl{margin-left:8px;}
.compare-box>dl>dt h4{line-height:40px; height:40px; padding:0 12px;}
.compare-box>dl>dt h5{padding:0 12px;}
.compare-box>dl>dt h3{line-height:40px; height:40px; padding:0 8px; font-size:15px;}
.compare-box>dl>dd{line-height:38px; height:38px;}
.compare-box>dl>dd>strong{padding:0 12px;}

}