/*== HTML ==*/
* { box-sizing: border-box;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden; }

html { height: 100%; font-size: 625%; overflow-y: scroll; }
:root { overflow-y: auto; overflow-x: hidden; }
:root body { position: absolute; }
body { width: 100vw; min-height: 100%; line-height: 1.6; font-size: 0.16rem; /*overflow: hidden !important;*/ -webkit-font-smoothing: antialiased; }

/*== 格式化 ==*/
body, button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { color: #666; font: 0.16rem/1.6 "ProximaNova", "SourceSans", "SourceCode", "FuturaBook", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Helvetica", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "SimSun", "arial", "sans-serif"; outline: none; }
ul, li, p, figure { margin: 0; padding: 0; }
li { list-style: none; }
a, a:after, a:before { color: #333; cursor: pointer; outline: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
a:hover { color: #e50012; text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: none; }

/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 320px) { 

    .uk-container { padding: 0 0.08rem; }

}

@media ( min-width : 360px) { 

} 

/*平板电脑*/
@media ( min-width : 640px) {

}

/*笔记本电脑*/
@media ( min-width : 960px) {

} 

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

    .uk-container { padding: 0; }
    
} 

/*大屏PC电脑*/
@media ( min-width : 1600px) { 
    
}

/*=== Uikit ===*/
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle,.uk-navbar-dropdown-nav{ font-size: 0.16rem;}
/* .uk-grid { margin-left: 0; } */
.uk-grid + .uk-grid { margin-top: 0; }
[class*="uk-align-"] { margin-bottom: 0; }
* + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin { margin-top: 0; }
.uk-tooltip { padding: 0 0.08rem; max-width: 2.4rem; background: #97A0BA; color: #FFF; overflow: hidden; }
.uk-accordion-title { font-size: 0.16rem; }
.uk-modal { z-index: 9999999; }
.uk-modal-dialog { position: relative; padding: 0.32rem; width: auto; border-radius: 0.02rem; }
.uk-modal-dialog .uk-icon svg { width: 0.12rem; height: 0.12rem; }

.uk-notification{ z-index: 10000000; }
.uk-notification-message{ background: rgba(0,0,0,.6); color:#fff;}
.uk-notification-close,.uk-close{ color:#fff;}
.uk-notification *{font-size: 0.14rem;}

/*=== Chrome Browser Scrollbar ===*/
::-webkit-scrollbar-track-piece { /*== 滚动条凹槽的颜色，还可以设置边框属性 ==*/
    background-color:rgba(0,0,0,0.1);
}
::-webkit-scrollbar { /*== 滚动条的宽度 ==*/
    width: 0.1rem;
    height: 0.01rem;
}
::-webkit-scrollbar-thumb { /*== 滚动条设置 ==*/
    min-height: 2.4rem;
    background-color: rgba(229,0,18,0.5);
    background-clip: padding-box;
    border-radius: 0.04rem;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(229,0,18,1);
}

.uk-container-large{ max-width:1500px; padding-left: 20px; padding-right: 20px;}

/*BUTTON*/
.uk-button-red {background-color: #e50012; color: #fff;border: 1px solid transparent;}
.uk-button-red:hover, .uk-button-red:focus { background-color: #ff0014; color: #fff;}
.uk-button-red:active, .uk-button-red.uk-active { background-color: #ff0014; color: #fff; }

.uk-button-black {background-color: #000; color: #fff;border: 1px solid transparent;}
.uk-button-black:hover, .uk-button-black:focus { background-color: #222; color: #fff;}
.uk-button-black:active, .uk-button-black.uk-active { background-color: #222; color: #fff; }

/*=== 通用 ===*/
.my-transition { 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }

.no-padding { padding: 0 !important; }
.display-none { display: none !important; }
.text-red{ color:#e50012; }
.text-black{ color:#000; }
.text-white{ color:#fff; }
.text-gray{ color:#ababab; }
.bg-white{ background: #fff;}

.icon-position-left li{ position: relative; padding-left: 20px;}
.icon-position-left li i,.icon-position-left li .iconfont{ position: absolute; left: 0; top:3px; font-size: 14px; }

.p5{ padding:5px!important;}
.p10{ padding:10px!important;}
.p15{ padding:15px!important;}
.p20{ padding:20px!important;}
.p25{ padding:25px!important;}
.p30{ padding:30px!important;}
.pb0{ padding-bottom:0px!important;}
.pb5{ padding-bottom:5px!important;}
.pb10{ padding-bottom:10px!important;}
.pb15{ padding-bottom:15px!important;}
.pb20{ padding-bottom:20px!important;}
.pb25{ padding-bottom:25px!important;}
.pb30{ padding-bottom:30px!important;}
.pr20{ padding-right:20px!important;}
.pr30{ padding-right:30px!important;}
.pt0{ padding-top:0!important;}
.pt5{ padding-top:5px!important;}
.pt10{ padding-top:10px!important;}
.pt15{ padding-top:15px!important;}
.pt30{ padding-top:30px!important;}
.pt40{ padding-top:40px!important;}
.plr5{ padding-left:5px!important; padding-right:5px!important;}
.plr10{ padding-left:10px!important; padding-right:10px!important;}
.plr15{ padding-left:15px!important; padding-right:15px!important;}
.plr20{ padding-left:20px!important; padding-right:20px!important;}
.plr25{ padding-left:25px!important; padding-right:25px!important;}
.plr30{ padding-left:30px!important; padding-right:30px!important;}
.ptb5{ padding-top:5px!important; padding-bottom:5px!important;}
.ptb10{ padding-top:10px!important; padding-bottom:10px!important;}
.ptb15{ padding-top:15px!important; padding-bottom:15px!important;}
.ptb20{ padding-top:20px!important; padding-bottom:20px!important;}
.ptb25{ padding-top:25px!important; padding-bottom:25px!important;}
.ptb30{ padding-top:30px!important; padding-bottom:30px!important;}
.m5{ margin:5px!important;}
.m10{ margin:5px!important;}
.m15{ margin:5px!important;}
.m20{ margin:5px!important;}
.m25{ margin:5px!important;}
.m30{ margin:5px!important;}
.mt0{ margin-top:0px!important; }
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }
.mt40{ margin-top:40px; }
.mt80{ margin-top:80px; }
.mb0{ margin-bottom:0px!important; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb35{ margin-bottom:35px; }
.mb40{ margin-bottom:40px; }
.mb50{ margin-bottom:50px; }
.ml5{ margin-left:5px; }
.mr5{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mlr5{ margin-left:5px!important; margin-right:5px!important;}
.mlr10{ margin-left:10px!important; margin-right:10px!important;}
.mlr15{ margin-left:15px!important; margin-right:15px!important;}
.mlr20{ margin-left:20px!important; margin-right:20px!important;}
.mlr25{ margin-left:25px!important; margin-right:25px!important;}
.mlr30{ margin-left:30px!important; margin-right:30px!important;}
.mtb5{ margin-top:5px!important; margin-bottom:5px!important;}
.mtb10{ margin-top:10px!important; margin-bottom:10px!important;}
.mtb15{ margin-top:15px!important; margin-bottom:15px!important;}
.mtb20{ margin-top:20px!important; margin-bottom:20px!important;}
.mtb25{ margin-top:25px!important; margin-bottom:25px!important;}
.mtb30{ margin-top:30px!important; margin-bottom:30px!important;}

.fs100{ font-weight: 100;}
.f12{ font-size: 0.12rem;}
.f13{ font-size: 0.13rem;}
.f14{ font-size: 0.14rem;}
.f15{ font-size: 0.15rem;}
.f16{ font-size: 0.16rem;}
.f18{ font-size: 0.18rem;}
.f20{ font-size: 0.20rem;}
.f22{ font-size: 0.22rem;}
.f24{ font-size: 0.24rem;}
.f26{ font-size: 0.26rem;}
.f28{ font-size: 0.28rem;}
.f30{ font-size: 0.30rem;}
.f32{ font-size: 0.32rem;}
.f34{ font-size: 0.34rem;}
.f36{ font-size: 0.36rem;}
.f38{ font-size: 0.38rem;}
.f40{ font-size: 0.40rem;}
.f50{ font-size: 0.50rem;}
.f58{ font-size: 0.58rem;}
.f60{ font-size: 0.60rem;}
.f70{ font-size: 0.70rem;}
.f80{ font-size: 0.80rem;}
.f90{ font-size: 0.90rem;}
.f100{ font-size: 1.00rem;}
.f110{ font-size: 1.10rem;}
.f120{ font-size: 1.20rem;}