@charset "utf-8";
body {background:#f2f2f2;-webkit-tap-highlight-color:rgba(0,0,0,0)}

.ch_header{ height:38px; line-height:38px; padding:5px 66px 5px 130px;background:#f2f2f2; box-shadow:0 0 5px #f2f2f2;}
.h_back{ display:block; float:left; height:38px; line-height:38px; color:#5f646e; position:absolute; top:5px; left:10px; font-size:1.2em;}
.h_back a{color:#5f646e;display:block;min-width:2rem;}
.h_back img{ display:inline-block; vertical-align: middle; height:1.6em; margin-right:5px; margin-top:-2px;}
.i_search{ border:1px solid #c3c3c3; border-radius:5px; float:left; height:28px; margin-top:5px; background-image:url(../images/i_search_bg.png); background-repeat:no-repeat; background-position:5px center; background-size:1em; width:100%; line-height:28px; padding:0px;}



.x-nav { position:fixed; top:48px; z-index:10; left:0; width:100%;}
.x-nav ul{display:-moz-box;display:-webkit-box;display:box;width:100%;box-align:center;-moz-box-orient:horizontal;-webkit-box-orient:horizontal;box-orient:horizontal; }
.x-nav ul li{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; text-align:center; line-height:3em; color:#000;}
.x-nav ul li.on a,.x-nav ul li.on{ color:#f50000; transition:all .4s,transform .4s;}

.cc-x.swiper-container{width:100%;height:100%; margin-top:57px; }
.cc-x .swiper-slide{font-size:1em;background:#f2f2f2;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;min-height:500px; position:relative; padding-bottom:10px;} 
.y-nav{ position: fixed; left:0px; top:105px; display:inline-block;z-index:9;}
.y-nav a{ background-color:#fff; display:block; margin-bottom:5px;width: 84px;text-align: center;height: 42px;line-height: 42px;overflow:hidden;}
.y-nav a.on{ color:#f50000;}
.cc-x .swiper-slide .item{ height:90px; position:relative; width:100%;margin-bottom:10px;}
.cc-x .swiper-slide .item .pic{ width:86px; height:86px; float:left; position:absolute; top:0px; left:0px;overflow:hidden;}
.cc-x .swiper-slide .item .pic img{ width:100%;background-color:#fff;}
.cc-x .swiper-slide .item .add2Cart{position: absolute;bottom: 0.2rem;right: 0;background-image: url(/images/cc-more.png);background-repeat: no-repeat;background-position: left center;background-size: 2em;width: 3rem;height: 2rem; }
.cc-pro-list{ margin-left:90px;}
.it-content{margin:5px;margin-left:0;}
.it-content .title{line-height: 1.05rem;height: 1.1rem;font-size:.95rem;overflow: hidden;padding-right:10px;display:-webkit-box;display:box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;}
.it-content .title a{color:#530000;}
.it-content .price{line-height:1.6rem; color:#ff0000;}
.it-content .price span{ background-color:#ff0000; color:#fff; font-size:.8rem;border-radius:5px; padding:0 2px; line-height:1.5em; display: inline-block; margin-right:.5em;}
.it-content .pingjia{ font-size:.8em; line-height:1.6rem;color:#888;}
.it-content .pingjia span{ color:#ff0000; margin-left:1em;}


.first-tab{ padding:5px; }
.first-tab .title{line-height:2em;font-weight:bold;}
.first-tab .des { margin:0px 5px; line-height:2em; font-size:.9em; overflow:hidden; padding-bottom:10px;}
.first-tab .des span{height: 20px;line-height: 20px;margin: 4px 5px 0 5px;background-color:#ff0000; color:#fff; border-radius:5px;border:1px solid #ff0000; padding:0px 5px;font-size:1em; vertical-align: baseline; float:left;}
.first-tab .des i{color:#ff0000; font-style:normal;}
.first-tab .des .price{ font-size:1.7em;vertical-align: baseline; float:left;font-weight:bold;margin-left:5px;}
.first-tab .des .price small{ font-size:.8em;}
.first-tab .zeng {margin:0px 5px; padding:10px 0;font-size:.9em;}
.first-tab .zeng span{ float:left; color:#ff0000; border:1px solid #ff0000;padding:0px 5px;border-radius:5px;font-size:1em; vertical-align: baseline; margin-right:5px;line-height:2em;}
.first-tab .zeng small{ line-height:1.5em; font-style:normal;color:#ff0000;}
.first-tab .item{ height:45px; margin-left:5px; margin-bottom:5px;}
.first-tab .item .pic{ height:45px; width:45px; float:left;overflow:hidden;}
.first-tab .item .pic img{ display:block; width:100%;}
.first-tab .item .title{ float:left; line-height:1.5em; color:#9a9a9a; margin-left:5px;font-weight: normal;font-size: 0.8em;}
.first-tab .item .title del{ display:block;}

.page_n .pingjia{ background-color:#fff; padding:5px 10px;}
.page_n .pingjia .tit{ font-size:1.1em; line-height:2em;}
.page_n .pingjia .icon-right_arrow{font-weight:bold;display: inline-block;text-align: center;color: #777;}
.page_n .pingjia .tit .hpl{ font-size:.8em; text-align:right; line-height:1.5em; color: #757575;margin-right: .5rem;}
.page_n .pingjia .tit i{ color:#ff0000; font-style:normal;}
.page_n .pingjia .pingfen{ color:#8b8b8b; line-height:2em;}
.page_n .pingjia .pingfen img{ width:1em; display:inline-block; vertical-align:middle;}
.page_n .pingjia .item{ color:#8b8b8b; line-height:2em;}

.hkg{ background-color:#fff; margin-top:10px;box-shadow:0 0 5px #b8b8b8;}
.hkg .tit{ background-image:url(../images/i_tit_bg.png); background-repeat:no-repeat; background-position:.5em center; background-size:auto 1em; line-height:2em; padding-left:1em; font-size:1.2em;}
.hkg .tit span{ float:right; border:1px solid #fe0000; color:#fe0000; border-radius:10px; line-height:1.5em; margin-top:0.4em; font-size:.8em; padding:0 5px; margin-right:10px;}
.hkg .swiper-container{width:100%;margin:5px auto 10px;}
.hkg .swiper-slide{font-size:1em;background:#fff url(../images/lft_line_03.png) repeat-y right;;width:30%;height:100%;position:relative; padding-bottom:10px;}
.hkg .swiper-slide img{ width:82%; display:block; margin:0px auto;}
.hkg .swiper-slide .pic{ margin-bottom:10px;}
.hkg .swiper-wrapper{ padding-right:5px;}
.hkg .swiper-slide .title{ width:82%; display:block; margin:0px auto; text-align:left; color:#909090;height: 2rem;overflow: hidden;line-height: 1rem;font-size:.8rem}
.hkg .swiper-slide .price{ width:82%; height:1.8em; line-height:1.8em; color:#ff0101; font-size:1.2em; margin:0px auto;}
.hkg .swiper-slide .price img{ width: 1.4em;float: right;margin-top: 3px;}
.hkg .swiper-slide .pingjia{line-height:1.8em; color:#f15354; font-size:.8em;width:82%;margin:0px auto; }
.tdxq-tit{ color:#909090; background:url(../images/lft_line_03.png) repeat-x center;  -webkit-box-pack: center;-moz-box-pack: center;display: -webkit-box; center;display: -moz-box;   -webkit-box-sizing: border-box; width:100%; padding:10px 0; margin-top:10px;}
.tdxq-tit span{ margin:0px auto; }

.sign-red-bg{ width:100%; position:relative; background-image:url(../images/sign-red-bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding:15% 0;}
.sign-btn{ width:30%; margin:0px auto; position:relative;}
.sign-btn:hover{ opacity:.8;}
.sign-btn img{ display:block; width:100%;}
.sign-btn-content{ position:absolute; top:0px; left:50%; margin-left:-40%; width:80%; height:60%; padding:20% 0; text-align: center; color:#e20001;}
.sign-btn-content span{ font-size:1.7em; display:block; border-bottom:1px solid #e20001; height:50%;}
.sign-btn-content small{ line-height:2em;}
.sign-renshu{ position:absolute; top:10px; left:10px; text-align:center; color:#fff;}
.sign-renshu p{ color:#fed700; font-weight:bold;}
.sign-wmnum{ position:absolute; bottom:10px; left:10px; text-align:center; color:#fff;}
.sign-wmnum p{ color:#fed700; font-weight:bold;}
.sign-xfq{ position:absolute; bottom:10px; right:10px; text-align:center; color:#fff;}
.sign-xfq p{ color:#fed700; font-weight:bold;}
.success-red-bg .point{ color:#fff260; text-align:center; padding-top:20px;}

.success-red-bg{ width:100%; position:relative; background-image:url(../images/sign-red-bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding:15% 0 10%;}
.success-red-bg .info{ width:180px; margin:0px auto; color:#fff; background-image:url(../images/success.png); background-repeat:no-repeat; background-position:left; background-size:2em; padding-left:2.5em; min-height:2em; text-align:center;}

.success-red-bg .des{ color:#fff; text-align:center; font-size:.9em; margin-top:30px;}
.success-red-bg .des p{}
.login_header{ height:38px; line-height:38px; padding:5px 0;background:#f2f2f2; box-shadow:0 0 5px #afafaf; text-align:center;}
.h-reg{ float:right; height:38px; line-height:38px; position:absolute; right:10px; top:5px; color:#ff0000;}
.login_header i{ font-style:normal; font-size:1.2em;}

.cc-x1.swiper-container{width:100%;height:100%;margin-top:5px;  }
.cc-x1 .swiper-slide .item{height: 105px;overflow: hidden;width: 100%;margin-bottom: 10px;background: #fff;display: flex;}
.cc-x1 .swiper-slide .item .pic{width: 90px;margin: 8px;}
.cc-x1 .swiper-slide .item .pic img{width: 90px;}
.cc-x1 .swiper-slide .item .add2Cart{position: absolute;bottom: 1rem;right: 0;background-image: url(/images/cc-more.png);background-repeat: no-repeat;background-position: left center;background-size: 2em;width: 3rem;height: 2rem; }
.cc-x1 .swiper-slide .item .addLoading,.cc-x .swiper-slide .item .addLoading{background-image: url(/images/loading.gif);background-size: 1em; }
.cc-pro-list1{ padding:0 10px;}
.cc-pro-list1 a,.cc-pro-list a{color:#530000;}
.pingjia-list{ overflow:hidden; padding:10px;}
.pingjia-list .item{ border-bottom:1px solid #909090; padding:10px; line-height:1.8em; color:#797d85;}
.pingjia-list .item .star img{ width:1em;}
.pingjia-list .item .content{ color:#000;}
.search li{ line-height:2em; cursor:pointer;}

.thq-nav{ background-color:#fff; height:40px;}
.thq-nav a{ padding:0px 10px; line-height:40px; color:#000; cursor:pointer}
.thq-nav a.on{ color:#f50000;}

.thq-add{ margin:0 10px; padding:40px 10px 20px;}
.thq-add p{ padding:10px;}
.thq-add input{ border:1px solid #898989; border-radius:5px; height:40px; width:70%;}
.thq-add .qdtj{ background-color:#ff0000; color:#fff; display:block; margin:10px auto; text-align:center; height:40px; width:30%; line-height:40px; font-size:1.2em; border-radius:5px;}
.ok{ background-color:#ff0000; color:#fff; display:block; margin:10px auto; text-align:center; height:40px; width:30%; line-height:40px; font-size:1.2em; border-radius:5px;}
.thq-list{margin:0 10px; padding:10px;}
.thq-list p{ line-height:2em; padding:10px 0;}
.thq-list p i{ float:right;background-color:#ff0000; color:#fff;border-radius:5px; padding:0 10px;}
.thq-list p span{ margin-right:10px;}

.dhxx{ padding:10px;}
.dhxx p{ padding:10px; font-size:1em;}
.dhxx p span{ margin-right:10px;}
.dhxx .tit{ }

.kqnr{ padding:10px;}
.kqnr .pic{ width:80px; display:inline-block; float:left;}
.kqnr .pic img{ width:100%; display:block;}
.kqnr p{ padding:10px; overflow:hidden; line-height:2em;}
.kqnr p span{ display:inline-block; overflow:hidden; height:80px; position:relative;}
.kqnr p span i{ position:absolute; right:0px; bottom:0px;}
.shxx{ padding:10px; }
.shxx span.tit i{ font-size:.8em; color:#ff0000;}
.shxx .radiobox label{ background-color:#F2F2F2;}
.shxx p span{ display:block;} 
.shxx p { padding:10px;}
.beizhu{ padding:10px;}
.beizhu .textarea{ min-height:2em; border:1px solid #7b7b7b; margin:10px; border-radius:5px; padding:10px; margin-bottom:20px;}
.thqtjdd{ height:45px; position:fixed; bottom:0px; z-index:100; text-align:center; background-color:#ff0000; color:#fff; font-size:1.2em; width:100%; line-height:45px;}

.order-item{ background-color:#fff; padding:10px; color:#909090; padding-bottom:10px; overflow:hidden; margin-bottom:10px;}
.order-item-tit{ line-height:2em; margin-bottom:10px;}
.order-item .item{ overflow:hidden; padding:10px;}
.order-item .item .pic{ width:80px; float:left; margin-right:10px;}
.order-item .item .pic img{ width:100%;}
.order-item .item .content{ padding-right:0; padding-left:10px; line-height:2em;}
.order-item .item .content .title{color: #000;font-size: .8rem;line-height: 1rem;height: 2rem;overflow: hidden;}
.order-item .item .content .price{ color:#ff0000; font-weight:bold; font-size:1.2em;}
.order-item .item .content .num i span{ color:#ff0000; font-weight:bold; font-size:1.2em;}
.order-item  .xiaoji{ text-align:right; padding:10px 0;}
.order-item  .xiaoji i{color:#ff0000; font-weight:bold; font-size:1.2em;}
.order-item  .xiaoji span{ margin-right:10px;}
.order-item-btn{ text-align:right; overflow:hidden; padding:10px 0;}
.order-item-btn a{ color:#000; border:1px solid #aaaaaa; border-radius:5px; padding:5px; margin-left:10px;}

.collection-list{ padding:10px;}
.collection-list p{ padding:10px; overflow: hidden; position:relative;}
.collection-list p .pic{ width:80px;display:block; float:left;}
.collection-list p .pic img{ width:100%; display:block; margin-right:10px;}
.collection-list p .content{ float:left; line-height:1rem;margin-left: .5rem;}
.collection-list p .title{ font-size:.8rem;height:2rem;}
.collection-list p .price{ color:#ff0000; font-size:1.2em; font-weight:bold; margin-left:.5em;}
.collection-list p .del{ width:20px;display:block; position:absolute; right:10px; top:50%; margin-top:-10px; display: none;}
.collection-list p .del img{ width:100%; display:block;}

.mycard{ background-image:url(../images/sign-red-bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding:20px 10px 10px; overflow:hidden;}
.mycard .touxiang{ border-radius:100%; width:70px; border:5px solid rgba(255,255,255,.43); float:left; vertical-align:middle;}
.mycard .content{float:left; color:#fff; line-height:2.5em; margin-left:10px;}
.mycard .content .name{ font-size:1.2em; font-weight:bold;}
.mycard .content img{ height:1.5em; display:block;}
.mycard .info{ float:right; color:#fff; padding-top:0; line-height:1.5em;}
.mycard .info i{ font-size:1.1em; color:#ffe242; font-weight:bold;}

.myordercard{ background-color:#fff; padding:10px;}
.myordercard .tit{ padding:10px; color:#000; font-size:1.2em;}
.myordercard .tit i{ color:#a1a1a1; font-size:.8em;}

.myordercard_nav{ margin-top:10px;}
.myordercard_nav{  display:-moz-box;display:-webkit-box;display:box; width:100%;}
.myordercard_nav li{ -moz-box-flex:1; -webkit-box-flex:1;box-flex:1; color:#747474; text-align:center; font-size:1em; line-height:1.2em;}
.myordercard_nav li img{ width:2em; display:block; margin:0px auto;}
.myordercard_nav li i{ overflow:hidden;font-style: normal; width:100%; display:inline-block; position:relative;}

.xuan-btn{background-color:#fff; padding:10px;}


.xuan-btn_nav{ margin-top:10px;}
.xuan-btn_nav{  display:-moz-box;display:-webkit-box;display:box; width:100%;}
.xuan-btn_nav li{ -moz-box-flex:1; -webkit-box-flex:1;box-flex:1; color:#747474; text-align:center; font-size:1em; line-height:1.2em;}
.xuan-btn_nav li img{ width:2em; display:block; margin:0px auto 10px;}
.xuan-btn_nav li i{ overflow:hidden;font-style: normal; width:100%; display:inline-block; position:relative;}

.ad{ background-color:#fff;}
.ad img{ display:block; width:100%;}

.pro-pic{ position:relative;background-color:#fff;}
.pro-back{ position:fixed; top:10px; left:10px; width:40px;z-index:10;}
.pro-more{ position:fixed; top:10px; right:10px; width:40px;z-index:100;}
.pro-shoucang{ position:absolute; bottom:10px; right:10px; width:40px;}
.pro-fenxiang{ position:absolute; bottom:10px; right:60px; width:40px;}
@media handheld,only screen and (max-width:800px) {

}
@media handheld,only screen and (max-width:360px) {
    .cc-x.swiper-container {
        margin-top:50px;
    }
    .y-nav{top:98px;}
}