*{ margin:0; padding:0;outline: none;}ol,ul{ list-style:none;}fieldset,img,abbr,acronym{ border:0;}input,select{ vertical-align:middle}h1,h2,h3,h4,h5,h6{ font-size:100%;}q:before,q:after{content:'';}
body{font:normal 62.5%/1.6em "Microsoft YaHei",simsun,sans-serif;color:#2F2F2F;}
.cfix{*zoom:1}.cfix:after{content:'\20';display:block;height:0;line-height:0;visibility:hidden;clear:both}
a{ text-decoration:none;}a:hover{ text-decoration:none;}
.hid{ display:none;}.fl{float: left;}.fr{float: right;}
.wrap {width: 320px;margin:0 auto;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0; position: relative;}
header{background-image:-moz-linear-gradient(top, #242424, #161616); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #242424), color-stop(1, #161616)); padding: 5px 10px;}
header,header h1{height: 65px;}
header h1{float: left;width: 40%; background:url(http://ossweb-img.qq.com/images/lol/m/cdkey/logo.png) no-repeat 5% center;background-size:auto 100%;}
header h2,header h3{float: left; width: 45%;padding: 10px 0 0 20px; font-size:1.4rem; color: #FFBA05;text-shadow:3px 3px 3px #000;}
.login{height: 44px; padding: 0 20px; text-align: center;font-size: 1.6rem; line-height: 44px; color: #fff; border-top: 1px solid #8D230C;border-bottom: 1px solid #8D230C;box-shadow:0 2px 2px #FBAE1C inset;background-image:-moz-linear-gradient(top, #F99810, #CF4603); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F99810), color-stop(1, #CF4603));text-shadow:1px 2px 1px #B43D03;}
#logined{font-size: 1.2rem;}
.ico-log{ padding-left: 20px; background: url(http://ossweb-img.qq.com/images/lol/m/cdkey/icon.png) no-repeat 0 3px;}
.login-btn{margin-left: 10px;overflow: hidden; color: #fff;}

.cdkey{background: #E3E3E3; border-top: 1px solid #EBEBEB; padding:10px 0;}
.cdkey p {padding:5px 10px;height:34px; font-size: 0.8rem;}
.cdkey p.cdkey_tips {padding:0px 0 0 80px; font-size:12px; color:#f00;}
.cdkey label {float:left; display:block; width:60px; text-align:center; line-height:34px; border: 1px solid #B7B9BD;background: #EFEFEF; border-radius: 10px 0 0 10px;color: #000;}
.cdkey input { width:234px; padding:10px 0; float:left; height:14px; line-height:14px; vertical-align:middle; text-indent:10px; color:#454545; background:#F7F7F7; border: 1px solid #B7B9BD; border-left: 0;border-radius: 0 10px 10px 0;}
.cdkey input::-webkit-input-placeholder,.cdkey input::-webkit-input-placeholder {color:#989898; } 
.cdkey input:-moz-placeholder,.cdkey input:-moz-placeholder { color:#989898; }
.cdkey input.imgkey{width:135px;}
.imgkey-img {float:left; display:block; margin-left:10px;}
.imgkey-img img {display:block;width:75px; height:34px;}
.cdkey select {height:30px; width:225px; padding:7px 2px; -webkit-appearance:none; color:#989898; background:#F7F7F7; border: 0;}
.cdkey select option {border:none; background:#151635; }
.slt-box { position:relative; padding:2px 5px;-webkit-margin-before:0; display:block; float:left;border: 1px solid #B7B9BD; border-left: 0;border-radius: 0 10px 10px 0; background:#F7F7F7;}
.slt-box:before{content:'';position:absolute;top:0;left:196px;width:34px;height:32px;pointer-events: none;}
.slt-box:after{content:'';position:absolute;top:9px;left:207px;width:0px;height:0px;border-bottom:10px solid #F7F7F7; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);border-left:10px solid transparent;box-shadow:1px 1px 0 #4e4e4e;pointer-events:none;}
.btn {display:block; margin:10px auto 0; height:40px; line-height:40px;border:1px solid #A44500;border-radius:10px;background:#e1e1e1;box-shadow:0 2px 2px #FBAE1C inset;text-shadow:1px 1px 1px #B13B03;text-align:center;color:#fff;font-family:Microsoft YaHei;font-size:1.2rem; text-decoration:none;background-image:-moz-linear-gradient(top, #F99811, #D35005); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F99811), color-stop(1, #D35005));}
.cdkey-btn {letter-spacing:10px; width:297px;}
.comm-btn{letter-spacing:2px; width: 135px; font-weight: normal;}

.tipsbox{position: absolute; top: 117px; left: 10px;width: 298px; height: 270px; background: #F7F7F7; border: 1px solid #B7B9BD; border-radius: 10px;box-shadow:0 1px 1px #ddd inset; text-align: center;}
.tips-icon-right,.tips-icon-err{display: block;width: 85px; height: 85px; margin: 20px auto; border-radius: 100px;font-size: 2rem; line-height: 80px; font-family: simsun;}
.tips-icon-right i,.tips-icon-err i{display: block; margin: 20px auto 0; width: 46px; height: 46px; background: url(http://ossweb-img.qq.com/images/lol/m/cdkey/icon.png) no-repeat}
.tips-icon-right{ border: 1px solid #368520;box-shadow:0 2px 2px #7CDD53 inset;background-image:-moz-linear-gradient(top, #64C940, #4BAE30); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #64C940), color-stop(1, #4BAE30)); }
.tips-icon-right i{ background-position: 0 -88px;}
.tips-icon-err{border: 1px solid #942600;box-shadow:0 2px 2px #F36100 inset;background-image:-moz-linear-gradient(top, #E74B00, #DA3800); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E74B00), color-stop(1, #DA3800));}
.tips-icon-err i{background-position: 5px -150px;}
.tips-tx{ padding-bottom: 10px; font-size: 1.4rem; font-weight: bold;}
.tips-tx-err{font-size: 1.2rem;font-weight: bold; line-height: 25px; padding-bottom: 10px;}
.tips-jl{padding-bottom: 10px; font-size: 0.9rem;font-weight: bold;color: #2B8C11;}
.tips-intro{border-top: 2px solid #DDDDDF; margin: 0 30px; padding-top: 10px; font-size: 0.8rem; color: #7C7C7C;}
.cred{color: #E3742C;}
footer {padding:10px 0; text-align:center; background: #131313;}
footer p {color:#9a9a9a; font-size:0.8em;}
@media screen and (max-device-width:768px)and (max-device-height:1024px)and (orientation:landscape) {   
.wrap {-webkit-transform:scale(3.2);-moz-transform:scale(3.2); margin:0;}   
} 
@media screen and (min-width:768px)and (max-device-width:768px)and (orientation:portrait) {
.wrap {-webkit-transform:scale(2.4);-moz-transform:scale(2.4); margin:0;}
}
@media screen and (max-device-width:320px)and (max-device-height:480px)and (orientation:landscape) {
.wrap {-webkit-transform:scale(1.5);-moz-transform:scale(1.5); margin:0;}
}
@media screen and (min-width:534px)and (max-device-width:568px) {
.wrap {-webkit-transform:scale(1.77);-moz-transform:scale(1.77); margin:0;}
}/*  |xGv00|45feb31654c5aa31449d146be9ee614d */