@charset "UTF-8";

*{padding: 0;margin: 0;font-family: "微软雅黑";}
html{font-size: 16px;height: 100%}
a{display: block;text-decoration: none;}
img{display: block;}
input{border:none;outline: none;display: block;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
.w1200{width: 1200px;margin: 0 auto}
.content{background: url(../images/top_01.jpg) center top no-repeat;overflow: hidden;}
.content1{height: 100%;text-align:center;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.6);width: 100%}
.btn_wrap{padding-top: 172px;}
.btn_wrap .psg{font-size: 12px;color: #666}
.btn_wrap .psg p{margin-left: 44px;}
.btn_wrap .psg p span{padding: 0 10px}
.btn_wrap .psg p span i{color: #fff;padding: 0 3px 0 2px;border-radius:2px;margin-left: 6px;font-style: normal;}
.btn_wrap .psg p span i.red{background: #e76e5b}
.btn_wrap .psg p span i.green{background: #25b072}
.btn_wrap .per_msg{width: 100%;height: 58px;background:#dbe7fc url(../images/msg_bg_06.jpg) right -60px center no-repeat;line-height: 58px; clear: both;}
.per_msg .per_r{color: #fff;}
.per_msg .per_r .port{width: 36px;height: 36px;overflow: hidden;border-radius: 18px;float: right;margin-top: 10px;margin-right: 20px;}
.per_msg .per_r span{float: right;margin-right: 54px;}
.btn_wrap a p{color: #fff;font-weight: bold;margin-top: 18px;font-size: 18px}
.btn_wrap .btn_l a img{display: inline-block;vertical-align: middle;margin-left: 140px;text-align: center;}
.btn_wrap .btn_l a p{color: #fff;font-size: 24px;display: inline-block;margin-left:72px;}
.btn_wrap .btn_l{width: 50%;height: 200px}
.btn_wrap .btn_s{width: 20%;height: 200px;text-align: center;}
.btn_wrap .btn_s img{margin:0 auto;}
.btn_wrap .btn_s a,.btn_wrap .btn_l a{padding: 30px 0;}
.footer{position: fixed;bottom: 0;left:50%;margin-left:-960px;z-index: -1}

body{height: 100%;width: 100%}
.bg{background: url(../images/log_bg.jpg) left center no-repeat;width: 100%;height: 100%;text-align: center;}
.bg:after,.content1:after{display: inline-block;vertical-align: middle;height: 100%;content: '';}
.log_wrap{width: 400px;height: 480px;background: #fff;margin-top:-40px;display: inline-block;vertical-align: middle;border:solid 1px #ececec;border-top: solid 3px #3e7bea;padding: 60px 50px;box-sizing: border-box;border-radius: 4px;}
.log_wrap .title{font-size: 20px;font-weight: bold;color: #3e7bea;margin-bottom:46px;text-align: center;line-height: 50px}
.log_wrap .title span{width: 32px;height: 2px;background: #3e7bea;display: block;margin:0 auto;}
.log_wrap input{width: 100%;background: #f0f0f0;line-height: 40px;margin-bottom: 20px;border-radius: 4px}
.log_wrap input[type="text"]{text-indent: 42px;color: #333;}
.log_wrap input[type="text"]:nth-child(2){background: #f0f0f0 url(../images/user.png) left 16px center no-repeat;}
.log_wrap input[type="text"]:nth-child(3){background: #f0f0f0 url(../images/psd.png) left 13px center no-repeat;background-size: 8%}
.log_wrap input[type="text"]:nth-child(4){background: #f0f0f0 url(../images/ver.png) left 15px center no-repeat;background-size: 11%}
.log_wrap input[type="button"]{background: #3e7bea;color: #fff;cursor: pointer;margin-top: 52px}
.log_wrap input[type="button"]:hover{background: #538cf3}
.log_wrap .verify{margin-top:-60px;float: right;}