@charset "utf-8";
/*************************************************************************************************
                                                          MAIN PAGE
**************************************************************************************************/
/** common **/
.mainpage .product-tit{margin:0 0 75px 0;text-align:center}
.mainpage .more-full{margin:28px 0 0 0}

/** popMain **/
#popMain{width:598px;border:solid 1px #fff}
#popMain .content{height:698px;background:url('../img/pop/pop.jpg') no-repeat 50% 0}
#popMain .content .inner{color:#000;font-weight:400;line-height:1.3}
#popMain .content .inner .t1{margin:0 0 15px 0;font-size:40px;font-weight:500}
#popMain .bottom{position:relative;padding:0 15px;height:46px;line-height:46px;text-align:left;color:#555}

/** mainVisual **/
#mainVisual{margin:0 0 50px 0;height:680px}

/** bannerbox **/
.mainpage .bannerbox{margin:0 0 120px 0}
.mainpage .bannerbox .list{overflow:hidden}
.mainpage .bannerbox .list li{float:left;margin:0 0 0 30px}
.mainpage .bannerbox .list li:first-child{margin:0}
.mainpage .bannerbox .list .half{margin:30px 0 0 0}
.mainpage .bannerbox .list .half + .half{float:right}

/** recommend-products **/
.mainpage .recommend-products{width:1303px;height:516px;margin-bottom:100px}
.mainpage .recommend-products:before{content:'';position:absolute;left:0;width:100%;height:516px;background:#f7f7f7}
.mainpage .recommend-products .tit{position:relative;padding:54px 0 0 0;height:63px;font-size:30px;font-family:'Noto-R'}
.mainpage .recommend-products .tit span{color:#ff485a}
.mainpage .recommend-products .tit .more{position:absolute;right:0;top:56px}
.mainpage .recommend-products .item-slider{height:298px}
.mainpage .recommend-products .item-slider .bx-pager{bottom:-52px}

/** products-best **/
.mainpage .products-best{margin-bottom:118px}

/** products-new **/
.mainpage .products-new{margin-bottom:90px}

/** special-zone **/
.mainpage .special-zone{margin:0 0 80px 0;padding:0 0 40px 0}
.mainpage .special-zone h2{margin:0 0 60px 0;text-align:center}
.mainpage .special-zone .tabmenu{margin:0 auto 55px auto;width:1400px}
.mainpage .special-zone .sortmenu{margin-bottom:50px}
.mainpage .special-zone .col3bxslider{margin-bottom:80px;height:438px}
.mainpage .special-zone .products-list .list{margin-bottom:40px}
.mainpage .special-zone .products-list .thumb img{width:311px}

/** street-fashion **/
.mainpage .street-fashion{}
.mainpage .street-fashion h2{margin:0 0 70px 0;text-align:center}


/** main-banner-full **/
.main-banner-full{position:relative;margin:0 0 100px 0;background:#fccfc2}
.main-banner-full:before{content:'';position:absolute;right:50%;width:50%;height:100%;background:#5ea094}
.main-banner-full .inner{overflow:hidden;position:relative;margin:0 auto;width:1400px}
.main-banner-full .inner > div{float:left;width:50%;min-height:225px}
.main-banner-full .inner .tit{font-size:35px}
.main-banner-full .inner .tit:first-line{font-size:28px}
.main-banner-full .inner .left{text-align:right}


.mainpage .vacance-box{overflow:hidden;margin:0 auto 120px auto;width:1400px}
.mainpage .vacance-box .left{float:left;width:703px;height:392px;background:#000}
.mainpage .vacance-box .left > *{width:100%;height:100%}
.mainpage .vacance-box .right{float:right;width:697px}
.mainpage .vacance-box .right img{display:block;width:100%;height:auto}



.mainpage .sonatv-box{position:relative;margin:0 0 120px 0;padding:0 0 50px 0;text-align:center}
.mainpage .sonatv-box:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:350px;background:#f7f7f7}
.mainpage .sonatv-box h2{margin:0 0 60px 0}
.mainpage .sonatv-box .center-slider{margin:0 auto;width:1400px}
.mainpage .sonatv-box .center-slider .data{position:absolute;left:-99999px}
.mainpage .sonatv-box .slick-dots{position:relative;bottom:0;margin:120px 0 0 0}
.mainpage .sonatv-box .slick-dots li{margin:0 8px;width:252px;cursor:pointer;text-align:left}
.mainpage .sonatv-box .slick-dots li > span{display:block}
.mainpage .sonatv-box .slick-dots li .thumb{margin:0 0 8px 0;border:solid 3px #fff}
.mainpage .sonatv-box .slick-dots li .thumb img{display:block;width:100%;height:auto}
.mainpage .sonatv-box .slick-dots .slick-active .thumb{border-color:#ff485a}
.mainpage .sonatv-box .slick-dots li .tit{margin:0 0 8px 0;font-size:15px;color:#000;line-height:1.3}
.mainpage .sonatv-box .slick-dots li .writer{margin:0 0 6px 0;font-size:14px;color:#888}
.mainpage .sonatv-box .slick-dots li .info{overflow:hidden;font-size:14px;color:#888}
.mainpage .sonatv-box .slick-dots li .info span{display:inline-block}
.mainpage .sonatv-box .slick-dots li .info span + span{position:relative;margin:0 0 0 14px}
.mainpage .sonatv-box .slick-dots li .info span + span:before{content:'';position:absolute;left:-10px;top:5px;width:5px;height:5px;border-radius:50%;background:#878787}









