/*公共*/
*{
    margin: 0;
    padding: 0;
}
i, cite, em, var, address, dfn {
    font-style: normal;
}
html, body {
    -ms-overflow-style: scrollbar;
    min-width: 1200px;
}
body{
    font-family:'Microsoft YaHei';
    color: #333;
    font-size: 14px;
    line-height: 1.6;
    background-color: #fefefe;
}
ul, li{
    list-style: none;
    padding: 0;
    margin: 0;
}
.sh-product-well{
    /* float: left; */
    /* width: 100%; */
    /* padding: 10px 0 0 10px; */
    overflow: hidden;
}
dl,p,.h1, .h2, .h3, h1, h2, h3{
    margin: 0;
}
label{
    margin: 0;
    font-weight: 500;
}
.pt{
    padding-top:78px;
}
.pt-new{
    padding-top:140px;
}
.w-1200{
    width: 1200px;
    margin: 0 auto;
}
.clearfix:after {
     content: " ";
     display: block;
     clear: both;
     height: 0;
 }
a:link{
    text-decoration: none;
}
a:focus{
    outline: none;
}
input:focus{
    border:none;
}
dt{
    font-weight:normal;
}
.a-block{
    display: block;
    width:100%;
    height:100%;
}
.swiper-button-next, .swiper-button-prev{
    width:27px;
    height:27px;
    outline: none;
}
.clearFix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
.lf{
    float:left;
}
.rt{
    float:right;
}
.pl{
    padding:0 15%;
}
.a4-14{
    font-size:14px;
    color:#4a4a4a;
}
.arrow-right{
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #929292;
    border-right: 1px solid #929292;
    transform: rotate(45deg);
    margin:0 12px;
}
.arrow-bottom{
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #929292;
    border-right: 1px solid #929292;
    transform: rotate(135deg);
    margin:0 6px;
}
.top-bottom{
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #929292;
    border-right: 1px solid #929292;
    transform: rotate(-45deg);
    margin:0 6px;
}
.dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #757575;
}
.sh-header-mark{
    width:100%;
    height:100%;
    position:fixed;
    z-index: 10;
    top:0;
    background-color: rgba(0,0,0,.2);
    display: none;
}



/*搜索*/
.header-search-box{
    width:100%;
    padding:2% 25%;
    position:fixed;
    top:88px;
    border-top:1px solid #e9e8e4;
    border-bottom:1px solid #e9e8e4;
    background-color: #fefefe;
    display: none;
    z-index: 11;
}
.header-search-box .search-close{
    position:absolute;
    right:40px;
    top:4%;
    cursor: pointer;
}
.header-search-box .header-search-history{
    width:66%;
    border-right: 1px solid #e9e8e4;
}
.header-search-box .header-search-history dl{
    width:28%;
    margin-right:4%;
}
.header-search-box .header-search-history dt{
    text-align: center;
    color:#333;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 6px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.header-search-box .header-search-history dl img{
    width:100%;
}
.header-search-box .header-search-now{
    width:34%;
}
.header-search-box .header-search-now .header-search-rt{
    width:80%;
    margin-left: 20%;
}
.header-search-box .header-search-now h3{
    color:#333;
    font-size:14px;
    text-align: center;
    line-height: 24px;
    margin-bottom: 30px;
}
.header-search-box .header-search-input{
    display: inline-block;
    position: relative;
    width:100%;
}
.header-search-box .header-search-input input{
    width:100%;
    background:none;
    outline:none;
    border:1px solid #b3b3b3;
    font-size:14px;
    color:#9c9c9c;
    padding:4px 8px;
}
.header-search-box .header-search-input input::-webkit-input-placeholder {
    color:#9c9c9c;
}
.header-search-box .header-search-input input::-moz-placeholder {
    color:#9c9c9c;
}
.header-search-box .header-search-input input:-ms-input-placeholder{
    color:#9c9c9c;
}
.header-search-box .header-search-input input:focus{
    border:1px solid #b3b3b3;
}
.header-search-box .header-search-btn{
    width:26px;
    height:26px;
    position: absolute;
    top:4px;
    right:8px;
    padding-left:8px;
    border-left:1px solid #b3b3b3;
}
.header-search-box .header-search-btn img{
    width:16px;
}
.header-search-now p{
    text-align: center;
    color:#cbcbcb;
    margin: 16px 0;
}
.header-search-now h4{
    color:#333;
    font-size:12px;
    text-align: center;
    margin-bottom: 20px;
}
.header-search-now .header-phone{
    width:100%;
    background-color: #797979;
    height:36px;
    line-height: 34px;
    text-align: center;
    color:#dec6a2;
}
.header-search-now .header-phone .phone-icon{
    display: inline-block;
    width:16px;
    height:16px;
    background: url("../images/phone_icon.png");
    background-size: 100% 100%;
    position:relative;
    top:3px;
    margin-right:2px;

}
.search-prompt{
    text-align: center;
    line-height: 210px;
    display: none;
}



