@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,span,table,tr{padding:0;margin:0;}
body{ font-family: "Nunito","synormal",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; color:#232424; padding:0; margin:0; list-style:none; overflow-x: hidden; }
body > section{ padding:0px;}
ul li{ list-style:none; }
p{ padding:0; margin:0;}
.containermian{ width:100%; height: 100vh; display: flex; justify-content:flex-start; align-items:flex-start; flex-direction: column; }
.containermian .md{ width:750px; display: flex; flex-direction: column; align-items:flex-start; justify-content: flex-start;}
.tables{ width:100%; background-image:url(../images/tablebg.jpg); background-color:#5179f0; background-size: cover; background-position: top center; background-repeat: no-repeat; padding:20px 50px 80px;}
.tab-t{ width:100%; display: flex; justify-content:center; align-items: flex-start; flex-direction: column; position: relative; z-index: 1;}
.tab-t i{ width:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 10px;}
.tab-t i img{ max-width: 100%;}
.tab-t h1{ font-size:52px; color: #FFF; letter-spacing:2px; font-weight:600; padding:28px 0px 38px;}
.tab-t ul{ display: flex; width:70%; align-items:flex-start; flex-direction: column; justify-content: center;}
.tab-t ul li{ font-size:21px; color: #FFF; padding: 2px 0px;}
.tab-form{ width:100%; height: auto; display: flex; justify-content: flex-start; align-items:flex-start; flex-direction: column; border: 1px solid #7d7d7d; background-color: #FFF; margin-top:50px; position: relative;
-moz-border-radius: 30px; /* Firefox */
-webkit-border-radius: 30px; /* Safari 和 Chrome */
border-radius: 30px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.tab-form-top{ width:100%; height: 80px; display: flex; justify-content:flex-start; align-items: center; background-color: #f1f0fe;
-moz-border-radius: 30px 30px 0px 0px; /* Firefox */
-webkit-border-radius: 30px 30px 0px 0px; /* Safari 和 Chrome */
border-radius: 30px 30px 0px 0px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.tab-form-top p{ font-size:20px; color: #707070; padding: 0px 30px; }
.tabimg{ position: absolute; right:-45px; top:-190px; }	
.tabimg img{ max-width:95%; }
.tab-form-main,#login-form{ width:100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column;}
#login-form{ padding: 20px 35px;}
#login-form .layui-form-item{ display: flex; flex-direction: column; justify-content: center; align-items: center; width:100%; margin-bottom: 0;}
#login-form	.layui-formlabel{ width:100%; height: 78px; display: flex; justify-content: center; align-self:flex-start; flex-direction: column; font-size: 25px; color: #000;}
.layui-input-block{ margin: 0; width: 100%; }
.layui-input-block input{ width: 100%; border: 1px solid #7d7d7d; height: 60px; padding: 0px 15px;
-moz-border-radius: 60px; /* Firefox */
-webkit-border-radius: 60px; /* Safari 和 Chrome */
border-radius: 60px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */	
}
.layui-textarea{ border: 1px solid #7d7d7d; height:150px; padding:15px; resize: none;
-moz-border-radius:20px;
-webkit-border-radius:20px; 
border-radius:20px;
}
.layui-btn{ width:200px; background-color: #4552ff; font-size: 23px; height: 50px; display: flex; justify-content: center; align-items: center; color: #FFF; margin-top: 40px; margin-bottom: 25px;
-moz-border-radius: 60px; /* Firefox */
-webkit-border-radius: 60px; /* Safari 和 Chrome */
border-radius: 60px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
@media (max-width: 800px) {
.containermian .md{ width:100%; padding: 0;}
.tables{ padding:15px; }
.tab-t i img{ max-width: 50%;}
.tab-t h1{ font-size:26px; letter-spacing:1px; padding:30px 0px 15px; font-weight:bold;}
.tab-t ul li{ font-size:16px; padding:3px 0px;}
.tab-form{ margin-top:30px; 
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari 和 Chrome */
border-radius:15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.tab-form-top{ height:55px; 
-moz-border-radius: 15px 15px 0px 0px; /* Firefox */
-webkit-border-radius: 15px 15px 0px 0px; /* Safari 和 Chrome */
border-radius: 15px 15px 0px 0px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.tab-form-top p{ font-size:15px; padding: 0px 15px; }
.tabimg{ position: absolute; right:-10px; top:-100px; }	
.tabimg img{ max-width:auto; width: 135px; }
#login-form{ padding:20px;}
#login-form	.layui-formlabel{ height:55px; font-size:16px;}
.layui-input-block input{ height:50px; font-size: 15px;
-moz-border-radius: 30px; /* Firefox */
-webkit-border-radius: 30px; /* Safari 和 Chrome */
border-radius: 30px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */	
}
.layui-btn{ width:100%; font-size:18px; margin-top:30px; margin-bottom:35px;
-moz-border-radius: 30px; /* Firefox */
-webkit-border-radius: 30px; /* Safari 和 Chrome */
border-radius:30px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.layui-textarea{ border: height:110px;}
}