/* 通用样式 */
body,html{
  font: 16px 'Microsoft YaHei','Avenir', Helvetica, Arial, sans-serif;
  margin: 0 auto;
  padding:0;
  max-width:768px;
  min-width:320px;
  background-color: #f1f1f1;
  color: #333;
}
p, ul, li, h1, h2, h3, h4, h5, h6, dl, dd, dt {
  margin: 0;
  padding: 0;
  list-style: none;
}

a:focus {
  outline: none;
}

a {
  text-decoration: none;
  color:#333;
}

a:hover {
  text-decoration: none;
}

a:link, a:visited {
  text-decoration: none;
}

button, input {
  outline: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
}

.lf {
  float: left;
}

.rt {
  float: right;
}

.clear {
  clear: both;
}

.inline {
  display: inline-block;
}

label {
  font-weight: normal;
}

.outer {
  zoom: 1;
}
/*==for IE6/7 Maxthon2==*/
.outer :after {
  clear: both;
  width: 0;
  height: 0;
  visibility: hidden;
}

/*==for FF/chrome/opera/IE8==*/
textarea {
  resize: none
}
*{

  box-sizing: border-box!important;
  -webkit-box-sizing: border-box!important;
}
i{
  font-style:normal;
}
a img{ border:none}
/*banner*/
.swiper-slide>img,.swiper-slide>a>img{
  width: 100%;
}
/* 热卖 */
.good-hot-wrapper {
  margin-top:-5px;
  position: relative;
  height: 60px;
  line-height: 60px;
  font-size: 22px;
  color: #fff;
  text-align: right;
  padding-right: 10px;
  background-color: #ff4442;
  overflow: hidden;
}
.good-hot-wrapper .good-hot-left {
  position: relative;
  float: left;
  width: 115px;
  height: 60px;
  line-height: 60px;
  color: #ff4442;
  text-align: left;
  padding: 0 15px 0 55px;
  background: #fdeb71 url(../images/hot.png) no-repeat 15px;
  background-size: 26px;
  z-index: 2;
  box-sizing: border-box;
}
.good-hot-wrapper span {
  font-size: 28px;
  padding: 0 5px;
}
.good-hot-wrapper:after {
  z-index: 1;
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  top: 12.5px;
  left: 77px;
  border-width: 0 45px 35px;
  border-style: solid;
  border-color: transparent transparent #fdeb71;
  transform: rotate(90deg);
}
.price-buy{
  background: #cf2a4f;
  margin: 5px;
  border-radius: 6px;
  font-size: 18px;
  overflow: hidden;
}
.price{
  color: #ffffff;
  height: 42px;
  line-height: 42px;
  width: 40%;
  text-align: center;
  background-color: hsla(0,0%,100%,.15);
}
.buy{
  color: rgb(255, 255, 255);
  height: 42px;
  line-height: 42px;
  width: 60%;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-align:center;
  margin:8px 0;

}
div.detail,div.text{
  width:100%;
  padding:0 10px;
}
div.detail img{
  width:100%!important;
  display:block;
}

