html{}
body{font-family:"Microsoft Yahei";font-size:12px;margin:0;}
ul{padding:0;margin:0;}
ul li{list-style-type:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;color:#f00;}
.cl{clear: both;}
input[type="text"]:focus, input[type="password"]:focus{outline:none;}
input::-ms-clear{display:none;}


#do{width:100%;background:url(../login/zyhlbg.jpg) no-repeat center top;background-size:100%;height:100%;display:block;position: absolute;top: 0;bottom:0;left:0;right:0;}
.logos{background:url(../login/logo.png) no-repeat center;display:block;width:370px;height:60px;margin:0 auto;text-align: center;
position: relative;top:20%;background-size: 100%;}
.login{width:370px;border:2px solid #eee;border-bottom:none;position:relative;top: 35%;float:left;margin-left: 40.5%;    border-radius: 15px;}
/*.login{margin:0 auto;width:370px;border:2px solid #eee;border-bottom:none;position:relative;top: 20%;}*/
.header1{height:50px;border-bottom:1px solid #e2e2e2;position:relative;font-family:"Microsoft Yahei";}
.header1 .switch{height:45px;position:absolute;left:60px;bottom:0;font-size:16px;}
.header1 .switch #switch_qlogin{margin-right:85px;}
.header1 .switch .switch_btn{color:#999;display:inline-block;height:45px;line-height:45px;outline:none;*hide-focus:expression(this.hideFocus=true);}
.header1 .switch .switch_btn_focus{color:#333;display:inline-block;height:45px;line-height:45px;outline:none;*hide-focus:expression(this.hideFocus=true);}
.header1 .switch .switch_btn:hover{color:#333;text-decoration:none;}
.header1 .switch .switch_btn_focus:hover{text-decoration:none;}
#switch_bottom{position:absolute;bottom:-1px;_bottom:-2px;border-bottom:2px solid #848484;}
.web_login{width:370px;position:relative;}
#web_login{_left:60px;*left:0;}
.web_login .login_form{width:272px;margin:0 auto;}
.web_login .reg_form{width:300px;margin:0 auto;}
.web_login .input-tips{float:left;margin-top:10px;width:50px;height:42px;font-size:16px;line-height:42px;font-family:"Hiragino Sans GB", "Microsoft Yahei";color: #2795dc}
.web_login .input-tips2{float:left;text-align:right;padding-right:10px;width:75px;height:30px;font-size:16px;margin-top:10px;clear:both;line-height:30px;font-family:"Hiragino Sans GB", "Microsoft Yahei";color: #2795dc}
.web_login .inputOuter{width:200px;height:42px;margin-top:10px;float:left;}
.web_login .inputOuter2{width:200px;margin-top:6px;margin-top:5px\9;float:left;}
.web_login .inputstyle{width:200px;height:38px;padding-left:5px;line-height:30px;line-height:38px;border:1px solid #D7D7D7;background:#fff;color:#333;border-radius:2px;font-family:Verdana, Tahoma, Arial;font-size:16px;ime-mode:disabled;}
.web_login input.inputstyle2:focus,.web_login input.inputstyle:focus{border:1px solid #198BD4;box-shadow:0 0 2px #198BD4;}
.web_login .inputstyle2{width:200px;height:34px;padding-left:5px;line-height:34px;border:1px solid #D7D7D7;background:#fff;color:#333;border-radius:2px;font-family:Verdana, Tahoma, Arial;font-size:16px;ime-mode:disabled;}
.web_login .uinArea{height:55px;position:relative;z-index:10;}
.web_login .pwdArea{height:55px;margin-bottom:10px;position:relative;z-index:3;}
.web_qr_login{position:relative;overflow:hidden;}
.cue{height:40px;line-height:40px;font-size:14px;border:1px #CCCCCC solid;margin-top:10px;margin-bottom:5px;text-align:center;font-family:"Hiragino Sans GB", "Microsoft Yahei";}
.login{background-color:#ffffff;}
h1{margin:80px auto 50px auto;text-align:center;color:#fff;margin-left:-25px;font-size:35px;font-weight: bold;text-shadow: 0px 1px 1px #555;}
h1 sup{font-size: 18px;font-style: normal;position: absolute;margin-left: 10px;}
.login{border:0;padding:5px 0;background: #fff;-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);}
.web_login{padding-bottom:20px;}
.jianyi{color:#fff;text-align:center;margin-top:25px;color:#B3B8C4;}
.reg_form li{height: 55px;}
.cue{margin-top: 15px;margin-bottom: 10px;border:1px solid #eee;border-radius:3px;}
.web_login input.inputstyle2:focus, .web_login input.inputstyle:focus{border: 1px solid #5796f;box-shadow: 0 0 0;}
.web_login .reg_form{width: 300px;margin: 0 auto;}
.web_login .inputstyle2{border-radius:7px;width:210px;}
.web_login .input-tips2{padding-right: 5px;width: 80px;_width: 75px;_font-size:12px;}
.button_blue{display:inline-block;float:left;height:41px;border-radius:4px;background:#2795dc;border:none;cursor:pointer;border-bottom:3px solid #0078b3;*border-bottom:none;color:#fff;font-size:16px;padding:0 10px;*width:140px;text-align:center;outline:none;font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif;}
input.button_blue:hover{background:#0081c1;border-bottom:3px solid #006698;*border-bottom:none;color:#fff;text-decoration:none;}
a.zcxy{text-decoration: underline;line-height:58px;margin-left:15px;color: #959ca8;}
.web_login .login_form{margin-top:30px;}
.web_login .uinArea{height: 60px;}
.header .switch{left:70px;}

/* 个人中心     全屏背景图*/
#bg{width:100%;background: url(../login/chuangyejiuye.jpg) no-repeat;height:100%;display:block;top: 0;bottom:0;left:0;right:0;background-size:100%;overflow: hidden;}
.main_n{float:left;left:15%;position: absolute;top: 30%;}
.main_new{width:100%;margin:0 auto;overflow: hidden;position: absolute;top:30%;}
.main_new .dee{width:400px;margin:0 auto;}
.main_new .dee ul{width:100%;margin:0 auto;overflow: hidden;}
.main_new .dee ul li{width:50%;float: left;height:50px;line-height:50px;text-align: center;padding-bottom:20px;list-style:none;}
.main_new .dee ul li.on{background: url(../login/quxian.png) no-repeat bottom;padding-bottom:20px;background-size: 100%;height:50px;}

.main_new .dee ul li a{color:#db6114;font-size: 20px;font-family: "微软雅黑";font-weight: bold;padding-left: 40px;cursor: pointer;}
.main_new .dee ul li .jiuye{background: url(../login/jiuye.png) no-repeat left;color:#42a4d1;}
.main_new .dee ul li .chuangye{background: url(../login/chuangyelogo.png) no-repeat left;}

.main_new .bd{width:400px;margin:0 auto;text-align: center;margin-top:3%;}
.main_new .bd li{list-style:none;}

.main_new .bd li span{float: left;position: relative;left: 10%;}
.main_new .bd li span input{width:150px;height:40px;line-height:40px;outline: none;text-indent: 5px;box-shadow: 1px 1px 1px 1px #666 inset;background: none;border: 1px solid #b8b3b3;border-radius: 7px;}
.main_new .bd li .blue{background: #42a4d1;}
.main_new .bd li a{cursor:pointer;text-decoration:none;width:150px;float:right;position: relative;display: block;border-radius:10px;line-height:40px;background:#db6114;text-align:center;color:#fff;font-size: 16px;font-family: "微软雅黑";font-weight: normal;}
.main_new .bd li a.active{margin-right: 50%; transform: translateX(75px); border-radius: 50%; height: 150px; line-height: 150px; font-size: 24px; animation-name: active; animation-duration: 1.5s;}
@keyframes active {
    from {margin-right: 0;    	transform: translateX(0); border-radius: 1%;height: 40px;/* width: 40px; */font-size: 16px;}
    to {margin-right: 50%;    	transform: translateX(75px); border-radius: 50%;height: 150px;font-size: 24px;}
}