/*== 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: #525252; 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: #525252; 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: #e50112; text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: none; }

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  border-color: #e50112;
}

/*=== 媒体查询 ===*/
/*手机*/
@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 : 1300px) { 

    .uk-container { padding: 0; max-width: 1280px; }
    
} 

/*大屏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,1,18,0.5);
    background-clip: padding-box;
    border-radius: 0.04rem;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(229,1,18 ,1);
}

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

/*BUTTON*/
.uk-button-red {background-color: #e50112; color: #fff;border: 1px solid transparent;}
.uk-button-red:hover, .uk-button-red:focus { background-color: #cd000f; color: #fff;}
.uk-button-red:active, .uk-button-red.uk-active { background-color: #ecd000f; 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-indent{ text-indent: 2em; }
.text-other{ color:#291e1b;}
.text-orange{ color:#f8b43f;}
.text-red{ color:#e50112; }
.text-black{ color:#000; }
.text-white{ color:#fff; }
.text-gray{ color:#7d7d7d; }
.text-gray2{ color:#858585; }

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


.fs100{ font-weight: 100;}
.fn{ font-weight: normal;}
.fb{ font-weight: bold;}
.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;}
.f48{ font-size: 0.48rem;}
.f50{ font-size: 0.50rem;}
.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;}