/* 填写订单 */
div.order-title{
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-top: 1px solid #edeef5;
  border-bottom: 1px solid #edeef5;
  font-size: 16px;
  background: #fff;
}
div.goods-info{
  background: #f9f9f9;
  padding: 15px;
  border-top: 1px solid #edeef5;
  border-bottom: 1px solid #edeef5;
  width: 100%;
}
div.goods-name:before{
  content: "";
  display: inline-block;
  margin-right: 2px;
  background: url(../images/radio-actived.png) no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
div.goods-name{
  font-size:14px;
  border-bottom: 1px solid #edeef5;
  padding:8px;
}
.sub-title{
  font-size: 14px;
  color: #333;
  margin: 10px 0;
}
.sub-title:before {
  content: "*";
  color: #ff4949;
  margin-right: 4px;
}
.user-select>li,.user-select .opt1,.user-select .opt2，.user-select .opt3{
  display: inline-block;
  list-style: none;
  font-size: 12px;
  border: 1px solid #edeef5;
  text-align: center;
  border-radius: 4px;
  color: #333;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  background: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
}
.opt2,.opt3,.opt1{
  display: inline-block;
  list-style: none;
  font-size: 12px;
  border: 1px solid #edeef5;
  text-align: center;
  border-radius: 4px;
  color: #333;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  background: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
}
.spec_Item{
  max-width: 94px;
  width: 28%;
}
.option_Item{
  padding: 5px 10px;
}
.user-select>li>span{
  padding: 0 10px;
  display: block;
  height: 40px;
  line-height: 20px;
}
.user-select .active{
  color: #cf2a4f;
  border-color: #cf2a4f;
}
.item{
  border-bottom: 1px solid #edeef5;
  overflow: hidden;
}
div.num{
  float:right;
  border: 1px solid #c5c5c5;
  text-align: center;
  border-radius: 2px;
  margin-bottom:10px;
}
div.num i,div.num input{
  float: left;
  display: block;
  height: 34px;
  line-height: 34px;
  font-style: 18px;
  cursor: pointer;
}
div.num input{
  border:0;
  width:50px;
  text-align: center;
}
div.num i{
  width:32px;
  text-align: center;
}
.dec{
  border-right:1px solid #c5c5c5;
}
.add{
  border-left:1px solid #c5c5c5;
}
.allprice{
  color:#666;
  text-align: right;
  padding: 5px 0;
}
.allprice span{
  color: #cf294f;
  font-size: 16px;
}
/*地址信息*/
.form-group {
  font-size: 15px;
  padding: 13px 0;
  margin-bottom: 0;
  overflow: hidden;
}

.text-left {
  line-height:36px;
  font-size: 14px;
  color: #333;
  width: 28%;
  float: left;
  margin-bottom: 1px;
}
.text-left:before {
  content: "*";
  color: #ff4949;
  margin-right: 4px;
}
.text-left.text-contact {
  width: 100%;
}
.input-infor {
  width: 72%;
  float: left;
}
.input-infor input {
  display: block;
  width: 100%;
  margin-top: 1px;
  color:#4a4a4a;
  border: 1px solid #c5c5c5;
  padding:5px 10px;
  border-radius:3px;
  height:36px;
}
.input-infor .select {
  font-size: 14px;
  width: 45%;
  float: left;
  border: 1px solid #c5c5c5;
  padding: 5px 0 5px 12px;
  padding:5px 10px;
  border-radius:3px;
  height:36px;

}
.input-infor .select.time{
  width:60%;
}
.input-infor .select:nth-child(2) {
  margin-left: 15px;
}
.text-left.remark{
  height:80px;
}
.submit-button{
  color: rgb(255, 255, 255);
  background-color: rgb(207, 42, 79);
  height: 46px;
  line-height: 46px;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 16px;
  text-align: center;
  margin: 15px 0 0;
  border-radius: 4px;
}
.fixbar {
  height: 50px;
  line-height: 50px;
  background-color: #cf2a4f;
  position: fixed;
  color: #fff;
  min-width: 320px;
  max-width: 768px;
  z-index: 3;
  width: 100%;
  bottom: 0;
  margin: 0 auto;
}
.fixbar .order-query{
  width:30%;
  text-align: center;
  background-color: hsla(0,0%,100%,.2);
  cursor:pointer;
  position:relative;
}
.order-query span{
  display:inline-block;
  width:100%;
}
.fixbar a {
  display: inline-block;
  width: 70%;
  text-align: center;
  color: #fff;
}
.product_item {
  padding: 0 10px;
  border: 1px solid #cf2a4f;
  margin-bottom: 5px;
}
.user-select .disable{
  border: 1px dotted #d9d9d9;
  box-shadow: none;
  background: #f1f1f1;
  color:#a0a0a0;
  cursor:not-allowed;
}
.add-spec{
  text-align:center;
}
.add-spec button{
  padding:5px 15px;
  font-size: 20px;
  /*line-height: 34px;*/
  border: 1px solid #edeef5;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  background: #fff;
}
.close img{
  width:18px;
  margin-top: 3px;
}
iframe,video{
  width:100%;
  height:432px;
}
/*视频兼容性*/
@media screen and (max-width: 361px) {
  iframe,video{
    height:202px;
  }
}
@media screen and (min-width:361px) and (max-width:376px) {
  iframe,video{
    height:211px;
  }
}
@media screen and (min-width:376px) and (max-width:414px) {
  iframe,video{
    height:230px;
  }
}
.kf_list{
  position: absolute;
  bottom: 50px;
  width: 126%;
  z-index: 2;
  left: 0;
  background: #fff;
  font-size: 12px;
  box-shadow: 0 -1px 10px 0 #dbdbdb;
  display: none;
}
.kf_list>li{
  line-height: 45px;
  border-bottom: 1px solid #dbdbdb;
}
.kf_list>li a{
  color:#333;
  width:100%;
}
li.opt1{
  padding:0;
  text-align: center;
}
li.opt1 img{
  display: block;
  width: 70px;
  height:70px;
  margin: 0 auto;
}
.success{
  display:none;
}
div.pay-success{
  padding:20px;
  width:768px;
}
div.su-pay img{
  width:25px;
  margin-right:10px;
  vertical-align:middle;
}
div.su-pay span{
  color:#3ec501;
}
.orderid{
  margin:10px 0;
}
.client{
  color:#cf294f;
}
/* 查询订单 */
#expressinfo{
  width: 73%;
  color: #4a4a4a;
  border: 1px solid #c5c5c5;
  padding: 5px 10px;
  border-radius: 3px;
  height: 36px;
}
.find-btn{
  padding:0 15px;
  height: 36px;
  color:#fff;
  background-color: #cf2a4f;
  border:1px solid #cf2a4f;
  border-radius:5px;
}
.find-btn.disabled{
  background: #9a9998;
  border:1px solid #9a9998;
  cursor: not-allowed;
}
#body_box {
  font-size: 0;
  word-wrap: break-word;
  word-break: break-all;
}