/*产品详情*/
.sh-detail-swiper1 img{
    width:100%;
}
/*.swiper-wrapper{*/
    /*overflow: hidden;*/
/*}*/
.swiper-slide{
    position: relative;
}
.swiper-button-prev{
    background-image: url("../../../images/left_arrow.png");
    background-size: 100% 100%;
}
.swiper-button-next{
    background-image: url("../../../images/right_arrow.png");
    background-size: 100% 100%;
}

.zoomContainer,
.zoomLens{
    z-index: 10;
}

@-webkit-keyframes flipOutYtest {
    from {
        /*-webkit-transform: perspective(1400px);*/
        /*transform: perspective(1400px);*/
        opacity: 1;
    }

    40% {
        /*-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);*/
        /*transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);*/
        opacity: 0.7;
    }

    60% {
        /*-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);*/
        /*transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);*/
        opacity: 0.4;
    }

    to {
        /*-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);*/
        /*transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);*/
        opacity: 0;
    }
}

.test{
    -webkit-animation: flipOutYtest 1s linear;
    animation: flipOutYtest 1s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes flipInYtest {
    from {
        /*-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);*/
        /*transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);*/
        opacity: 0;
    }

    40% {
        /*-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);*/
        /*transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);*/
        opacity: 0.4;
    }

    60% {
        /*-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);*/
        /*transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);*/
        opacity: 0.7;
    }

    to {
        /*-webkit-transform: perspective(1400px);*/
        /*transform: perspective(1400px);*/
        opacity: 1;
    }
}

.test2{
    -webkit-animation: flipInYtest 1s linear;
    animation: flipInYtest 1s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#well{
    text-align: center;
}

#well .well-item{
    position: relative;
    display: inline-block;
    width:33%;
    margin-right:0.2%;
}
#well .well-item:last-child{
    margin-right:0;
}
@media screen and (min-width:768px) and (max-width:1024px){
    #well .well-item{
        width:90%;
        margin-left:5%;
        margin-right:0;
        margin-bottom: 20px;
    }
}
#well .well-item>img{
    width: 100%;
}
.correct{
    position: absolute;
    width: 100%;
}
.opposite-content{
    display: table;
    width: 100%;
}
.opposite-content-text{ display: table-cell; vertical-align: middle; text-align: center; color: white; font-size: 24px; }


.sh-detail-tab{
    font-size:14px;
    color: #4c4b49;
    padding:40px 0 4px 250px;
    border-bottom: 1px solid #eae9e7;
}

.sh-detail-tab-new{
    position:fixed;
    z-index: 99;
    background-color:#fefefe;
    font-size:14px;
    color: #4c4b49;
    width:100%;
    padding:114px 0 4px 250px;
    /*border-bottom: 1px solid #eae9e7;*/
}
.sh-detail-tab a{
    color: #b4b4b4;
}
.sh-detail-tab .arrow-right{
    position:relative;
    bottom: 2px;
}
.sh-detail-tab-new a{
    color: #b4b4b4;
}
.sh-detail-tab-new .arrow-right{
    position:relative;
    bottom: 2px;
}

.sh-detail-section{
    padding-bottom: 80px;
    border-bottom: 2px solid #f0efeb;
}

