/** ?????????????????? **/

@font-face{

    font-family: 'aaa';

    src : url('img/IMPACT.TTF');

}

@font-face{

    font-family: 'bbb';

    src : url('img/Questrial-Regular.ttf');

}

@font-face{

    font-family: 'ccc';

    src : url('KNOCKOUT-HTF49-LITEWEIGHT.woff2');

}

body{overflow-x: hidden;font-family: "Microsoft Yahei"!important;}

body, h1, h2, h3, h4, h5, h6, hr, p,

blockquote, /* structural elements ???????????? */

dl, dt, dd, ul, ol, li, /* list elements ???????????? */

pre, /* text formatting elements ?????????????????? */

form, fieldset, legend, button,  /* form elements ????????????

th, td, /* table elements ???????????? */

img/* img elements ???????????? */{

    border:medium none;

    margin: 0;

    padding: 0;

}

li{list-style: none!important;}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/** ?????????????????? **/

ul, ol { list-style: none; }

/** ????????????????????? **/

a { text-decoration: none;}

a:hover{text-decoration: none}

/*a:hover {color:#F40; }*/

/** ?????????????????? **/

img{ border:0;}

/** ?????????????????? **/

table { border-collapse: collapse; border-spacing: 0;  border: 1px solid #ddd; margin-bottom: 5px;width: 100%;line-height:35px;color:#666;}
.tablebgr{ background-color:#eee; color:#333; line-height:120%; padding:1.5% 1%; font-size:15px; text-align:center;}
.tablebgl{ background-color:#fff; color:#333; line-height:120%; padding:1.5% 1%; font-size:15px; text-align:center;}
/** ?????????????????? **/

body, h1, h2, h3, h4, h5, h6, hr, p,

blockquote, /* structural elements ???????????? */

dl, dt, dd, ul, ol, li, /* list elements ???????????? */

pre, /* text formatting elements ?????????????????? */

form, fieldset, legend, button, /* form elements ????????????

th, td, /* table elements ???????????? */

img/* img elements ???????????? */{

    border:medium none;

    margin: 0;

    padding: 0;

}

.red{color: red}

input,button,select,textarea{outline:none} textarea{resize:none}

/*sja??????*/

.clear{clear: both;}

.imgfit{display: flex;justify-content: center;align-items: center;}

.imgfitr{display: flex;justify-content: right;align-items: center;}

.fitobj{object-fit: cover;height: 100%!important;width: 100%!important}

.fitobj2{object-fit: contain;height: 100%!important;width: 100%!important}

.bhh{white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}

.none{display: none}

.imglimit img{max-width: 100%;}



.f10{font-size: 10px;}

.f12{font-size: 12px;}

.f14{font-size: 14px;}

.f15{font-size: 15px;}

.f16{font-size: 16px;}

.f18{font-size: 18px;}

.f20{font-size: 20px;}

.f22{font-size: 22px;}

.f24{font-size: 24px;}

.f26{font-size: 24px;}

.f28{font-size: 28px;}

.f30{font-size: 30px;}

.f32{font-size: 32px;}

.f34{font-size: 34px;}

.f36{font-size: 36px;}

.f40{font-size: 40px;}

.fw{font-weight: bold;}

.cb{color: #bbb}

.cd{color: #ddd}

/********margin*********/

.m5{margin: 5px 0}

.m10{margin: 10px 0}

.m20{margin: 20px 0}

.m30{margin: 30px 0}

.m40{margin: 40px 0}

.m50{margin: 50px 0}

.m60{margin: 60px 0}

.m70{margin: 80px 0}

/*margin-top*/

.mt3{margin-top: 3px!important;}

.mt2{margin-top: 3px!important;}

.mt5{margin-top: 5px!important;}

.mt8{margin-top: 8px!important;}

.mt10{margin-top: 10px!important;}

.mt15{margin-top: 15px!important;}

.mt20{margin-top: 20px!important;}

.mt25{margin-top: 25px!important;}

.mt30{margin-top: 30px!important;}

.mt35{margin-top: 35px!important;}

.mt40{margin-top: 40px!important;}

.mt50{margin-top: 50px!important;}

.mt60{margin-top: 60px!important;}

.mt70{margin-top: 70px!important;}

.mt75{margin-top: 75px!important;}

.mt80{margin-top: 80px!important;}

.mt100{margin-top: 100px!important;}

.mt150{margin-top: 150px!important;}

/*margin-bottom*/

.mb5{margin-bottom: 5px!important;}

.mb10{margin-bottom: 10px!important;}

.mb20{margin-bottom: 20px!important;}

.mb30{margin-bottom: 30px!important;}

.mb40{margin-bottom: 40px!important;}

.mb50{margin-bottom: 50px!important;}

.mb60{margin-bottom: 60px!important;}

.mb70{margin-bottom: 70px!important;}



/********padding*********/

.p5{padding: 5px 0}

.p10{padding: 10px 0}

.p20{padding: 20px 0}

.p30{padding: 30px 0}

.p40{padding: 40px 0}

.p50{padding: 50px 0}

.p60{padding: 60px 0}

/*padding-top*/

.pt5{padding-top: 5px!important;}

.pt10{padding-top: 10px!important;}

.pt20{padding-top: 20px!important;}

.pt30{padding-top: 30px!important;}

.pt40{padding-top: 40px!important;}

.pt50{padding-top: 50px!important;}

.pt60{padding-top: 60px!important;}

.pt70{padding-top: 70px!important;}

/*padding-bottom*/

.pb5{padding-bottom: 5px!important;}

.pb10{padding-bottom: 10px!important;}

.pb20{padding-bottom: 20px!important;}

.pb30{padding-bottom: 30px!important;}

.pb40{padding-bottom: 40px!important;}

.pb50{padding-bottom: 50px!important;}

.pb60{padding-bottom: 60px!important;}

.pb70{padding-bottom: 70px!important;}





/*text-align*/

.tc{text-align: center;}

.tl{text-align: left;}

.tr{text-align: right;}



/*.layui-layer-molv .layui-layer-btn a*/

.margin{margin: 0 auto}

.h100{height: 100%}



/*overflow*/

.of{overflow: hidden;}





.w80{width: 80%;margin-left: 10%}

.w60{width: 60%;margin-left: 20%;}

.w95{width: 95%;margin: 0 auto}

.w90{width: 90%;margin: 0 auto}

.w98{width: 98%;margin: 0 auto}

.cf{color: #fff}

.c3{color: #333}

/*line-height*/

.l16{line-height: 1.6}

.l18{line-height: 1.8}

.l20{line-height: 2.0}

.l23{line-height: 2.3}

.l25{line-height: 2.5}



.line2{overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;}



.w100{width: 100%;}

.hauto{height: auto;}

/*text-indent*/

.ti2{text-indent: 2em}

.ti1{text-indent: 1em}

.ti05{text-indent: 0.5em}

.c9{color: #999}

.c6{color: #666}

.c8{color: #888}

.c3{color: #333}

/**/

.fwl{font-weight: lighter}

.bd{background: #ddd}

.bf5{background: #f5f5f5}







body::-webkit-scrollbar {/*?????????????????????*/

    width:5px;     /*??????????????????????????????????????????*/

    height: 1px;

}

body::-webkit-scrollbar-thumb {/*????????????????????????*/

    border-radius: 3px;

    background-color: #bbb;

    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);

}

body::-webkit-scrollbar-track {/*?????????????????????*/

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    /*border-radius: 10px;*/

    background: #fff;

}







.tr05{transition: 0.5s;-webkit-transition: 0.5s;}

.tr06{transition: 0.6s;-webkit-transition: 0.6s;}

.tr07{transition: 0.7s;-webkit-transition: 0.7s;}

.tr04{transition: 0.4s;-webkit-transition: 0.4s;}

.tr03{transition: 0.3s;-webkit-transition: 0.3s;}





/*????????????*/

.mainbox{width: 100%;}

/*.container{width: 1200px;margin: 0 auto!important;}*/



.maximage img{max-width: 100%!important;}

.m-c{color: #c0121b}

/*.m-c1{color: #00a698}*/

a{color: #333}

/**/

.font{;font-family: "Microsoft Yahei"!important;color: #727272!important;;}

.limitimg img{max-width:100%;}

.mianright{width: 900px;float: right}

/*

transition: 0.5s;-webkit-transition:0.5s

transform: 0.5s;-webkit-transform: 0.5s

*/

/*?????????*/

/*.container {*/

    /*padding-right: 15px;*/

    /*padding-left: 15px;*/

    /*margin-right: auto;*/

    /*margin-left: auto*/

/*}*/



/*@media (min-width:768px) {*/

    /*.container {*/

        /*width: 750px*/

    /*}*/

/*}*/



/*@media (min-width:992px) {*/

    /*.container {*/

        /*width: 970px*/

    /*}*/

/*}*/



/*@media (min-width:1200px) {*/

    /*.container {*/

        /*width: 1170px*/

    /*}*/

/*}*/

#fu{transition: 0.5s;

    width:150px;position: fixed;top:230px;right: 5px;z-index: 100;background:#cd9243;padding: 20px 0;border-radius: 0px;padding-bottom: 10px;}

.fudong{transform: translateX(150px);}

#fu .ewm{width: 119px;height: 149px;margin: 0 auto;background: #fff}

#fu .zi{width: 116px;margin: 0 auto;background: url("../Image/img/futel.png") left center no-repeat;text-align: center;}

#fu .zx{width: 120px;height: 40px;margin: 0 auto}

#fu .zx a{display: block;width: 120px;height: 38px;background: #fff url("img/zx.jpg") left 13px center no-repeat;border-radius: 3px;

    background-size: 23px;

    color: #3f3f3f;line-height: 37px;text-indent: 45px;font-size: 15px;}

#fu .zx1 a{display: block;width: 120px;height: 38px;background: #fff url("../Image/img/qq.png") left 16px center no-repeat;border-radius: 3px;

    color: #3f3f3f;line-height: 37px;text-indent: 45px;background-size: 24px;font-size: 15px;}

#fu .side{position: absolute;left: -29px;height: 58px;width: 29px;top: 0px;

    background: url("img/ful1.png") center no-repeat;cursor: pointer}

#fu .side2{position: absolute;left: -29px;height: 58px;width: 29px;top: 0px;

    background:  url("img/ful2.png") center no-repeat;cursor: pointer;display: none}



#gotop{position: fixed;z-index: 15;bottom: 350px;width: 60px;height: 60px;transition: 0.5s;background: #ccc url("img/top.png") center no-repeat;

    right: 95px;bottom: 150px;cursor: pointer;display: none;

}

#gotop:hover{background: #9aa1a8 url("img/top.png") center no-repeat}





.footpage{width: 100%;text-align: center;line-height: 50px;font-size: 13px;color: #666;margin-top: 30px}

.footpage a,.footpage span{display: inline-block;height: 25px;text-align: center;line-height: 25px;border:1px solid #ddd;

    border-radius: 0px;margin-left: 5px;color: #797979;padding: 2px 8px;background: #f5f5f5}

.footpage span{padding: 2px 12px;background: #f5f5f5;color: #002f7c ;border: 1px solid #002f7c }

.footpage select{display: inline-block;padding: 6px 8px;position: relative;top: -1px;border-radius: 0px;border:1px solid #ddd;background: #f5f5f5;color: #666}

.footpage a:hover{background: #fff;color: #002f7c ;}

/*

/*/

.prev dt{padding: 10px 3px 10px 30px;line-height: 1.6;border-bottom: 1px dashed #ddd;font-size: 14px;

    color: #999}

.prev dt:nth-child(1){background: url("img/prev.png") left 5px center no-repeat;background-size: 18px 18px}

.prev dt:nth-child(2){background: url("img/next.png") left 5px center no-repeat;background-size: 18px 18px}

.prev dt a{font-size: 14px;color: #666}

.prev dt a:hover{color:#c0121b }

 /**/

.no_data {

    font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif;

    font-size: 36px;

    color: #c0121b;

    font-weight: lighter;

    text-align: center;

    line-height: 120px;

    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);

}