#body_box img {
  display: block;
  width: 100%;
  height: auto;
}
.comment_ul{
  padding: 5px 10px 5px 10px;
}
.comment_ul li{
  border-bottom: 1px solid #f4f4f4;
}
.comment_spec{
  color: #999a9a;
  font-size: 12px;
}
.am-padding-xs{
  padding: 5px;
}
.am-text-sm{
  font-size: 14px;
}
.am-text-danger{
  color: #f86161;
}
.am-fr{
  float: right;
}
/* 购买信息滚动 */
div.marquee-wrapper{
  height:108px;
  margin-top:-108px;
  position:relative;
  z-index:1;
  overflow: hidden;
}
.marquee-style-1{
  position:absolute;
  top:0;
}
.marquee-style-1 li{
  padding:5px 10px;
  border-radius:15px;
  height:36px;
  overflow: hidden;
  margin-bottom:20px;

}
.marquee-style-1 li div{
  background-size:22px;
  background-repeat:no-repeat;
  background-position:1px;
  font-size:14px;
  border-radius:13px;
  line-height:26px;
  padding:0 10px 0 30px;
  box-shadow:0 0 10px rgba(0,0,0,.5);
  background-color:#fff;
}
.hide{
  display:none;
}
/*------------------------公共底部信息------------------------*/
.main_footer{
  width: 100%;
  max-width: 768px;
  margin: 5px auto;
  border-top: 3px solid #cf2a4f;
  text-align: center;
}
ul.footer_tabs {
  width: 100%;
  list-style: none;
  text-align: center;
  color: #111;
}
ul.footer_tabs:after{
  clear: both;
  content: "  ";
  display: table;
}
.footer_tabs li{
  width: 50%;
  float: left;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.footer_tabs li>a,.footer_tabs li>a:hover,.footer_tabs li>a:active{
  color: #cf2a4f;
}
.closeBtn {
  position: absolute;
  right: 5px;
  top: 7px;
  width: 16px;
  height: 16px;
  z-index: 19890407;
  background-size: cover;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAsklEQVQ4T62TyxECIQyGk07swJLcrWDHS3LVIznZgWxHdhQHhmV4ibsiB5iB5Ev4kyCEJSIPAHgRkd3uWqeITKp6Zuare0e3GWMsIl6Cw/wJ4pwB4BnsLBHNGCIvRbQKUjh7c1W9O0BKTTkR0rPxX+gZBOKWdhXAA75AWlrG7CLgACTTJwPsgFTi/hfQEbNZndhIO1IvhcxFHCrjcCMNt/Kvw6SqKzNPaSceGecTM99c8Dd45X9D/AocTgAAAABJRU5ErkJggg==);
  cursor: pointer;
}
i.rt{
  float:right;
  width:16px;
  height:16px;
  display:inline-block;
  background: url(../images/close.png) no-repeat center center;
  background-size:100%;
}
.add-spec button span{
  font-size:14px;
  display:block;
}
/*支付方式*/
.input-infor input.radio{
  display:none;
}
input[type="radio"]:checked + .ch-custom-radio {
  border: 7px solid #1a1a1a;
  transition: border-width 0.3s ease 0s;
}
.ch-custom-radio {
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  display: block;
  float: left;
  height: 18px;
  transition: border-width 0.3s ease 0s;
  width: 18px;
  margin-top:7px;
}
.ch-custom-label {
  margin-left:10px;
  font-size:13px;
  line-height:33px;
}
/*首页*/
div.banner{
  margin-top:2px;
  width:100%;
}
div.banner img{
  width:100%;
}
.navgation{
  width:100%;
  background: #fff;
  overflow: hidden;
  padding:5px 8px;
  text-align: center;
}

