@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px; font-family:"微软雅黑";}
.loginbg{ background:url(../images/loginbg.png) no-repeat top; background-size:100%; width:100%; height:88vh; position:relative;}
ul li{ list-style:none; margin:0px; padding:0px;}
.login_form{ width:23%; position:absolute; right:25%; top:12vh;}

.login_tab_ul{height:60px; font-size:16px; line-height:60px; background:rgba(255,255,255,0.5); border-radius:20px 20px 0px 0px; overflow:hidden;}
.login_tab_ul li{width: 50%;text-align: center; float:left; line-height:50px; height:60px; cursor:pointer;}
.login_tab_ul li.curr:after{ content: "";  position: absolute;left: 50%;}
.login_tab_ul li:first-child{position: relative; color:#fff;background:url(../images/tab_bg2.png) no-repeat center top; background-size:100% 100%;}
.login_tab_ul li:first-child.curr{font-weight: 600;position: relative; color:#333333;background: url(../images/tab_focus.png) no-repeat center #fff; background-position:center 44px;}
.login_tab_ul li:last-child{position: relative; color:#fff;background:url(../images/tab_bg1.png) no-repeat center top; background-size:100% 100%;}
.login_tab_ul li:last-child.curr{font-weight: 600;position: relative; color:#333333;background: url(../images/tab_focus.png) no-repeat center #fff;background-position:center 44px;}

.login_mesbox{ background:#fff;  border-radius:0px 0px 20px 20px; height:53vh; font-size:14px;}
.login_mesbox p{ padding:1.5vh 28px;}
.login_mesbox p label{ display:inline-block; width:70px; color:#333; float:left; line-height:6vh;}
.login_mesbox p span{ display:block; margin-left:70px;}
.login_mesbox p input{ background:#F5F5F5; height:5.5vh; width:100%; border:none;  border-radius:8px; text-indent:12px; outline:none;}
.login_mesbox p input:focus{box-shadow: inset 0 1px 1px rgba(250, 117, 46, .075), 0 0 8px rgba(250, 117, 46, .4); background:#fff;}
.login_mesbox p input::placeholder{ color:#CCCCCC;}
.help{ color:#333333;}
.help a{ color:#FA752E;}
.help a:hover{ color:#e8590d;}
.btn_code{ position:absolute; right:36px; width:100px !important; background:none !important; color:#333333; text-indent:0px !important; cursor:pointer;}
.btn_code:hover{ color:#FA752E;}
.login_btn_box{  position:absolute; bottom:3vh; right:28px; left:28px;}
.login_btn{ background:#FA752E; border-radius:8px; font-size:16px; color:#fff; width:100%; height:6vh; border:none; cursor:pointer; text-indent:0px !important;}
.login_btn:hover{ background:#e8590d;}

.login_footer{ font-size:14px; text-align:center;}
.code{ display:inline-block; vertical-align:middle;}
.code img{ margin-bottom:8px; color:#333;}
.copyright{ display:inline-block; vertical-align:middle; margin-left:100px;}
.copyright p{ margin:20px auto; color:#CCCCCC;}
.copyright p a{color:#FA752E;}
.copyright p a:hover{ color:#e8590d;}
.slogan{ position:absolute; width:30%; font-size:44px; color:#fff; left:25%; top:25vh; font-weight:lighter;}
.slogan img{ width:300px; margin-bottom:16px;}
.slogan span{ color:#FA752E; margin-left:10px;}