.sh-detail-info .sh-detail-three img{
    width:100%;
}
.sh-detail-info .sh-detail-three .hide-img{
    display: none;
}
.sh-detail-info .sh-detail-three .hide-txt-box{
    width:100%;
    height:80px;
    background-color: rgba(232,232,232,.8);
    position:absolute;
    bottom: 0px;
    padding-top:20px;
    display: none;
}
.sh-detail-info .sh-detail-three .hide-txt-box .color-image{
    width:40px;
    height:41px;
    overflow: hidden;
    position:relative;
    margin: 0 3% 0 6%;
}
.sh-detail-info .sh-detail-three .hide-txt-box .vertical-bar{
    width:1px;
    height:40px;
    background-color: #9e9586;
}
.sh-detail-info .sh-detail-three .hide-txt-box h5{
    height:44px;
    line-height: 46px;
    margin:0;
    padding:0 16px;
    border-right: 1px solid #9e9586;
    color:#333;
}
.sh-detail-info .sh-detail-three .hide-txt-box p{
    color:#333;
    margin-bottom:2px;
    margin-left:3%;
}
.sh-detail-info .sh-detail-three .a-line-txt p{
    margin-bottom:0;
    line-height: 46px;
}


.sh-detail-threeTxt {
    padding-top:70px;
}
.sh-detail-threeTxt>div.lf{
    width:70%;
}
.sh-detail-threeTxt>div.rt{
    width:24%;
}
.sh-detail-threeTxt>div .sh-clothers-details{
    height:132px;
    line-height: 122px;
}
.sh-detail-threeTxt>span{
    font-size: 14px;
    color:#626262;
}
.sh-detail-threeTxt h1{
    font-size:22px;
    color:#333333;
    margin:14px 0 28px 0;
    width:100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.sh-detail-threeTxt .sh-detail-price{
    font-size:16px;
    color:#ababab;
}
.sh-detail-threeTxt .sh-detail-price span{
    font-size:12px;
    margin-right:4px;
}
.sh-detail-threeTxt p.a4-14{
    margin:14px 0 24px 0;
    width:100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sh-detail-line>div{
    width:33.3%;
    height:3px;
    margin-right:0.05%;
    margin-bottom:6px;
    margin-top:20px;
}
.sh-detail-line>div:last-child{
    margin-right:0;
}
.sh-detail-line .sh-detail-color1{
    background-color: #404761;
}
.sh-detail-line .sh-detail-color2{
    background-color: #374876;
}
.sh-detail-line .sh-detail-color3{
    background-color: #6d6f7b;
}

.sh-detail-color .sh-clothes-color{
    margin-left:6px;
}
.sh-detail-color div.lf{
    color:#4a4a4a;
    margin-right:50px;
}
.sh-detail-color .sh-color-box{
    margin-top:14px;
    padding-bottom:18px;
    border-bottom: 1px solid #f0efeb;
}
.sh-detail-color .sh-color-box dl{
    width:40px;
    text-align: center;
    margin-right: 30px;
    cursor: pointer;
}
.sh-detail-color .sh-color-box dl:last-child{
    margin-right:0;
}
.sh-detail-color .sh-color-box dl.color-active dd{
    color:#dec6a2;
}
.sh-detail-color .sh-color-box .mask-color {
    display: none;
}
.sh-detail-color .sh-color-box dl.color-active .mask-color{
    display: block;
}
.sh-detail-color .sh-color-box dt{
    position:relative;
    width:40px;
    height:41px;
    overflow: hidden;
}
.sh-detail-color .sh-color-box img{
    width:40px;
    height:41px;
    cursor: pointer;
}
.mask-color{
    position:absolute;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 41px solid #fefefe;
    border-bottom: 20px solid transparent;
    position:absolute;
    left:15px;
    top:0;
}
.mask-color2{
    position:absolute;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 41px solid rgba(232,232,232,.8);
    border-bottom: 20px solid transparent;
    position:absolute;
    left:15px;
    top:0;
}
.sh-detail-color .sh-color-box dd{
    font-size:12px;
    color:#424240;
    margin-top:10px;
}


.sh-detail-specialty{
    margin-top:60px;
    position: relative;
}
.sh-detail-specialty .swiper-button-next4{
    right:12%;
}
.sh-detail-specialty .swiper-button-prev4{
    left:12%;
}
.sh-detail-specialty h1{
    width:140px;
    font-size:16px;
    color:#333;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
    margin:0 auto;
    padding-bottom: 20px;
}
.sh-detail-specialty .sh-detail-figure{
    width:84%;
    padding:0 8%;
    margin:40px 8% 0 8%;
}
.sh-detail-figure li{
    width:45%;
    margin-right:10%;
}
.sh-detail-figure li:last-child{
    margin-right:0;
}
.sh-detail-figure li img{
    width:100%;
}


.sh-detail-composition{
    border-top: 2px solid #f0efeb;
    border-bottom: 2px solid #f0efeb;
}
.sh-detail-composition ul{
    width:100%;
    padding:23px 0;
}
.sh-detail-composition li {
    float: left;
    width:23%;
    margin-right:2.6%;
    border-right:1px solid #f0efeb;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding:18px 0;
}
.sh-detail-composition li:nth-child(4n+4){
    margin-right:0;
    border-right:none;
}


.sh-detail-composition ul .one-place{
    letter-spacing:14px;
}
.sh-detail-composition ul .two-space{
    letter-spacing:28px;
}
.sh-detail-composition .dot{
    position:relative;
    bottom: 4px;
    margin-right:6px;
}

.sh-detail-share{
    color:#4a4a4a;
    padding:14px 0;
}
.sh-detail-share img{
    width:20px;
    margin-right:8px;
}
.sh-detail-share span{
    margin-left:10px;
}
.sh-detail-share .sh-share-rt{
    margin-left:20px;
}
.sh-detail-share .sh-share-rt img:first-child{
    margin-left:8px;
}

.sh-detail-four{
    margin-top:60px;
    margin-bottom: 10px;
}
.sh-detail-four li{
    width:24.9%;
    margin-right:0.13%
}
.sh-detail-four li:last-child{
    margin-right:0;
}
.sh-detail-four li img{
    max-width:100%;
}


.sh-detail-browse{
    margin-top:60px;
}
.sh-detail-browse h4{
    font-size: 14px;
    color:#333;
    padding-bottom: 16px;
    border-bottom: 2px solid #f0efeb;
    text-align: center;
}
.sh-detail-browse ul.clearFix{
    margin-top:26px;
}
.sh-detail-browse ul.clearFix li{
    width:33%;
    margin-right:0.5%;
}
.sh-detail-browse ul.clearFix li:last-child{
    margin-right:0;
}
.sh-detail-browse img{
    width:100%;
}
.sh-detail-browse h5,
.sh-detail-browse p{
    font-size:14px;
    text-align: center;
}
.sh-detail-browse p span{
    margin-right:4px;
}
.sh-detail-browse h5{
    color:#494949;
    margin-top:40px;
}
.sh-detail-browse p{
    color:#c7c7c7;
}

.sh-detail-select{
    width:220px;
    position:relative;
}
.sh-detail-select li {
    cursor: pointer;
}
.sh-detail-select .size-guide{
    height:58px;
    position: absolute;
    right:18px;
    top:0;
    z-index: 2;
    color:#dec6a2;
    cursor: pointer;
}
#select-box>li{
    width:220px;
    height:40px;
    line-height: 38px;
    border:1px solid #4f4f4f;
}
#select-box {
    line-height: 24px;
    list-style-type: none;
    margin-top:20px;
}
#select-box .arrow-bottom{
    position:relative;
    bottom: 4px;
    margin:0 12px 0 20px;
}
#select-box .top-bottom{
    margin:0 12px 0 20px;
}
#select-box li .select-choose {
    line-height: 27px;
    list-style-type: none;
    text-align:left;
    width: 220px;
    position: absolute;
    margin-top:1px;
    margin-left:-1px;
    border:1px solid #4f4f4f;
    border-right:none;
    border-top:none;
    display: none;
    z-index: 10;
}
#select-box li .select-choose li{
    width: 219px;
    background:#fff;
    line-height: 36px;
    padding-left:20px;
    border-right:1px solid #4f4f4f;
}
#select-box li .select-choose li:hover{
    background-color: #574c3a;
    color:#fff;
}

