/* CSS Document */
/* latin-ext */
/*@font-face {
  font-family: 'Raleway1';
  font-style: normal;
  font-weight: 100;
  src: local('Raleway Thin'), local('Raleway-Thin'), url(../images/Raleway-Regular.ttf) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin */
/*@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: local('Raleway Thin'), local('Raleway-Thin'), url(../images/Raleway-Regular.ttf) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/



*{list-style:none;}
a img{ border:0;}

a:link {color: #555;text-decoration:none}
a:visited {color: #555;text-decoration:none}
a:hover {color: #F40100;text-decoration:none}
a:active {color: #555;text-decoration:none}

.clear{ width:0; height:0; overflow:hidden; display:block; clear:both;}
html{}
body{ font-size:14px;margin:0; line-height:24px !important; color:#666; background:url(../images/topbg.jpg) repeat-x; font-family:Verdana, Geneva, sans-serif}
ul,li,img,p,dl,dt,dd{ margin:0; padding:0; border:0; list-style:none}
table,td{border-collapse:collapse}
.red{color:#F40100 !important;}
a.red{color:#F40100; }
.red1{color:#A20000}
h1{font-size:20px; font-weight:bolder}
h2{font-size:25px; font-weight:bolder; margin:5px 0}
.bule1{ color:#165173}
a.bule{ color:#165173}
.huise{ color:#999999}
.lanse{ color:#4FB4B0}
.baise{ color:#FFF}
a.baise{ color:#FFF}
.baise a{ color:#FFF}
.imgborder{ border:1px solid #D1D1D1; padding:2px;}
.w-100{ width:100%;}
.nopadding{ padding:0 !important ;}
.nomargin{ margin:0 -15px !important}
.w12{ font-size:12px; color:#999}

.btn1{ width:100%; height:50px; text-align:center; font-size:18px; background-color:#e60012; border:0; color:#FFF; border-radius:25px; transition:all 1s}
.btn1:hover{ background-color:#333;transition:all 1s}

.btn2{ display:inline-block; line-height:28px; text-align:center;background-color:#eaeaea; border:0; color:#FFF; border-radius:5px;color:#333; padding:0 10px; border:1px solid #cdcdcd}
.btn2:hover{ background-color:#333;color:#FFF}

.btn3{ display:inline-block; line-height:22px; text-align:center;background-color:#000; border:0; color:#FFF; border-radius:15px; color:#fff; padding:0 15px; margin:0 2px}
.btn3:hover{ background-color:#555; color:#FFF}

.btn4{ display:inline-block; height:45px; text-align:center; font-size:18px; background-color:#e60012; border:0; color:#FFF; border-radius:25px; padding:0 55px}
.btn4:hover{ background-color:#333;}

.layui-form .name{ width:200px;}
.layui-form .input{ width:280px;}

.wrap{ width:100%; height:100%; background:url(../images/login-bg.jpg) top center; display:flex; justify-content:center ;align-items:center; position:relative; background-size:cover}
.login{width:780px}
.login > .title{ font-size:56px; color:#00c100; line-height:135px; text-align:center; margin-bottom:30px; margin-top:-100px}
.login .kuang{ background-color:#FFF; border-radius:10px; overflow:hidden}
.login .kuang .logina{ height:50px; margin-bottom:30px;}
.login .kuang .logina p{ width:50px; height:50px; background-color:#0f234a; float:left; padding:10px;}
.login .kuang .logina input{ width:285px; height:50px; font-size:16px; background-color:#f1f2f7; border:0; padding:0 10px}

.wrap .copy{ position:absolute; bottom:20px; left:0px; width:100%; text-align:center; background:rgba(0,0,0,.5); color:#FFF}
.login .kuang .left{ width:360px; height:410px; background:url(../images/login-left.jpg) left top no-repeat; float:left; color:#FFF; display:flex; align-items:flex-end ; line-height:30px}
.login .kuang .left .lianxi{ margin:20px 30px;}
.login .kuang .left .lianxi p.p1{ font-size:18px; font-weight:bold;}
.login .kuang .right{ float:left; padding:40px 30px 10px}
.login .kuang .right  .title{ font-size:27px; text-align:left; margin-bottom:30px; font-weight:bold; color:#000}
.login .kuang .right  p.p1{ margin-top:15px;}
.login .kuang .right  p{ text-align:center}
.tanchukuang{display:flex; justify-content:center ;align-items:center; height:100%}

.top{ background:url(../images/top-bg.jpg) center top no-repeat; height:208px;display:flex; justify-content:center ;align-items:center;}
.top .logo{ position:relative}
.top .logo .lianxi{ position:absolute; top:30px; left:480px; color:#FFF; width:500px;}
.top .logo  .lianxi p.p1{ font-size:18px; font-weight:bold;}

.menu{ background-color:#000; border-top:1px solid #FFF}
.menu ul{ text-align:center}
.menu ul li{display:inline-block}
.menu ul li a{ display:inline-block; color:#FFF; line-height:35px; margin:10px 20px; padding:0 15px}
.menu ul li a.active{ background-color:#e60012;border-radius:10px; font-weight:bold}

.copy{ text-align:center; margin-top:25px}

.topkuang{ border:1px solid #e5e5e5; background-color:#fafafa;border-radius:10px; margin:15px 0; padding:25px 35px; line-height:28px;}

.tk1{ float:left}
.tk1 p.p1{ float:left; margin-right:10px;}
.tk1 p.p2{float:left;}
.tk1 p.p2 input{ height:30px;}

.tk2{ float:left}

.tk3{ float:right}

.tk4{ float:left; margin-right:10px}
.tk4 p.p1{ float:left; margin-right:13px;}
.tk4 p.p2{float:left;}
.tk4 p.p2 input{ height:30px;}
.off{ background-color:#ebebeb}

.tk5{  width:100%; float:none; clear:both; margin-top:10px}
.tk5 p.p1{ float:left;  width:13%}
.tk5 p.p2{float:left;width:84%;}
.tk5 p.p2 input{ height:30px; width:100%;}

.biaoge{}
.biaoge table{ }
.biaoge table thead th{ background-color:#000; color:#FFF}
.biaoge table td{ line-height:35px !important; }

.dibubtn{ text-align:center}

.account{ display:flex; }
.account .left{ background-color:#000; width:25%; float:left;padding:15px 20px}
.account .left p{ color:#fff; font-size:26px; font-weight:bold; border-bottom:1px solid #999; padding-bottom:10px; margin-bottom:10px;}
.account .left a{ display:block; color:#FFF; line-height:45px; padding:0 15px}
.account .left a:hover{ color:#F00}
.account .left a.active{ background-color:#ea0a2a; color:#FFF}

.account .right{ float:left; padding-bottom:10px; margin-bottom:10px; padding:10px 30px; width:75%}
.account .right .biaoti{border-bottom:1px solid #999; line-height:45px; font-size:26px; font-weight:bold; }
.tk6{  width:80%; float:none; clear:both; margin-top:10px; margin:15px 40px;}
.tk6 p.p1{ float:left;  width:25%; line-height:30px; text-align:right; padding-right:15px}
.tk6 p.p2{float:left;width:70%;}
.tk6 p.p2 input{ height:30px; width:100%;}

.dizhi{ background-color:#fafafa; border:1px solid #e5e5e5; padding:15px;border-radius:10px; margin-top:15px; }
.dizhi .dizhi1{ float:left}
.dizhi .dizhi2{ float:right}

[v-cloak] {
    display: none !important;
}



@media (min-width:768px) { 

 }
@media (max-width:768px) { 


 }