/** reset **/
*{box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;font-size: 100%;}
body,button, input, select, textarea{font-size: 14px;line-height: 1.5;color: #333;font-family: "PingFang SC Regular",Helvetica,Tahoma,Arial,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
input,button,img{border: none;background: none;}
input[type="text"],
input[type="password"],button{outline: none;-webkit-appearance:none;}
em,i{font-style:normal;}
ul, ol{list-style: none;}
a{text-decoration: none;
	color:#333;
    -webkit-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
a:hover{
    -webkit-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    text-decoration: none;
}
img{border:0px;  outline-width:0px;  vertical-align:top;}
.clearfix { *zoom: 1; } 
.clearfix:before, .clearfix:after {  display: table; line-height: 0; content: ""; } 
.clearfix:after { clear: both; } 
.fl { float:left;}
.fr { float:right;}

.text-center{text-align: center;}
.text-right{text-align: right;}

.tcdPageCode{
    padding: 15px 0;
    color: #ccc;
    width: auto;
    margin-bottom: 20px;
}
.tcdPageCode>*{
    border-radius: 4px;
}
.tcdPageCode:after {
    display: block;
    content: "";
    clear: both;
}
.tcdPageCode a,.tcdPageCode a.current,.tcdPageCode span.disabled,.pagehide{
    color: #999;
    text-align: center;
    border: 1px solid #ddd;
    margin: 0 3px;
    border-radius: 0;
    padding: 5px 12px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    float: left;
    border-radius: 4px;
}
.pagehide {
    padding-top: 2px;
    padding-bottom: 8px;
}
.tcdPageCode a:hover{
    text-decoration: none;
    border: 1px solid #015b9a;
}
.tcdPageCode a.current {
    color: #fff;
    background-color: #effbff;
    border: 1px solid #015b9a;
    color: #015b9a;
}
.tcdPageCode span.disabled{
    color: #bfbfbf;
    background: #f2f2f2;
    border: 1px solid #e7e7e7;
    width: auto;
    padding: 5px 10px;
}
.tcdPageCode .widtha {
    width: auto;
    padding: 5px 12px;
    float: left;
}
.tcdPageCode span.disabled:hover {
    cursor: not-allowed;
}
.tiaozhuannum {
    display: inline-block;
    width: 35px;
    padding: 5px 8px !important;
    line-height: 20px;
    border: 1px solid #ddd !important;
    float: left;
    border-right: none;
    margin: 0 3px;
    border-radius: 4px;
}
.tiaozhuan {
    background-color: transparent;
    border: 1px solid #ddd;
    padding: 4.5px 8px;
    color: #999;
    float: left;
    margin-left: 3px;
    border-radius: 4px;
}
.tiaozhuan:hover {
    border: 1px solid #015b9a;
    cursor: pointer;
    color: #015b9a;
}
.tiaozhuannum:focus {
    border: 1px solid #015b9a;
}
.drump {
    display: inline-block;
    margin: 0 3px;
    float: left;
}


/* flex布局 */
.flex-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-middle{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-betw{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}


@media screen and (min-width: 1025px) {
    /* 滚动条美化 */
  ::-webkit-scrollbar {
    width: 14px;
    height: 14px;
  }

  ::-webkit-scrollbar-track,
  ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    border: 5px solid transparent;
  }

  ::-webkit-scrollbar-track {
    box-shadow: 1px 1px 5px rgba(43, 163, 253, 0.2) inset;
  }

  ::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 0 0 0 5px rgba(209, 19, 47, 1) inset;
  }

  ::-webkit-scrollbar-corner {
    background: transparent;
  }
}

  .font64{font-size: 64px;}
  .font50{font-size: 50px;}
  .font48{font-size: 48px;}
  .font40{font-size: 40px;}
  .font32{font-size: 32px;}
  .font24{font-size: 24px;}
  .font20{font-size: 20px;}
  .mt80{margin-top: 80px;}
  .mt70{margin-top: 70px;}
  .mt60{margin-top: 60px;}
  .mt50{margin-top: 50px;}
  .mt40{margin-top: 40px;}
  .mt30{margin-top: 30px;}
  .mt20{margin-top: 20px;}
  .pad120{padding: 120px 0;}
  .pad80{padding: 80px 0;}
  .pad60{padding: 60px 0;}
  .pt40{padding-top: 40px;}
  .pt60{padding-top: 60px;}
  .pb80{padding-bottom: 80px;}
  .pb120{padding-bottom: 120px;}

@media screen and (max-width: 1440px) {
    body{font-size: 14px;}
    .wrap{width: 80%;}
    .font64{font-size: 44px;}
    .font50{font-size: 40px;}
    .font48{font-size: 36px;}
    .font40{font-size: 32px;}
    .font32{font-size: 26px;}
    .font24{font-size: 24px;}
    .font20{font-size: 18px;}

    .mt80{margin-top: 60px;}
    .mt70{margin-top: 54px;}
    .mt60{margin-top: 48px;}
    .mt50{margin-top: 40px;}
    .mt40{margin-top: 32px;}
    .mt30{margin-top: 24px;}
    .mt20{margin-top: 18px;}

    .pad120{padding: 96px 0;}
    .pad80{padding: 64px 0;}
    .pad60{padding: 48px 0;}
    .pt40{padding-top: 32px;}
    .pt60{padding-top: 48px;}
    .pb80{padding-bottom: 64px;}
    .pb120{padding-bottom: 96px;}
}
@media screen and (max-width: 1366px) {
  .font64{font-size: 50px;line-height: 1.1;}
  .font50{font-size: 48px;}
  .font48{font-size: 44px;}
  .font40{font-size: 36px;}
  .font32{font-size: 28px;}
  .font24{font-size: 22px;}
  .font20{font-size: 18px;}

  .mt120{margin-top: 80px;}
  .mt100{margin-top: 80px;}
  .mt80{margin-top: 80px;}
  .mt70{margin-top: 70px;}
  .mt60{margin-top: 60px;}
  .mt50{margin-top: 50px;}
  .mt40{margin-top: 40px;}
  .mt30{margin-top: 30px;}
  .mt20{margin-top: 20px;}
  .mt10{margin-top: 10px;}

  .pad120{padding: 120px 0;}
  .pad80{padding: 80px 0;}
  .pad60{padding: 60px 0;}
  .pt40{padding-top: 40px;}
  .pt60{padding-top: 60px;}
  .pb80{padding-bottom: 80px;}
  .pb120{padding-bottom: 120px;}
}
@media screen and (max-width: 1024px) {
    .wrap{width: 86%;}
    .font64{font-size: 40px;}
    .font50{font-size: 36px;}
    .font48{font-size: 32px;}
    .font40{font-size: 28px;}
    .font32{font-size: 24px;}
    .font24{font-size: 20px;}

    .mt80{margin-top: 56px;}
    .mt70{margin-top: 48px;}
    .mt60{margin-top: 44px;}
    .mt50{margin-top: 36px;}
    .mt40{margin-top: 28px;}
    .mt30{margin-top: 22px;}

    .pad120{padding: 80px 0;}
    .pad80{padding: 56px 0;}
    .pad60{padding: 44px 0;}
    .pt40{padding-top: 28px;}
    .pt60{padding-top: 44px;}
    .pb80{padding-bottom: 56px;}
    .pb120{padding-bottom: 80px;}
}

@media screen and (max-width: 768px) {
    .wrap{width: 90%;}
    .font64{font-size: 28px;}
    .font50{font-size: 26px;}
    .font48{font-size: 24px;}
    .font40{font-size: 22px;}
    .font32{font-size: 20px;}

    .mt80{margin-top: 48px;}
    .mt70{margin-top: 40px;}
    .mt60{margin-top: 36px;}
    .mt50{margin-top: 30px;}
    .mt40{margin-top: 24px;}

    .pad120{padding: 64px 0;}
    .pad80{padding: 50px 0;}
    .pad60{padding: 36px 0;}
    .pt40{padding-top: 24px;}
    .pt60{padding-top: 36px;}
    .pb80{padding-bottom: 50px;}
    .pb120{padding-bottom: 64px;}
}