.navgation  img{
  max-width:100%;
  max-height:120px;
}
.lf{
  float:left;
}
.rt{
  float:right;
}
div.spring{
  width:100%;

}
div.spring-title{
  width:100%;
  padding:12px 16px;
  overflow: hidden;
  background-color:#cf2a4f;
  color:#fff;
  /*margin:4px 0;*/
}
.spring-title .lf{
  font-size:16px;
}
.spring-title .rt{
  font-size:14px;
  color:#fff;
}
.spring-title .rt i{
  margin-left:4px;
}
div.spring-content{
  width:100%;
  overflow: hidden;
}
div.per-spring{
  background: #fff;
  width:50%;
  padding:8px;
  border-bottom:1px solid #e3e3e3;
  border-right:1px solid #e3e3e3;
}
.per-spring img{
  width:100%;
  margin-bottom:8px;
  height:367px;
}
.goodName{
  color:#272727;
  font-size: 12px;
  margin-bottom:4px;
  line-height:20px;
  height:40px;
  overflow: hidden;
}
p.good-desc{
  color:#888888;
  font-size:14px;
  height:14px;
}
div.price{
  margin:8px 0;
}
.price span{
  font-size:14px;
  color:#cf2a4f;
}
.price s{
  color:#888;
}

@media screen and (max-width: 321px) {
  div.pay-success{
    width:320px;
  }
}
@media screen and (min-width:321px) and (max-width: 361px) {
  .per-spring img{
    height:163px;
  }
  div.pay-success{
    width:360px;
  }
}
@media screen and (min-width:361px) and (max-width:376px) {
  .per-spring img{
    height:170px;
  }
  div.pay-success{
    width:375px;
  }
}
@media screen and (min-width:376px) and (max-width:414px) {
  .per-spring img{
    height:190px;
  }
  div.pay-success{
    width:414px;
  }
}
.site_title{
  background-color:#cf2a4f;
  color:#fff;
  padding:10px 20px;
  text-align:center;
}
.site_title > a{
  float:left;
}
.site_title > a i {
  padding: 4px 12px 3px 12px;
  background-size: cover !important
}

.site_title > a i.back {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgEAYAAAAj6qa3AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAZRJREFUaN7tmDFrAkEUhG+jaCMSLUQsBMHSQrQXAnbW9oKNv0L0J2ghYidY+AsEIVaWgjZWgo2FkipKmqhxJ8XEgBFSZe8F3Wk+3lYzc9w+7hzHysrKyur/CwCAUEjah1DwapU8nW6+CAb0eMhWi/z4ICsVaX/mgmtoaJ+PQft98v2d58WitD/DwQMBBh4OyddXnudy0v7MBQcARKMMOp1y3mzIdFran+HgiQS5WLCA5ZJMJqX9GQ6ezZIvLww8mZCRiLQ/w8GfnsjdjoGfn8lgUNqfueBftzeD7/dkr3e+7aX9mQsOAIjFvtcYAKDZJJWS9vdTD3/fgAMH4TAHv5/zeKyUUkoB0oFdE594u00ej2S5LO3L5QKUIms1XKjR+K+vhOFCSiXycCC73Zu/FK+K0NDQ+TwL2G45j0acHx+l/blcRCrF4KsVOZ/zPB6X9udeEee1qaGhZzPO6zWZyUj7c6+I81ehhoYeDFjA2xtZKEj7c7kIr5fsdO7mh8hVERdrtF6/m19ivxdyR1vCysrKyg19AmZ2H0qd4Nk/AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTExLTE3VDAxOjQ1OjM4KzA4OjAwJMjpjwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0xMS0xN1QwMTo0NTozOCswODowMFWVUTMAAABMdEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uXzFiNHV5Y3hncjZtaG9seHIvYmFjay5zdmdV3GI5AAAAAElFTkSuQmCC) no-repeat center
}
div.continue{
  text-align:center;
  margin-bottom:10px;
}
div.continue a{
  display:inline-block;
  color:#fff;
  padding:5px 10px;
  background-color: #ff4646;
  font-size:16px;
}
/*猜你喜欢*/
div.RecommendGoods{
  overflow: hidden;
  border-top: 1px solid #ddd;
  padding-top: 6px;
  background: #fff;
}

.RecommendGoods div.titleName{
  font-weight: 500;
  font-size: 14px;
  line-height: 42px;
  text-indent: 2%;
  border-bottom: 1px solid #ccc;
  background: #fff;
  margin-bottom:10px;
}


.RecommendGoods ul{
  width: 96%;
  margin: 0 auto;
  padding-left: 0;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 10px;
}
.RecommendGoods ul li{
  height: 150px;
  width: 100px;
  display: inline-block;
  margin-right: 3px;
  overflow: hidden;
  border: 1px solid #ddd;
  padding: 2px;
}

.RecommendGoods ul li img{
  width: 100%;
  height: 100px;
  display: block;
}

.RecommendGoods ul li span{
  display: block;
  text-align: center;
  color: #000;
  font-size: 12px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  height: 30px;
  line-height: 15px;
  white-space: normal;
}
.user-select>li.disable.oos{
  color:#cf2a4f;
}