* { -webkit-tap-highlight-color:rgba(0,0,0,0);}
body {font-family: Arial, 'Microsoft Yahei'; font-size: 14px; line-height: 1.8; margin:0; padding:0; -webkit-font-smoothing: antialiased; -webkit-user-select: none; color: #333;}
h1,h2,h3,h4,h5,h6,div,dl,dt,dd,input,button,label,ul,ol,li,p,select,span,textarea,thead,tfoot,table,tr,td,figure,figcaption,time,small,section { font-size: 14px; font-weight: normal; margin: 0; padding: 0;}
input,button { font-size: 14px;}
div { display: block;}
table { border-collapse: collapse;}
li,ol,ul { list-style-type: none;}
img { border: 0 none; vertical-align: top;}
em,cite,i { font-style: normal;}
button,input,textarea,select { -webkit-appearance: none; font-family: Arial; border-radius: 0; border: none; outline-style: none; line-height: 1; vertical-align: middle; background-color: transparent;}
blockquote,q { quotes: none;}
blockquote:after,blockquote:before,q:after,q:before { content: ''; content: none;}
a { text-decoration: none; color: #333;}
:focus { outline: 0;}
*:before, *:after { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear { clear: both; overflow: hidden; height: 0; line-height: 0; display: block;}
.clearfix:after { clear: both; overflow: hidden; height: 0; line-height: 0; display: block; visibility: hidden; content: '';}
::-webkit-input-placeholder { color: #666;}
::-webkit-scrollbar { width: 0;}

.main { clear: both; overflow: hidden;}
.banner { position: relative;}
.banner .top { background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.3)); height: 32px; line-height: 32px; position: absolute; left: 0; top: 0; right: 0; z-index: 1; padding: 0 12px;}
.banner .top .location { float: right; color: #fff;}
.forms { background: -webkit-linear-gradient(top,#e0eefe,#fff); overflow: hidden; padding: 0 26px;}
.forms .item { height: 40px; line-height: 40px; margin-top: 20px;}
.forms .item:before { width: 40px; height: 40px; float: left; content: ''; background-repeat: no-repeat; background-position: center; background-size: 40px;}
.forms .item:nth-child(1) { background: -webkit-linear-gradient(top,#dfe8f2,#e2eaf3);}
.forms .item:nth-child(2) { background: -webkit-linear-gradient(top,#e5ecf3,#e9edf3);}
.forms .item:nth-child(1):before { background-image: url(https://cdn3.maxuscloud.com/wgame4/v80prd/img/i1.png);}
.forms .item:nth-child(2):before { background-image: url(https://cdn3.maxuscloud.com/wgame4/v80prd/img/i2.png);}

.forms .box { height: 40px; line-height: 40px; margin-top: 20px;}
.forms .box .selectbox { width: 100%; padding: 0 12px; height: 40px; background: -webkit-linear-gradient(top,#e5ecf3,#e9edf3); color: #666;}
.forms .box .selectbox.half { float: left; width: calc(50% - 5px);}
.forms .box .selectbox.half:nth-child(1) { margin-right: 5px;}
.forms .box .selectbox.half:nth-child(2) { margin-left: 5px;}

.forms .item .inputbox { float: left; color: #666; width: calc(100% - 40px); height: 40px;}
.forms .btn { height: 36px; line-height: 36px; border: solid 2px #4a91e2; color: #4a91e2; border-radius: 50px; text-align: center; margin-top: 20px; font-size: 16px;}
.forms .arrow { display: block; margin: 0 auto;}
.forms .title { padding: 20px 0; font-size: 20px; text-align: center; color: #4171A9;}
.forms ul { padding: 0 20px;}
.forms li { font-size: 16px; line-height: 3; color: #4A4A4A; background-repeat: no-repeat; background-position: left; background-size: 30px;}
.forms .nickname { background-image: url(https://cdn3.maxuscloud.com/wgame4/v80prd/img/i3.png);}
.forms .mobile { background-image: url(https://cdn3.maxuscloud.com/wgame4/v80prd/img/i4.png);}

.container { text-align: center; padding: 40px 0 0;}
.container .pic { padding: 20px 0 40px;}
.container .pic.p20 { padding: 20px 0;}
.container .pic.center { padding: 20px 15px;}
.container .pic.right { text-align: right; padding: 20px 0 20px 20px;}
.container .pic.left { text-align: left; padding: 20px 20px 20px 0;}
.container p { color: #3d3d3d;}
.container .words { position: relative;}
.container .words .cont1 { position: absolute; width: 100px; left: 20px; bottom: 8%;}
.container .words .cont1 p { color: #fff; font-size: 12px; text-align: left;}
.container .words .cont2 { position: absolute; width: 130px; right: 20px; top: 13%;}
.container .words .cont2 p { font-size: 12px; text-align: left;}
.container .words .text1 { position: absolute; left: 0; right: 0; bottom: 7%; font-size: 12px;}
.container .qcode { position: relative; padding: 20px 0 40px; background: -webkit-linear-gradient(bottom,#e0eefe,#fff);}
.container .qcode .btn { height: 36px; line-height: 36px; border: solid 2px #4a91e2; color: #4a91e2; border-radius: 50px; text-align: center; font-size: 16px; margin: 30px 20px 0; display: block;}

.loading { background-color: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: none; -webkit-box-align: center; -webkit-box-pack: center; -webkit-box-orient: vertical;}
.loading:after { width: 30px; height: 30px; border: solid 3px #111; content: ''; display: block; border-radius: 50%; border-left-color: #aaa; animation: loading 500ms infinite linear;}

@-webkit-keyframes loading {
	100% { -webkit-transform: rotate(360deg);}
}