.shop-dhcj{ width: 100%; background-color: #ffffff; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 9;
box-shadow:0px 2px 10px rgba(102, 102, 102, .1);}
.shop-dhcj-sou{ height:0.95rem; width: 100%; background-color: #ffffff; border-bottom: solid 1px #f0f0f0; padding: 0px 4%;}
.shop-dhcj-sou p{ height: 0.6rem; float: left; width:100%; background-color: #f0f0f0; line-height: 0.6rem; border-radius: 0.3rem;-webkit-border-radius: 0.3rem;-moz-border-radius: 0.3rem; margin-top: 0.15rem; overflow: hidden; }
.dhshop-img{ float: left; width: 0.36rem; height: 0.36rem; margin-top: 0.12rem; margin-left: 0.2rem; margin-right: 0.15rem;}
.shop-dhcj-sou p input{ float: left; border: none;outline: none; background-color: #f0f0f0; height: 0.56rem; margin-top: 0.02rem; font-size: 0.28rem; width:70%;-webkit-appearance: none;  }
.shop-dhcj-sou p button{ height: 0.6rem; }
.shop-dhcj-nav{ width: 100%; padding: 0px 4%; background-color: #ffffff; height: 0.8rem; border-bottom: solid 1px #f0f0f0; }
.shop-dhcj-nav a{ display: block; float: left; width: 50%; height: 0.4rem; font-size: 0.3rem; line-height: 0.4rem; margin-top: 0.2rem; color: #333333; text-align: center; }
.shop-dhcj-nav a:nth-child(1){ border-right: solid 1px #999999; }
.nav-duihuan{ background-image: url(../img/duihuan.png); background-position: left center; background-size:auto 0.3rem; padding-left: 0.4rem; background-repeat: no-repeat; }
.nav-chouj{ background-image: url(../img/choujiang.png); background-position: left center; background-size: auto 0.3rem; padding-left: 0.4rem; background-repeat: no-repeat; }
.shop-dhcj-nav a.nav-action span.nav-duihuan{ color: #b22b28; font-weight: bold; background-image: url(../img/duihuan.png); background-position: left center; background-size: auto 0.3rem; padding-left: 0.4rem; background-repeat: no-repeat;}
.shop-dhcj-nav a.nav-action span.nav-chouj{ color: #b22b28; font-weight: bold; background-image: url(../img/choujiang.png); background-position: left center; background-size: auto 0.3rem; padding-left: 0.4rem; background-repeat: no-repeat;}

.shop-dhcj-menu{ width: 100%; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.28rem; }
.shop-dhcj-menu ul{ float: left;width: 54%; }
.shop-dhcj-menu dl{ float: right;width:45%; height: 0.8rem; position: relative;}
.shop-dhcj-menu dl::before{ content: ''; position: absolute; left: 0rem; width: 1px; height: 60%; background-color: #eeeeee; top: 20%; }
.shop-dhcj-menu dl dt{ float: left; width: 50%; text-align: center;}
.shop-dhcj-menu dl dt a{ display:inline-block; position: relative;z-index: 2; background-color: #c5121d; height: 0.42rem; text-align: center; line-height: 0.42rem; border-radius: 0.4rem; color: #ffffff; padding: 0rem 0.05rem 0rem 0.12rem; font-size: 0.22rem; }
.shopjfclass{position:absolute; top: 0rem; right: 0rem; background-color: #f9f9f9;width: 45%; max-height: 80vh; overflow: auto; border-radius:0rem 0rem 0.15rem 0.15rem; padding: 0rem 0rem 0.02rem 0rem; text-align: left;}
.shopjfclass a{ width: 100%; border-left: solid 0.1rem #f9f9f9; padding-left: 0.3rem; font-weight: bold; display: block; color: #000000; font-size: 0.26rem; height: 0.45rem; line-height: 0.45rem; margin: 0.1rem 0rem; }
.shopjfclass a.action{ color: #c5121d; border-left-color: #c5121d; background-color: #ffffff;}
.shopjfclass p{ font-size: 0.28rem; font-weight: bold; color: #c5121d; margin-left: 0.1rem; padding: 0.1rem 0rem 0.1rem 0.3rem; background-repeat: no-repeat;background-size: 0.24rem; background-position: left center; }
.shopjfclass p:nth-of-type(1){ background-image: url(../img/navicas.png); }
.shopjfclass p:nth-of-type(2){ background-image: url(../img/navicbs.png); border-top:solid 1px #f0f0f0; margin-top: 0.1rem; }
.shop-dhcj-menu dl dt a span{background-image: url(../img/dou.svg); background-repeat: no-repeat; background-position: right center; background-size: 0.22rem; padding-right: 0.24rem;}
.shop-dhcj-menu dl dt a span.zhan{background-image: url(../img/douw.svg);}
.shop-dhcj-menu dl dt a i{ font-style:normal; background-image: url(../../img/shclss.png); background-repeat: no-repeat; background-position: right center; background-size: 0.21rem; padding-right: 0.25rem;}


.shop-dhcj-menu ul li{ float: left; height: 0.8rem; width:33%; text-align: center;}
.shop-dhcj-menu ul li a{ position: relative; width: 100%; display: block; color: #333333; height: 0.8rem; font-size: 0.25rem; }
.shop-dhcj-menu ul li a.menu-action{ color: #b22b28; font-weight: bold; width: 100%; margin: auto; }
.shop-dhcj-menu ul li a.menu-action:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 26%;
    border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    width: 48%;
    height: 0.07rem;
    background-color: #b22b28;
    animation: aftome 0.8s ease both;
    -webkit-animation: aftome 0.8s ease both;
    -moz-animation: aftome 0.8s ease both;
}
@keyframes aftome{
	from{ width: 0%; left: 50%; }
	to{ width:48%; left: 26%; }
}
@-webkit-keyframes aftome{
	from{ width: 0%; left: 50%; }
	to{ width:48%; left: 26%; }
}
@-moz-keyframes aftome{
	from{ width: 0%; left: 50%; }
	to{ width:48%; left: 26%; }
}
.shop-dhcj-menu ul li a span{ display: block; border-left: solid 1px #999999; height: 0.4rem;  line-height: 0.4rem; margin-top: 0.2rem; }
.shop-dhcj-menu ul li a span i{ font-style:normal; background-image: url(../../img/shclss.png); background-position: right center; background-size: auto 0.3rem; background-color: #b22b28; color: #ffffff; padding: 0rem 0.38rem 0rem 0.2rem; border-radius: 0.4rem;-webkit-border-radius: 0.4rem;-moz-border-radius: 0.4rem;background-repeat: no-repeat; }
.cj-class{ display: block; height: 0.56rem; line-height: 0.54rem; margin-top: 0.2rem;  background-color: #b22b28; color: #ffffff; padding: 0rem 0.2rem; border-radius: 0.4rem;-webkit-border-radius: 0.4rem;-moz-border-radius: 0.4rem; }
.cj-class i{font-style:normal;background-image: url(../../img/shclss.png); background-position: right center; background-size: auto 0.3rem; padding-right: 0.38rem;background-repeat: no-repeat;}
.cj-jiangpin{display:inline-block; height: 0.56rem; line-height: 0.54rem; margin: 0.2rem auto;  background-color: #b22b28; color: #ffffff; padding: 0rem 0.2rem; border-radius: 0.4rem;-webkit-border-radius: 0.4rem;-moz-border-radius: 0.4rem;}
.cj-jiangpin i{font-style:normal;background-image: url(../../img/refresh.svg); background-position: left center; background-size: auto 0.3rem; padding-left: 0.38rem;background-repeat: no-repeat;}
.shop-cj-guiz label{ display: block; width: 100%; }
.shop-hot-uli{ width: 100%; margin:2rem auto 1.3rem auto; }
.shop-hot-uli ul{ display: block; padding-bottom: 3%;}
.shop-hot-uli ul li{ background-color: #ffffff; width:45.5%; float: left; padding:0rem; overflow: hidden; border-radius: 0.15rem;-webkit-border-radius: 0.15rem;-moz-border-radius: 0.15rem; position: relative; margin:1% 0px 2% 3%;
box-shadow:0px 0px 0.2rem rgba(0, 0, 0, .1);-webkit-box-shadow:0px 0px 0.2rem rgba(0, 0, 0, .1);-moz-box-shadow:0px 0px 0.2rem rgba(0, 0, 0, .1);}
.shop-pdimg{ display: block; width: 100%; height: 3.42rem; text-align: center; overflow: hidden;}
.shop-pdimg img{ width:100%; height:auto; margin:0rem auto;}
.shop-hot-uli ul li dd{ font-size: 0.26rem; padding: 0px 4%; height:0.8rem; margin: 0.15rem 0px; line-height: 0.4rem; overflow: hidden;white-space: normal;word-break: break-all; }
.shop-hot-uli ul li dt{ height: 0.7rem; margin: 0.15rem 0rem; padding: 0rem 4%;}
.shop-jbicon{ /*background-image: url(../img/jbicon.png);*/ background-repeat: no-repeat; background-size:0.24rem auto; padding-left: 0rem; color: #333333; height: 0.7rem;display: inline-block; line-height: 0.6rem; background-position: left center; font-size: 0.26rem; font-weight: bold; }
.shop-jbicon big{ font-size: 0.32rem; color: #e36568; font-weight: bold; margin-right: 0.05rem; vertical-align: -0.02rem; }
.shop-ojbicon{ font-size: 0.24rem; color: #666; text-decoration: line-through; }
.shop-abost{ float: right; width:53%; text-align: center; border-radius: 0.12rem; height: 0.62rem; line-height: 0.6rem; color: #fff; font-size: 0.24rem; display: block; }
.shop-abost big {
    font-size: 0.24rem;
    background-image: url(../img/butgwc.png);
    background-size: 0.28rem 0.28rem;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 0.3rem;}
.chouj-jiao{ position: absolute; width:40%; left:-0.04rem; top:-0.05rem; display: block; }
.shop-spanfl{ width: 100%; padding: 0.1rem 2%;border-top: solid 1px #f0f0f0; }
.shop-spanfl span{ display: inline-block; background-color: #ffe7e3; color: #b22b28; border-radius: 0.4rem; padding: 0rem 0.15rem; height: 0.34rem; line-height: 0.34rem; font-size: 0.24rem; margin: 0.05rem; }
.shop-spanfl span i{ display: inline-block; width: 0.3rem; height:0.34rem; float: right; background-image: url(../img/spanclose.svg); background-repeat: no-repeat;background-position: center; background-size: 0.24rem; margin: 0rem -0.1rem 0rem 0.05rem; }
.abut-cj{    outline: none;
    border: none;
    background-color: #f3d4cf;
    -webkit-appearance: none;}

.shop-abost-cj{ float: right; width:46%; text-align: center; border-radius: 0.12rem; height: 0.62rem; line-height: 0.6rem; color: #b22b28; font-size: 0.24rem; font-weight: bold; display: block; }
.shop-abost-cj big {
    font-size: 0.24rem;
    background-image: url(../img/navicbs.png);
    background-size: 0.26rem 0.26rem;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 0.32rem;}
.shop-qkkong{ width: 100%; float: none;clear: both; text-align: center; }
.shop-qkkong a{ display: inline-block;color: #999999; background-image: url(../img/gdel.png);background-position: left center; background-repeat: no-repeat; background-size: 0.22rem; padding-left: 0.28rem; font-size: 0.24rem; height: 0.3rem; line-height: 0.28rem; }
.cz-sanjup{text-align: center; position: relative; margin-bottom: -0.32rem;width: 8%; margin-left: 46%; background-color:#ffffff; height: 0.32rem; border-radius: 0rem 0rem 0.1rem 0.1rem; box-shadow: 0.02rem 0.05rem 0.06rem rgba(0,0,0,.2); overflow: hidden; text-align: center; }
.cz-sanjup span{width: 0.3rem; height: 0.3rem;display: block; margin:0rem auto auto auto;background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23b22b28' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M7.776 5.553a.5.5 0 0 1 .448 0l6 3a.5.5 0 1 1-.448.894L8 6.56 2.224 9.447a.5.5 0 1 1-.448-.894l6-3z' clip-rule='evenodd'/></svg>"); 
background-size: 0.3rem; background-position: center top; background-repeat: no-repeat;}
.cz-sanjup span.zhan{ opacity: .5; margin: 0rem auto; background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23999999' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1.553 6.776a.5.5 0 0 1 .67-.223L8 9.44l5.776-2.888a.5.5 0 1 1 .448.894l-6 3a.5.5 0 0 1-.448 0l-6-3a.5.5 0 0 1-.223-.67z' clip-rule='evenodd'/></svg>");}
.tmoption{ opacity: 0.6; }