body {margin:0}
html,body {position:relative}
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,a,span,i,b,form,fieldset,legend,button,input,textarea,th,td {margin:0;padding:0;}
body,button,input,textarea,li,div,ul,h4 {padding:0;font-family:"PingFang SC","Microsoft YaHei",Arial;word-wrap:break-word;font-size:14px;}
ol,ul {list-style:none outside none;}
img {border:0}
h3,.h3 {font-size:24px;}
a {color:#444;outline:none;text-decoration:none;}
.container_h {width:1100px;height:100px;margin:0 auto;line-height:100px;}
/*head����*/
.header {background:#00c1de;}
.header .container_h .brand {width:150px;height:44px;background:url(../images/ya/logo.png) center center no-repeat;background-size:100% 100%;float:left;margin-top:28px;}
.header .container_h .nav {margin-left:450px;display:flex;flex-flow:row nowrap;align-items:center;float:left;}
.header .container_h .nav .nav-item {width:150px;text-align:center;cursor:pointer;}
.header .container_h .nav .nav-item:hover{opacity: 0.8}
.header .container_h .nav .nav-item span {color:#fff;font-size:18px;}
.header .container_h .nav-right {flex:1;float:right;}
.header .container_h .nav-right .nav-right-item {width:58px;text-align:right;border-radius:10px;font-size:14px;color:#fff;cursor:pointer;float:left;}
/*footer����*/
.footer {width:100%;}
.footer .copyright {float:left;width:100%;height:86px;background:#1e1e1e;display:-webkit-flex;justify-content:center;align-items:center;}
.footer .copyright p {font-size:12px;color:#fff;}

/*��¼����*/
.login_container{background: url(../images/ya/login_bg.png) center center no-repeat;width:100%;height:650px;background-size:100% 100%;padding-top:160px}
.login_box{background:#fff;width:980px;height:450px;margin:0 auto;border-radius:10px;outline:none}
.login_head{float:left;width:100%;height:60px;line-height:60px;border-bottom:1px solid #eee}
.login_head_left{float:left;margin-left:40px;}
.login_head_icon{float:left;margin-top:20px;background: url(../images/ya/login_icon.png) center center no-repeat;width:22px;height:22px;background-size:22px 22px;}
.login_head_text{float:left;color:#000;font-weight:bold;font-size:18px;margin-left:20px;}
.login_head_right{float:right}
.login_head_right_btn{float:left;border:1px solid #00c1de;color:#00c1de;padding:0px 20px 0px 20px;line-height:30px;margin-top:15px;margin-right:30px;cursor:pointer;border-radius:20px;outline:none}
.login_head_right_btn:hover{background:#00c1de;color:#fff;}

.login_box_right{float:left;margin-top:20px;background: url(../images/ya/login_right.png) 0 0 no-repeat;margin-left:100px;width:400px;height:280px;background-size:400px 280px;}
.login_box_left{float:left;margin-top:40px;padding-left:50px;background:#fff;width:400px;height:310px;}
.form_box{float:left;}
.form_title{float:left;width:100%;margin-top:30px;}

/*login box*/
.login_input{width:320px;border: 1px solid #e5e6e7;border-radius: 1px;color: inherit;padding: 3px 12px;height:32px;font-size:14px;}
.login_input_val{width:220px;border: 1px solid #e5e6e7;border-radius: 1px;color: inherit;padding:3px 12px;height:32px;font-size:14px;}
.login_input_img{width:100px;height:40px;margin-left:0px;float:right;border:0}
.login_input_sms{width:100px;height:40px;margin-left:0px;float:right;border:0;background:#00c1de;color:#fff;cursor:pointer}
.login_input_sms:hover{opacity:0.9}
.login_input_btn{width:345px;height:40px;margin-left:0px;float:right;border:0;background:#00c1de;color:#fff;cursor:pointer;border-radius:20px;outline:none}
.login_input_btn:hover{opacity:0.9}
.login_box_dailog{float:left;margin-top:10px;}
.login_box_dailog .info_box{ padding:5px;float:left;margin-left:70px;}
.login_input_dialog{width:250px;font-size: 14px;color:#000;border:1px solid #e2e2e2;padding:5px 0 5px 20px;margin-left:30px;}
.login_btn_dialog{float: left;margin-left:29px;margin-top:18px;border-radius:4px; background-color: #ee603e; opacity: 1; width:280px;line-height: 37px;color: #fff;text-align: center; cursor: pointer;}
.login_btn_dialog:hover{ opacity: 0.8;}