body{ background:url(../images/Login_box_bg.jpg) no-repeat center center; background-size:cover; height:100vh}
#login{ padding-top:70px;}
#login .left{ background:#0055a5; width:700px; height:670px;}
#login .left .zh{ padding:60px;}
#login .left .zh .logo{ background:#fff; width:120px; height:120px; padding:10px; text-align:center; line-height:100px;}
#login .left .zh .logo img{ width:100%; max-height:100px; max-width:100px}
#login .left .zh .info{ width:440px; line-height:27px; color:#fff;}
#login .left .zh .info .name{ font-size:20px; font-weight:700;}
#login .left .zh .info .enmane{font-size:20px; }
#login .left .zh .info .time{  font-size:16px; margin-top:10px}
#login .left .zh .info .add{ font-size:16px; }
#login .left .img{ margin-top:10px; text-align:center}
#login .right{ width:500px; background:#fff; height:670px; padding:60px 90px}
#login .right .title{ font-size:36px; font-weight:700}
#login .right .tisp{ font-size:14px; margin-top:15px}
#login .right .form{}
#login .right .form .item{ border-bottom:1px solid #ccc; position: relative; margin-top:20px}
#login .right .form .item i{ position:absolute; left:0; top:10px; line-height:40px; font-size:16px; color:#999}
#login .right .form .item .text{ border:0; height:50px; line-height:40px; width:100%; text-indent:40px; padding-top:10px; display:block}
#login .right .form .button{ margin-top:50px}
#login .right .form .button .btn{ background:#0055a5; border-radius:4px; text-align:center; color:#fff; padding:15px 70px; border:0; font-size:16px; display:inline-block; cursor:pointer}
#login .right .nouser{ font-size:24px; margin-top:40px}
#login .right .reg{ margin-top:20px}
#login .right .reg a{ background:#12d1b3; border-radius:4px; padding:12px 70px; font-size:16px; color:#fff; display:inline-block}
#login_footer{ text-align:center; color:#999; margin-top:20px; padding-bottom:50px}
@media (max-width:860px){
	.wrap{ width:100%}
	#login{ padding:20px;}
	#login .left{ background:#0055a5; width:100%; height:auto;}
	#login .left .zh{ padding:20px;}
	#login .left .zh .logo{ background:#fff; width:60px; height:60px; padding:10px; text-align:center; line-height:40px;}
	#login .left .zh .logo img{ width:100%; max-height:40px; max-width:40px}
	#login .left .zh .info{ width:calc(100% - 80px); line-height:20px; color:#fff;}
	#login .left .zh .info .name{ font-size:16px; font-weight:700;}
	#login .left .zh .info .enmane{font-size:14px; }
	#login .left .zh .info .time{  font-size:13px; margin-top:0px}
	#login .left .zh .info .add{ font-size:13px; }
	#login .left .img{ display:none}
	#login .right{ width:100%; background:#fff; height: auto; padding:60px 20px}
	#login .right .title{ font-size:20px; font-weight:700}
	#login .right .tisp{ font-size:14px; margin-top:5px; line-height:20px}
	#login .right .form{}
	#login .right .form .item{ border-bottom:1px solid #ccc; position: relative; margin-top:20px}
	#login .right .form .item i{ position:absolute; left:0; top:10px; line-height:40px; font-size:16px; color:#999}
	#login .right .form .item .text{ border:0; height:50px; line-height:40px; width:100%; text-indent:30px; padding-top:10px; display:block}
	#login .right .form .button{ margin-top:50px}
	#login .right .form .button .btn{ background:#0055a5; border-radius:4px; text-align:center; color:#fff; padding:10px 0px; border:0; font-size:14px; display:block; cursor:pointer; width:100%}
	#login .right .nouser{ font-size:20px; margin-top:40px}
	#login .right .reg{ margin-top:20px}
	#login .right .reg a{ background:#12d1b3; border-radius:4px; padding:10px 0px; font-size:14px; color:#fff; display:block; text-align:center}
	#login_footer{ text-align:center; color:#999; margin-top:20px; padding-bottom:50px}
}
#reg{ padding:40px 0}
#reg .zh{ padding:20px 50px; background:#0055a5}
#reg .zh .logo{ background:#fff; width:120px; height:120px; padding:10px; text-align:center; line-height:100px;}
#reg .zh .logo img{ width:100%; max-height:100px; max-width:100px}
#reg .zh .info{ width:600px; padding:20px 0; color:#fff; margin-left:20px; line-height:40px}
#reg .zh .info .name{ font-size:30px;}
#reg .zh .info .enmane{font-size:20px; }
#reg .zh .addtime{ width:200px; padding:20px 0; color:#fff; margin-left:20px; line-height:40px}
#reg .zh .addtime .time{  font-size:30px; margin-top:10px}
#reg .zh .addtime .add{ font-size:20px; }
#reg .regbox{ background:#fff; padding:80px 280px 80px 180px;}
#reg .regbox .title h2{ font-size:30px; font-weight:normal}
#reg .regbox .title h2 em{ font-size:14px; margin-left:10px;}
#reg .regbox .title span{ float:right}
#reg .regbox .title span a{ color:#f00;}
#reg .box{ padding-top:30px}
#reg .box .item{ position:relative; margin-top:15px; padding-left:140px}
#reg .box .item span{ position:absolute; left:0; top:0; line-height:42px; width:130px;}
#reg .box .item span font{ color:#f00}
#reg .box .item span.line20{ line-height:21px}
#reg .box .item .text{ border:1px solid #eee; background:#f8f8f8; line-height:40px; height:40px; width:100%; border-radius:4px; text-indent:10px; font-size:14px}
#reg .box .item .sel{ border:1px solid #eee; background:#f8f8f8; line-height:40px; height:40px; width:100%; border-radius:4px; text-indent:10px; font-size:14px}
#reg .box .item .textarea{ border:1px solid #eee; background:#f8f8f8; line-height:40px; height:160px; width:100%; border-radius:4px; text-indent:10px; font-size:14px}
#reg .box .item .text2{ width:24%; float:left}
#reg .box .item .text3{ width:30%; float:left; margin:0 3%}
#reg .box .item .text4{ width:40%; float:left}
#reg .box .item.check{font-weight:700}
#reg .box .item.check input{ position:relative; top:2px; margin-right:5px;}
#reg .box .item p{ text-align:right; color:#999}
#reg .box .item .Userimg{ margin-top:10px}
#reg .box .item .Userimg img{ border:1px solid #ddd}
#reg .box .item label{ display:block; line-height:24px}
#reg .box .button{ padding:50px 140px;}
#reg .box .button .btn{ background:#0055a5; border-radius:4px; text-align:center; color:#fff; padding:15px 70px; border:0; font-size:16px; display:inline-block; cursor:pointer}
#reg .regok{ text-align:center; min-height:500px; padding:100px; background:#fff}
#reg .regok p{ padding:30px 0; font-size:24px; color:#0055a5}
#reg .regok p a{ margin:0 10px; font-size:16px; background:#0055a5; color:#fff; border-radius:4px; padding:10px 30px; display:inline-block}
#reg .regok p a:nth-child(2n){ background:#12d1b3}

