*,body,html{ margin: 0; padding: 0;-webkit-tap-highlight-color: transparent; }
div{margin: 0; padding: 0; border:0;}
h1,h2,h3,h4,h5,h6{font-family: "Microsoft Yahei";font-weight: normal;}
img{ margin:0; padding: 0; border:0;}
a{text-decoration: none;margin:0;padding:0;cursor: pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{font: 14px/1.5 "Microsoft Yahei",arial,"Hiragino Sans GB",sans-serif; w position: relative;background: #f2f2f2;}
ul, li{ list-style: none;margin:0;padding:0;}
i{font-style: normal;}
b,strong{font-weight: normal;}
table,tr,td{margin:0; padding:0;}
.hot{color:#00cf9b;}
.gray{color:#999;}
.clearfix:after{content:""; display:block;clear:both;}
.clearfix{ *zoom:1;/*IE/7/6*/}
.floatclear{clear:both;}
img{ display: block;}
:focus { outline: 0;-webkit-tap-highlight-color: transparent;}
input {-webkit-appearance: none;outline: none;}
input:-moz-placeholder{color:#777; font-size: 15px;font-family:"Microsoft Yahei";text-indent: 10px;}
textarea:-moz-placeholder { color: #777; font-size: 15px;font-family:"Microsoft Yahei";text-indent: 10px;}
input::-moz-placeholder{color: #777; font-size: 15px;font-family:"Microsoft Yahei";text-indent: 10px;}
textarea::-moz-placeholder { color:#777; font-size: 15px;font-family:"Microsoft Yahei";text-indent: 10px;}
input:-ms-input-placeholder{color: #777; font-size: 15px;font-family:"Microsoft Yahei";text-indent: 10px;}
textarea:-ms-input-placeholder {color: #777; font-size: 15px;font-family:"Microsoft Yahei";text-indent: 10px;}
input::-webkit-input-placeholder{color: #777; font-size: 15px;font-family:"Microsoft Yahei";text-indent: 10px;}
textarea::-webkit-input-placeholder { color:#777; font-size: 15px;font-family:"Microsoft Yahei";text-indent: 10px;}
/*--初始化--*/
/* --头部公共01-- */
.bgee{background: #eee;}
html,body{width:100%;height:100%;}
.top,.topH2{background: #333;box-sizing:border-box;padding:13px 0 13px 13px;}
.topH2{text-align: center;}
.top h2{font-size: 18px;color:#fff;padding-left:15px;border-left: 1px solid #000;display: inline-block;}
.topH2 h2{font-size: 18px;color:#fff;display: inline-block;}
.top span.topNo{width:18px;height:18px;background: url(../Rimg/topNo.png) no-repeat left center;background-size: contain;display: inline-block;margin-right: 18px;}
.line{padding-top: 10px;border-bottom: 1px solid #00cf9b;}
/* --头部公共02-- */
.line h3{font-size: 15px;width:104px;background: #fff;margin:0 auto -10px;text-align: center;color:#00cf9b;}
.line span.Sicon{width:14px;height: 18px;background: url(../Rimg/Span.png) no-repeat;background-size: contain;display: inline-block;vertical-align:-2px;margin:0 7px;}
h3.lineH3{width:84px;}
.header h2{font-size: 18px;}
/*.header{background:#333;text-align: center;font-size: 18px;color:#fff;padding:10px 0 13px 10px;position: relative;}*/
.header h3{display: inline-block;height: 35px;line-height: 35px;font-size: 18px;}
span.arrow{width:27px;height:27px;background:url(../Rimg/btn_back.png) no-repeat left center;background-size:contain;position: absolute;top:13px;left:13px; cursor: pointer;}
span.leftspan{top:15px;left:8px;}
span.newarrow{width:19px;height:17px;background:url(../Rimg/new_back.png) no-repeat left center;background-size:contain;left:10px;}
span.arrowpdlt{padding-left: 20px;box-sizing:border-box;font-size: 14px;line-height: 30px;}
.bgwhite{background: #fff;}
.bggray{background: #f2f2f2;}
#agree_content{padding:13px;}
.ul-cell{position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center; align-items: center;}
.ul-cell-public{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.ui-cell-top { position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.nstep{padding:20px 13px 0;}
a.login-a{width:100%;height: 38px;text-align: center;line-height: 38px;display:block;background: #46b880;border-radius: 5px;color: #fff;font-size: 16px;}
/* --头部公共03-- */
.home{ display:inline-block; position: absolute;right: 5px; top: 0; width: 30px; height: 30px; line-height: 30px; background-size: contain; float: right; overflow: hidden;}
.searchall {height: 27px;margin: 0 auto; position: relative; width: 100%;}
.searchall h2 { color: #fff; font-size: 20px;font-weight: normal;line-height: 27px; text-align: center;}
.back { display: block; height: 27px;left: 13px; line-height: 27px; overflow: hidden;position: absolute;text-align: center; top: 5px;}
.focus{ text-align: center;}
/* --浮窗菜单-- */
.guMenu{position: fixed;bottom:65px;right:13px;height: 40px;z-index: 20;}
.guCon{width:38px;height: 38px;background: rgba(0,0,0,0.6) url(../Rimg/gumenu.png) no-repeat center center;background-size:19px 4px;border-radius: 50%;float: right;margin-right: 4px;}
ul.guList{display:none}
ul.guList li{width:38px;height: 38px;border-radius: 50%;text-align: center;display: inline-block;margin-right: 8px;}
ul.guList li{background:rgba(0,0,0,0.6) url(../Rimg/cartlist.png) no-repeat;}
ul.guList .indexli{background-position:7px 5px ;background-size: 128px 27px;}
ul.guList .cartli{background-position:-43px 5px ;background-size: 128px 27px;}
ul.guList .userli{background-position:-96px 5px ;background-size: 128px 27px;}
ul.guList li a{width:100%;display:block;color:#fff;line-height: 35px;position: relative;}
ul.guList{float: left;}
i.shoppingcat{width:15px;height: 15px;background: #00cf9b;border-radius:50%;position: absolute;top:4px;right:50%;margin-right:-15px;font-style: normal;font-size: 12px;color:#fff;text-align: center;line-height: 15px;}
.displayNone{display:none}
.displayBlock{display:block}
/* --支付-- */
.payCon{margin:7px 0 0;background: #fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.payCon h3{border-bottom: 1px solid #eee;padding:4px 13px;}
.payspan{width:17px;height: 17px;background: #ffa840;border-radius: 50%;display: inline-block;text-align: center;line-height: 17px;color:#fff;font-size: 12px;margin-right: 8px;vertical-align: 1px;}
.payul{display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.payul{padding:4px 13px;}
.payul li{width:50%;box-sizing:border-box;color:#999;}
.payul li span{color:#777;line-height: 26px;width:42%;display: inline-block;}
.payul li .price,.payul li .couponprice,.payul li .payamount{color:#333;}
.payborder{border-right:1px solid #eee;}
.infoList{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
p.payp{margin-top: 4%;text-align: center;color:#777;}
.payul li .bigfont{font-size: 18px;/* margin-left:-36px; */color:#333;}
.paymode{background: #fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
li.backli{text-align: center;line-height: 30px;}
.explain{padding: 13px 0;border-top:1px dashed #eee;margin:0 8px;}
.explain p{display: inline-block;color:#999;font-size: 13px;}
.explain-a{float: right;color:#999;font-size: 13px;}
.explain-a:before{content: "?";width:13px;height: 13px;border: 1px solid #999;color:#999;font-size:12px;text-align: center;line-height: 13px;border-radius: 50%;display: inline-block;margin-right: 6px;}
.orderinfoP{display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.order-S{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;width:80%;}
#wlios{background-color:transparent; border:0; width: 1px; height: 1px; overflow: hidden;}
/* li.backtop{padding-top: 8%;} */
.loadingbg{ display: none; position: absolute; top:0px; z-index: 1355; width: 100%; height: auto; min-height: 500px; background:rgba(0,0,0,0.2); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);}
#loading{ text-align: center;  position: relative; margin-top: -100px;}
#loading span{ color: #51b780; line-height: 130px; font-size: 18px; display: block;}
.payul li span.newbfont{color: #333;font-size: 15px;}
/*竞价动画*/
.spinner {
  margin: 0px auto;
  width: 130px;
  height: 130px;
  position: relative;
}

.container1 > div, .container2 > div, .container3 > div {
  width: 22px;
  height: 22px;
  background-color: #333;

  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);
  }
}
.scrollFix{ height: 100%; overflow: hidden; position: relative; }
.scrollFix body{ height: 100%; overflow: hidden; }
 /*砸蛋*/
 .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}