@charset "utf-8";

body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0px;
  padding: 0px;
}

ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

a:link,
a:visited,
a:active {
  color: #333;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
a:hover {
  color: #0489d6;
  text-decoration: none;
  webkit-transition: 0.5s;
  transition: 0.5s;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  clear: both;
}
img {
  vertical-align: middle;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ' ';
  clear: both;
  height: 0;
}

input,
select {
  font-family: '微软雅黑', '黑体';
}

html,
body {
  width: 100%;
  padding: 0;
  margin: 0;
}

body {
  background: #fff;
  color: #333;
  font-size: 14px;
  line-height: 24px;
  font-family: '微软雅黑', '黑体';
  width: 100%;
}

.wid1400px {
  width: 1300px; background:url(../images/botm_bg.png)  no-repeat bottom center; padding-bottom:260px;
  position: relative;
  margin: 0 auto;
}
.wid1400px2 {
  width: 1300px;
  position: relative;
  margin: 0 auto;
}


.top{  min-width:1300px; height:128px;  background:#fff; position:relative;}
.top_wid{ width: 1300px; padding-top:18px;position: relative;margin: 0 auto; z-index:105;}
.login_link{ position:absolute; top:6px; right:0px; color:#0489d6;  font-size: 15px;}
.login_link a{color:#0489d6; margin:0 4px; min-width:60px;}
.login_link span{ margin-right:10px; color:#333;  }

.nav{ height:48px; position:absolute; bottom:25px; right:0px;  }
.nav ul li{  height:48px; position:relative; border-bottom:2px solid #fff; z-index:101; display:inline-block; margin-left:60px; font-size:19px; line-height:48px;  border-left:none; box-sizing:border-box; text-align:center;}
.nav ul li.on{ border-bottom:2px solid #0489d6;}
.nav ul li a{ text-decoration:none; transition:none; display:block; }
.nav ul li a:hover{ color:#0489d6;}
.nav ul li.on a{ color:#0489d6;}





.botm_bg{  background: #0489d6  no-repeat top center; min-width:1300px;  position:relative; height:280px; box-sizing:border-box; padding-top:30px;  color:#fff; font-size:14px; line-height:26px;  }

.botm_wid{ width:1300px; margin:0 auto;}

.botm_bg2{ background:rgba(0,0,0,0.16); position:absolute; bottom:0px; left:0px; width:100%; font-size:13px; height:40px; line-height:40px; text-align:center;
 color:rgba(255,255,255,.9); min-width:1300px;}

.botm_bg2 a{color:rgba(255,255,255,0.9);}
.botm_bg2 a:hover{ color:#fff; text-decoration:none;}

.code_list{position:absolute; right:0px; top:30px;}
.code_list ul li{ width:102px; float:left; margin-left:55px; text-align:center; color:#fff; font-size:14px; line-height:40px; }
.code_list ul li img{width:102px; height:102px;}

.code_img{  font-size:12px; line-height:30px; font-size:16px; }
.code_img img{ width:90px; margin-bottom:5px; float:left; margin-right:15px;}
.botm_wid a{ color:#fff;}


.botm_wid ul li{ width:36%; float:left; text-align:left; font-size:15px; line-height:30px; color:rgba(255,255,255,0.9);}
.botm_wid ul li:last-child{ width:28%;}
.botm_wid ul li h2{ background:url(../images/line.png) no-repeat left bottom; height:50px; padding-bottom:5px; margin-bottom:25px; line-height:40px; font-size:18px; font-weight:bold; color:#fff;}

.botm_wid ul li p img{ margin-right:10px;}



.links_bt{ width:260px;}
.links_bt a{ margin-right:25px; min-width:60px; display:inline-block; text-decoration:none; color:rgba(255,255,255,0.9);}
.links_bt a:hover{color:rgba(255,255,255,1);}


/*-- 分页 --*/

.pages{ padding:20px 0; text-align:center;}

.pages .layui-laypage a,.pages .layui-laypage span{ font-size:16px; padding:5px 15px;}

.pages .layui-laypage-count{ background:none;}




.menu-btn {
	display:none;
    position: absolute;
    top: 50%;
    right: 10px;
	margin-top:8px;
    width: 30px;
    height:30px;
    overflow: hidden;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); z-index:101;
}

.menu-btn .line, .menu-btn .line:before, .menu-btn .line:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 18px;
    height: 2px;
    border-radius: 10px;
}

.menu-btn .line, .menu-btn .line::before, .menu-btn .line::after {
    background: #0489d6;
    border-radius: 10px;
}
.menu-btn .line {
    top: 0;
    bottom: 0;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
}
.menu-btn .line, .menu-btn .line::before, .menu-btn .line::after {
    background: #0489d6;
    border-radius: 10px;
}

.menu-btn .line:before {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}


.menu-btn .line:after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}
.menu-btn .line:before, .menu-btn .line:after {
    content: '';
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.menu-open .line {
    background: transparent;
}
.menu-open .line:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menu-open .line:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

input::-webkit-input-placeholder {
    color: #ccc;
}
input:-moz-placeholder {
    color: #ccc;
    opacity: 1; /* Firefox 18+ */
}
input:-ms-input-placeholder {
    color: #ccc;
}
input::-moz-placeholder {
    color: #ccc;
    opacity: 1; /* Mozilla Firefox 19+ */
}



.opa_bg{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:100001; top:0px; left:0px; display:none;}


.regist_con{ background:#fff; width:600px; height:660px; border-radius:18px; padding:20px 50px; margin-left:-300px; margin-top:-340px; box-sizing:border-box;  position:fixed; left:50%; top:50%; }

a.close_btn{ background:url(../images/close_log.png) no-repeat center center; height:40px; width:40px; position:absolute; top:10px; right:10px;}
a.close_btn:hover{ background:url(../images/close_log2.png) no-repeat center center; transform:rotate(90deg); }


.regist_con h2{ font-size:30px; font-weight:bold; line-height:40px; text-align:center; margin-bottom:12px;}
.regist_con ul li{ margin-bottom:10px; color:#333; font-size:17px; line-height:30px; position:relative;}
.regist_con ul{ margin-bottom:20px;}

.bor_inp{ border:1px solid #ebebeb; position:relative; height:50px; border-radius:6px; padding-left:20px;}
.bor_inp input{ height:50px; width:95%; border:none; background:none; font-size:18px;}

.regist_con ul li.active .bor_inp{border:1px solid #0489d6; background:#f7fcff;}

a.show_icon{ background:url(../images/icon_sx.png) no-repeat center center; background-size: 24px 24px; height:40px; width:40px; position:absolute; z-index:10; right:5px; top:5px;}
a.show_icon.on{background:url(../images/icon_yc.png) no-repeat center center; background-size: 24px 24px; }


.code_btn{ height:50px; position:absolute; width:150px; bottom:0px; cursor:pointer; right:0px; background:#0489d6; border-radius:6px; color:#fff; font-size:17px; line-height:54px; text-align:center;}

.tx_img{ height:50px; width:150px; position:absolute; bottom:0px; cursor:pointer; right:0px; }
.tx_img img{height:50px; width:150px;}


button.login_btn{ height:60px; width:100%; margin:20px auto; border:none; cursor:pointer; line-height:60px;
margin-top:18px; text-align:center; border-radius:8px;  background:#0489d6; color:#fff; font-size:22px; display:block; text-decoration:none;}
button.login_btn:hover{ opacity:.9;}


a.login_txt{ font-size:18px; text-align:center; display:block; color:#0489d6;}

a.login_txt:hover{ color:#f00;}


.regist_con h3{ font-size:30px; padding:10px 0; font-weight:bold; line-height:50px; text-align:center; margin-bottom:10px;}
.regist_con h3 img{ width:80px; height:80px; margin-right:8px;}

.login_cond { height:540px; margin-top:-270px;}
.login_cond ul li{ margin-bottom:30px;}


.txt_cer{ font-size:18px; text-align:center; padding:10px 0;}
.txt_cer a{color:#0489d6;}
.txt_cer a:hover{color:#f00;}

.txt_cer span{ cursor:pointer;}

.txt_cer span:hover{color:#0489d6;}


.for_box{ height:30px; line-height:30px;  position:relative; font-size:16px; margin-bottom:35px; margin-top:-14px;}

.for_box a{ position:absolute; top:0px; right:0px; color:#0489d6;}

.bg_fff{ background:#fff;}







.layui-form-checked[lay-skin=primary] i{border-color:#0489d6 !important; background-color:#0489d6 !important;}
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color:#0489d6 !important;}