﻿#main-content{background:#fff;}
.indexbanner{position:relative;margin-top:107px;min-width:1080px;}
.indexbtncon{position:absolute;bottom:110px;left:50%;margin-left:-110px;width:220px;border-radius:22px;text-align:center;overflow:hidden;}
.indexbtncon .indexbannerbtn{display:block;width:50%;height:46px;line-height:46px;font-size:18px;background:#f3efee;color:#96969b;}
.indexbtncon .indexbannerbtn:hover{background:#ff6478;color:#fff;box-shadow:2px 8px 9px -6px #bc4958 inset;}
.indexbanner .bannerdes{position:absolute;bottom:196px;left:50%;margin-left:-312px;display:block;width:625px;height:90px;}
.indexprotit{margin:80px 0 30px;color:#32323c;text-align:center;}
.wyadhot{width:100%;height:131px;background:url("../../images/lottery/adlot1.jpg?v=2") no-repeat center center;cursor:pointer;}
.indexprotit span{display:block;font-weight:bold;line-height:28px;}
.hotsub{margin:0 -12px;}
.hotsub .hotsubli{float:left;margin:0 10px;position:relative;}
.hotsubli .hotsubimg{display:block;width:256px;height:256px;}
.designerimg,.designertit,.designerproname,.designerpromoney{display:block;}
.hotsubli:hover .hotsubdes{padding:15px 10px;max-height:40px;min-height:20px;}
.hotsubdes{position:absolute;bottom:0;padding:0 10px;width:236px;height:0;background:rgba(50,50,60,0.7);color:#fff;font-size:14px;text-align:center;line-height:20px;overflow:hidden;-webkit-transition: all linear 150ms;transition: all linear 150ms;}
.designersubhead,.designersubhead .designerinfo{display:block;width:340px;height:186px;}
.designersubhead{position:relative;}
.designersubhead .designerinfo{position:absolute;top:0;left:0;}
.designerimg{margin:32px 0 0 126px;width:82px;height:82px;border-radius:50%;overflow:hidden;border:3px solid #fff;}
.designerimg img,.designerproimg{;width:100%;}
.designerproimg{margin-top:10px;}
.designertit{font-size:18px;text-align:center;color:#fff;font-weight:bold;line-height:34px;}
.designersub{padding:45px 0;width:100%;background:#f2f2f6;overflow:hidden;}
.designersubli{float:left;}
.designersubli,.designerpro{width:340px;}
.designerpro{border-bottom:1px solid #d2d2d7;background:#fff;}
.designerproli{float:left;width:50%;font-size:14px;color:#64646e;text-align:center;}
.designerproli:first-child{border-right:1px solid #d2d2d7;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.designerproname{margin-top:10px;}
.designerproname,.designerpromoney{padding:0 10px;line-height:20px;width:150px;height:20px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.designerpromore{display:block;margin-right:20px;padding:0 20px;height:32px;line-height:32px;color:#96969b;background:#fff;}
.arrowleft{margin-top:9px;width:16px;height:16px;background-position:0 -178px;opacity: 0.7;}
.adcon{margin:45px -10px;}
.adcon .hotsubli{margin:0 10px;}
.adcon .hotsubli .hotsubimg{width:528px;height:318px;}
.adcon .adlast .hotsubimg{width:1080px;}
.adcon .hotsubdes{text-align:left;}
.adcon .hotsubp{padding:0 20px;}
.hotsubname{margin-left:10px;font-size:12px;}
/**热销宝贝列表样式*/
.hotsellcon{margin:0 -12px;}
.hotsellcon .hotsellconli{float:left;margin:0 10px 20px;width:254px;border:1px solid #e7e7e7;}
.hotsellconli .hotadimgone{width:100%;height:694px;}
.hotsellcon .hotadimgtwo,.hotsellconli .hotadimgtwoimg{width:530px;height:336px;}
.hotpro,.hotproimg{width:254px;height:254px;overflow:hidden;}
.hotpro{position:relative;display:block;border-bottom:1px solid #e7e7e7;margin-bottom:5px;}
.hotpro:hover .hotproimgy{display:block;}
.hotproimgy{position:absolute;top:0;left:0;z-index:2;display:none;}
.normalprtit,.normaldescon{margin:0 10px 4px;}
.normalprtit{color:#000;height:30px;line-height:30px;}
.normalt{width:140px;font-size:14px;color:#32323c;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.normalt,.normalmoney{display:block;height:30px;overflow:hidden;}
.normaldes{width:140px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
.normaldes{color:#96969b;height:38px;}
.normalprtit .normalmoney{font-size:18px;width:92px;text-align:right;color:#32323c;}
.normalprtit .normoney{margin-right:4px;font-size:12px;}
/**热销宝贝列表样式end*/
.swiper-container{position:relative;height:449px;}
.swiper-button-next,.swiper-button-prev{position:absolute;top:-32px;left:auto;bottom:auto;width:22px;height:22px;background-image:url("../../images/index/jiantou.svg");background-size:cover;background-position:0 0;}
.swiper-button-next,.swiper-button-prev,.swiper-button-next:hover,.swiper-button-prev:hover{background-position:0 0;}
.swiper-button-prev{right:0;}
.swiper-button-next{right:30px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.swiper-slide,.swiper-button-disabled{opacity:0.2;}
.swiper-button-disabled{cursor: not-allowed;}
.swiper-slide-visible{opacity:1;}
/**首页banner*/
.splitview *{box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.splitview {height:530px;min-height:450px;max-height: 550px;overflow: hidden;background: #000;background: -webkit-linear-gradient(115deg,#000 50%,#000 100%);background: linear-gradient(-25deg,#000 50%,#000 100%);}
.splitview ul{margin:0 auto;padding:0;width:100%;max-width:1920px;height:100%;}
.splitview ul li{position:relative;float: left;margin:-5% 0;padding:0;width:20%;height:130%;overflow:hidden;-webkit-transform: rotate(15deg);transform: rotate(15deg);box-shadow:0 0 35px rgba(0,0,0,.5);background-color: #f3f3f3;}
.splitview ul li.mermaid{background: #000;}
.splitview ul li.black{background: #000;}
.splitview ul li.white{background: #f5f5f5;}
.splitview ul li img{padding: 0 0 25% 0;width:auto;height:100%;-webkit-transform: rotate(-15deg) translateX(-24%);transform: rotate(-15deg) translateX(-24%);-webkit-transition: all 1s ease-in;transition: all 1s ease-in;}
.splitview ul li:hover:after {display:none;}
.splitview ul li:after {position:absolute;content: '';top: 0;display:block;height:100%;width:100%;background:#002832;opacity:.4;-webkit-transition: all .4s ease;transition: all .4s ease;}
.splitview ul li:hover img{-webkit-transform: rotate(-15deg) translateX(-24%) scale(1.05);transform: rotate(-15deg) translateX(-24%) scale(1.05);}
.js-newSuggestProduct{position:relative;display:block;left:50%;margin:20px 0 0 -92px;width:184px;height:28px;line-height:28px;background:#64646e;font-size:14px;color:#fff;border-radius:15px;cursor:pointer;}
.doticon{position:absolute;top:-5px;margin-left:26px;display:block;width:131px;overflow:hidden;}
.morespan{position:absolute;margin-left:50px;display:block;width:84px;background:#64646e;text-align:center;z-index:2;}
.js-newSuggestProduct:hover,.js-newSuggestProduct:hover .morespan{background:#ff6478;}
.zxloading{display:none;}
.qq.indexicon{
    background: url(../../images/index/header-qq-icon.png);
    background-position: 0 -25px;
}
@media (max-width: 900px) {
    .splitview ul li img {
        -webkit-transform: rotate(-15deg) translateX(-10%);
        transform: rotate(-15deg) translateX(-40%);
        padding-bottom:0;
    }
    .splitview ul li:hover img {
        -webkit-transform: rotate(-15deg) translateX(-10%) scale(1.05);
        transform: rotate(-15deg) translateX(-40%) scale(1.05);
        padding-bottom:0;
    }
    .splitview ul li{height:144%;}
}
.indexlead{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);z-index:301;cursor:pointer;}
.indexlead .w1080{position:relative;}
.indexlead .indexstep1,.indexlead .indexstep2{position:absolute;top:48px;display:block;width:242px;height:284px;}
.indexlead .indexstep1{right:-38px;background:url("../../images/index/step1.png") no-repeat;}
.indexlead .indexstep2{right:148px;background:url("../../images/index/step2.png") no-repeat;display:none;}