/**
 * 登录页样式
 *
 * @author 林坤源
 * @link http://www.lamson.cc
 * @version 5.0.7 最后修改时间 2017年10月12日
 */
@charset "utf-8";
html{font-size:20px;}
html  *{box-sizing:border-box; margin:0; padding:0; font-size:.7rem;}
html,body {
	width:100%; height:100%;
	background-image:radial-gradient(#133843,#0C1E26);
	background-image:-webkit-radial-gradient(#133843,#0C1E26);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#133843', endColorstr='#0C1E26');
 /* IE 9-*/
}
ol,ul{list-style:none;}

/* 图标 */
@font-face {
	font-family:"iconfont";
	src:url('../../lamson/fonts/iconfont.woff') format('woff')
		,url('../../lamson/fonts/iconfont.ttf') format('truetype')
		,url('../../lamson/fonts/iconfont.svg') format('svg')
		,url('../../lamson/fonts/iconfont.eot') format('embedded-opentype');
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.icon-qq:before {content:"\e649";}
.icon-mobile:before {content:"\e697";}
.icon-weixin:before {content:"\e71d";}
.icon-cellphone:before{content:"\e64b";}
.icon-unlock:before{content:"\e609";}
.icon-dun:before{content:"\e610";}
.icon-game:before{content:"\e729";}
.icon-my:before{content:"\e611";}
.icon-user:before{content:"\e68c";}

.cover {width:90%; margin:10% 5% auto;}
.btnsch {position:absolute; bottom:10%; left:20%; width:60%;}
/* 遮盖层  */
.mask {position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,.35);}
/* 登录框  */
#loginBox {
	position:absolute; top:25%; left:50%; z-index:1001; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);
	width:90%; max-width:380px; padding:10px; overflow:hidden; text-align:center;
    border-radius:.25rem; background:#fff;
}
#loginBox dt{border-bottom:1px solid #e5e5e7;}
#loginBox dt img{width:2.5rem; height:auto; margin-right:10px;}
#loginBox dt span{position:relative; top:-.8rem;}
#loginBox dd > *{display:none;}
#loginBox dd .list{display:block;}
/* 登录方式  */
#loginBox .list li{display:inline-block; margin:20px 5px; cursor:pointer;}
#loginBox .iconfont{display:block; font-size:2.5rem;}
#loginBox .icon-weixin{color:#00D20D;}
#loginBox .icon-qq{color:#1296db;}
#loginBox .icon-mobile{color:#FFAA25;}
#loginBox .icon-game{color:#D43039;}
#loginBox .icon-user{color:#e89410;}