.sh-detail-mark{
    width:100%;
    height:100%;
    position:fixed;
    z-index: 1000;
    top:0;
    background-color: rgba(0,0,0,.2);
    display: none;
}
.sh-size-content{
    background-color: #fefefe;
    width:80%;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom: 0;
    margin:auto;
}
.sh-size-content .sh-size-box{
    width:100%;
    margin:auto;
    text-align: center;
}
.sh-size-content .sh-size-close{
    position:absolute;
    top:4%;
    right:2%;
}
.sh-size-content .sh-size-box h1{
    text-align: center;
    font-size:24px;
    color:#606060;
    border-bottom: 1px solid #c6c6c6;
    padding:8% 0 16px 0;
}
.sh-size-content .sh-size-version>div{
    width:49%;
}
.sh-size-content .sh-size-version .size-table{
    width:100%;
    margin-top:10px;
}
.sh-size-content .sh-size-version h2 {
    font-size:14px;
    color:#565656;
    border-bottom: 1px solid #c6c6c6;
    padding:18px 0 10px 24%;
}
.sh-size-content .sh-size-box th{
    color:#565656;
}
.sh-size-content .sh-size-box td,
.sh-size-content .sh-size-box th{
    width:20%;
    height:36px;
    text-align: center;
}
.sh-size-content .sh-size-box td{
    color:#a79a87;
}
.sh-size-content .sh-size-box .f2{
    background-color: #f2f2f2;
}
.sh-size-content .sh-size-box h3{
    font-size:24px;
    color:#606060;
    text-align: center;
    margin:40px 0 16px 0;
}
.sh-size-content .sh-size-box h4{
    font-size:14px;
    color:#606060;
    text-align: center;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 16px;
}
.sh-size-content .measurement{
    margin-top:40px;
}
.sh-size-content .measurement div.lf,
.sh-size-content .measurement ul.lf{
    width:50%;
}
.sh-size-content .measurement div.lf{
    text-align: center;
}
.sh-size-content .measurement div.lf img{
    width:60%;
    margin-top:50px;
}
.sh-size-content .measurement ul.lf{
    padding-left:20px;
}
.sh-size-content .measurement ul.lf h5,
.sh-size-content .measurement ul.lf p{
    margin-top:16px;
}


