@charset "utf-8";
.ng-hide{ display: none;}
a.yellow:link,a.yellow:visited{ color: #0199fd;}
a.yellow:hover,a.yellow:active{ text-decoration: underline;}
.txt-red{ color: #f00;}
.person-tab{ border-bottom: 2px solid #0199fd;  margin-bottom: 20px; width: 100%; height: 40px; text-align: center;}
.person-tab li{ float: left; height: 40px; line-height: 40px; width: 120px; background: #f8f8f8;}
.person-tab li.s-curr{background: #0199fd; }
.person-tab li.s-curr a{color: #fff;}

.reg-list{ padding: 20px 0  20px 312px;}
.reg-list li{ color: #8d8d8d; line-height: 35px; margin-bottom: 20px; overflow: hidden;}

.reg-list li.yan img,.pay-tc-list li.yan img,.pay-dl dd.yan img{ height: 33px; vertical-align: middle; margin-right: 10px;}
.reg-list li label{ font-size: 16px; margin-right: 10px; width: 80px; float: left; text-align: right; height: 35px; line-height: 35px;}
.reg-list li input,.pay-tc-list li.yan input,.pay-dl dd.yan input{ border: 1px solid #ddd; height: 33px; width: 268px; line-height: 33px; padding-left:5px; margin-right: 10px;}
.reg-list li.yan input,.pay-tc-list li.yan input,.pay-dl dd.yan input{ width: 120px;}
.reg-list li input.green{ border:1px solid #2fb500}
.reg-list li input.red{ border:1px solid #f00}
.reg-list li span{ font-size: 13px;}
.reg-list li span em{ vertical-align: middle; margin-right: 4px; font-family:"宋体";} 

.btn-reg{ display: block; border: 0 none; cursor: pointer; width: 220px; height: 44px; text-align: center; line-height: 44px; margin-left:415px; background: #0199fd; display: block; color: #fff; border-radius:3px;transition: all 0.3s linear 0s;-ms-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;}
.btn-s-next{ width: 275px; height: 35px; line-height: 35px; margin: 20px 0 0 90px;;}
.btn-reg:hover{ color: #fff; background: #2199fd;}
.reg-list.login-type{ padding:50px 0 0 325px;margin-bottom: -15px;}
.i-gamelist.game{width: 974px; overflow: hidden; padding:0 0 0 11px;}
.i-gamelist.game ul{ width: 990px; margin-top:20px}
.i-gamelist.game ul li{ width: 311px; height: 137px; margin: 0 16px 18px 0;  padding: 3px 0 0 3px;}
.i-sidebar.member-side{ width: 293px;}


.reg-list.person-type{ padding:50px 0 0 257px}
.reg-list.person-type .sex input{ width: auto; border:0 none}
.reg-list.person-type .sex .sex-l{ width:auto; float: none; padding-right:15px} 
.reg-list.person-type .address input{ width: 125px;}
.reg-list.person-type .address .input-short{ margin-right: 7px;}
/*select*/
/*.cssSelect { white-space: nowrap; float: left; }
.cssSelect *{ display: block; }
.cssSelect a{ color: #666; outline-width: 0px; text-decoration: none; }
.cssSelect .selectBox{ cursor: pointer; border:solid 1px #ddd; float: left; }
.cssSelect .selectLt{ cursor: pointer; float: left; text-align: left; }
.cssSelect .selectRt{ cursor: pointer; background: url(../images/icon.png) no-repeat -20px -78px; float: left;transition: all 0.3s linear 0s;-ms-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;}
.cssSelect .selectBox{}
.cssSelect .selectLt{ overflow: hidden; height: 33px; line-height: 33px; padding: 0 10px; width: 225px; }
.cssSelect .selectRt{ height: 33px; padding-right: 28px}
.cssSelect .sNormal{ background-position: 0px 0px}
.cssSelect .sNormal .selectRt { background-position: 100% 0px}
.cssSelect .sHover{ background-position: 0px -50px}
.cssSelect .sHover .selectRt{ background: url(../images/icon.png) no-repeat -20px -78px; }
.cssSelect .sPressDown{ }
.cssSelect .sPressDown .selectRt{ background: url(../images/icon.png) no-repeat -20px -78px;transform: rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
.cssSelect .optionsBox{ position: absolute; border: 1px solid #dbdbdb; padding: 2px; margin: 0px; background: #fff; z-index: 100; width: 269px;}
.cssSelect .optionsInnerBox { }
.cssSelect .optionBox { cursor: pointer; padding: 2px 30px 2px 18px; margin: 0px; height:25px; line-height: 25px; }
.cssSelect .optionBox span { cursor: pointer; font-size:12px}
.cssSelect .oNormal { }
.cssSelect .oHover{ color: #0199fd; }
.cssSelect .selected{ background: #0199fd; color: #fff;}*/
/*select*/


.min-pay{ clear: both; *+margin-bottom: 20px;}
.reg-list.pay-list .min-pay input{ width: 131px;}
.server-list li i,.pay-dl i{ font-family:arial; font-size: 20px; vertical-align: middle; margin-right:6px;}
.reg-list.pay-list{ padding-left:0}
.reg-list.pay-list input{ width: 150px; color: #8d8d8d;}
.reg-list.pay-list li{ overflow: visible;}
.pay-bor{border: 1px solid #ddd; float: left; width: 150px; height: 33px; line-height: 33px; padding-left:5px; cursor: pointer; margin-right: 10px; margin-top:2px; position: relative; z-index: 8; }
.pay-tab a{border: 1px solid #ddd; float: left; width: 150px; height: 33px; line-height: 33px; padding-left:5px; cursor: pointer; margin-right: 10px; margin-top:2px; }
.pay-tab a:hover{ border: 1px solid #0199fd;}
.pay-tab a.on{ border: 1px solid #0199fd; background: #0199fd; color: #fff;}
.pay-bor i{ display: none;}
.m-box{ padding-top:9px; width:1000px; }
.m-box a{ float: left; text-align: center; border: 1px solid #ccc; width: 136px; margin:0 28px 15px 0;}
.m-box a span{ display: block; width: 136px; height:30px ; line-height: 30px; color: #8d8d8d; cursor: pointer;}
.m-box a p{ background: #ccc; color: #fff; height: 20px; line-height: 20px; cursor: pointer;}
.m-box a:hover,.m-box a.on{ border: 1px solid #0199fd;}
.m-box a:hover span,.m-box a.on span{ color: #0199fd;}
.m-box a:hover p,.m-box a.on p{ background: #0199fd;}
.line-x{ height:0; border-bottom:1px dashed #e1e1e1; overflow: hidden; clear: both;}
.pay-t-box{ width: 942px; margin: 0 auto 15px; padding-bottom: 15px; clear: both;}
.pay-in p{ line-height: 30px; font-family: "宋体"; color: #737373; font-size: 12px; padding-bottom: 30px;}
.pay-in .reg-list{ padding:15px 0;}
.pay-in h3{ font-size: 16px; font-weight: 500;}
a.bank{ width:125px ; height:30px ; border: 2px solid #d9d9da; display:inline-block; *display: inline;*zoom:1;  background: url(../images/bank.jpg) no-repeat;  line-height: 200px; overflow: hidden; position: relative; margin: 0 21px 15px 0;}
a.bank i{ background: none;}
a.bank:hover,a.on{ border: 2px solid #0199fd;}
a.on i{ width:14px ; height: 14px; position: absolute; right: 0;bottom: 0; background: url(../images/icon.png) no-repeat -57px -98px; overflow: hidden;}
a.js{ background-position: 0 -31px;}
a.zg{ background-position: 0 -62px;}
a.jt{ background-position: 0 -93px;}
a.zs{ background-position: 0 -124px;}
a.ny{ background-position: 0 -155px;}
a.yz{ background-position: 0 -186px;}
a.ms{ background-position: 0 -217px;}
a.gd{ background-position: 0 -248px;}
a.gf{ background-position: 0 -279px;}
a.pf{ background-position: 0 -310px;}
a.xy{ background-position: 0 -341px;}
a.zx{ background-position: 0 -372px;}
a.bj{ background-position: 0 -403px;}
a.sh{ background-position: 0 -434px;}
a.pa{ background-position: 0 -465px;}
a.sfz{ background-position: 0 -496px;}
a.alipay{ background-position: 0 -527px;}
a.alipay-code{ background-position: 0 -558px;}
a.liantong{background-position: 0 -589px;}
a.yidong{background-position: 0 -620px;}
a.dianxin{background-position: 0 -651px;}

a.junwang{background-position: 0 -682px;}
a.wangyi{background-position: 0 -713px;}
a.zhengtu{background-position: 0 -744px;}
a.wanmei{background-position: 0 -775px;}
.btn-reg.btn-pay{ margin: 20px auto;}
.code{ width: 200px; margin: 10px auto; clear: both;position: relative }
.code .scan-ok{width: 200px;height: 200px;position: absolute;background: rgba(255,255,255,0.96);top: 0px;}
.code .scan-ok-image{margin-top: 60px;width: 80px;height: 80px;}
.code .hui-bg{ background: #fdc748; padding: 5px 0; margin-bottom: 0;}
.code .money{ font-weight: bold; padding: 20px 0 15px; font-size: 20px;}
.code-list{ width: 70%; margin: 0 auto; padding: 10px 0; text-align: left; border-top:1px dashed #e1e1e1; color: #ccc;}
.code-list li{ height: 30px; line-height: 30px;}
.code-list em{ float: right;}
.success-list{ padding: 50px 0 0 450px;}
.success-list li{ color: #666; line-height: 34px;}
.success-list li span{ color: #a0a0a0; margin-right: 6px;}
.error-list{ padding: 50px 0 0 400px;}
.error-list dt{ font-size: 16px; height: 32px; line-height: 32px;}
.error-list dt i{ width: 32px; height:32px ; float: left; background: url(../images/hao.png) no-repeat; margin-right: 10px;}
.error-list dd{ line-height: 20px; padding:20px 0 20px 42px; font-size: 12px;}
.pay-pop{ width: 669px; border: 1px solid #0199fd; background: #fff; position: absolute; left: -1px; top:35px; z-index: 10;}
.l-btn-box{padding-bottom: 50px;}
.pay-pop.pay-server{ left:-169px}
.pay-pop .title{ background: #0199fd; height: 35px; line-height: 35px; margin: 0; border-bottom: 0 none;}
.pay-pop .title li{ display: inline-block; *display: inline; *zoom:1; width: 70px; text-align: center; margin-bottom: 0; color: #fff;}

.pay-pop .title li.on{ background: #fff; color: #0199fd;}

.pay-pop .con{ height: 195px; overflow-x: hidden; overflow-y: scroll;}
.pay-pop .con label{ text-align: left; font-size: 14px; width:145px; cursor: pointer; overflow: hidden;}
.pay-pop .con label input{ border: 0 none; width: auto; padding: 0; margin-right:5px}
.pay-pop .con label em{ vertical-align: middle;}
.pay-pop .con div{ width: 625px; margin: 0 auto; overflow:hidden; padding: 10px 0;}
.pay-dl{ padding: 30px 0 30px 60px; line-height: 30px; color: #656565;}
.pay-dl dt{ color: #f00;}
.success-list.pay-tc-list{ padding: 20px 0 0 90px;}
.pay-succ{ padding: 30px 0;}
.pay-succ h3{ font-size: 16px; font-weight: 500;}
.pay-succ p{ color: #656565; margin: 15px 0;}
.pay-succ a{ margin: 0 10px; display: inline-block; *display: inline; *zoom: 1; border:1px solid #0199fd; background: #0199fd; width: 120px; height: 30px; line-height: 30px; color: #fff;}
.pay-succ a.white{ background:#fff; color: #ccc; border:1px solid #ccc}

.btn-reg.binding{ background: #ccc; cursor: default;}
.w-binding dt{ font-size: 20px;color: #5A5A5A; margin:10px 0 40px 0;}
.w-ol{ margin: 10px auto 0; border: 1px solid #f93; border-radius: 3px; padding: 10px 10px 10px 20px; text-align: left; width: 148px; color: #f93;}
.reg-list.w-tel{ padding: 0;}
.reg-list .tel-input{ width: 160px; margin-right: 0;}
.time,.time:hover{ width: 108px; height: 35px; background: #0199fd; line-height: 35px; text-align: center; color: #fff;}
.time.gray{ background: #ddd;}
.w-dl dt{ font-size: 20px; padding: 20px 0;}
.w-dl dd{ padding: 20px 0 30px 0;}
.package-box{ width: 1305px; overflow: hidden; padding: 15px 0 30px 0;}
.pack1-box{ width: 307px; border: 1px solid #cecece; margin-top:20px}
.pack1-box a,.pack1-box a img{ display: block;}
.pack1-list li{ height: 58px; width: 100%;}
.pack1-list li a{ display: block; height: 58px; line-height: 58px; border-top:1px solid #cecece; overflow: hidden; padding-left:25px;-moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition: all 300ms ease-in;}
.pack1-list li i{ float: left; display: block; width:14px ; height:14px ; background: url(../images/pack.png) no-repeat 0 0; margin: 20px 25px 0 0;} 
.pack1-list li span{ margin-right: 20px;}
.pack1-list li a:hover{ background: #0199fd; color: #fff;border-top:1px solid #0199fd;}
.pack1-list li a:hover i{ background: url(../images/pack.png) no-repeat 0 -21px;}
.protocol{ color: #6d6d6d; line-height: 24px; padding-bottom: 80px;}
.protocol p{ text-indent: 2em;}
.protocol strong{ display: block; margin: 8px 0;}
.protocol .txt-yellow{ color: #0199fd;}


