@charset "utf-8";
.nav-col .cur{color: #ff6633;}
.search-header-icon{position: absolute; top: 8px; right: 10px;}
.gold-cont .gold-title{border-bottom: 2px solid #ff6633;display: block;white-space: nowrap;overflow-x: auto;font-size: 0;}
.gold-title ul li{border-right: 1px solid #f6f6f6;transition: all 0.2s;}
.gold-title ul li .gold-icon{overflow: hidden;width: 25px;height: 25px;margin-top: 5px;transition: all 0.2s;}
.gold-title ul li .gold-icon img{max-width: 25px;max-height: 25px;}
.gold-title ul li .gold-desc{padding-left: 40px;}
.gold-title ul li svg{font-size: 25px;}
.gold-title ul li.cur,.gold-title ul li:hover{background-color: #ff6633;border-right: 1px solid #fff;}
.gold-title ul li.cur .gold-desc span,.gold-title ul li:hover .gold-desc span{font-family: "robotobold";color: #fff;}
.gold-title ul li.cur strong,.gold-title ul li.cur p,.gold-title ul li:hover strong,.gold-title ul li:hover p{color: #f6f6f6;}
.gold-ser .gold-r{border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.items-row .gold-r,.show-row .gold-r{border-top: none;border-bottom: none;}
.gold-ser .gold-l{width: 140px;}
.items-row .gold-ser .gold-l{width: 150px;}
.gold-ser .gold-r{margin-left: 140px;}
.items-row .gold-ser .gold-r{margin-left: 150px;}
.gold-ser .gold-opt{width: 180px;z-index: 3;}
/*.gold-ser .gold-opt .opt-title{margin-top: 9px;}*/
.gold-ser .gold-opt span.active,.oth-offers span.active{transform: rotate(-180deg);}
.gold-ser .gold-opt .opt-bot input{width: 100%;outline: none;}
.gold-ser .gold-opt .opt-xiala{max-height: 180px;overflow: auto;}
.gold-ser .gold-opt .opt-xiala em{display: none;}
.gold-ser .gold-opt .opt-xiala02{display: block;}
.gold-ser .gold-opt .opt-title{margin-top: 9px;font-family: "robotobold";color: #ff6633;}
.pro-list-b .item01 strong{position: absolute;right: 40px;top: 7px;}
.cou-com .item01 .cus-txt input{width: 100%;padding-right: 24px;}
.offers-list{max-height: 280px;overflow-y: auto;}
.offers-list .offers-item{font-size: 0;}
.offers-list .offers-item:nth-child(2n-1){background-color: #f0f0f0;}
.offers-list .offers-item:hover{background-color: #E6E6E6;cursor: pointer;}
.modal-body .offers-list .offers-name{width: 170px;vertical-align: text-bottom;}
.offers-list .offers-name>strong{max-width: 110px; display: inline-block; vertical-align: bottom;}
.modal-body .offers-list .offers-pos{width: 180px;margin-top: -4px;}
.offers-list .offers-time{width: 110px;}
.cou-com-b .item02,.cou-com-b .item03,.cou-com-b .item04{padding-top: 4px;}
.gold-list{display: none;}
.gold-list.cur{display: block;}
.gold-list .gold-r li a:hover{font-weight: bold;font-family: 'robotobold';}
.gold-bot .ser-sel,.show-row .shop-ser{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.ser-sel .ser-opt li{border: 1px solid #fe6702;cursor: pointer;transition: all .2s;}
.ser-sel .ser-opt li:hover{box-shadow: 0px 0px 4px #f47950;}
.ser-sel .ser-opt li em{display: inline-block;vertical-align: top;transition: all .2s;}
.ser-sel .ser-opt li:hover em{color: #fe6702;}
.ser-opt .clear-btn{cursor: pointer;border: 1px solid #ccc;transition: all .2s;}
.ser-opt .clear-btn:hover{border:1px solid #fe6702;background-color: #fe6702;color: #fff;}
.sort-title{border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.sort-title .sort-opt{width: 104px;}
.sort-title .sort-opt .opt-bot{width: 200%;}
.sort-title .score span{cursor: pointer;}
.sort-title .score i{width: 16px;height: 16px;display: inline-block;vertical-align: bottom;}
.sort-title .score i svg{display: none;}
.sort-title .score span.cur i{border: 1px solid #8ec11f;color: #8ec11f;}
.sort-title .score span.cur svg{font-size: 14px;vertical-align: top;display: block;}
.price-drag {display:none;width: 240px;position: relative;top: -8px;margin: 0 36px 0 24px;}
.price-line{display: inline-block;width: 10px;height: 2px;background-color: #4d4d4d;vertical-align: middle;}
.irs-from, .irs-to, .irs-single{top: 6px;}
.pop-r .price-reset{color: #333;}
.pop-r input{width: 110px;}
.offers .offers-up,.offers .offers-back{height: 24px;line-height: 22px;width: 24px;text-align: center;}
.pro-list .pro-item{width: 20%;height:390px;padding: 12px;box-sizing: border-box;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;
	/*webkit-transition: box-shadow .2s;*/
    -webkit-transition: -webkit-box-shadow .2s;
    transition: -webkit-box-shadow .2s;
    transition: box-shadow .2s;
    /*transition: box-shadow .2s,-webkit-box-shadow .2s;*/
    }
.pro-list .pro-item:nth-child(5n){border-right: none;}
.pro-list .pro-item:hover{-webkit-box-shadow: 0 3px 9px 1px rgba(0,0,0,.2);box-shadow: 0 3px 9px 1px rgba(0,0,0,.2);}
.pro-list .pro-item a{display: block;}
.pro-outer{width: 100%;}
.pro-outer .icon-bot{position: absolute;bottom: 4px;left: 0px;right: 4px;}
.pro-outer .icon-bot img{height: 24px;}
.pro-outer .icon-bot .icon-r span{width: 26px;height: 24px;}
.pro-outer .icon-bot .icon-r span svg{display: inline-block;vertical-align: baseline;}
.pro-list .pro-img{height: 255px; display: flex; justify-content: center; align-items: center;}
.pro-list .pro-img img,.pro-list .items-img img{max-width: 100%;max-height: 100%;display: inline-block;}
.pro-list .pro-item p{word-wrap:break-word;}
.pro-list .pro-item .sale-title{height: 46px;}
.pro-list .pro-item .sale-stage{padding: 8px 0;}
.acc-wap,.mask-cont{display: none;}
.key-row .gold-ser .gold-r{border: none;}
.key-row .key-plat{border-top: 1px solid #ccc;}
.key-row .sort-title .sort-opt{width: 180px;}
.key-row .pro-list .pro-item{height: 428px;}
.pro-list .pro-item .discount{position: absolute;top: 0;right: 0;}
.pro-list .pro-item .discount img{width: 60px;height: 28px;position: absolute;right: 0px;top: 0px;}
.pro-list .pro-item .discount em{position: absolute;right: 0px;top: 0px;width: 60px;line-height: 28px;}
.stage .stage-icon{width: 18px;height: 18px;display: inline-block;vertical-align: top;background: url(../images/small_icon/stage-icon.png) no-repeat;}
.stage .stage-icon.blizzard{background-position: 0px 0px;}
.stage .stage-icon.gf{background-position: -27px -0px;}
.stage .stage-icon.gog{background-position: -0px -27px;}
.stage .stage-icon.ios{background-position: -27px -27px;}
.stage .stage-icon.itues{background-position: 0px -55px;}
.stage .stage-icon.ncsoft{background-position: -27px -55px;}
.stage .stage-icon.official{background-position: 0px -82px;}
.stage .stage-icon.origin{background-position: -27px -82px;}
.stage .stage-icon.ps{background-position: 0px -111px;}
.stage .stage-icon.rs{background-position: -27px -111px;}
.stage .stage-icon.steam{background-position: 0px -141px;}
.stage .stage-icon.switch{background-position: -27px -141px;}
.stage .stage-icon.uplay{background-position: 0px -173px;}
.stage .stage-icon.xbox{background-position: -27px -173px;}
.stage .stage-icon.others{background-position: -54px 0px;}
.stage .stage-icon.software{background-position: -54px -27px;}
.type{position:absolute;top:15px;left: 50%;transform: translateX(-50%);}
.search-top{overflow: hidden;}
.search input{height: 36px;width:100%;border: 1px solid #e6e6e6;outline: none;border-top-left-radius: 3px;border-bottom-left-radius: 3px;padding: 0 72px 0 12px;border-radius: 3px;overflow: hidden;}
.search input[type="text"]:focus{border: 1px solid #fe6702;transition: all .4s;}
.search .search-r{position: absolute;right: 0;top: 0;cursor: pointer;}
.search a{height: 36px;line-height: 34px;padding: 0 4px;border: 1px solid #fe6702;width: 36px;position: absolute;right: 0;top: 0;}
.search .close-icon{width: 32px;height: 36px;line-height: 34px;position: absolute;right: 36px;top: 0;display: none;}
.search .search-list{position: absolute;z-index: 3;width: 100%;border-top: none;display: none;}
.search .search-list ul{max-height: 200px;overflow: auto;}
.search .search-list li{height: 40px;line-height: 40px;border-bottom: 1px solid #e6e6e6;cursor: pointer;}
.gold-item .items-opt{width: 130px;}
.pro-list .items-col{height: 290px;}
.pro-list .items-img{text-align: center;height: 140px;width: 214px;display: table-cell;vertical-align: middle;}
.offers-top{position: absolute;right: 0;bottom: 0;width: 80px;height:26px;line-height:26px;
background: -webkit-linear-gradient(90deg, #66c300, #66a300, #66a300);
background: -o-linear-gradient(90deg, #66c300, #66a300, #66a300);
background: -moz-linear-gradient(90deg, #66c300, #66a300, #66a300);
background: linear-gradient(90deg, #66c300, #66a300, #66a300);
}
.items-type .sj-down{width: 0;height: 0;border: 4px solid transparent;border-top: 4px solid #ff6633;display: inline-block;position: absolute;right: 0;top: 10px;}
.items-type .sj-down.cur{transform: rotate(180deg);top: 6px;}
/*.small-col .gold-l{text-transform: uppercase;}*/
.items-row .good-type a.cur{color: #ff6633;}
.items-sort .items-opt{width: 130px;}
.items-sort .pop-r input{width: 90px;}
.items-data input{width: 100%;}
.items-data .agree-icon{width: 18px;height: 18px;background-color: #f6f6f6;border-radius: 4px;color: #fff;font-weight: bold;overflow: hidden;border: 1px solid #ddd;vertical-align: middle;}
.items-data .agree-icon.cur{background: #8ec11f url(../images/icon.png?v=202009222100) no-repeat 1px 3px;border: none;}
.items-data li{height: 42px;line-height: 42px;border-bottom: 1px solid #e6e6e6;}
.items-data li:last-child{border-bottom: none;}
.items-data .opt-xiala{overflow: auto;height: 294px;}
.search-mask{display: none;}
.item-warn i,.cou-com-b .bonus-war i{width: 14px;height: 16px;background: url(../images/icon.png?v=202009222100) no-repeat -35px -94px;vertical-align: sub;}
.cou-com-t .item04,.cou-com-b .item04{padding-left: 30px;}
.modal-dialog {width: 768px;}
.modal-body .item-warn{width: 130px;display: none;}
.cou-com-b .item02 .time-icon,.offers-list .offers-time .time-icon{width: 13px;height: 17px;display: inline-block;background: url(../images/icon.png?v=202009222100?v=3) no-repeat -35px -122px;vertical-align: middle;}
.show-row .agree-icon{width: 18px;height: 18px;border-radius: 4px;color: #fff;font-weight: bold;overflow: hidden;border: 1px solid #ccc;cursor: pointer;vertical-align: text-top;margin-right: 2px;}
.show-row .agree-icon.agree-cur{background: #8ec11f url(../images/icon.png?v=202009222100) no-repeat 1px 3px;border: none;}
.show-row .agree-col li{cursor: pointer;}
/*.kz-cont{position: fixed;right:-290px;top: 50%;transform: translateY(-50%);}
.kz-cont .kz-img img{width: 290px;height: 145px;}*/
.kz-close,.kz-fixed .kz-fixed-close{position: absolute;right: -10px;top: -10px;width: 32px;height: 29px;background: url(../images/icon.png?v=202004231810) no-repeat -34px -56px;cursor: pointer;}
.kz-fixed .friday-icon{background: url(../images/icon.png) no-repeat -74px -32px;right: 0px;top: 0px;}
.friday-icon{background: url(../images/icon.png) no-repeat -74px -32px;right: -10px;top: -10px}
.kz-mask{display: none;}
.kz-mask,.code-mask,.kz-fifa{background-color: rgba(0,0,0,.8);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 10000;}
.kz-cont{position: absolute;left: 50%; height: 300px; top: 50%;transform: translate(-50%, -50%);cursor: pointer;}
.kz-cont img{width: 290px;}
.kz-fixed{position: fixed;right:-290px; height: 440px; top: 40%;transform: translateY(-50%);z-index: 9999;}
.kz-fixed img{width: 290px;}
.kr-ow img{width: 100%; animation: kz 1.5s linear infinite;}
.code-fixed{width:200px;height:200px;position: fixed;right:20px;top: 50%;transform: translateY(-100%);background-color: #131217;padding-top: 36px;border: 1px solid #007a7c;z-index: 9;background: url(../images/code-bg01.png) no-repeat;background-size: 100% 100%;display: block !important;}
.code-mask .code-check,.code-mask .code-wrap{border: 1px solid #007a7c;background: url(../images/code-check.jpg) no-repeat;background-size:100% 100%;width: 650px;max-height: 800px;overflow:auto;position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.code-fixed .code-close,.code-mask .code-close,.code-mask .fut-close{background-color: #fa4a5e;width: 23px;height: 23px;line-height:23px;border-radius: 16px;position: absolute;right: 7px;top: 7px;cursor: pointer;}
.code-fixed .off-code{color: #19ecdc;text-transform: uppercase;margin: 13px auto 26px auto;}
.code-fixed .code-btn{background-color: #f8f004;padding: 6px 39px;}
/*.code-mask .code-check,.code-mask .code-wrap{border: 1px solid #007a7c;background: url(../images/code-check.png) no-repeat;background-size:100% 100%;width: 650px;height: 280px;position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 35px 0 0 127px;}*/
/*.agree{padding-top: 35px;}*/
/*.agree .agree-icon{background-color: #444444;width: 18px;height: 18px;line-height:18px;display: inline-block;vertical-align: text-bottom;cursor: pointer;}*/
/*.agree .agree-icon svg{display: none;}*/
/*.agree .agree-icon.cur{background: #1ef7fb;color: #434848;}*/
/*.agree .agree-icon.cur svg{display: inline-block;}*/
.code-info .code-l{width: 170px;}
.code-info .code-l select,.code-info input{background-color: #444444;height: 36px;line-height: 36px;width: 100%;border: 1px solid #666;outline: none;}
.code-info input[type="text"]:focus{border: 1px solid #666666;}
.code-info .code-l .code-xl{position: absolute;right: 6px;top: 10px;}
.code-info .code-r{width: 211px;}
.code-check .get-code-btn{padding: 0px 44px;display: inline-block;background: #ccc;height: 36px;line-height: 36px;transition: all .2s;cursor: default;}
.code-check .get-code-btn.cur{background-color: #cccccc;}
.code-wrap .copy-code-btn{padding: 0px 44px;display: inline-block;background: #f8f004;height: 36px;line-height: 36px;transition: all .2s;cursor: pointer;font-size: 18px;}
.code-check .get-code-btn.cur{background-color: #f8f105;}
.code-mask .code-wrap{height: 240px;padding: 50px 0 0;display: none;}
.code-mask .code-wrap .copy-code-btn{margin-top: 80px;}
.code-mask .text-area.disabled{border: 1px solid #444;}
.code-mask .text-area.disabled textarea{background-color: #333;color: #666;}
.code-mask .text-area.disabled span{color: #666;}

.cou-com-b .chat-btn .chat-sj{position: absolute;width: 5px;height: 8px;display: inline-block;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;background-color: #F6F6F6;left: 0;margin-left: 33px;bottom: -5px;transform: rotate(59deg);}
.cost-list a{padding: 0 0 0 26px;transition: all .2s;height: 60px;line-height: 60px;}
.cost-list a .cost-icon{float: left;font-size: 24px;vertical-align: sub;}
.cost-list li:first-child{padding-left: 0;}
.cost-list li.cur a,.cost-list li:hover a{background-color: #ec6519;color: #fff;border: 1px solid #ec6519;}
.match-cont{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.match-l li{cursor: pointer;border: 1px solid #ccc; margin-right: 10px; border-radius: 4px;}
.match-cont .match-l ul{font-size: 0;white-space: nowrap;overflow-x: auto;display: block;}
.match-l li.cur,.match-l li:hover{background-color: #ff6600; border-left: 1px solid #ff6600;border-top: 1px solid #ff6600;border-bottom: 1px solid #ff6600;}
.match-l li.cur>a,.match-l li:hover>a{color: #fff;}
.match-l li.cur span{color: #fff;}
.match-l li:hover span{color: #fff;}
.match-cont .match-r{padding-top: 10px;}
.match-r .agree-icon{width: 18px;height: 18px;border-radius: 4px;color: #fff;font-weight: bold;overflow: hidden;border: 1px solid #ccc;cursor: pointer;vertical-align: text-top;margin-right: 6px;}
.match-r .agree-icon.agree-cur{background: #8ec11f url(../images/icon.png?v=202009222100) no-repeat 1px 3px;border: none;}
.online-seller{border-top: 1px solid #E6E6E6;}
.online-seller,.cost-list-wap{display: none;}
.cost-list-pc{display: block;}
.cost-list .cost-item:last-child a .cost-icon{margin-top: -2px;}
.offers-item-l{display: flex;}
.price-usd .off-price,.discount-usd .off-price{padding: 1px 6px;border: 1px solid #fe6702;font-size: 10px;}
.price-usd .old-price,.discount-usd .old-price{text-decoration: line-through;}
.cou-com-b .bonus-war{display: none}
.pro-list .pro-info{position: absolute;top: 12px;left: 226px;width: 300px;z-index: 3;display: none;}
.pro-list .pro-seller{border-top: 1px solid #E6E6E6;}
.pro-list .pro-sj{width: 14px;height: 14px;position: absolute;top: 40px;left:-8px;border-top: 1px solid #E6E6E6;border-left: 1px solid #E6E6E6;transform: rotate(-45deg);}
.pro-list .pro-item:nth-child(5n+5) .pro-info,.pro-list .pro-item:nth-child(5n+4) .pro-info{left: auto;right: 226px;}
.pro-list .pro-item:nth-child(5n+5) .pro-sj,.pro-list .pro-item:nth-child(5n+4) .pro-sj{right: -8px;left:auto;transform: rotate(135deg);}
/*.pro-list .pro-item:hover .pro-info{display: block;}*/
.fifa-mask{width:300px;position: fixed;right:-300px;top: 50%;transform: translateY(-100%);z-index: 9;}
.fifa-mask .fifa-alert{background: url(../images/fifa21-bg.png?v=202009222100) no-repeat;background-size: 100% 100%;}
.fifa-mask .fifa-icon{position: absolute;right: 0;top: 0;width: 30px;height: 30px;line-height:31px;border-radius: 16px;background-color: #666666;color: #fff;cursor: pointer;}
.fifa-mask h3{font-size: 46px;line-height: 1.0em;}
.fifa-mask h3 em{height: 43px;border-right: 1px solid #000;display: inline-block;margin: 0 12px;}
.fifa-mask .coins-txt{font-size: 26px;line-height: 1.1em;}
.fifa-mask .coins-txt em,.fifa-mask .limited-txt{font-size: 20px;line-height: 1.1em;}
.fifa-alert .fifa-txt{padding: 12px 27px;}
.fifa-alert .fifa-txt .valid{border-top: 1px dashed #c8ac52;margin-top: 4px;padding: 4px 12px 22px;}
.fifa-alert .fifa-txt .pur-btn{padding: 8px 0;font-size: 20px;background-color: #000;color: #e7d187;border: 2px solid #c5a75c;border-radius: 30px;width: 100%;display: inline-block;}
.fifa-alert .fifa-txt .pur-btn i{font-style: italic;letter-spacing: -1px;}
.kz-fifa .fifa-mask{position: absolute;left: 50%;margin-left: -150px;transform: translateY(-50%);}
.fifa-alert .fifa-txt .pur-btn span{width: 25px;height: 41px;position: absolute;top: 20px;right: -10px;background: url(../images/icon.png?v=202009222100) no-repeat -75px -249px;}
.kz-fifa{display: none;}
/* 2020-10-12 lol PC端页面 筛选部分调整布局 */
.lol-new .filter-box{width: 240px; float: left; padding: 20px;}
.lol-new .gold-bot .ser-sel{border-top: none; }
.lol-new .clear-btn{text-decoration: underline; cursor: pointer;}
.filter-box .ser-opt li{display: flex; align-items: center; justify-content: space-between;}
.cost-list-pc a{height: 40px; line-height: 40px; padding-left: 10px;}
.c2c-radio{display: inline-block; width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; border: 1px solid #ccc; vertical-align: middle; margin-right: 10px; }
.cur .c2c-radio{border-color: #ff6633; background-color: #ff6633;box-shadow: 0px 0px 0 2px #fff inset; }
.lol-new .xljt-up{transform:rotate(180deg)}
.lol-new .price-range{display: flex; justify-content: space-between; align-items: center;}
.lol-new .price-range input{width: 45%;}
.lol-new .price-line{background-color: #aaa; height: 1px;}
.filter-see-all{cursor: pointer; color: #ff6633;}
.filter-item-title{cursor: pointer; font-size: 14px;}
.filter-items, .filter-items-mul{max-height:330px;overflow: hidden;}
.filter-items.spread,.filter-items-mul.spread{max-height: 1000px;}
.filter-items{max-height:325px;overflow: hidden;}
.filter-items a{height: 40px; display: flex; line-height: 18px; align-items: center;}

/* 2020-10-19 前台优惠券显示 */
.coupon-box{background: #fffbeb; padding: 20px; margin-bottom: 36px; webkit-transition: box-shadow .2s;
	-webkit-transition: -webkit-box-shadow .2s;
	transition: -webkit-box-shadow .2s;
	transition: box-shadow .2s;
	transition: box-shadow .2s,-webkit-box-shadow .2s;
	-webkit-box-shadow: 0 3px 9px 1px rgba(0,0,0,.05);
	border-radius: 3px;
}
.coupon-items{display: flex;}
.coupon-item{width: 400px;  border-radius: 0 5px 5px 0; margin-right: 30px; height: 110px; border: 1px solid; background: #fff; display: flex; align-items: center;}
.coupon-item:last-child{margin-right: 0;}
/* 绿色券 */
.coupon-item.green-coupon{border-color: #8ec11f;}
.coupon-item.green-coupon .coupon-item-l{background-color: #8ec11f; }
.coupon-item.green-coupon .coupon-item-c>p:first-child{color: #8ec11f;}
.coupon-item.green-coupon .coupon-item-r>a{background-color: #8ec11f;}
.coupon-item.green-coupon .coupon-item-l>figure>b{background-color: #8ec11f;}
/* 红色券 */
.coupon-item.red-coupon{border-color: #ff6633;}
.coupon-item.red-coupon .coupon-item-l{background-color: #ff6633;}
.coupon-item.red-coupon .coupon-item-c>p:first-child{color: #ff6633;}
.coupon-item.red-coupon .coupon-item-r>a{background-color: #ff6633;}
.coupon-item.red-coupon .coupon-item-l>figure>b{background-color: #ff6633;}
/* 灰色券 */
.coupon-item.gray-coupon{border-color: #ccc;}
.coupon-item.gray-coupon .coupon-item-l{background-color: #ccc;}
.coupon-item.gray-coupon .coupon-item-c>p{color: #ccc;}
.coupon-item.gray-coupon .coupon-item-r>a{background-color: #ccc;}
.coupon-item.gray-coupon .coupon-item-l>figure>b{background-color: #ccc;}
.gray-coupon .coupon-item-r>p{font-size: 16px; color: #ccc; transform: rotate(25deg);}
.coupon-item-l{width: 25%; height: 100%; position: relative; border-right: 1px dashed #fff;}
.coupon-item-r{width: 30%;}
.coupon-item-c{flex:1; padding-left: 20px;}
.coupon-item-l>p{padding: 0 5px;}
.coupon-item-l>article{display: flex; height: 100%; flex-direction: column; justify-content: space-around;position: absolute; left: -5px; top: 0;}
.coupon-item-l>article>i{width: 10px; height: 10px; display: block; height: 10px; background-color: #fffbeb; border-radius: 50%;}
.coupon-item-l>figure{overflow: hidden; width: 42px; margin: 20px auto; border-radius: 2px;}
.coupon-item-l>figure>b{position: absolute;width: 12px; height: 12px; border: 2px solid #fff; border-radius: 50%; top: 8px; left: -5px;}
.coupon-item-l>figure>b:nth-child(2){left:auto;right: -5px;}
.coupon-item-l>figure>span{display: block; width: 42px; height: 28px; color: #fff; font-size: 20px; border:2px solid #fff; text-align: center; line-height: 24px;}
.coupon-item-r>a{display: inline-block; width: 85px; height: 30px; color: #fff; font-size: 14px; border-radius: 3px; line-height: 30px; margin-bottom: 16px;}
.couponModal .modal-dialog{width: 500px;}
.couponModal .modal-header{border-bottom: none;}
.couponModal .modal-body{padding: 15px 50px 40px;}
#GrabCouponModal .modal-body>article{border-top: 1px dashed #ccc;}
#GrabCouponModal .coupon-item{width: 300px; margin: 0 auto;}
#GrabCouponModal .coupon-item-l{width: 100px;}
#GrabCouponModal .modal-body .rules{max-height: 100px; overflow-y: auto; padding-left: 5px; }
.couponModal .use-btn{background-color: #ff6633; border-radius: 4px; color: #fff;margin-top: 10px; font-family: robotobold; width: 200px; height: 36px; display: inline-block; line-height: 36px; font-size: 16px;}

/* 金币列表数量下拉框 */
.cus-txt .opt-cont{width:100%;}
.cus-txt .opt-list{max-height: 200px; overflow-y: auto;}
.cus-txt .opt-list .disc{border: 1px solid #fe6702; color: #fe6702; border-radius: 3px; font-family: robotobold; padding: 0px 6px; margin-left: 20px;}
.cus-txt .opt-title>input{outline: none; border: none; width:100%}
.xl-jt.unit{top:7px}
/* wow news块 */
.news-con{margin-top: 20px;}
.block-title{background-color: #E6E6E6; padding: 12px;}
.wownews{background-color: #fff; display: flex; flex-wrap: wrap;  padding: 10px;}
.wownews>li{width: 23.5%; margin-right: 2%;}
.wownews>li:nth-child(4){margin-right: 0;}
.wownews-img{height: 170px; line-height: 170px; text-align: center; background-color: #eaeaea;}
.wownews-img>img{max-height: 100%; max-width: 100%; vertical-align: middle;}
.wownews-title{font-size: 18px; height: 69px; font-family: robotobold; line-height: 1.3; margin: 10px 0 18px;}
.wownews-time{font-size: 14px; font-family: robotobold; margin-bottom: 10px;}
/* 首页悬浮窗样式修改 */
.kz-close,.kz-fixed .kz-fixed-close{width: 36px; height: 34px; opacity: 0;}

/* 20210617-搜索页样式- yeshenwu */
.categorys{margin-top: 10px;}
.categorys a{line-height: 32px;}
.select-games{max-height: 560px; overflow-y: auto; margin-top: 10px;}
.select-games a{line-height: 20px; min-height: 32px; display: flex; align-items: center;}
.deep-select-btn{display: block; line-height: 40px; color: #fff; background-color: #f60; text-align: center; font-size: 14px; border-radius: 3px;}
.search-ipt-box{display: flex; justify-content: space-between; align-items: center;}
.search-ipt-rt{width: 40%; position: relative;}
.search-ipt-rt>input{border: 1px solid #f60; width: 100%; line-height: 38px; border-radius: 3px; outline: none; padding: 0 60px 0 10px;}
.search-ipt-rt-btn{position:absolute; right: 0; top: 0;height: 40px; line-height: 40px; width: 40px; text-align: center; color: #f60; font-size: 20px;}
.pro-list-sort{display: flex; line-height: 36px; padding:6px 18px 6px 12px; margin-bottom: 20px; margin-left: 12px; justify-content: space-between; background-color: #fff;}
.pro-sort-lf{display: flex;}
.sort-types{display: flex; margin-left: 20px; }
.sort-types>li{min-width:120px; cursor: pointer; text-align: center; border: 1px solid #ccc;}
.sort-types>li:nth-child(2){border-width: 1px 0;}
.sort-types>li.cur{background-color: #f63; border-color: #f63; color: #fff;}
.sort-price-icons.cur{transform: translateY(-50%) rotateZ(180deg);}
.sort-price-icons{display: flex; flex-direction: column; position: absolute; right: 10px; top: 50%;transform: translateY(-50%) rotateZ(180deg);transform: translateY(-50%); color: #fff; font-size: 12px;}
.pro-sort-rt{display: flex;}
.pro-sort-rt .price-range>input{width: 90px;}
.pro-sort-rt .price-line{margin: 0 10px;}
.pro-sort-rt .price-reset{margin: 0 24px 0 10px; line-height: 34px;}
.show-types>a{font-size: 24px; color: #999;}
.show-types>a.cur{color: #f63;}
.sh-pros{display: flex; flex-wrap: wrap;}
.sh-pro-item{width: 220px; padding: 20px; transition: all .3s; background-color: #fff; margin-bottom: 15px; margin-left: 16px;}
.sh-pro-item:hover{box-shadow: 0 3px 9px 1px rgb(0 0 0 / 20%); z-index: 1;}
.sh-pro-desc{display: none;}
.sh-pro-item .pro-name{font-size: 14px; font-family: 'robotobold'; margin: 10px 0; height: 72px; line-height: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;/*（行数）*/-webkit-box-orient: vertical;}
.sh-pros .pro-price>b{font-size: 18px; margin: 0 5px; color: #f63; font-family: 'robotobold';}
.sh-pro-img{height: 140px; width: 180px; display: flex;}
.sh-pro-img>img{max-width: 100%; max-height: 100%; align-self: center; margin: 0 auto;}
.sh-no-result{width: 400px; margin: 50px auto; color: #666; line-height: 30px;}
.sh-no-rst-btns>a{border: 1px solid #ccc; line-height: 34px; display: inline-block; background-color: #fff; border-radius: 3px; width: 180px; text-align: center; margin: 10px;}
.hlist{display: block;}
.hlist .sh-pro-item{width: 100%; height: 180px;}
.hlist .sh-pro-item>.sh-pro-item-con{display: flex;}
.sh-pro-item>a{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 2;}
.sh-pro-item{overflow: hidden;}
.sh-pro-info{flex: 1;overflow: hidden;}
.proPrice{ height: 20px;}
/*.proName{height: 25px !important;}*/
.hlist .sh-pro-desc{font-size: 14px; display: block; color: #666;}
.sh-pro-desc>p{font-family: "robotobold"; margin: 8px 0;}
.hlist .sh-pro-item .pro-name{margin: 0;}
.hlist .sh-pro-img{margin-right: 20px;}
.hlist .pro-name{height: auto;-webkit-line-clamp: 1;}
.pro-desc-txt{height: 60px; font-size: 12px; line-height: 20px;}
.sort-type-items>li{line-height: 32px; cursor: pointer; padding-left: 12px;}
.sort-type-items>li.cur,.sort-type-items>li:hover{background-color: #e6e6e6;}
.sh-menus{display: flex; flex-wrap: wrap; position: relative; justify-content: space-between; padding: 12px; align-items: center;}

.select-games.search-items-mul{overflow: hidden;max-height: 190px;}
.select-games.search-items-mul.spread{max-height: 642px;overflow-y: auto;}
.search-items-mul>li span{overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
/* igameswap 账号页面 */
.seller-info{display: flex;margin: 10px 0;}
.seller-info-pic{width: 48px; height: 48px; border-radius: 50%; margin-right: 10px; overflow: hidden;}
.seller-info-pic>img{width: 100%;}
.xinji-img{height: 16px; margin-top: -5px; margin-right: 10px;}
.stars-item{margin-bottom: 4px; color: #999999; display: block;}
.stars-item.cur{color: #70b603;}
/* 骨架屏 */
.st-length{
	display: inline-block;
	width: 196px;
	height: 40px;
}
.p-length{
	width: 100%;
	height: 25px;
}
.salemain{
	display: inline-block;
	width: 142px;
}
.salenum{
	display: inline-block;
	width: 88px;
}
.head,
.im-tips {
	z-index: 999;
}

.tag-discount {
	display: none;
}

.tagsu {
	display: none;
}

.dis-flex{
	display: flex;
}

.skt-loading .skeleton {
	position: relative;
	overflow: hidden;
	border: none !important;
	background-color: #ebf1f8 !important;
	background-image: none !important;
	pointer-events: none;
}

.skt-loading .skeleton:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #e2e2e2;
	display: block
}

.skt-loading .skeleton:not(.not-before):before {
	position: absolute;
	top: 0;
	width: 90%;
	height: 100%;
	content: "";
	background: -webkit-gradient(linear, left top, right top, color-stop(0, hsla(0, 0%, 100%, 0)), color-stop(50%, hsla(0, 0%, 100%, .3)), to(hsla(0, 0%, 100%, 0)));
	background: -o-linear-gradient(left, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .3) 50%, hsla(0, 0%, 100%, 0) 100%);
	background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .3) 50%, hsla(0, 0%, 100%, 0));
	-webkit-transform: skewX(-360deg);
	-ms-transform: skewX(-360deg);
	transform: skewX(-360deg);
	z-index: 33;
	-webkit-animation: skeleton-ani 1.8s ease infinite;
	animation: skeleton-ani 1.8s ease infinite;
	display: block
}

@-webkit-keyframes skeleton-ani {
	0% {
		left: -90%
	}

	to {
		left: 120%
	}
}

@keyframes skeleton-ani {
	0% {
		left: -90%
	}

	to {
		left: 120%
	}
}
.footnav {margin:0;padding:0;position:fixed;left:0;bottom:0;z-index:999;box-sizing:border-box;width:100%;list-style:none;background-color:#fff;box-shadow:0 0 10px 0 hsla(0,6%,58%,.6);-webkit-box-shadow:0 0 10px 0 hsla(0,6%,58%,.6);-moz-box-shadow:0 0 10px 0 hsla(0,6%,58%,.6);font-size:12px;padding:10px 0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}
@media screen and (min-width:1024px){
	.cou-com-b {
		display: flex;
		align-items: center;
	}

	.speedB {
		width: 100px;
	}
	.itemStr{
		display: block;
		width: 105px;
	}
	.discount-usd{
		width: 140px;
	}
}
/*.clc9Span {*/
/*	display: inline-block;*/
/*	width: 141px;*/
/*}*/


/* END */
@media screen and (min-width:1201px){
	.lol-new .container{width: 1420px;}
	.lol-new .pro-list{background-color: #f6f6f6;float: left; width: 1180px; border: none;}
	.lol-new .pro-item{width: 220px; padding: 20px; height: 440px; background-color: #fff; border: none; margin-left: 16px; margin-bottom: 15px;}
	.lol-new .pro-img{background-color: #fff;}
	.lol-new .pro-list .sale-title{height: 70px;}
	.flex{display: flex; justify-content: space-between; align-items: center;}
	.pro-search{padding-left: 16px;}
	.pro-search .search{width: 480px;}
	.opt-bot input{outline: none;}
	.lol-new .opt-list{max-height: 180px; overflow-y: scroll;}
	.filter-items-mul li{cursor: pointer;}
	.filter-items-mul li.cur .agree-icon{background: #ff6633 url(../images/icon.png) no-repeat 1px 3px;border: none;}
	.lol-new .cost-list-pc a{line-height: 20px; justify-content: left;}
	.lol-new .opt-title{width: 200px;}
	.lol-new .items-data .opt-xiala{height: auto;}
	.lol-new .items-sort .items-opt{width: auto;}

}
@media screen and (min-width:1440px){
	.container{width: 1300px;}
}
@media screen and (min-width:1200px) and (max-width:1439px){
	.coupon-item{margin-right: 20px;}
}
@media screen and (min-width:1201px) and (max-width:1559px){
	.lol-new .container{width: 1180px;}
	.lol-new .search-com{margin-left:32px;}
	.lol-new .pro-list{width: 940px;}
	.lol-new .pro-item{margin-left: 12px;}
	.pro-search .search{width: 360px;}
	.sh-pro-item{margin-left: 15px;}
	.hidden-l{display: none;}
	.lol-new .pro-list .pro-item:nth-child(4n+4) .pro-info,.lol-new .pro-list .pro-item:nth-child(4n+3) .pro-info{left: auto;right: 226px;}
	.lol-new .pro-list .pro-item:nth-child(4n+4) .pro-sj,.lol-new .pro-list .pro-item:nth-child(4n+3) .pro-sj{right: -8px;left:auto;transform: rotate(135deg);}
	.lol-new .pro-list .pro-item:nth-child(5n+5) .pro-info{left: 226px;right: auto;}
	.lol-new .pro-list .pro-item:nth-child(5n+5) .pro-sj{top: 40px;left: -8px;border-top: 1px solid #E6E6E6;border-left: 1px solid #E6E6E6;transform: rotate(-45deg);}
}
@media screen and (max-width:1200px){
	.gold-ser .gold-l{width: 25%;}
	.gold-ser .gold-r{margin-left: 25%;width: 75%;padding: 0 12px 9px;}
	.nav-col,.fixed-r{display: none;}
	.gold-ser .gold-opt{width: 100%;margin: 0;}
	.gold-ser .gold-opt .opt-bot{width: 100%;}
	.gold-cont{margin-top: 12px;}
	.offers-list .offers-item{height: auto;}
	.sur-inner li svg{display: none;}
	.sur-inner li.cur .sur-agree{background: #1ef7fb;color: #434848;}
	.sur-inner li.cur svg{display: inline-block;}
	.offers-item .offers-item-l{padding-top: 0;}
	.gold-item,.items-goods{display: none;}
	.fenye-l{text-align: center !important;}
	.pro-list{border-right: none;border-top: 1px solid #e6e6e6;border-left: none;}
	.pro-list .pro-item{height: auto;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;border-left: none;border-top: none;}
	.acc-list,.type-bot{width: 100%;position: absolute;display: none;z-index: 2;}
	.acc-list .opt-cont{width: 100%;}
	.acc-list h3 input{width: 100%;}
	.fixed{width: 100%;position: fixed;top: 45px;z-index: 2;left: 0;}
	.acc-wap{display: block;}
	.acc-wap.fixed{z-index: 9}
	.acc-wap .acc-title{border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
	.filter-icon{margin-top: -4px;}
	.filter-icon.active,.filter-icon.active svg{color: #ff6633;}
	.serve-list{max-height: 152px;overflow: auto;}
	.serve-list ul li,.type-bot li{height: 38px;line-height: 38px;}
	.opt-list{max-height: 180px;overflow: auto;}
	.mask-filter{display:none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);z-index: 9;}
	.mask-cont{display:none;width:80%;height: 100%;position: fixed;right: -80%;top: 0;color: #4d4d4d;z-index: 10;}
	.mask-cont .select-btn{display:none;position: fixed;width:80%;bottom: 0;right: -80%;}
	.mask-cont .select-btn span{width: 48%;}
	.mask-cont .select-btn .clearall{color: #333;}
	.sort-score i{width: 16px;height: 16px;display: inline-block;vertical-align: bottom;}
	.sort-score i svg{display: none;}
	.sort-score p.cur i{border: 1px solid #8ec11f;color: #8ec11f;}
	.sort-score p.cur svg{font-size: 14px;vertical-align: top;display: block;}
	.sort-title .sort-score p.cur svg {font-size: 14px;vertical-align: top;display: block;}
	.sort-title .sort-opt .opt-bot{width: 100%;}
	.sort-price input{width: 40%;}
	.sort-price .line{display: inline-block;width: 10px;height: 2px;background-color: #4d4d4d;margin-top: 16px;}
	.pro-list .pro-item:nth-child(5n){border-right: 1px solid #e6e6e6;}
	.key-row .pro-list .pro-item{height: 448px;}
	.acc-wap .search{padding: 12px;background-color: #fff;border-top: 1px solid #e6e6e6;}
	.good-sort li{border-top: 1px solid #e6e6e6;}
	.good-sort li.good-top{border-top: none;border-bottom: 1px solid #e6e6e6;}
	.good-sort .good-item{display: none;}
	.mask-item{overflow: auto;padding-bottom: 63px;}
	.mask-item .sj-down{width: 0;height: 0;border: 4px solid transparent;border-top: 4px solid #ff6633;display: inline-block;position: absolute;right: 0;top: 14px;}
	.mask-item .sj-down.cur{transform: rotate(180deg);top: 11px;}
	.items-data .opt-xiala{height: 180px;}
	.search-mask{position: fixed;display: none;left: 0;top: 0px;width: 100%;height:100%;z-index: 999;background-color: #f0f0f0;}
	.search-mask .search-top{border-bottom: 1px solid #e6e6e6;}
	.search-mask .search-list{border: none;}
	.search-mask .search-top{display: -webkit-box;}
	.search-mask .search-l{-webkit-box-flex: 1;}
	.search-mask .cancel-btn{line-height: 36px;height: 36px;}
	.good-row1 h4{padding-left: 24px;}
	.good-row01 h4{padding-left: 36px;}
	.good-row001 h4{padding-left: 48px;}
	.good-row0001 h4{padding-left: 60px;}
	.good-row00001 h4{padding-left: 72px;}
	.pro-outer .icon-bot img{height: 18px;}
	.icon-bot .icon-l{padding-top: 2px;}
	.kz-fixed{display: none !important;}
	/*.kz-cont{display: none;}*/
	/*.kz-mask{background-color: rgba(0,0,0,.8);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 10000;}*/
	/*.kz-wrap{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}*/
	.kz-mask{display: none;}
	.es-shop-main{padding: 10px; border-width: 1px 0;}
	.es-shop-main .ser-sel{padding-left: 12px; padding-right: 12px;}
	.es-top{padding: 0 10px;}
	.es-top>p{font-size: 14px;}
	.es-top>h1{font-size: 30px;}
	.cost-list li:hover a{background-color: #fff;color: #333;border: 1px solid #ccc;}
	.cost-list li.cur a{background-color: #ec6519;color: #fff;border: 1px solid #ec6519;}
	.cost-list{padding-bottom: 0;}
	.cost-list .cost-item{width: 100%;}
	.cost-list li:nth-child(2n-1){padding-left: 0;}
	.online-seller,.cost-list-wap{display: block;}
	.cou-com-b .item05{text-align: left !important;margin-top: 12px;}
	.cost-list-pc{display: none;}
	.pro-list .pro-info,.pro-list .pro-item:hover .pro-info{display: none !important;}
	.fifa-mask02{display: none;}
	.kz-fifa{display: block;}
	.fifa-mask h3{font-size: 49px;}

	.sh-pro-item{border: 1px solid #e6e6e6; width: 25%; margin: 0; border-width: 0 1px 1px 0;}
	.sh-pro-item:nth-child(4n+1){border-left-width:1px ;}
	.sh-pro-img{margin: 0 auto;}
	.search-ipt-box{display: none;}
	.pro-list-sort{display: none;}
	.hlist .sh-pro-item{border-width: 0 0 1px;}
	.hlist{border:1px solid #e6e6e6; border-width: 0 1px;}
	.mask-checked-items{display: flex;}
	.mask-checked-items>li{width: 180px;display: flex; margin-left: 10px; align-items: center; border: 1px solid #fe6702; cursor: pointer; transition: .2s; justify-content: space-between;}
	.mask-item-list{padding: 10px 0;}
	.mask-item-list>li{line-height: 38px; padding-left: 12px; border-bottom:1px solid #e6e6e6;}
	.mask-item-list>li.cur>a{color: #ff6633;}
	.sh-menus .deep-select-btn{width: 100%; margin-top: 10px;}
	.sh-menus .acc-list{top: 50px; left: 0;}
}
@media screen and (max-width:1199px){
	.coupon-box{padding: 20px 10px;}
	.coupon-item{width:316px;margin-right: 10px;}
	.coupon-item-r{padding: 0 12px;}
	.coupon-item-r>a{width: 100%;}
	.coupon-item-c{padding-left: 10px;}
	.coupon-item:nth-child(2){margin-right: 10px;}
}
@media screen and (max-width:991px) {
	.sh-pro-list{margin: 0 10px;}
	.sh-pro-item{padding: 12px;}
	.sh-pro-img{width: 100%;}
	.hlist .sh-pro-img{width: 158px;}
}
@media screen and (min-width:768px) and (max-width:991px){
	.coupon-items{flex-wrap: wrap;}
	.coupon-item{width: 365px; }
	.coupon-item:nth-child(2){margin-right: 0;}
	.coupon-item:nth-child(3){margin-top: 10px;}
}

@media screen and (min-width:320px) and (max-width:767px) {
	.footnav{z-index:999}
	.gold-ser .gold-opt{width: 100%;}
	.cou-com-t .item02,.cou-com-t .item03,.cou-com-t .item04{display: none;}
	.cou-com-b .item02,.cou-com-b .item03,.cou-com-b .item04{padding-top: 0px;}
	.cou-com-b .item01{padding: 0px 0px 12px;}
	/*.cou-com-b .item05{text-align: left !important;margin-top: 12px;}*/
	.pro-list{border-right: none;}
	.pro-list .pro-item .sale-title{height: 62px;-webkit-line-clamp: 3; font-size: 12px;word-break: break-all;}
	.pro-list .pro-item{width: 50%;height: auto;}
	.pro-list .pro-item:nth-child(2n-1){border-left: none;}
	.pro-list .pro-item:nth-child(2n){border-right: none;}
	.cou-com-b .item04{padding-left: 0px;}
	.offers-item .offers-item-l{width: 68%;}
	.modal-dialog {width: auto;}
	.pro-outer .icon-bot img{height: 16px;}
	.pro-outer .icon-bot .icon-r span{height: 22px;width: 20px;}
	.bot-tipsbar .bar-left{font-size: 16px; float: none; line-height: 1.3; padding: 20px;}
	.bot-tipsbar .bar-right{display: flex; float: none; padding-left: 20px; padding-bottom: 20px;}
	.bot-tipsbar .bar-right>a{flex:1; text-align: center; padding: 0;}
	.coupon-popup .con{width: 310px; height: 328px; margin: -175px 0 0 -155px;}
	.coupon-popup .con>img{width: 310px; height: 328px;}
	.coupon-popup .coupon-close{width: 34px; height: 34px; top: 3px; right: 0;}
	.coupon-popup .coupon-getit{width: 146px; height: 34px; bottom: 32px; left: 82px;}
	.code-fixed{right: 0;display: block !important;}
	.code-mask .code-check{width: 86%;padding: 28px 20px 0;font-size: 20px;}
	.code-mask .code-wrap{width: 86%;padding: 60px 20px 0;font-size: 20px;}
	.code-mask .code-check{width: 86%;padding: 0px 20px 0;font-size: 20px;}
	.agree {padding-top: 20px;}
	.code-check .get-code-btn{width: 161px;padding: 0 0;text-align: center;}
	.code-info .code-l,.code-info .code-r{width: 100%;margin-right: 0;}
	.code-info .code-l{margin-bottom: 12px;}
	.code-check .get-code-btn{margin: 0 auto;width: 161px;padding: 0 0;text-align: center;display: block;}
	.code-mask .code-close, .code-mask .fut-close{font-size: 14px;}
	.code-mask .code-wrap .copy-code-btn{margin-top: 60px;font-size: 16px;}
	.code-mask .sur-outer{width: 402px;margin: 40px auto 20px;}
	.code-mask .sur-title{color: #f8f004;}
	.code-mask .text-area{font-size: 0;border: 1px solid #666666;overflow: hidden;}
	.code-mask .text-area textarea{width: 100%;min-height: 60px;background-color: #444444;border: none;outline: none;}
	.code-mask .text-area span{position: absolute;right: 6px;bottom: 6px;color: #999;}
	.code-mask .text-area .last-area{min-height: 100px;}
	.es-shop-main .clear-btn{display: none;}
	.es-shop-main .gold-ser .gold-opt{z-index: auto;}
	.es-shop-buynow{width: 100%;}
	.es-shop-main .cus-txt{width: 100%;}
	.es-shop-main .cou-com-b .item03{display: block;}
	.cost-list li:nth-child(2n),.cost-list li:nth-child(2n-1){padding:0 12px 12px;}
	.match-cont .match-l{float: none !important;}
	.match-cont .match-r{margin-left: 0;padding-top: 12px;}
	.offers-item-l{display: block;}
	.offers-item-l .gold-num{width: 100%;}
	.offers-item-l .gold-num p{display: inline-block;margin-left: 12px;}
	.cou-com-b .item03 p,.cou-com-b .bonus-war{display: inline-block;margin-left: 12px;}
	.cou-com-b .item-warn{display: none;}
	.offers-list .offers-pos{width: auto;padding-right: 0;}
	.coupon-box-warp{position: fixed; top: 0; height: 100%; display: none; width: 100%; z-index: 1000;}
	.coupon-box{position: absolute; display: none; bottom: 0; width: 100%; border-radius: 5px 5px 0 0;background-color: #fff; margin-bottom: 0;}
	.coupon-box>h6{text-align: center; margin-bottom: 20px; }
	.coupon-items{display: block;}
	.coupon-item{width: 100%; margin-bottom: 10px;}
	.coupon-box .close{font-weight: 600; opacity: .6; margin-top: -14px;}
	.coupon-box-warp{background: rgba(0, 0, 0, 0.7);}
	.couponTips-wap{background-color: #ffcc33; padding: 12px;}
	.couponTips-wap>a{text-decoration: underline; word-break: keep-all;}
	/* 修改bootstrap modal默认样式 */
	.couponModal .modal-dialog{width: 95%;}
	.couponModal .modal-body{padding: 15px 20px 40px;}
	.wownews{display: block;}
	.wownews>li{width: 100%;margin-bottom: 20px;}
	.sh-pro-item{width: 50%;}
	.sh-no-result{width: 100%;}
	.sh-no-rst-btns{display: flex; justify-content: space-between;}
	.sh-no-rst-btns>a{width: 45%;}
	.mask-checked-items{flex-wrap: wrap; padding: 0 10px;}
	.mask-checked-items>li{width: 100%;}
	.hlist .sh-pro-img{width: 150px;}
}
@media screen and (max-width:370px){
	.footnav{z-index:999}
	.couponModal .modal-body{padding: 0px 10px 30px;}
	#GrabCouponModal .coupon-item{width: 100%; height: 90px;}
	.coupon-item-l>figure{margin: 15px auto 10px;}
	.coupon-item-c .bor-c{padding: 8px 7px;}
}
.messages-tip{position: fixed; display: none; text-align: center; font-size: 18px; top:50%; left: 50%; margin-top: -30px; margin-left: -100px; width: 200px; height: 40px; line-height: 40px; border-radius: 3px; background: rgba(0, 0, 0, 0.8); color: #fff;}
@keyframes kz{
	0%{width: 100%;}
	50%{width:90%;}
	100%{width:100%;}
}




@media screen and (min-width:1024px) {
	.cou-com-b {display: flex;align-items: center;}
	.speedB {width: 100px;}
	.itemStr {display: block;width: 105px;}
	.discount-usd {width: 140px;}
}

@media screen and (min-width:768px) and (max-width:1200px) {
	.gold-ser .gold-opt{width: 48%;margin-right: 2%;}
	.es-shop-main .gold-ser .gold-opt{width: 180px;}
	.gold-ser .gold-opt:last-child{margin-right: 0px;float: right !important;}
	.pro-list .pro-item{width: 25%;}
	.pro-list .pro-item:nth-child(4n+1){border-left: 1px solid #e6e6e6;}
	.pro-list .pro-item:nth-child(4n){border-right: 1px solid #e6e6e6;}
	.cou-com-t .item04,.cou-com-b .item04{padding-left: 10px;}
	.offers-item .offers-item-l{width: 88%;}
	.modal-dialog {width: auto;}
	.cost-list{padding-bottom: 0;}
	.cost-list li:nth-child(2n){padding-left: 12px;}
	.cost-list .cost-item{width: 50%;padding: 0 0 12px 12px;}
}

/*2020-08-05 ES卖家店铺页 */
.es-top>h1{font-size: 48px; font-family: robotobold; border-bottom: 1px solid #ccc; line-height: 80px; margin-top: 40px;}
.es-top>p{font-size: 18px; margin: 15px 0 36px;}
.es-shop-main{border: 1px solid #e6e6e6; padding: 20px; background-color: #fff;}
.es-shop-main .gold-title{overflow-y: hidden;}
.es-shop-main .gold-title ul{display: flex;}
.es-shop-main .gold-title li{height: 60px; line-height: 60px; min-width: 180px; padding: 0 20px;}
.es-shop-main .gold-title li.cur a,.es-shop-main .gold-title li:hover a{color: #fff;}
.es-shop-main .ser-sel{padding-bottom: 9px;}
.es-shop-main .clear-btn{border-radius: 3px; padding: 8px 12px; margin: 9px 12px 0;cursor: pointer}
.es-shop-main .gold-opt .opt-title{color: #333; font-size: 14px; font-family: robotoregular;}
.es-shop-main .cus-txt{width: 70%;}
.es-shop-buynow{width: 70%;}
.es-shop-main .gold-ser .row{border: 1px solid #e6e6e6; border-top: none;}
.es-shop-main .pro-list .pro-item{height: auto;}
.es-shop-main .pro-list .pro-item{height: auto;}