@charset "utf-8";
body,html,div, ul,p,img,dl,dt,dd,form{margin:0px;padding:0px;font-style: normal;border:0; font-size:100%; font-family:"Microsoft YaHei","NSimSun";_font:"Microsoft YaHei","NSimSun"; list-style-type:none;  font-size: 16px; }
body,html{ margin:0px auto; background: #fff;}
.container {width: 100%; max-width:1600px; }
a,a:hover,a:visited,a:active{text-decoration: none !important;}
a{color:#000;text-decoration:none;}
a:hover{ color:#093bc2;text-decoration:none;}
.text-red{color:red;}
.text-green{color: green;}
.prompt_block{ display: none;text-align:center;line-height: 50px; margin: 20px 0; }
.prompt_block .prompt_text{ font-size:18px;}
/* fade透明度系列要设置透明度为0 */
.animate-box{opacity:0; filter:alpha(opacity=0);  }

/*框架部分*/
.webbg{background: url('../images/img01.jpg') center center #5bbeff repeat; background-size: cover; }
.webbg .webcenter{ height: auto; background: #fff; padding: 0px;margin: 2% auto;  overflow:hidden; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.weblogo .container{color: #000; background: #fff; overflow:hidden; /* background: #fff url('../images/topbg.jpg') 0 bottom no-repeat;background-size:100%; */}
.weblogo .web-logo{padding:20px; }
.weblogo .web-title {float: right; text-align: right; font-size: 22px;margin-top: 30px; }
.weblogo .logo-title{font-size: 20px;padding-left: 20px;position: absolute;  top: 65%;  transform: translateY(-65%); color: #0c3cc2;}
.webfoot{ color: #000; padding: 20px 0;}
.webfoot .web-footer{line-height: 30px; text-align: center;}
.layui-btn{height: 38px;line-height: 30px;font-size: 16px;}
.webcenter .web-menu{background: #d0e3ff; margin:20px 0  20px; padding: 0 60px;z-index: 9999;}
.webcenter .web-menu .menu-name { font-size: 20px; float: left; line-height: 52px; }
.webcenter .web-menu .menu-name .layui-icon{font-size: 34px;vertical-align: middle;}
.webcenter .web-menu  .menu-lists{float: right;}
.webcenter .web-menu  .menu-lists a{padding: 10px 20px; line-height: 35px; font-size: 18px; display: inline-block; }
.webcenter .web-menu  .menu-lists .current{background: #4bb2ff; color: #fff; }
.webcenter .web-menu  .menu-lists a:hover{background: #1e9fff; color: #fff;}

/*首页*/
.webcenter .content{text-align: left;padding: 60px;line-height: 35px;}
.webcenter .bmbtn{padding: 50px 0 100px 0;}
.webcenter .location{text-align: right;}
.webcenter .content .bmtime{text-align: center;}
.webcenter .login .title{padding: 50px 0;}
.webcenter .login .layui-form-item .layui-form-label{width: 25%;}
.webcenter .login .layui-form-item .layui-input{width: 55%;}
.webcenter .login .layui-form-item .code_input{float: left; width: 20%; }
.webcenter .login .layui-form-item .codeimg{margin-top: -63px;margin-left:  10%;}
.webcenter .login .submit .layui-btn{padding: 0px 10px;}

.webcenter .signup .layui-form-item .layui-form-label{width: 16%;}
.webcenter .signup .layui-form-item .layui-input{width: 74%;}
.webcenter .signup .layui-form-item  .codeimg{position: relative;top: -38px;right: -55%;}


/*填写*/
.webcenter blockquote{color: red;  width: 90%; margin:30px auto; text-align: left;}
.webcenter .forminfo{padding-bottom: 100px;}
.webcenter .layui-form-label{width: 20%;}
.webcenter .layui-input-inline{width: 58%;text-align: left;}
.webcenter .layui-word-aux{width: 20%; text-align: left;}
.webcenter .payment{text-align: center; padding:50px;}
.webcenter .payment button,.webcenter .payment h3{margin: 50px auto;}

/*核对信息*/
.webcenter {margin-bottom: 150px;}
.webcenter .userinfo { margin:auto; text-align: center;}
.webcenter .userinfo table{width: 90%;margin:auto;}
.webcenter .userinfo table tr td{font-size: 16px; line-height: 35px;}
.webcenter .userinfo .layui-icon{font-size: 22px; font-weight: bold;}
.webcenter .submit {padding: 50px 0;}
.webcenter .submit .querylink{line-height: 38px;}
/*查询*/
.webcenter .query{margin: 80px auto 150px auto; }
.webcenter .query input{width: 85%;text-align: center;margin: 50px auto; background: #fafafa;font-size: 24px;}
.webcenter .userinfo h3{}
.webcenter .userinfo .layui-icon{font-size:30px;}
.webcenter .userinfo-Small{display: none;}
.webcenter .paysubmit{padding: 15px; width: 90%; height: auto;white-space: normal; /* 允许换行 */
  overflow-wrap: break-word; /* 在长单词或URL地址内部进行换行 */}


@media print,screen{
/*  table>tbody>tr>td{padding: 8px;}*/
  .noprint { display: none; }
  
}

/*<=1199的设备 md*/
@media screen and (max-width: 1199px){
  .weblogo .logo-title{font-size: 18px; }
  
 }
 /*<=991的设备 sm*/
@media screen and (max-width: 991px){
  .weblogo .web-logo img{width:180px;height:auto;  }
  .webcenter .login .layui-form-item .codeimg{margin-left:  5%;}
  .webcenter .signup .layui-form-item .layui-form-label{width: 20%;}
  .webcenter .signup .layui-form-item .layui-input{width: 71%;}
  .webcenter .signup .layui-form-item  .codeimg{right: -45%;}
  

}
/*<=767的设备 xs*/
@media screen and (max-width: 767px){
  .weblogo .logo-title{top:40%;}
  .weblogo .web-title {width: 100%; font-size: 18px;}
  .weblogo .web-logo .logo-title{font-size: 16px; }  
  .webcenter .login .layui-form-item .layui-input{width: 60%;}
  .webcenter .signup .layui-form-item .layui-form-label{width: 25%;}
  .webcenter .signup .layui-form-item .layui-input{width: 66%;}
  .webcenter .userinfo-big{display: none;}
  .webcenter .userinfo-Small{display: block; width: 100%;}
  .webcenter .userinfo-Small table>tbody>tr>td{padding: 0;}
  .webcenter .userinfo-Small table{width: 90%; line-height: 25px;}
  
}

/*<=640的设备*/
@media screen and (max-width: 640px){
  .webcenter .layui-form-item .layui-form-label{width: 90px;padding: 9px 0;}
  .webcenter .layui-form-item .layui-input-block{margin-left: 100px;}
  .webcenter blockquote{width: 100%; margin:30px auto; }
  .webcenter .forminfo{padding: 30px;}
  .webcenter .payment{ padding:20px;}
  .webcenter .payment button,.webcenter .payment h3{margin: 0 auto 30px auto;}
  .webcenter .login .layui-form-item .layui-input{width: 60%;}
  .webcenter .login .layui-form-item .codeimg{margin:15px 0 15px -44%;}
  

}
/*<=540的设备*/
@media screen and (max-width: 540px){
  .weblogo .web-logo{padding:10px 0px; }
  .weblogo .web-logo .logo-title{font-size: 14px; top:45px;}
  .webcenter .web-menu  .menu-lists{margin-right: 30px;}
  .webcenter .web-menu{padding: 0 10px;}
  .webcenter .forminfo{padding: 20px;}
  .webcenter .forminfo .layui-input-inline{width: 58%}
  .webcenter .forminfo .layui-form-mid{display: none; width: 0%;}
  .webcenter .layui-form-item .layui-form-label{width: 90px;padding: 9px 0;}
  .webcenter .layui-form-item .layui-input-block{margin-left: 100px;}
  .webcenter .layui-form-item .codeimg{margin: auto;}
  .webcenter .web-menu  .menu-lists a{padding: 10px; }
  .webcenter .content{padding: 40px;line-height: 30px;}
  .webcenter .signup .layui-form-item .layui-form-label{width: 30%;}
  .webcenter .signup .layui-form-item .layui-input{width: 60%;}
  .webcenter .signup .layui-form-item  .codeimg{right: -10%;}
  

 
}
/*<=480的设备*/
@media screen and (max-width: 480px){  
  .container-fluid{padding: 5px;}
  .webcenter blockquote{width: 98%; margin:0px auto 20px auto;}
  .webcenter .login .layui-form-item .layui-form-label{width: 35%;}
  .webcenter .login .layui-form-item .layui-input{width: 50%;}
  .webcenter .login .layui-form-item .codeimg{margin-left:  -35%;}
  .webcenter .signup .layui-form-item  .codeimg{top:15px; left: -15%;}
  .webcenter .content{line-height: 25px;font-size: 16px;}
  .webcenter .userinfo table{width: 99%;}

}
/*<=360的设备*/
@media screen and (max-width: 360px){
}
/*<=320的设备*/
@media screen and (max-width: 320px){
  body{ display: none;}
}