@charset "utf-8";

/*---------------------------------------------------*/

.swiper-button-next::after,.swiper-button-prev::after {display:none;}


.sidebanner{position:relative;}
.sidebanner .txt{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:flex-end;align-items:center;text-align:right;}
.sidebanner .txt h1{color:#fff;font-size:3.6rem;line-height:1;font-weight:700;}


/*------------------------------*/

.compare{padding:6rem 0 10rem;}

.compare-top{position:relative;}
.compare-top-box{z-index:100;padding:3.5rem 0;}
.compare-top-box.scroll-top{position:fixed;background:#F9F9F9;left:0;right:0;top:0;width:100%;padding:3rem 10%;}
.compare-top dl{display:flex;align-items:center;}
.compare-top dl dt{width:25%;}
.compare-top dl dt h4{font-size:1.8rem;color:#232323;font-weight:500;display:inline-flex;align-items:center;}
.compare-top dl dd{width:25%;margin-left:18px;}

.page-selector{width:100%;position:relative;}
.page-selector .selector-item{border-bottom:1px solid #000;line-height:36px;position:relative;cursor:pointer;}
.page-selector .selector-item em{font-size:1.8rem;color:rgba(19,19,19,0.6);font-weight:500;}
.page-selector .selector-item span{position:absolute;top:2px;right:8px;}
.page-selector .selector-item.active{}


.page-selector .list{display:none;position:absolute;width:70rem;left:0;right:0;z-index:100;top:38px;padding:2.5rem;background:#fff;box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);}

.compare-top dl dd:last-child .page-selector .list{left:auto;right:0;}

.page-selector .list .scrollbar-inner{height:58rem;}
.page-selector .list h4{font-size:2.4rem;color:#232323;font-weight:700;padding:0 0 0 10px;margin-bottom:10px;}
.page-selector .list h4~h4{margin-top:2rem;}
.page-selector .list ul{display:flex;flex-wrap:wrap;}
.page-selector .list ul li{width:33.333333%;padding:10px;}
.page-selector .list ul li a{display:block;overflow:hidden;padding:10px;text-align:center;}
.page-selector .list ul li a > img{width:100%;transition:all 0.3s ease 0s;}
.page-selector .list ul li p{margin-top:15px;font-size:1.6rem;display:block;color:#141414;font-weight:500;}
.page-selector .list ul li a:hover > img{transform:scale(1.05);}
.page-selector .list ul li:hover a{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}


.compare-top dl dd .more{margin:15px 0 0;text-align:left;display:none;}
.compare-top dl dd .more a{font-size:1.8rem;color:rgba(19,19,19,0.6);font-weight:500;}

.compare-top-box.scroll-top dl dd .more{display:block;}


/*------------------------------*/

.compare-list{padding:4rem 0;border-bottom:1px solid #E9E9EA;}
.compare-list dl{display:flex;align-items:center;}
.compare-list dl dt{width:25%;}
.compare-list dl dt h4{font-size:3rem;color:#232323;font-weight:700;}
.compare-list dl dd{width:25%;padding:0 9px;text-align:center;}
.compare-list dl dd h6{font-size:1.8rem;color:rgba(19,19,19,0.7);font-weight:700;text-transform:uppercase;margin:10px 0 0;}
.compare-list dl dd h5{font-size:2.8rem;color:#131313;font-weight:700;margin:10px 0 0;}
.compare-list dl dd p{font-size:1.8rem;color:rgba(19,19,19,0.7);margin:10px 0 0;}
.compare-list dl dd .more{display:inline-block;font-size:1.6rem;font-weight:500;color:#fff;margin:3rem 0 0;padding:0 2.5rem;height:4.5rem;line-height:4.3rem;border:1px solid #1B1B1E;background:#1B1B1E;transition:0.5s;text-align:center;border-radius:35px;}
.compare-list dl dd .more:hover{background:#fff;color:#1B1B1E;}

.compare-params{padding:4rem 0;border-bottom:1px solid #E9E9EA;}
.compare-params h3{font-size:2.4rem;color:#232323;font-weight:600;margin-bottom:10px;}
.compare-params dl{display:flex;align-items:center;padding:20px 0;}
.compare-params dl dt{width:25%;}
.compare-params dl dt h5{font-size:1.8rem;color:#232323;font-weight: 500;}
.compare-params dl dd{width:25%;padding:0 9px;text-align:left;}
.compare-params dl dd i{color:#111;font-size:3.6rem;}
.compare-params dl dd img{margin-bottom:5px;}
.compare-params dl dd p{font-size:1.6rem;color:#141824;/*! font-weight:600; */}
.compare-params dl dd p em{/*! font-size:1.4rem; *//*! color:rgba(20,24,36,0.6); */}
.compare-params dl dd p img{margin:0 5px 0 0;vertical-align:middle;}
.compare-params dl dd p img:last-child{margin-left:25px;}


/*------------------------------------------------------------*/


@media screen and (max-width:1280px){
.compare-top-box.scroll-top{padding:3rem 8%;}

.page-selector .list{width:60rem;}

}

@media screen and (max-width:768px){
.compare-top-box.scroll-top{position:static;padding:3rem 30px;}
.compare-box{overflow-x:auto;}
.compare-box > .wp{width:120rem;}

}

@media screen and (max-width:576px) {
.compare-top-box.scroll-top{padding:3rem 20px;}

.compare-list dl dt h4{font-size:2.4rem;}
.compare-params dl dd p{font-size:1.8rem;}
.compare-list dl dd h5{font-size:2.4rem;}

}

@media screen and (max-width:480px) {
.compare-top-box.scroll-top{padding:3rem 15px;}
.sidebanner .txt{flex-direction: column;justify-content: center;text-align:center;}
}