body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
input,button,select,textarea{outline:none} textarea{resize:none}
ul,li{list-style: none;}
i{font-style:normal}
html,body{height: 100%;}
body{font-family:"Microsoft YaHei",Tahoma,"HelveticaNeue-Light","Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;color:#4a4a4a; background: url(../img/bg.gif);}

#app{min-width: 1200px;}
.container{margin: 0 auto; width: 1200px;}
.top{height: 109px; background: url(../img/top.png) no-repeat center 0;}
.top .logo{display: flex; align-items: center; justify-content: center;height: 109px;}
.top .logo img{max-height: 90%;}
.banner{height: 680px; background: url(../img/banner.jpg) no-repeat center 0}
.banner .container{display: flex; align-items: center; justify-content: flex-end; height: 100%;}
.banner .login-os{margin-right: 120px; width: 374px;}
.banner .login-os .reg{display: none;height: 56px; background: rgba(0,0,0,.7); padding: 20px; margin-bottom: 30px;}
.banner .login-os .reg .btn{display: flex; align-items: center; justify-content: space-around;height: 56px; background: #feda02; border-radius: 3px; color: #580a00; cursor: pointer;}
.banner .login-os .reg .btn span{font-size: 24px;}
.banner .login-os .reg .btn i{display: flex; align-items: center;}
.banner .login-os .reg .btn i:first-child{font-size: 36px;}
.banner .login-os .reg .btn i:last-child{font-size: 28px;}
.banner .login-os .login{background: rgba(0,0,0,.7); padding: 20px;}
.banner .login-os .login li{display: flex; align-items: center; margin-bottom: 10px; height: 56px; background: rgba(67,76,119,.7); border-radius: 3px;}
.banner .login-os .login li i{display: flex; align-items: center; justify-content: center; width: 60px;color: #ffffff; font-size: 26px;}
.banner .login-os .login li input{border: none; background: none; height: 80%; width: calc(100% - 70px); font-size: 18px; color: #ffffff;}
.banner .login-os .login li.imgcode img{width: 80px; height: 80%; border: none; cursor: pointer;}
.banner .login-os .login li.imgcode input{width: calc(100% - 140px);}
.banner .login-os .login .btn{display: flex;height: 56px;}
.banner .login-os .login .btn span{display: flex; justify-content: center; align-items: center;background: #39a7e2; border-radius: 3px; font-size: 22px; color: #ffffff; width: 100%; cursor: pointer;}
.banner .login-os .login .btn span:nth-child(2){margin-left: 10px;}

.floor1{background: url(../img/subtitle_bg.jpg) no-repeat center 0; display: none;}
.floor1 .ul{background: url(../img/advantage.jpg) no-repeat 0 0; height: 380px; padding-bottom: 40px;}
.floor1 .ul span{float: left; width: 25%; height: 50%; box-sizing: border-box; cursor: pointer;}
.floor1 .ul span:hover{border: 5px solid #ead78a;}
.floor1 .img-tit{padding: 40px 0; display: flex; justify-content: center;}
.floor2{background: url(../img/subtitle2.jpg) no-repeat center 0; height: 602px; display: none;}
.footer{height: 135px; background: url(../img/subtitle_bg.jpg) no-repeat center 0; display: none;}

.register{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7); display: none; align-items: center; justify-content: center;}
.register .con{background: url(../img/reg_bg_body.jpg) repeat-y 0 0; width: 555px; border-bottom: 1px solid #33469a; padding-bottom: 20px;}
.register .con .tit{display: flex; position: relative;}
.register .con .tit .u{width: 100%;}
.register .con .tit .c{position: absolute; right: 0; top: 0; cursor: pointer;}
.register .con ul{padding: 0 50px 0 30px;}
.register .con li{display: flex; align-items: center; margin-bottom: 10px;}
.register .con li span{width: 80px; padding-right: 10px; text-align: right; font-size: 16px; color: #ffffff;}
.register .con li input{width: calc(100% - 90px); height: 48px;border: 1px solid #33469a; background: #0a132f; color: #ffffff; text-indent: 5px; font-size: 16px;}
.register .con li.ver img{width: 80px; cursor: pointer;}
.register .con li.ver input{width: 180px;}
.register .con li.btn b{display: flex; align-items: center; justify-content: center;height: 50px; width: calc(100% - 90px); background: #feda02; border-radius: 3px; font-size: 24px; font-weight: normal; cursor: pointer; color: #000000;}
.register .con li.btn b:hover{background: #fdc101;}