@charset "utf-8";
.nav-col .cur{color: #ff6633;}
.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.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;}
.offers-list .offers-name{width: 130px;vertical-align: text-bottom;}
.offers-list .offers-pos{width: 176px;}
.offers-list .offers-time{width: 90px;}
.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-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{display: inline-table;vertical-align: middle;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{text-align: center;width: 214px;height: 255px;display: table-cell;vertical-align: middle;}
.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;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) 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{width: 14px;height: 16px;background: url(../images/icon.png) 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;}
.cou-com-b .item02 .time-icon,.offers-list .offers-time .time-icon{width: 13px;height: 17px;display: inline-block;background: url(../images/icon.png) no-repeat -35px -122px;vertical-align: middle;}
/* 2019-10-24 底部创建桌面快捷方式提示栏 */
.bot-tipsbar{position: fixed; z-index: 999; bottom: 0; left: 0; right: 0; background: rgba(50, 20, 12, 0.9);}
/* .bot-tipsbar .container{width:1200px; margin: 0 auto;} */
.bot-tipsbar .bar-left{color: #fddb08; font-size: 24px; font-weight: bold; float: left; height: 58px; line-height: 58px;}
.bot-tipsbar .bar-left>img{vertical-align: middle; margin-top: -5px; margin-right: 10px;}
.bot-tipsbar .bar-right{float:right; margin-top:11px;}
.bot-tipsbar .bar-right>a{float:left; font-size:14px; margin-right: 20px; padding: 0 23px; height: 36px; line-height: 36px; border-radius: 3px; background: #ffb300; color: #000;}
.bot-tipsbar .bar-right>a:nth-child(2){background: #8b8787; color: #fff;}
/* 2019-10-24 coupon券弹窗 */
.coupon-popup{position: fixed; display: none; left:0; right:0; top:0; bottom:0; background: rgba(0, 0, 0, 0.8); z-index: 999;}
.coupon-popup .con{width:371px; height: 392px; position: absolute; top: 50%; margin-top: -220px; left:50%; margin-left: -185px;}
.coupon-popup .con>img{width:371px; height: 392px;}
.coupon-popup .con>input{opacity: 0;}
.coupon-popup .coupon-close{position: absolute; width: 40px; height:40px; top: 3px; right: -1px; }
.coupon-popup .coupon-getit{position: absolute; width:170px; height:40px; bottom:37px; left:100px;}
.show-row .agree-icon{width: 18px;height: 18px;border-radius: 4px;color: #fff;font-weight: bold;overflow: hidden;border: 1px solid #ddd;cursor: pointer;vertical-align: text-top;margin-right: 2px;}
.show-row .agree-icon.agree-cur{background: #8ec11f url(../images/icon.png) 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: 32px;background: url(../images/icon.png?v=202004231800) no-repeat -34px -56px;cursor: pointer;}
/*.kz-mask{display: none;}*/
.kz-mask,.code-mask{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%;top: 50%;transform: translate(-50%, -50%);cursor: pointer;}
.kz-cont img{width: 290px;}
.kz-fixed{position: fixed;right:-290px;top: 50%;transform: translateY(-100%);}
.kz-fixed img{width: 290px;}
.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;}
@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 .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: block;}*/
}
@media screen and (min-width:768px) and (max-width:1200px) {
	.gold-ser .gold-opt{width: 48%;margin-right: 2%;}
	.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: 65%;}
	.modal-dialog {width: auto;}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.gold-ser .gold-opt{width: 100%;}
	.cou-com-t .item02,.cou-com-t .item03,.cou-com-t .item04,.cou-com-b .item03{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;}
	.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: 60%;}
	.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;}


}
.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;}