.sh-detail-style{
    margin:18px 0;
    position:relative;
}
.sh-detail-style div.lf,
.sh-detail-style2 div.rt{
    width:60%;
}
.sh-detail-style div.lf img,
.sh-detail-style2 div.rt img{
    width:100%;
}
.sh-detail-style .sh-detail-fashion{
    width:40%;
    position:absolute;
    right:0;
    top:0;
    bottom: 0;
    margin:auto;
    display:table;
}
.sh-detail-style .sh-detail-fashion .sh-detail-pos{
    display:table-cell;
    vertical-align:middle;
}
.sh-detail-style .sh-detail-fashion .sh-detail-pos h1,
.sh-detail-style .sh-detail-fashion .sh-detail-pos p{
    padding-left:15%;
    width:60%;
}
.sh-detail-style .sh-detail-fashion .sh-detail-pos h1,
.sh-detail-style2 .sh-detail-explore .sh-detail-left h1{
    font-size:24px;
    color:#212121;
    font-weight: normal;
    margin-bottom: 20px;
}
.sh-detail-style .sh-detail-fashion .sh-detail-pos p,
.sh-detail-style2 .sh-detail-explore .sh-detail-left p{
    color:#333;
    font-size:14px;
}

.sh-detail-style2{
    position: relative;
}
.sh-detail-style2 .sh-detail-explore{
    width:40%;
    position:absolute;
    left:0;
    top:0;
    bottom: 0;
    margin:auto;
    display:table;
}
.sh-detail-style2 .sh-detail-explore .sh-detail-left{
    display:table-cell;
    vertical-align:middle;
}
.sh-detail-style2 .sh-detail-explore .sh-detail-left h1,
.sh-detail-style2 .sh-detail-explore .sh-detail-left p{
    padding-left:25%;
    width:60%;
}

.collect-love{
    position:absolute;
    right:20px;
    top:20px;
    z-index: 100;
    cursor: pointer;
}

.sh-detail-video img {
    width: 100%;
}

.zoomify-shadow{
    background: rgba(0,0,0,.1);
}
.txt-over-color {
    width:50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}