@media (max-width:860px){
	#reg{ padding:0px 0}
	#reg .zh{ padding:10px 10px; background:#0055a5}
	#reg .zh .logo{ background:#fff; width:60px; height:60px; padding:10px; text-align:center; line-height:40px;}
	#reg .zh .logo img{ width:100%; max-height:100px; max-width:100px}
	#reg .zh .info{ width:calc(100% - 90px); padding:0; color:#fff; margin-left:20px; line-height:20px}
	#reg .zh .info .name{ font-size:16px;}
	#reg .zh .info .enmane{font-size:12px; }
	#reg .zh .addtime{ width: calc(100% - 80px);; padding:0px 0; color:#fff;line-height:20px;}
	#reg .zh .addtime .time{  font-size:16px; margin-top:10px}
	#reg .zh .addtime .add{ font-size:12px; }
	#reg .regbox{ background:#fff; padding:40px 20px 80px 20px;}
	#reg .regbox .title h2{ font-size:20px; font-weight:normal}
	#reg .regbox .title h2 em{ font-size:12px; margin-left:10px;}
	#reg .regbox .title span{ float:right;}
	#reg .regbox .title span a{ color:#f00; font-size:12px}
	#reg .box{ padding-top:10px}
	#reg .box .item{ position:relative; margin-top:5px; padding-left:0px}
	#reg .box .item span{ position: inherit; left:0; top:0; line-height:30px; width: auto; display:block}
	#reg .box .item span font{ color:#f00}
	#reg .box .item span.line20{ line-height:21px}
	#reg .box .item .text{ border:1px solid #eee; background:#f8f8f8; line-height:40px; height:40px; width:100%; border-radius:4px; text-indent:10px; font-size:14px}
	#reg .box .item .sel{ border:1px solid #eee; background:#f8f8f8; line-height:40px; height:40px; width:100%; border-radius:4px; text-indent:10px; font-size:14px}
	#reg .box .item .textarea{ border:1px solid #eee; background:#f8f8f8; line-height:40px; height:160px; width:100%; border-radius:4px; text-indent:10px; font-size:14px}
	#reg .box .item .text2{ width:24%; float:left}
	#reg .box .item .text3{ width:30%; float:left; margin:0 3%}
	#reg .box .item .text4{ width:40%; float:left}
	#reg .box .item.check{font-weight:700}
	#reg .box .item.check input{ position:relative; top:2px; margin-right:5px;}
	#reg .box .item p{ text-align:right; color:#999}
	#reg .box .item .Userimg{ margin-top:10px}
	#reg .box .item .Userimg img{ border:1px solid #ddd}
	#reg .box .item label{ display:block; line-height:24px}
	#reg .box .button{ padding:50px 0px;}
	#reg .box .button .btn{ background:#0055a5; border-radius:4px; text-align:center; color:#fff; padding:15px 0px; border:0; font-size:16px; display:inline-block; cursor:pointer; width:100%}
	#reg .regok{ text-align:center; min-height:500px; padding:100px 0; background:#fff}
	#reg .regok p{ padding:30px 0; font-size:20px; color:#0055a5}
	#reg .regok p a{ margin:0 10px; font-size:14px; background:#0055a5; color:#fff; border-radius:4px; padding:10px 30px; display:inline-block}
	#reg .regok p a:nth-child(2n){ background:#12d1b3}
}