*{margin:0;padding:0;}
body,button,input,select,textarea{font-size:12px;font-family:arial,微软雅黑;}
body.bg-gray{background:#f4f4f4;}
.h5-1yyg-v1{margin:0 auto;padding-bottom:55px;background:#f4f4f4}
.h5-1yyg-v1.bg-white{background:#fff;overflow:hidden;max-width: 640px;}
.h5-1yyg-v1.nobg{background:none}
.h5-1yyg-v1.nopadding{padding-bottom:0;}
.text-center{text-align:center}
:focus {outline:0;}
img{border:0;}
ul,li{list-style:none;}
div,ul,li,dl,dt,dd,table,td,input{font-size:12px;}
input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;border:0;border-radius:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.fl{float:left;}
.orange{color:#dc332d;}
a{color:#5c5c5c;text-decoration:none;-webkit-tap-highlight-color:transparent;}
.g-Cart-list2{border-bottom: 1px solid #f1f1f1;}
.g-Cart-list2,.g-Cart-list2 li{background: #fff;box-shadow: none;}
.good-info li{clear:both;padding:8px 10px;border-bottom:1px solid #f1f1f1;overflow:hidden;line-height: 26px;}
.good-info li.nobor{border-bottom:none}
.good-info li .left{float: left;width:20%;}
.good-info li .right{float: right;width: 80%;text-align: right;}
.good-info li .part{float:left;width:10%;margin:0 5%;font-size:12px;line-height:16px;background:#dc332d;border-radius:4px;color:#fff; text-align:center;}
.f-Cart-Other{display: inline-block;width: auto;vertical-align: middle;margin:0;}
.f-Cart-Other .z-jian, .f-Cart-Other .z-jia{width: 24px;height: 24px;line-height: 24px;}
.f-Cart-Other .z-jian{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.f-Cart-Other .z-jia{border-bottom-left-radius: 0;border-top-left-radius: 0;}
.f-Cart-Other .z-amount{margin: 0;width: 36px;height: 24px;padding:0;border-radius: 0;}
.good-progress .bar{position: relative;height:18px;line-height:18px;border: 1px solid #dc332d;}
.good-progress .bar .cur{position: absolute;height: 100%;z-index: 2;background: #dc332d;}
.good-progress .bar span{position:relative;float: left;width: 20%;z-index: 3;text-align: center;}
.good-progress .bar span::after{content: '';position: absolute;right: 0;top: 4px;bottom: 4px;width: 1px;background: #333;}
.good-progress .bar span:last-child::after{display: none;}
.good-progress .txt{overflow: hidden;padding: 5px 0;}
.good-progress .txt p{float: left;width: 33.333%;text-align: center;box-sizing: border-box;}
.good-progress .txt p:first-child{text-align: left;padding-left: 5px;}
.good-progress .txt p:last-child{text-align: right;padding-right: 5px;}
.trend-table table{width: 100%;border-collapse: collapse;}
.trend-table table th{height: 24px;border:1px solid #fff;background: #dc332d;color: #fff;text-align:center;}
.trend-table table td{height: 24px;border-bottom: 1px solid #f6f6f6;text-align: center;}
.trend-footer-block{height: 50px;}
.trend-footer{position: fixed;left: 0;bottom: 0;right:0;height:40px;z-index: 99;}
.trend-footer a{float: left;height: 40px;line-height: 40px;text-align: center;font-size: 15px;color: #fff;}
.trend-footer .start{width: 30%;background: #dc332d;}
.trend-footer .stop{width: 30%;background: #ff8642;}
.trend-footer .buy{width: 40%;background: #ffb320;}
.trend-footer .gray{background: #999;}
.btn-footerbox{position: fixed;max-width: 640px;margin: 0 auto;left: 0;bottom: 0;right:0;height: 56px;text-align:center;border:1px solid #dc332d;border-left:0;z-index:99;}
.btn-footerbox .left{float:left;width:50%;height:100%;font-size:12px;color:#666; background:#fff;}
.btn-footerbox .left input {border: none;height:100%;padding: 0;margin: 0;font-size:20px;line-height: 42px;color: #dc332d;width: 100%;text-align: center}
.btn-footerbox .right{float:left;width: 50%;height:100%;font-size:12px;color:#fff;background:#dc332d;}
.btn-footerbox .right a,.btn-footerbox .left a{color:#fff;display:inline-block;width:100%;font-size:16px;}
.g-Cart-list .u-Cart-img img {width: 80px;}
.g-Cart-list { overflow: hidden; background: #ececec; padding:10px 10px 5px;}
.g-Cart-list li { position: relative; zoom: 1; background:#fff; padding:6px;border-radius:7px;}
.g-Cart-list .u-Cart-img { margin: 8px 5px 0 5px; }
.g-Cart-list .u-Cart-img img { width: 76px; height:76px;border-radius:5px; padding:2px;}
.g-Cart-list .u-Cart-r { margin-left: 94px; margin-top: 5px; margin-right: 8px; }
.g-Cart-list .u-Cart-r p { margin-bottom: 5px; font-size: 12px; }
.u-Cart-r .z-Cart-tt { min-width: 15px; height: 17px; line-height: 17px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 3px 5px;margin-bottom: 0; }
.u-Cart-r .z-Cart-tt strong { background-color: #fffcda; border: 1px solid #ffae78; color: #dc332d; display: inline-block; font-size: 12px; font-weight: normal; height: 15px; line-height: 15px; padding: 0 4px; }
.u-Cart-r .z-promo { display: block; font-size: 12px; }
.z-promo.gray9[data-id] { margin-left: 30px; }
.z-promo.gray9 span { color: #333; font-size: 14px; }
.u-Cart-r .z-promo .surplus { display: inline-block; width: 30px; height: 22px; margin-bottom: 2px; color: #FFF; font-size: 17px; line-height:22px; background:#dc332d; border-radius: 3px; text-align: center; cursor: pointer; }
.u-Cart-r .z-promo .purchase-txt { /*购物车限购人次*/ color: #dc332d; float: right; font-size: 12px; line-height: 16px; }
.f-Cart-Other { width: 100%; margin-bottom: 10px; display: inline-block; }
.f-Cart-Other .z-del {width: 28px; height: 28px; border-radius: 3px; border: 1px solid #ccc; display: inline-block; background-position: -50px -59px; }
.f-Cart-Other .z-amount { color: #ff8642; font-family: Arial; line-height: 16px; padding: 5px 0 4px 0; font-size: 16px; width: 58px; border: 1px solid #BBB; border-radius: 3px; margin: 0 3px; text-align: center;border-left:0;border-right:0;}
.f-Cart-Other .z-jian, .f-Cart-Other .z-jia { width: 28px; height: 28px; border-radius: 3px; text-align: center; display: inline-block; color: #999; }
.f-Cart-Other .z-jian, .f-Cart-Other .z-jia { background: #fff; border: 1px solid #ccc; }
.f-Cart-Other .z-jiandis, .f-Cart-Other .z-jiadis { background: #F7F7F7; border: 1px solid #DDD; color: #DDD; }
.f-Cart-Other .z-jia { line-height: 28px; font-size: 20px; }
.f-Cart-Other .z-jian { font-size: 24px; line-height: 25px; }
.z-Cart-tips { border: 1px solid #ffd8c1; background: #fffacd; color: #dc332d; text-align: center; line-height: 25px; margin-top: -1px; }
.zhuijia span{float: left; min-width:30px;height: 26px;line-height: 26px;vertical-align: middle;text-align: center;border: 1px solid #CACACA;border-radius: 5px;margin-right: 5px;}
.zhuijia span:nth-child(4){ width:44px;}
.zhuijia span.on{background-color: #EEE}
/* 流量礼包 */
.g-Cart-list2{padding:0;overflow:inherit;}
.g-Cart-list2 .tips{padding-bottom:6px;font-size:12px;color:#666;border-bottom:1px solid #ddd;}
.g-Cart-list2 li{position:relative;z-index:4;padding:6px;background:#fff;border-radius: 0;}
.g-Cart-list2 li::before{content: "";position: absolute;top: -12px;left: 47px;width: 0;height: 0;border-width: 6px;border-style: dashed dashed solid;border-color: transparent transparent #f2f2f7;}
.g-Cart-list a.fl.u-Cart-img{width:50px;height: 50px;}
.g-Cart-list2 .u-Cart-img img{width:50px;height: 50px;padding:0;}
.g-Cart-list2 .u-Cart-r{margin-left: 65px;}
.g-Cart-list2 .u-Cart-r .z-Cart-tt{padding-left: 0;}
.f-Cart-Other{display: inline-block;width: auto;vertical-align: middle;margin:0;}
.f-Cart-Other .z-jian, .f-Cart-Other .z-jia{width: 24px;height: 24px;line-height: 24px;}
.f-Cart-Other .z-jian{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.f-Cart-Other .z-jia{border-bottom-left-radius: 0;border-top-left-radius: 0;}
.f-Cart-Other .z-amount{margin: 0;width: 36px;height: 24px;padding:0;border-radius: 0;}
.info-footerbox{position:fixed;width:100%;left:0;bottom:44px;background:#fff;}
.pencentbox{margin:10px 25px 10px 25px;position:relative;}
.Progress-bar{zoom:1;}
.u-progress{margin-top:3px;height:10px;background:#dcdcdc;position:relative;border-radius:3px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);margin-bottom:3px;overflow:hidden;}
.u-progress .pgbar,.u-progress .pging{display:block;width:100%;height:100%;border-radius:3px;}
.u-progress .pging{background:#dc332d;}
.Progress-bar .Pro-bar-li li{float:left;color:#acacac;font-size:0.8em;border:none;margin-top:3px;padding:0;box-shadow:none;border-radius:none;}
.Progress-bar .Pro-bar-li li.P-bar01 em{color:#dc332d; display:block;}
.Progress-bar .Pro-bar-li li.P-bar02 em {color:#777;display:block;}
.Progress-bar .Pro-bar-li li.P-bar03 em{color:#008de7;display:block}
.Progress-bar .Pro-bar-li li.P-bar01{width:30%;text-align:left;}
.Progress-bar .Pro-bar-li li.P-bar02{width:50%;text-align:center}
.Progress-bar .Pro-bar-li li.P-bar03{width:20%;float:right;text-align:right;}
#chartsContainer, #chartsContainer * {box-sizing: border-box;}
.charts-container {position: relative;margin:50px 20px 50px 50px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.charts-container::after {content: '';display: block;clear: both;}
.charts-container span {display: block;float: left;height: 30px;border-top: 1px solid #ccc;border-right: 1px solid #ccc;position: relative;}
.charts-container span.odd {background: #f7f7f7;}
.charts-container span.odd-o {background: #f1f1f1;}
.charts-container span.even {background: #fff;}
.charts-container span.even-e {background: #f9f9f9;}
.charts-container span:nth-child(1)::before {content: '';position: absolute;top: -1px;left: -5px;height: 1px;border-top: 1px solid #ccc;width: 5px;}
.charts-container span:nth-child(1)::after,
.charts-container span:nth-child(11)::after,
.charts-container span:nth-child(21)::after,
.charts-container span:nth-child(31)::after,
.charts-container span:nth-child(41)::after {content: '';position: absolute;bottom: -1px;left: -5px;height: 1px;border-bottom: 1px solid #ccc;width: 5px;}
.charts-container span:nth-child(41)::before,
.charts-container span:nth-child(42)::before,
.charts-container span:nth-child(43)::before,
.charts-container span:nth-child(44)::before,
.charts-container span:nth-child(45)::before,
.charts-container span:nth-child(46)::before,
.charts-container span:nth-child(47)::before,
.charts-container span:nth-child(48)::before,
.charts-container span:nth-child(49)::before,
.charts-container span:nth-child(50)::before {content: '';position: absolute;bottom: -6px;left: -1px;height: 5px;width: 1px;border-left: 1px solid #ccc;}
.charts-container span:nth-child(50)::after {content: '';position: absolute;bottom: -6px;right: -1px;height: 5px;width: 1px;border-right: 1px solid #ccc;}
#x {position: absolute;width: 100%;left: 0;bottom: -8px;white-space: nowrap;transform: translateY(100%);}
#x::before {content: '';font-size: 12px;color: #999;transform: rotate(-45deg);display: inline-block;white-space: nowrap;position: absolute;top: 0;right: 100%;}
#x i {font-size: 12px;color: #999;transform: rotate(-45deg);display: block;position: absolute;}
#y {position: absolute;height: 100%;left: -10px;width: 0;top: 0;}
#y i {position: absolute;right: 0px;font-size: 12px;color: #999;line-height: 1;margin-bottom: -6px;}
#y i:nth-child(1) {bottom: 0;}
#y i:nth-child(2) {bottom: 20%;}
#y i:nth-child(3) {bottom: 40%;}
#y i:nth-child(4) {bottom: 60%;}
#y i:nth-child(5) {bottom: 80%;}
#y i:nth-child(6) {bottom: 100%;}
#c {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;}
#c i {position: absolute;display: block;width: 8%;background: rgba(253, 94, 36, 0.6);transform: translate3d(-50%, 0, 0);opacity: 0.7;color: rgb(253, 94, 36);}
#c i.now {background: rgba(100, 53, 201, 0.6);min-height: 1%;}
#c i em {position: absolute;font-size: 12px;line-height: 1;top: -15px;width: 100%;text-align: center;font-style: normal;z-index: 3;}
#d {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;}
#d i {position: absolute;display: block;border-radius: 100%;width: 7px;height: 7px;background: rgb(253, 94, 36);margin-left: -4px;margin-bottom: -4px;overflow: hidden;text-indent: 999px;}
#d i.big {width: 11px;height: 11px;background: rgb(253, 94, 36);margin-left: -6px;margin-bottom: -6px;}
#l {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;overflow: hidden;}
#l i {position: absolute;display: block;height: 2px;background: rgb(253, 94, 36);transform-origin: left;}
#p {  position: absolute;  width: 100%;  height: 0;  left: 0;  bottom: 0;  overflow: hidden;  background: rgba(250, 240, 190,0.75);}
#actions {  text-align: center;  padding-bottom:10px;}
#actions span {  display: inline-block;  margin: 0 5px;  font-size: 0;}
#actions em {  margin-left: 5px;  line-height: 12px;  display: inline-block;  font-size: 12px;  vertical-align: middle;  font-style: normal;}
#actions i {  font-size: 0;  display: inline-block;  position: relative;  width: 24px;  height: 12px;  vertical-align: middle;}
#actions span.dot i {  position: relative;}
#actions span.dot i::before {position: absolute;content: '';display: block;width: 100%;height: 2px;top: 50%;margin-top: -1px;background: rgb(253, 94, 36);}
#actions span.dot i::after {position: absolute;content: '';display: block;width: 10px;height: 10px;background: rgb(253, 94, 36);border-radius: 100%;top: 50%;left: 50%;margin-top: -5px;margin-left: -5px;}
#actions span.diamond i {  border-radius: 4px;  background: rgba(253, 94, 36, 0.7);}
#actions span.now i {  border-radius: 4px;  background: rgba(100, 53, 201, 0.7);}
.progress_wrapper {height: 2.667vmin;line-height: 2.667vmin;background: #eee;box-shadow: none;overflow: visible;border-radius: 1.333vmin;margin-top: 3.467vmin;}
.progress_wrapper .progress-bar {transition: width .6s ease;position: relative;border-radius: 1.333vmin 0 0 1.333vmin;animation: a 2s;float: left;height: 100%;font-size: 1.6vmin;line-height: 2.667vmin;color: #fff;text-align: center;}
.progress_wrapper .progress-bar span {position: absolute;top: -6.667vmin;right:-6.333vmin;color: #fff;display: block;font-size: 2.267vmin;font-weight: 700;padding: .667vmin .933vmin;background: #f70;border-radius: .667vmin;}
.progress_wrapper .progress-bar span:before {content: "";position: absolute;bottom: -1.867vmin;left: 3vmin;border: .933vmin solid transparent;border-top: .933vmin solid #f70;}
@keyframes myfirst{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.helper-footer-btn {position: fixed;bottom: 56px;height: 50px;width: 100%;max-width: 640px;box-sizing: border-box;display: flex;padding: 0 10px;justify-content: space-around;background-color: #fff;align-items: center;border: 1px solid #eee;content: "viewport-units-buggyfill; width: 100vmin";}
.helper-footer-btn div {padding: 2px 9px;border: 1px solid #f70;border-radius: 8px;background-color: #f70;color: #fff;}
.bottom span{font-size:14px;color:#999;}
.bottom span em{color:#e93323;}