@charset "utf-8";
/* CSS Document */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;
    padding: 0;
}
html{
overflow-x:hidden;
}
body {
padding:0; line-height:2em; 
overflow-x:hidden;
}
a:focus{
          outline: none;
      }
.trtion{
    -webkit-transition: all .5s cubic-bezier(0, 0, 0, 0.48);
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.hand{cursor: pointer;}
.op0{opacity: 0};
.fl{float: left;}
 .fr{float: right;}
 .al{text-align: left;} 
 .ac{text-align: center;} 
 .ar{text-align: right;}
 .ab{font-weight: bold;} 
 .hide{display: none;}
.pra{position:relative; }
.pab{position:absolute;}
.pfd{position: fixed; bottom:0; width: 100%;}
.bok{display: block;}
.layui-elem-quote{margin:10px 0px 20px 0px;}
.layui-table-page{ margin-top: 0px;}

.ckn{color:#999; cursor:pointer;}.ckn:hover{color:#333;}.cky{color:#1E9FFF;cursor:pointer;}
.bgf5{background-color:rgba(255,255,255,0.5)}
.bgf9{background-color:rgba(255,255,255,0.9)}
.bgf{ background-color: #fff;}
.bg0{ background-color: #000;}
.bg1{ background-color: #f6f6f6;border:#ccc solid 1px;}
.bg2{ background-color: #fff;}
.bg2:hover{ background-color: #f2f2f2;}
.bg3:hover{ background-color: #f6f6f6;}
.bg4{ background-color: #ddd;}
.bg5{ background-color: #fff; border:#ccc solid 1px;}
.a1{display: inline-block; cursor: pointer;}
.hand{cursor: pointer;}
.mytkl{color:#fff; border:none; height:5px; width:20px;}
.fk1{padding-top: 15px;
	 padding-left: 60px; padding-right:60px; 
 }
 .bgx1{background-color: #f2f2f2; padding: 15px; line-height: 1.5em;overflow-y:auto; min-height:220px;}
 .bgx2{background-color: #f2f2f2; padding: 20px; line-height: 1.5em; margin-top:20px; }
 .bgx3{background-color: #f2f2f2; padding: 15px;}
 .bgx4{background-color: #f2f2f2; padding: 15px; overflow-y:auto;height:220px;}
 .bgx5{background-color: #000;}
 .fkx1{padding: 10px;  background-color:#ddd; margin-top:15px;  }
 .fkx1:hover{background-color: #fff;}
 .fkx2{padding: 10px;  background-color:#20B2AA; margin-top:15px; color: #fff;  }
 .fkx1a{padding: 10px;  background-color:#ddd; margin-top:15px;  }
.fkx2>.kclose{color: #f2f2f2}
 .fkx3{padding: 10px;  background-color:#d7ebfe; margin-top:15px;  }

 .fk3{ padding-right: 20px;}
.fk4{ background-color:#ddd; margin-top:15px;}
.fk5{ background-color:#d7ebfe; margin-top:15px;}
.fk6{background-color: #f0f0f0; padding:15px;  font-height: 40px;border:#ddd solid 1px;}
 .fk7{ padding-right: 40px; display: inline-block;}

 .fb{font-style: bolder;}
 .f12{font-size:12px;}
  .f13{font-size:13px;}
.f14{font-size:14px;}
 .f14b{font-size:14px; font-style: bolder;}
 .f16{font-size:16px;}
 .f18{font-size:18px;}
 .f20{font-size:20px;}
 .f22{font-size:22px;}
 .f24{font-size:24px;}
 .f24b{font-size:24px;font-style: bolder;}
  .f26{font-size:26px;line-height: 2em;}
  .f28{font-size:30px;}
.f30{font-size:30px;}
  .f32{font-size:32px;}
.f36{font-size:36px;}
  .f48{font-size:48px;}
  .f60{font-size:60px;}
.lh15{line-height: 1.5em;}
.lh2{line-height: 2em;}
.lh3{line-height: 3em;}
 .cola{color:#f6f6f6;} .colb{color:#01AAED;}.colc{color:#000;}.cold{color:#4682B4}
 .cole{color:#999;}
 .cole:hover{color:#333;}
.colf{color:#fb2518;}
.colg{color:#555;}
.colfff{color:#fff;}
 .overddd{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
 .overddd2{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}

 .mp0{margin: 0; padding:0;}
 .m25{ margin: 25px;}
 .m15{ margin: 15px;}
 .mr15{margin-right: 15px;}
.mr50{margin-right: 100px;}
 .mt5{ margin-top: 5px;}.mt10{ margin-top: 10px;} .mt15{ margin-top: 15px;}
  .mt20{ margin-top: 20px;}
  .mt30{ margin-top: 30px;}
  .mt50{ margin-top: 50px;}
  .mt100{ margin-top: 100px;}
  .mb10{margin-bottom: 10px;}
  .mb20{margin-bottom: 20px;}
   .mb30{margin-bottom: 30px;}
  .cl{clear: both;}
 .bd1{border-top: #ccc solid 1px; border-right: #ccc solid 1px;}
 .bd2{border-left: #ccc solid 1px; border-bottom: #ccc solid 1px; height: auto}
 .bd3{border-bottom: #eee solid 1px;}
 .bd4{border-left: #ccc solid 1px; border-bottom: #ccc solid 1px; border-right: #ccc solid 1px;}
 .pagenext{page-break-after: always;} 
 .p5{padding: 5px;}
 .p10{padding: 10px;}
 .p15{padding: 15px;}
 .p25{padding: 25px;}
 .p50{padding: 50px;}
 .ptb100{padding-top:100px; padding-bottom: 100px;}
 .pt20{padding-top: 20px;}
 .pl50{padding-left: 50px;}
 .pb50{padding-bottom:50px;}
 .pb100{padding-bottom:100px;}
 .pl10{padding-left: 10px; } 
 .pt15{padding-top: 15px; }
 .pr50{padding-right: 50px; }
 .imgw img{width: 100%}
 .imgh img{height:100%;}
 .sdwa:hover {

    box-shadow: 2px 2px 5px 4px #ccc;
}
 .kclose{color: #999;}
 .kclose:hover{color: #ff0000}
 .inbox{display: inline-block;}
 .layui-form-switch{ height: 28px; line-height: 28px; padding-right: 15px;padding-left: 8px; margin-top:-1px;}
 .layui-form-switch>i{margin-top: 3px;}
 .lghide{display: none;}
 .mxhide{display: none;}
 .mdhide{display: block;}
 .xinfo p{ margin-bottom: 15px; }
@media screen and (max-width: 1024px) {
  .mdhide{display:none;}
  .mxhide{display:block;}
  .fk1{padding: 15px;}
}
@media screen and (max-width: 768px) {
  .slidea{height: 200px;}
.smhide{display: none;}
.lghide{display: block;}
.fk2{padding: 15px;}
.m15{margin: 0;}
.bgf5{background-color:rgba(255,255,255,0);}
.p50{padding:15px;}
.pl50{padding-left: 0px;}
 .pb50{padding-bottom:15px;}
  .pr50{padding-right:15px; }
.mt50{ margin-top: 30px;}
.mt100{ margin-top: 30px;}
.ptb100{padding-top:30px; padding-bottom: 30px;}
}