* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
a { color: #fff; text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
}
li { list-style: none; }
#din { width: 100%; height: 3.5rem; text-align: center; font-size: 22px; border-bottom: 1px solid #ededed; line-height: 4rem; position: fixed; top: 0; background-color: #fff; z-index: 25; }
#din a { float: left; padding-left: 1rem; height: 80%; }
.din-txt { overflow: hidden; width: 100%; /* padding-top: 4rem; */background-color:#fff; }
.seckil-box { width: 100%; height: 14.6rem; overflow: hidden;background-color:#fff;position:relative;border-radius: .3rem; margin-bottom: .3rem;box-shadow: 2px 3px 14px #ebebeb; }
.seckil-box > a:nth-child(1) > img { width: 100%;height:100%; }
.seckil-box>a:nth-child(1){height:8rem;width:100%;display:inline-block;overflow:hidden;}
.seckil-box>a:nth-child(1)>div>img{width:100%;height:100%;}
.seckil-box >a:nth-child(2)>p { display: -webkit-box; word-break: break-word; text-overflow: clip; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 0.75rem;margin:.25rem .5rem 0 1rem;color:#333;font-weight: bold; }
.seckil-box>div>a{color:#333333;}
.pl { color: #858585; display: -webkit-box; word-break: break-word; text-overflow: clip; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; padding-left: 1rem; padding-right: 0.5rem; font-size: 0.7rem; }
.seckil-box button { width: 1.5rem; height: 1.1rem; border-radius: 5px; margin-top: 0.5rem; font-size: 0.6rem;margin-left:.3rem; }
.seckil-box .color1 { background-color: #ff003c; color: #fff; border: 0 #ff003c; margin-left: 1rem; }
.seckil-box .color2 { background-color: #ffdc88; color: #ff9012; border: 0 #ffdc88; }
.seckil-box .color3 { background-color: #ffa1bc; color: #ff1558; border: 0 #ffa1bc; }
.seckil-box > div:nth-child(5) { margin-top: .8rem; padding-left: 1rem; font-size: 0.8rem;color:#bbb;font-weight:bold; }
.seckil-box > div:nth-child(5)>p:nth-child(1){
    font-size:.6rem;
    font-weight:100;
}
.seckil-box > div:nth-child(5)>p:nth-child(2)>span:nth-child(1){
        color: #ff003c;
    font-size: .75rem;
}
.seckil-box > div:nth-child(5)>p:nth-child(2)>span:nth-child(1)>span{
    font-size:.6rem;
}
.seckil-box > div:nth-child(5)>p:nth-child(2)>span:nth-child(2){
    text-decoration: line-through;
    color: #999;
    font-size: .6rem;
}
#box-ckil { float: right; padding-top: .5rem; padding-bottom: 0.5rem; font-size: 0.8rem; margin: 0 4rem 0.1rem 0; text-decoration: none;color:rgba(153,153,153,1); }
/*#box-ckil:hover { color: #ff003c; border-bottom: 2px solid; }*/
#know {  width: 4.5rem; border-radius: 1rem; height: 1.8rem; background-color: #ff003c; color: #fff; border: 0 #ff003c; position: absolute; bottom: .7rem; right: 1rem; }
#wrap { width: 100%; }
#wrap-cl { float: left; padding-top: .5rem; padding-bottom: 0.5rem; font-size: 0.8rem; /* border-bottom: 1px solid; */ margin: 0 0 0.1rem 4rem; text-decoration: none; color: #ff003c; border-bottom: 2px solid; }

.wrap-tp { width: 100%; float: left; }
.wrap-tp > img { width: 100%; }
#seckil { display: none;padding:.5rem; }
#free{background-color:#fff;}
/* 轮播 */
.wrap-up { float: left; width: 100%; height: auto; }
#leave { width: 100%; height: 17.7rem; border-bottom: 1px solid #ededed; overflow: hidden; }
#leave > ul { width: 100%; height: 100%;position:relative; }
#leave ul > li { float: left; width: 100%; text-align: center; font-size: 0.7rem; display:none; position: absolute;}
#leave > ul > li > div:nth-child(1) { height: 12rem;width:12rem; margin:0 auto;max-width:100%;max-height:100%;margin-bottom:0.5rem;padding-top:0.75rem;overflow:hidden; }
#leave > ul > li > div:nth-child(1) >a{display:inline-block;width:100%;height:100%;}
#leave > ul > li > div:nth-child(1) >a> img { height: 100%; }
#leave ul > li > div:nth-child(2) { overflow:hidden;height:1.2rem; }
#leave ul > li > div:nth-child(2) >span{font-size:0.65rem;}
#leave>ul>li>div:nth-child(3){
    padding: 0.2rem 3.8rem;
    overflow:hidden;
}
#leave>ul>li>div:nth-child(3)>div{
    display:inline-block;
    float:left;
}
#leave>ul>li>div:nth-child(3)>div>span:nth-child(1){
    color: #ff003c;
    font-size: 1rem;
}
#leave>ul>li>div:nth-child(3)>div>span:nth-child(2){
    color: #adadad;
    text-decoration: line-through;
    font-size:0.65rem;
}
#leave>ul>li>div:nth-child(3)>div>p{
    color: #adadad;
    font-size:.6rem;
    text-align:left;
}
/* .l_1{display: none;} */
.l_2 { display: none; }
.l_3 { display: none; }
.l_4 { display: none; }
.btll {
    background-color: #ffa51f;
    color: #fff;
    border: 0 solid #ffa51f;
    border-radius: 3px;
    width: auto;
    height: 0.6rem;
    display: inline-block;
    font-size: 0.55rem;
    padding: 0.1rem;
    line-height: 0.6rem;
}
#pull { width: 5.3rem; border-radius: 8px; height: 1.7rem; background-color: #ff003c; color: #ededed; border: 0 #ff003c;margin-left:0.8rem;margin-top:.4rem; }
.but_active{
    width: 5.3rem;
    border-radius: 8px;
    height: 1.7rem;
    background-color: #ff003c;
    color: #ededed;
    border: 0 #ff003c;
    margin-left:0.8rem;
    float:right;
    margin-top:.4rem;
}
.do{
    width: auto;
    padding-top: 0.5rem;
    left:0;
    height: 4.5rem;
    position:relative;
    white-space:nowrap;
    display:inline-block;
}
.do .l1{
    text-align: center;
    
}
.do .l3{
    text-align: center;
    
}
.l1>img,
.l3>img,
.l2>img,
.l4>img{height: 100%;}
.do span{
    width: 3.4rem;
    height: 3.5rem;
    overflow: hidden;
    margin-left: 0.5rem;
    padding: 0.2rem;
    border: 1px solid transparent;
    box-shadow:0px 1px 8px #f2f2f2;
    display:inline-block;

}
.do>span>img{width:100%;}

/* .block{display: block!important;} */
.mlzhi{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.mz{
    width: 100%;
    height: 8rem;
}
.mz>img{
    height: 100%;
}
/*商品*/
.bom { width: 100%; height: auto; overflow: hidden; background-color: #f2f2f2; /* padding-top: 4rem; */ }
.bom-box { width: 100%; float: left; background-color: #fff;position:relative;border-bottom:0.3rem solid #f2f2f2; }
.box-r { float: right; width: 63%; overflow: hidden; }
.bx-r-tp {display: -webkit-box;
    word-break: break-word;
    text-overflow: clip;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 1rem;
    padding: 0.8rem 0.5rem 0 0rem;
    font-size: 0.75rem;
    color: #333333; }
.bx-r-tp > a { color: #000; }
.ig { width: 35%; height: 7.3rem; text-align: center; line-height: 13rem; float: left; background-color: #fff;overflow:hidden; }
.ig > a { height: 100%; float: left; width: 100%;}
.ig > a > img { width:100%; }
.color1 { background-color: #ff003c; color: #fff; border: 0 #ff003c; }
.color2 { background-color: #ffdc88; color: #ff9012; border: 0 #ffdc88; }
.color3 { background-color: #ffa1bc; color: #ff1558; border: 0 #ffa1bc; }
.box-r .b-l-1 {color: #858585;
    font-size: 0.6rem;
    display: -webkit-box;
    word-break: break-word;
    text-overflow: clip;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 1.5rem;
    padding: 0.3rem 0.5rem 0 0rem;}
.box-r .box-sp { float: right; margin-right: 0.9rem; margin-top: 0.7rem; font-size: 0.55rem; color: #999999; }
.b-s { padding-top: 0.3rem; padding-bottom: 0.2rem; font-size: 0.8rem; }
/*.exchange{ float: left; width: 4.5rem; border-radius: 5px; height: 1.55rem; background-color: #ff003c; color: #ededed; border: 2px #ff003c; font-size: 0.75rem; margin-left: 0.8rem; margin-top: 0.1rem; text-align: center; line-height: 1.55rem; }*/
.btp{display:inline-block;}
.btp>span:nth-child(1){
    display: block;
    background-color: #ffe6bf;
    color: #ffa51f;
    width: 3.5rem;
    font-size: 0.65rem;
    height: 1rem;
    text-align: center;
    border-radius: 5px;
    margin-top: 0.5rem;
    line-height: 1rem;
}
.btp>span:nth-child(2){
    font-size: 0.75rem;
    color: #ff003c;
}
.btp>span:nth-child(2)>i{
    font-size: 0.75rem;
    color: #ff003c;
    font: -webkit-control;
}
.exchange{
    width: 4.5rem;
    border-radius: 5px;
    height: 1.7rem;
    background-color: #ff003c;
    color: #ededed;
    border: 0 #ff003c;
    font-size: 0.7rem;
    margin-left: 1rem;
    margin-top: 0.1rem;
    text-align: center;
    line-height: 1.7rem;
    position: absolute;
    left: 12.8rem;
    top: 4.7rem;
}
/*倒计时*/
.Aothty_taosan_timer {
   margin-left: .3rem;
    color: #fff;
    position: relative;
    width: 5.5rem;
    height: .9rem;
    top: .5rem;
    left: .8rem;
    line-height: 0;
    border: 1px solid #ff003c;
    border-radius: .15rem;
    font-size: .5rem;
}
.Aothty_taosan_timer>span {
    background-color: #ff003c;
    display: inline-block;
    width: 40%;
    height: 100%;
    text-align: center;
    line-height: 1.9;
}
.Aothty_taosan_timer>em {
    font-style: inherit;
    margin-left: .65rem;
    color: #ff003c;
}
.Aothty_taosan_timer>em>b {
    color: #ff003c;
}