body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,pre,form,fieldset,input,textarea,th,td,img{margin:0;padding:0;word-wrap:break-word;
-webkit-tap-highlight-color:transparent;
}
img{border:0 none;vertical-align:top;}
.btn-c{-webkit-appearance: none;border: none;background: none;outline: none;padding: 0;margin: 0;}
*{font-family: \5FAE\8F6F\96C5\9ED1 Microsoft YaHei !important;}
.evericon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
   font-size:62px;
}
.iconfont{cursor: pointer;}
ol,ul,li{list-style:none;}
.clearfix:after {content:"\20";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
.clear{margin:0; padding:0; width:0; height:0; line-height:0; font-size:0; clear:both;}
table{border-collapse:collapse;border-spacing:0;}
sub,sup{font-size:80%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
button{outline:none;}
body,button,input,select,textarea{color:#000;font:14px/1.5em Arial, Helvetica, SimSun, san-serif;}
body{max-width:768px; margin:0 auto !important;background:#f2f2f2;}
input{background: none;border: none;display: block;outline: none;font-family:\5FAE\8F6F\96C5\9ED1  Microsoft YaHei;-webkit-appearance: none; }
input::-webkit-input-placeholder{font-family:  \5FAE\8F6F\96C5\9ED1  Microsoft YaHei;}
input::-moz-placeholder{font-family: \5FAE\8F6F\96C5\9ED1  Microsoft YaHei;}
input:-ms-input-placeholder{font-family: \5FAE\8F6F\96C5\9ED1  Microsoft YaHei;}
textarea::-webkit-input-placeholder{font-family: \5FAE\8F6F\96C5\9ED1  Microsoft YaHei;color:#e4e4e4;}
textarea{font-family: \5FAE\8F6F\96C5\9ED1 Microsoft YaHei;}
i{font-style:normal}
a{text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.left{float: left;}
.right{float: right;}
.clear{margin: 0; padding:0;clear: both;}
.flex{display:-webkit-box;display: -moz-box;display: -webkit-flex;
  display: -moz-flex;display: -ms-flexbox;align-items: center;display:flex;}
/*空白*/

/*上*/
.he-blank{height: 42px;}
/*下*/
.bt-blank{height: 70px;}

/*背景*/
.bg20{background: rgba(0,0,0,0.2);}
.bg30{background: rgba(0,0,0,0.3);}
.bg70{background: rgba(0,0,0,0.7);}
.bg-orange{background:#ffa000;}
.bg-white30{background: rgba(255,255,255,0.5);}
.bg-white{background:#fff;}
.bg-btn{background-color:#ffdc00;}
.btn-disabled{background:#e4e4e4;color:#d2d2d2!important;}
.bg-main{background: #f02832;}
.bg-bigGray{background:#d2d2d2;}
.bg-samllGray{background:#f4f4f4;}

/*文字设置*/
.txt-al-center{text-align: center !important;}
.txt-al-left{text-align: left !important;}
.txt-al-right{text-align: right !important;}
.ft-blod{font-weight: 500;}
/*文字大小*/
.ft10{font-size: 10px;}
.ft12{font-size: 14px;}
.ft14{font-size: 16px;}
.ft16{font-size: 16px;}
.ft18{font-size: 18px;}
.ft20{font-size: 20px;}
.ft22{font-size: 22px;}
.ft24{font-size: 24px;}
/*圆角*/
.radius30px{border-radius: 30px;}
.radius50{border-radius: 50%;}
/*内间距*/
.pd10{padding: 10px !important;}
.pd20{padding: 20px !important;}
.pd30{padding: 30px !important;}
.pdt10{padding-top: 10px !important;}
.pdt20{padding-top: 20px !important;}
.pdt30{padding-top: 30px !important;}
.pdb10{padding-bottom: 10px !important;}
.pdb20{padding-bottom: 20px !important;}
.pdb30{padding-bottom: 30px !important;}
.pdl10{padding-left: 10px !important;}
.pdl15{padding-left: 15px !important;}
.pdl20{padding-left: 20px !important;}
.pdl30{padding-left: 30px !important;}
.pdr10{padding-right: 10px !important;}
.pdr20{padding-right: 20px !important;}
.pdr30{padding-right: 30px !important;}
.pd15-20{padding: 15px 20px;}
/*边框*/

  /*白色边框*/ 
 .bor{border: 1px solid #e4e4e4;}
 .bor-top{border-top: 1px solid #e4e4e4;}
 .bor-bottom{border-bottom: 1px solid #e4e4e4;}
 .bor-left{border-left: 1px solid #e4e4e4;}
 .bor-right{border-right: 1px solid #e4e4e4;}
 .bor1-white{border: 1px solid #fff;}
 .bor-orange{border-color: #ffa000;}
 .bor-white20{border-color: rgba(255,255,255,0.2)}
/*虚线边框*/
 .bor-bottom-das{border-bottom: 1px dashed #fff;}
 .bor-col-e8{border-color:#e4e4e4;}	
 /*圆角*/
 .bor-ra2{border-radius: 2px;}
 .bor-ra4{border-radius: 4px;}
 /*外边距*/ 
.mrg-auto{margin: 0 auto !important;}
.mrg-top10{margin-top: 10px !important;}
.mrg-top20{margin-top: 20px !important;}
.mrg-top30{margin-top: 30px !important;}
.mrg-top40{margin-top: 40px !important;}
.mrg-left5{margin-left: 5px !important;}
.mrg-left10{margin-left: 11px !important;}
.mrg-left20{margin-left: 20px !important;}
.mrg-left30{margin-left: 30px !important;}
.mrg-left40{margin-left: 40px !important;}
.mrg-right10{margin-right: 10px !important;}
.mrg-right20{margin-right: 20px !important;}
.mrg-right30{margin-right: 30px !important;}
.mrg-right40{margin-right: 40px !important;}
.mrg-bottom10{margin-bottom: 10px !important;}
.mrg-bottom20{margin-bottom: 20px !important;}
.mrg-bottom30{margin-bottom: 30px !important;}
.mrg-bottom40{margin-bottom: 40px !important;}
/*百分比宽度*/
.wtd10{width: 10% !important;}
.wtd20{width: 20% !important;}
.wtd30{width: 30% !important;}
.wtd40{width: 40% !important;}
.wtd50{width: 50% !important;}
.wtd60{width: 60% !important;}
.wtd70{width: 70% !important;}
.wtd80{width: 80% !important;}
.wtd90{width: 90% !important;}
.wtd100{width: 100% !important;}

/*颜色*/
.col-white{color: #fff;}
.col-main{color: #f02832;}
.col-green{color:#05c600;}
.col-1e{color: #1e1e1e;}
.col-90{color: #909090;}
.col-ffa0{color: #ffa000;}
.col-12a7{color:#12a7e5}
.col-ff4b{color:#ff4b21}
.col-ff7e{color:#ff7e00}
.col-ef37{color:#ef3756}
.col-83d0{color:#83d00a}
.col-17c6{color:#17c6ab}

/*位置*/
.pos-fixed{position: fixed;}
.pos-rela{position: relative;}
.pos-abs{position: absolute;}
.top0{top:0;}
.left0{left:0;}
.right0{right:0;}
.bottom0{bottom: 0;}
.top10{top:10px;}
.left10{left:10px;}
.right10{right:10px;}
.bottom10{bottom: 10px;}
.top20{top:20px;}
.left20{left:20px;}
.right20{right:20px;}
.bottom20{bottom: 20px;}


/*按钮*/
.btn{border-radius: 4px;padding: 4px 6px;}
/*栅格系统*/
.col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,
.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1{
 float: left !important;
 text-align: center;
}
.col-xs-12 {
 width: 100%;
}
.col-xs-11 {
 width: 91.66666667%;
}
.col-xs-10 {
 width: 83.33333333%;
}
.col-xs-9 {
 width: 75%;
}
.col-xs-8 {
 width: 66.66666667%;
}
.col-xs-7 {
 width: 58.33333333%;
}
.col-xs-6 {
 width: 50%;
}
.col-xs-5 {
 width: 41.66666667%;
}
.col-xs-4 {
 width: 33.33333333%;
}
.col-xs-3 {
 width: 25%;
}
.col-xs-2 {
 width: 16.66666667%;
}
.col-xs-1 {
 width: 8.33333333%;
}

/*弹框*/
.webbox{font-size:12px;background:#fff;position: fixed;width: 80%;left: 50%;border-radius:8px;
 top:30%;margin-left: -40%;z-index:66;display: none;padding-top: 20px;}
.webbox ul{margin-left: 10px;float: left;width: 88%;}
.webbox ul li{cursor:pointer;border-bottom: 2px solid #ffdc00 !important;float: left;
border: 2px solid #ffdc00;width: 25% !important;padding: 4px!important;margin-top:4px;
 margin-left: 2%;text-align: center;position: relative;border-radius:4px;
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
 }

.webbox ul li.active{background:#ffdc00;}
.ok{border: 1px solid #ffa000;border-radius: 2px;width: 60px;color: #282828;}
.cosle{position: absolute;right:10px;top:10px;}
.cosle img{width: 70% !important;}
.webbox .ok-box{background:#ffdc00;color:#282828;border-radius:0 0 8px 8px;text-align:center;line-height:44px;}
/*头部和底部*/

footer{background:#fff; height: 54px;text-align: center;z-index: 49;box-shadow:1px 0px 1px 1px rgba(0,0,0,0.1);}
footer a{display: block;margin: 0 auto;}
footer .evericon{font-size:32px;}
footer .now-or img{opacity: 0.95;}
footer img{height: 4%;margin-top: 10px;width: 20%;}
#box_shadow{background: rgba(0,0,0,0.5);display: none;position: fixed;top:0;left: 0;z-index: 47;}
#box_shadow1{background: rgba(0,0,0,0.5);display: none;position: fixed;top:0;left: 0;z-index: 44;}
#box_shadow2{background: rgba(0,0,0,0.5);display: none;position: fixed;top:0;left: 0;z-index: 44;}
.box_shadowo{background: rgba(0,0,0,0.5);display: none;position: fixed;top:0;left: 0;height: 100%;width:100%;}
.msgs{background: rgba(0,0,0,.6);border-radius: 4px;padding:4px 20px;color:#fff;position: fixed;
z-index: 100;display: none;top:30%;left:0;line-height:30px;font-size: 16px;text-align: center;}
/* loading动画 */
.loading{position:absolute;top:410px;left:45%;z-index:48;color:#282828;}
.spinner {
  margin: 0 auto;
  width: 20px;
  height: 20px;
  position: relative;
  top:4px;
  display:inline-block;
}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 6px;
  height: 6px;
  background-color: #282828;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
 
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/*一像素分割线*/
/*上下*/
.tb-before,.lr-before,
.tb-after,.lr-after{
     position: relative;
}
.lr-before::before,
.lr-after::after,
.tb-before::before,
.tb-after::after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #e4e4e4;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}
.lr-before::before,
.lr-after::after{
  height: 100%;width: 1px;
}
.tb-before::before{
  top:0;bottom: auto;
}
.lr-after::after{
  right:0;
  left: auto;
}
/*左右*/

/* 2倍屏 */
@media only screen and (-webkit-min-device-pixel-ratio: 2.0) {
    .lr-after::after,.lr-before::before{
        -webkit-transform: scaleX(0.5);
        transform: scaleX(0.5);
    }
    .tb-before::before,.tb-after::after{
      -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}

/* 3倍屏 */
@media only screen and (-webkit-min-device-pixel-ratio: 3.0) {
    .lr-before::before,.lr-after::after{
        -webkit-transform: scaleX(0.33);
        transform: scaleX(0.33);
    }
    .tb-before::before,.tb-after::after{
      -webkit-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
}

.nowarp{
    white-space:nowrap;          /* 不换行 */
    overflow:hidden;               /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;   /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}

.quan_after_price {
    padding: 0px 3px;
    background: #ee8592;
    color: #fff;
    border-radius: 0px 4px 4px 0px;
    float: left;
}
.quan_price {
    letter-spacing: -1px;
    padding: 0px 3px;
    background: #e7142f;
    color: #fff;
    border-radius: 4px 0px 0px 4px;
    border-right: dotted 1px #fff;
    float: left;
    margin-bottom: 5px;
}
@media screen and (max-width: 350px) {
    .grid-item{font-size: 10px;}
    .grid-item .current-price span:first-child{font-size: 14px  !important;}
}

.gradBg{
    background: -webkit-linear-gradient( 95deg, rgb(226,10,21) 0%, rgb(249,75,84) 100%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient( 95deg, rgb(226,10,21) 0%, rgb(249,75,84) 100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient( 95deg, rgb(226,10,21) 0%, rgb(249,75,84) 100%); /* Firefox 3.6 - 15 */
    background: -ms-linear-gradient( 95deg, rgb(226,10,21) 0%, rgb(249,75,84) 100%);
    background: linear-gradient( 95deg, rgb(226,10,21) 0%, rgb(249,75,84) 100%); /* 标准的语法 */
}

.gradBggray{
    background: -webkit-linear-gradient( 95deg, rgb(108,107,107) 0%, rgb(155,155,155) 100%);/* Safari 5.1 - 6.0 */
    background: -o-linear-gradient( 95deg, rgb(108,107,107) 0%, rgb(155,155,155) 100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient( 95deg, rgb(108,107,107) 0%, rgb(155,155,155) 100%); /* Firefox 3.6 - 15 */
    background: -ms-linear-gradient( 95deg, rgb(108,107,107) 0%, rgb(155,155,155) 100%);
    background: linear-gradient( 95deg, rgb(108,107,107) 0%, rgb(155,155,155) 100%); /* 标准的语法 */
}

.loading-box{position:fixed;top:0;left:0;background:rgba(0,0,0,.5);width:100%;height:100%;z-index:666}.loading-box 
.bg-white{position:fixed;top:50%;left:50%;transform:translate(-50%,50%);text-align:center;border-radius:4px;padding:10px 10px 4px}
.loading-box .bg-white p{margin-top:-4px}.loading-box 
.bg-white .rotate{-webkit-animation:rotates .6s linear infinite;animation:rotates .6s linear infinite}
@keyframes rotates{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.loading-img{display:inline-block;width:22px;height:22px;border:0;background-image:url(../images/mescroll-loading2.png);background-size:contain}
.loading-img .loading-child{display:inline-block;width:22px;height:22px;border:0;background-image:url(../images/mescroll-loading1.png);background-size:contain}
#comfirm-box .btn{display: flex;}
#comfirm-box .btn div{flex: 1;height:40px;
line-height: 40px;cursor: pointer;}
#comfirm-box .comfirm{
    color:#1d98ff;
}
#comfirm-box .cancle{
    color:#909090;
}
#shadow{
 background:rgba(0,0,0,.4);
 position: fixed;
 top:0;
 left:0;
 z-index: 665;
 height:100%;
 width: 100%;
}
#alert {
    position: fixed;
    top:40%;
    background:rgba(0,0,0,.5);
    color:#fff;
    text-align: center;
    padding:10px 20px;
    border-radius: 4px;
    left:50%;
    z-index: 668;
}
.vip-tags{background:#1c1c1c;color:#dac995;border-radius:20px;padding:2px 6px;
position:relative;top:-2px;padding-top:3px;margin-left:4px;font-size:10px;}

/*趣码加载效果*/
.qu-loading{
  background:rgba(0,0,0,.4);
  width:200px;
  height:60px;
  position:fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  border-radius:10px;
 /* display:flex;
  align-items:center;*/
}
.qu-loading svg{
  width:60px;height:60px;
  margin-left:10px;
}
.qu-loading .title{color:#fff;width:}