/* 弹出框 */
.dialogWrap{
	position: fixed; left: 0; top: 0; z-index: 1000;
	width: 100%; height: 100%; text-align: center;
	background: rgba(0,0,0,.6);
}
.dialogWrap dl{
	position: fixed;
	z-index: 1001;
	width: 80%;
	max-width: 300px;
	top: 50%;
	left: 50%;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.dialogWrap dt {position: relative; line-height: 3; font-size: .9rem; color:#333;}
.dialogWrap  dt b{position: absolute; top:0; right: 15px; font-size: 1.2rem; color: #737272; line-height: 1.5; cursor: pointer;}

.dialogWrap .footer {padding:.5rem 0; margin-top: 1rem; color:#3997EE; border-top:#d5d5d5 1px solid;}

/* 确认框 */
.dialogWrap .footer button{width:50%; font-size:.8rem; text-aling:center; color:#0894ec; border:none; background:none;}
.dialogWrap .footer button:last-child{border-left:#ccc 1px solid;}

.regProto{margin:.5rem 0; color:#7f7f7;}
.regProto a{color:#ff371c;}
#ruleBox{z-index: 1003;}
#ruleBox dl {width: 90%; max-width: auto;}
#ruleBox dt span{border-bottom:#d5d5d5 1px solid;}
#ruleBox .con {height: 18rem; padding:0 1rem; overflow: auto; text-align: left; line-height: 1.1rem; font-size: .6rem;}

#privaBox{z-index: 1003;}
#privaBox dl {width: 90%; max-width: auto;}
#privaBox dt span{border-bottom:#d5d5d5 1px solid;}
#privaBox .con {height: 18rem; padding:0 1rem; overflow: auto; text-align: left; line-height: 1.1rem; font-size: .6rem;}

/* 基本表单 */
#loginBox .baseForm .agree{width:10%; height:0.7rem; line-height:0.7rem; border:none; border-radius:0;}
#loginBox .baseForm{display:none; position: relative;}
#loginBox .baseForm p{position:relative; padding:1px; margin:.5rem .8rem; border:#e5e5e5 1px solid;}
#loginBox .baseForm input{width:80%; height:1.5rem; line-height:1.5rem; border:none; border-radius:0;}
#loginBox .baseForm i{position:relative; top:.2rem; display:inline-block; width:20%; font-size:1rem; color:#3997EE;}
#loginBox .baseForm > button{width:60%; line-height:2.2; margin:0.5rem; font-size:.9rem; color:#fff; border:none; background:#f3713f;}
#loginBox .txt{color:#3997EE; margin:.8rem auto!important; overflow:hidden;}
#loginBox .other a{float:left;}
#loginBox .other a:last-child{float:right;}

/* 一键试玩 */
#loginBox .reg > button{width:28%; background:#E89410;}
#loginBox .reg > button[type="submit"]{width:45%; margin-left:.5rem; background:#3997EE;}
#loginBox .reg > button.forapp{display:none;}

/* 手机验证码登录 */
.verifyCode, [name="sms"]{width:48%!important;}
.yzimg, #loginBox .getSms{display:inline-block; width:32%; height:1.5rem; margin-bottom:-.55rem;}
#loginBox .getSms{font-size:.6rem; border:0; background:#F3FBFE;}
.rsp h3{margin-top:10px;}
button:disabled{color:#fff; background:#ccc!important;}

/* 账号列表 */
#accBox{position:absolute; top:1.55rem; left:23%; z-index:9; width:72%; border:#eee 1px solid; border-radius:4px; background:#fff;}
#accBox li{line-height:2; border-bottom:#eee 1px dashed;}
#accBox li:last-child{border:none;}

.accoutPwd kbd{border:rgba(0, 0, 0, 0) 6px solid; border-top-color:#AAAAAA; width:0; height:0; position:absolute; right:10%; top:8%;}

body > footer{display:none; position:absolute; left:0; bottom:1rem; width:100%; text-align:center;}
body > footer, body > footer a{color:#777F85; line-height:1.8;}

/* PC设备 现代浏览器  */
@media screen and (min-width:1025px) {
	.wrapper {position:relative; min-height:760px; width:600px; margin:auto;}
	.btnsch {bottom:5%;}
	#loginBox .list li:first-child{display:inline-block;}
	body > footer{display:block;}
}

/* IE8- */
.wrapper {position:relative\9; min-height:760px\9; width:600px\9; margin:auto\9;}
#loginBox {width:60%\9; margin:0 20%\9;}
#loginBox p{color:red\9;}
.mask{background:#000000\9; filter:alpha(opacity=60);}

/* 吐司 */
.LamDialogToast{display:none; position:fixed; top:35%; left:0; width:100%; z-index:1002; text-align:center;}
.LamDialogToast > mark{display:inline-block; padding:5px 20px; background:rgba(53,53,53,.85); color:#FFF; border:#CCC 1px solid; border-radius:4px; box-shadow:2px 2px 2px rgba(0,0,0,.3);/* IE 9+, Firefox, Chrome */ text-shadow:none;}

/* Gapp */
.gapp #loginBox{padding:0;}
.gapp #loginBox dt{height:1.8rem; line-height:1.8rem; color:#fff; background:#FF9933;}
.gapp #loginBox dt img{display:none;}
.gapp #loginBox dt span {top:0;}

.gapp #loginBox footer{display:block!important; padding:1rem 0; margin:1rem 1rem 0; border-top:#f5a759 1px solid;}
.gapp #loginBox footer b{display:inline-block; width:30%; text-align: center; border-right:#f5a759 1px solid;}
.gapp #loginBox footer b.cur{color:#FF9933;}
.gapp #loginBox footer b:last-child{border:none;}
.gapp #loginBox form > div{display: none;}

.gapp #loginBox .baseForm > button{border-radius:5px; background:#FF9933;}
.gapp #loginBox .accoutPwd div:nth-child(4){display:block; position: absolute; top:24%; right:1%;}
.gapp #loginBox .accoutPwd kbd{top:12%;}

/* 一键试玩 */
.gapp #loginBox .reg > button{display:none;}
.gapp #loginBox .reg > button.forapp{display:inline-block;}


/**/