/* wushi fix 2020-4-27 */
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0; margin:0;} 
table {border-collapse:collapse; border-spacing:0;} 
fieldset,img,abbr,acronym{border:0;} 
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;} 
ol,ul,li{list-style: none;} 
caption,th {text-align: left;} 
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;} 
q:before,q:after {content:”;} 
body{background:#fff;font-size:12px;font-family:"Microsoft YaHei";}
textarea {outline: none; resize: none; overflow:auto;}
img{vertical-align:middle;}
:focus{outline:0;}
.fix,.wrap1200,.wrap1198{*zoom: 1;}
.fix:after,.wrap1200:after,.wrap1198:after{content: "";visibility: hidden;display: block;height: 0;clear: both;}
a{color:#000; text-decoration:none;}a:hover{ color:#000;}
a img {border: none;text-decoration: none;}
label, button,a {cursor: pointer;}
p{word-wrap:break-word;}
.clear{ clear:both; height:1px; overflow:hidden;}
/* layout */
.col-center,.col-left,.col-right,.fl,.fr{float:left;display:inline}
.col-right,.fr{float:right; display:inline;}
.wrap1200{margin:0 auto;width:1200px;  }
.wrap1198{margin:0 auto;width:1198px}
/* 模块化 */
.mod{position:relative;}
.bd,.hd{clear:both;}
.h2 .more,.hd .more,.imore{float:right;display:inline}
.imore{text-indent:-999px}
.hd .icon{position:absolute;overflow:hidden}
.no{display:none!important}
.yes{display:block!important}
.noBor{border:none!important}
.line{overflow:hidden;height:1px}	
/*公用*/
.head,.foot,.Warp,.banner,.top,{ width: 100%; max-width: 100%; min-width: 1200px;}
/* .banner{background: #0c0725 url(/upload/resources/image/2019/09/05/58306.jpg) no-repeat center; height:612px;}
.head{height:40px;  background:#17002c; font:14px/40px "Microsoft YaHei";text-align:center; }
.head a{color:#fff;} */


/* 
.foot{ padding:20px 0; background:#17002c;  margin-top: 100px; color:#fff; text-align:center;  font:16px/26px "Microsoft YaHei"; background:#04041c;}
.foot a{ color:#fff;}	 */

/*垂直居中*/
.middle{ display:table;}
.middle .sub{ display:table-cell; vertical-align:middle;}

/*水平等分*/
.justify { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.justify * { -webkit-box-flex: 1; -ms-flex: 1;-webkit-flex: 1; flex: 1; }

/* -------------------------------------------------------------------------- */

/*移动端--旧头部*/
 @media screen and (max-width: 767px) {

  /* 旧版本 补丁 */
  html body .wrap1200 #mains-content{ width: 100%; margin: 0 auto;}
  

  #bank-header{ display: block;}
  /* #mains-content{ display: none;} */

  .col-left>.imgTxt{ display: none;}

  #bank-index .imgTxt .time{ display: none;}
  #bank-index .imgTxt .intervalTime{ display: block; white-space: nowrap; display: inline-block; color: #666; font-size: 13px; float: right; margin-top: 7px;}

  
}
/*ipad--旧头部*/
@media screen and (min-width: 768px) {

  /* 旧版本 补丁 */
  html body .wrap1200 #mains-content{ width: 100%; margin: 0 auto;}
  
  
  #bank-header{ display: block;} 	
  /* #bank-index{ display: none;} 	 */

  .col-left>.imgTxt{ display: none;}

  #bank-index .imgTxt .time{ display: none;}
  #bank-index .imgTxt .intervalTime{ display: block; white-space: nowrap; display: inline-block; color: #666; font-size: 16px; float: right; margin-top: 7px;}

  
}
/*pc--旧头部*/
@media screen and (min-width: 1200px) {

  /* 旧页面，补丁 */
  
  html body .wrap1200 #mains-content #bank-index .left-content ul li { margin-top: 15px; padding-bottom: 15px;}
  html body .wrap1200 #mains-content,html body .wrap1200 #mains-content #bank-index{ width: 100%; margin:0 auto;}

  #bank-header{ display: none;}
  /* #list{ display: none;} */

  .col-left>.imgTxt{ display: block;}

  #bank-index .imgTxt .time{ display: inline-block;}
  #bank-index .imgTxt .intervalTime{ display: none;}

  
}


/* ----------------------------------------------------- */


/*移动端--新头部*/
@media screen and (max-width: 767px) {
  .topWrap{ display: none;}
}
/*ipad--新头部*/
@media screen and (min-width: 768px) {
  .topWrap{ display: none;}	
}
/*pc--新头部*/
@media screen and (min-width: 1200px) {
    body{ font-family: "Microsoft YaHei"; padding-top: 120px;}

    .topWrap{ display: block;}
    .topWrap{ position: fixed; top: 0; width: 100%; background: #fff; z-index: 999;}
    /*top*/
    .topMod{ padding:15px 10px 0 0;}
    .topMod a,.topMod .mobile{ color:#555; float:right; height: 20px; line-height: 20px; font-size: 12px; padding-left: 22px; margin-right: 20px;}
    .topMod a:hover,.topMod .mobile:hover{ color:#006fa5;}
    .topMod .login{ background:url(https://www.czbjbc.net/index-new/img/bg.png) no-repeat -36px -99px;}
    .topMod .contribute{ background:url(https://www.czbjbc.net/index-new/img/bg.png) no-repeat -31px -50px;}
    .topMod .mobile{ background:url(https://www.czbjbc.net/index-new/img/bg.png) no-repeat -38px 0; position: relative; cursor: pointer;}
    .topMod .mobileCode{ display: none; position: absolute; z-index: 10; top: 38px; right: -56px; width: 150px; height: 190px; font:14px/320px "Microsoft YaHei"; color: #333; text-align: center; background: url(https://www.czbjbc.net/index-new/img/mobileCode.png) no-repeat;
      
      }
    /* .topMod .mobile:hover .mobileCode{ display: block; opacity: 1; top: 18px;  height: 190px;} */
    /* add wushi 2020-4-24 */
    .topMod .admin{float: right;}
    .topMod .admin .member-span-logined{ width:45px; margin-top: -10px;}
    .topMod .admin .admin_login_later{position: relative;}
    .topMod .admin .admin_login_later img{width: 42px; height: 42px; border-radius: 50%; border: 2px solid #cccccc; padding: 2px;}
    .topMod .admin .admin_login_later .admin_menu{position: absolute; top: 42px; left: -50%; width: 80px; box-shadow: 0 1px 15px rgba(18, 21, 21, 0.2); padding: 15px 0; background: #FFFFFF; opacity: 0.95; display: none; text-align: center; z-index: 999;}
    .topMod .member-span-logined:hover .admin_menu{ display:block;}
    .topMod .admin .admin_login_later .admin_menu a{color: #555; float: none; height: 22px; line-height: 22px; font-size: 12px; padding-left: 0; margin-right: 0;  letter-spacing: 2px; font-size: 13px;  color: #333; font-weight: normal;}
    .topMod .admin .admin_login_later dl dt:hover{color: #262425; background: #e5e5e5;}

    /*headMod*/
    .headMod{ border-bottom: solid 3px #006fa5; position: relative; z-index: 9; padding: 10px 0 5px 0;}
    .headMod .logo{ float: left;}
    .headMod .MenuMod{ font:20px/40px "Microsoft YaHei"; position: absolute; bottom: -3px; left: 240px;}
    .headMod .MenuMod li{ float: left;  position: relative; border-bottom: solid 3px #006fa5; padding: 0 2px; width: 50px; text-align: center; margin: 0 12px; line-height: 32px;}
    .headMod .MenuMod li.w66{width: 80px;}
    .headMod .MenuMod li.w90{width: 96px;}
    .headMod .MenuMod li:hover, .headMod .MenuMod .on { border-bottom: solid 3px #fff;}
    .headMod .MenuMod li>a{ color:#000; margin-top: 6px; display:block; height: 40px; position: relative; bottom: -3px; border-bottom: solid 5px transparent;}
    .headMod .MenuMod li:hover>a, .headMod .MenuMod .on>a{ font:bold 22px/32px "Microsoft YaHei";  color:#006fa5; border-bottom: solid 5px #eb6100; transition: all 0.3s ease-in-out; }
    
    .headMod .MenuMod li .selectWrap{ opacity: 0; height: 0; overflow: hidden; position: absolute; top: 34px; left: 2px; padding-top: 15px; text-align: left;}
    .headMod .MenuMod li .select{ padding: 8px 0; width: 86px; border: solid 1px #bbb; background-color: rgba(255,255,255,0.9);}
    .headMod .MenuMod li .select a{ color: #000; font:14px/26px "Microsoft YaHei"; padding-left: 14px; display: block;}
    .headMod .MenuMod li:hover .selectWrap{ opacity: 1; height: auto; -webkit-transition: all 0.4s ease-out;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;}
  	.headMod .MenuMod li .selectWrap a:hover{ background: #e5e5e5; color: #23527c;}
    /*searchMod*/
    .searchMod{ margin-top: 17px;}
    .searchMod .txt{ width: 158px; height: 23px; border: solid 1px #808080; border-radius: 5px; float: right; text-indent: 1em;}
    .searchMod .btn{ width: 50px; height: 25px; border: none; border-radius: 5px; background: #ddd; color: #333; font: 14px/12px "Microsoft YaHei"; vertical-align: 0; text-align: center; cursor: pointer; float: right; margin-left: 10px;}
    /*nav*/
    .navMod{ height: 28px; font:14px/28px "Microsoft YaHei"; background: #f2f2f2; border-bottom: solid 1px #d9d9d9; padding-left: 40px;width: 1160px; }
    .navMod a{ color: #333; margin: 0 12px;}
    .navMod a:hover, .navMod .on{ color:#006fa5;}

    /* add wushi 2020-4-24 */
    .topMod .admin{float: right;}
    .topMod .admin .member-span-logined{ width:45px; margin-top: -10px;}
    .topMod .admin .admin_login_later{position: relative;}
    .topMod .admin .admin_login_later img{width: 42px; height: 42px; border-radius: 50%; border: 2px solid #cccccc; padding: 2px;}
    .topMod .admin .admin_login_later .admin_menu{position: absolute; top: 42px; left: -50%; width: 80px; box-shadow: 0 1px 15px rgba(18, 21, 21, 0.2); padding: 15px 0; background: #FFFFFF; opacity: 0.95; display: none; text-align: center; z-index: 999;}
    .topMod .member-span-logined:hover .admin_menu{ display:block;}
    .topMod .admin .admin_login_later .admin_menu a{color: #555; float: none; height: 22px; line-height: 22px; font-size: 12px; padding-left: 0; margin-right: 0;  letter-spacing: 2px; font-size: 13px;  color: #333; font-weight: normal;}
    .topMod .admin .admin_login_later dl dt:hover{color: #262425; background: #e5e5e5;}
    
    body { font-family: "Microsoft YaHei"; padding-top: 120px;}
  
	/* add wushi 2020-5-14 */
	.topMod .topWx{background:url(https://www.czbjbc.net/index-new/img/topWxIcon.png) no-repeat 0 -2px; padding-left: 30px;}
  .topMod .topWx .mobileCode{  background: url(https://www.czbjbc.net/index-new/img/topWxCode.png) no-repeat;}
  
  /* add wushi 2020-5-25 头部增加三角icon */
  .headMod .MenuMod li{ width:60px;}
  .headMod .MenuMod li.icon > a{ cursor: inherit;}
  .headMod .MenuMod li.icon > a:after {
    content: '';
    width: 6px;
    height: 6px;
    display: inline-block;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    top: -3px;
    left: 7px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
	}
    .headMod .MenuMod li.icon:hover > a:after {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    }

}

/* ----------------------------------------------------------------- */

/* wushi add 2019-4-18 ad*/
  /*移动端--广告*/
  @media screen and (max-width: 767px) {
    .ad_pc, .ad_pc_ipad{ display:none;}
    /* .wrap1200{ display:none;} */
  }
  /*ipad--广告*/
  @media screen and (min-width: 768px) {
    .ad_pc{ display:none;}
    .ad_pc_ipad{ display:block; position:relative;}
    .ad_pc_ipad .txt, .ad_pc_ipad div span{position: absolute; right: 10px; bottom: 10px; background: rgba(0, 0, 0, 0.7); color: #fff; width: 42px; height: 26px; z-index: 9999; text-align: center; line-height: 26px;border-radius: 5px; font-size: 12px;}
    
  }
  /*pc--广告*/
  @media screen and (min-width: 1200px) {
    .ad_pc, .ad_pc_ipad{ display:block; position:relative; z-index:1;}
    .ad_pc .txt, .ad_pc_ipad .txt,.ad_pc div span, .ad_pc_ipad div span{position: absolute; right: 10px; bottom: 10px; background: rgba(0, 0, 0, 0.7); color: #fff; width: 42px; height: 26px; z-index: 9999; text-align: center; line-height: 26px;border-radius: 5px; font-size: 12px;}
    /* #bank-header {
      position: relative;
      width: 1200px;
      margin: 0 auto;
      min-height:125px;
    } */
  }



/* 公用！！！ */
@media screen and (max-width: 767px) {
  /* 公用！！！ */
  .wrap1200{ width: 100%; margin: 0 auto;}
  html { width: 100%;}
  html body { width: 100%; height: 100%; background: #FFF; } 
}
@media screen and (min-width: 768px) {
  /* 公用！！！ */
  .wrap1200{ width: 100%; margin: 0 auto;}
  html { width: 100%;}
  html body { width: 100%; height: 100%; background: #FFF; } 
}
@media screen and (min-width: 1200px) {
  .wrap1200{ width: 1200px; margin: 0 auto;}
  .w840{ width: 840px; float: left; margin: 0;}
  .w320{ width: 320px;}
  /* 弹出框字大小*/
  .modal-body{ font-size:13px;}
}


span,p{ font-size:inherit; color: inherit;}