/*代码高亮style*/
.hljs{display:block;overflow-x:auto;padding:0.5em;color:#abb2bf;background:#282c34}
.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}
.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}
.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}
.hljs-literal{color:#56b6c2}
.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta-string{color:#98c379}
.hljs-built_in,.hljs-class .hljs-title{color:#e6c07b}
.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}
.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}
.hljs-emphasis{font-style:italic}
.hljs-strong{font-weight:bold}
.hljs-link{text-decoration:underline}
/*---END---代码高亮style*/
.article-page pre{position:relative;background:#21252b;border-radius:5px;font:15px/22px "Microsoft YaHei",Arial,Sans-Serif;line-height:1.6;margin-bottom:24px;max-width:100%;overflow:auto;text-shadow:none;color:#000; padding:40px 16px 20px; box-shadow:0 10px 30px 0 rgba(0,0,0,.2);}
.article-page pre::before{content:" ";position:absolute;-webkit-border-radius:50%;border-radius:50%;background:#fc625d;width:12px;height:12px;left:12px;margin-top:-28px;-webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:2}
.article-page pre code{color:#abb2bf!important;padding:0;font-size:inherit;line-height:1.7;color:inherit;background-color:transparent;border-radius:0}
.article-page ol{padding-left:40px}
/* .article-page code{padding:2px 6px;color:#c7254e;background-color:#f7f7f9;border-radius:2px} */

/*!a8yun:socialshare.css*/
@font-face{font-family:socialshare;src:url(iconfont/iconfont_socialshare.eot);src:url(iconfont/iconfont_socialshare.eot?#iefix) format("embedded-opentype"),url(iconfont/iconfont_socialshare.woff) format("woff"),url(iconfont/iconfont_socialshare.ttf) format("truetype"),url(iconfont/iconfont_socialshare.svg#iconfont) format("svg")}.social-share{font-family:socialshare!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.social-share *{font-family:socialshare!important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:0}.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background .6s ease-out 0s}.social-share .social-share-icon:hover{background:#666;color:#fff}.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:400;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0!important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px;border-style:solid;border-color:#fff transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}

*,html{margin:0;padding:0;box-sizing:border-box;outline:0}
body,html{overflow-x:hidden}
button,input{margin:0;padding:0;list-style-type:none;border:0}
ol,ul{margin:0;padding:0}
a{text-decoration:none; background-color: transparent;-webkit-text-decoration-skip: objects;}
a:active,a:hover{text-decoration:none; outline: none;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clearfix{zoom:1}
:first-child+html .clearfix{zoom:1}
ul li{list-style:none}
p{ margin:0; }

/*初始化*/
html {color: #959fa7; font-size: 16px; font-weight: 400; line-height: 1.8; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility; vertical-align: baseline; font-weight: 400; letter-spacing: 0px;}
body { color: #959fa7; font-weight:400; line-height:1.8; margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Microsoft Yahei";width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*链接色*/
a,.uk-link {color: #3c4248;text-decoration: none;cursor: pointer;}
a:hover,.uk-link:hover {color: #50a1ff;}
/*标题色*/
.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,h1,h2,h3,h4,h5,h6{color:#333}

/*BUTTON*/
.uk-button{ font-size: 14px;}
.uk-button-red {background-color:#c91c1c; color: #fff;border: 1px solid transparent;}
.uk-button-red:hover, .uk-button-red:focus { background-color: #bc0e05; color: #008bf5;}
.uk-button-red:active, .uk-button-red.uk-active { background-color: #bc0e05; color: #008bf5; }

.uk-button-blue {background-color:#50a1ff; color: #fff;border: 1px solid transparent;}
.uk-button-blue:hover, .uk-button-blue:focus { background-color: #1a5aa6; color: #fff;}
.uk-button-blue:active, .uk-button-blue.uk-active { background-color: #1a5aa6; color: #fff; }

.uk-button-white {background-color:#fff; border: 1px solid transparent;}
.uk-button-white:hover, .uk-button-white:focus { background-color: #fff; color: #008bf5;}
.uk-button-white:active, .uk-button-white.uk-active { background-color: #fff; color: #008bf5; }

.uk-button-orange {background-color: #f7931d; color: #fff;border: 1px solid transparent;}
.uk-button-orange:hover, .uk-button-orange:focus { background-color: #ff8a00; color: #fff;}
.uk-button-orange:active, .uk-button-orange.uk-active { background-color: #ff8a00; 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; }

.uk-button-gray {background-color: #f0f0f0; color: #515151;border: 1px solid transparent;}
.uk-button-gray:hover, .uk-button-gray:focus { background-color: #dcdcdc; color: #2f2f2f;}
.uk-button-gray:active, .uk-button-gray.uk-active { background-color: #dcdcdc; color: #2f2f2f; }

.uk-button-green {background-color: #8ec63e; color: #fff;border: 1px solid transparent;}
.uk-button-green:hover, .uk-button-green:focus { background-color: #7eb92b; color: #fff;}
.uk-button-green:active, .uk-button-green.uk-active { background-color: #7eb92b; color: #fff; }

.uk-button-default:hover, .uk-button-default:focus { background-color:#f8f8f8; }
.uk-button-default:active, .uk-button-default.uk-active { background-color: #f8f8f8; }


.uk-button-large{ line-height: 48px;  font-size: 16px;}

/*图片比例占位*/
.img{display:block; position: relative; height: 0; width: 100%; }
.img > * { position: absolute; left: 0; top: 0; width: 100%;}
.img[data-ratio="1:1"]{padding-top:100%}
.img[data-ratio="1:2"]{padding-top:200%}
.img[data-ratio="2:1"]{padding-top:50%}
.img[data-ratio="2:3"]{padding-top:150%}
.img[data-ratio="3:2"]{padding-top:66.67%}
.img[data-ratio="3:4"]{padding-top:133.333%}
.img[data-ratio="4:3"]{padding-top:75%}
.img[data-ratio="5:4"]{padding-top:80%}
.img[data-ratio="4:5"]{padding-top:125%}
.img[data-ratio="7:4"]{padding-top:57.14%}
.img[data-ratio="4:7"]{padding-top:175%}
.img[data-ratio="16:9"]{padding-top:56.25%}
.img[data-ratio="9:16"]{padding-top:177.778%}

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

/*圆角*/
.br-4{border-radius:4px}
.br-2{border-radius:2px}

/*placeholder 颜色定义*/
:-ms-input-placeholder {color: #999999 !important;}
::-moz-placeholder {color: #999999;}
::-webkit-input-placeholder{color:#999}

/*超出隐藏*/
.max-line-1{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}
.max-line-2,.max-line-3,.max-line-4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.max-line-2{-webkit-line-clamp:2}
.max-line-3{-webkit-line-clamp:3}

/*滚动条*/
body ::-webkit-scrollbar{width:5px;height:5px;background:0 0}
@media (min-width:1024px){
  body ::-webkit-scrollbar{width:8px;height:8px}
}
body ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}

/*文字相关*/
.text-indent{ text-indent: 2em; }
.text-green{ color:#00923f;}
.text-coffee{ color:#9e6738;}
.text-orange{ color:#fe6600;}
.text-orange2{ color:#ff9600; }
.text-red{ color:#c24b4b; }
.text-red2{ color:#bc0000; }
.text-yellow{ color:#ffe400;}
.text-blue{ color:#50a1ff; }
.text-black{ color:#000; }
.text-black2{ color:#2f2f2f; }
.text-white{ color:#fff; }
.text-gray{ color:#999999; }
.text-gray2{ color:#b9b9b9; }
.text-gray3{ color:#c9c9c9; }
.bg-green{ background: #84b226;}
.bg-blue{ background: #50a1ff;}
.bg-orange{ background: #fe6600;}
.bg-gray{ background: #f7f7f7; }

/*联系我们图标占位*/
.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; font-style: normal;}
.fb{ font-weight: bold;}
.f12{ font-size: 0.75rem;}
.f13{ font-size: 0.8125rem;}
.f14{ font-size: 0.875rem;}
.f15{ font-size: 0.9375rem;}
.f16{ font-size: 1rem;}
.f18{ font-size: 1.125rem;}
.f20{ font-size: 1.25rem;}
.f22{ font-size: 1.375rem;}
.f24{ font-size: 1.5rem;}
.f26{ font-size: 1.625rem;}
.f28{ font-size: 1.75rem;}
.f30{ font-size: 1.875rem;}
.f32{ font-size: 2rem;}
.f34{ font-size: 2.125rem;}
.f36{ font-size: 2.25rem;}
.f38{ font-size: 2.375rem;}
.f40{ font-size: 2.5rem;}
.f48{ font-size: 3rem;}
.f50{ font-size: 3.125rem;}
.f60{ font-size: 3.75rem;}
.f70{ font-size: 4.375rem;}
.f80{ font-size: 5rem;}
.f90{ font-size: 5.625rem;}
.f100{ font-size: 6.25rem;}
.f110{ font-size: 6.875rem;}
.f120{ font-size: 7.5rem;}

/*行高预定义*/
.line-height-10{ line-height: 1;}
.line-height-12{ line-height: 1.2;}
.line-height-14{ line-height: 1.4;}
.line-height-16{ line-height: 1.6;}
.line-height-18{ line-height: 1.8;}
.line-height-20{ line-height: 2.0;}
.line-height-22{ line-height: 2.2;}
.line-height-24{ line-height: 2.4;}


/*表格相关*/
.uk-table th{ font-size: 14px;}


/*表单相关*/
.uk-input{ font-size: 14px;}
.uk-select[multiple], .uk-select[size], .uk-textarea{ font-size: 14px;}
.uk-form-large:not(textarea):not([multiple]):not([size]){ height: 50px;}
.uk-form-horizontal .uk-form-label{ }
.uk-form-large.uk-textarea{ line-height: 1.8; padding-top: 10px; padding-bottom: 10px;}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
    border-color: #50a1ff;
}
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
    background-color: #50a1ff;
    border-color: transparent;
}
.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus {
  background-color: #50a1ff;
}


/*边距处理*/
.p5{ padding:5px!important;}
.p10{ padding:10px!important;}
.p15{ padding:15px!important;}
.p20{ padding:20px!important;}
.p25{ padding:25px!important;}
.p30{ padding:30px!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;}
.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;}
.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; }
.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; }
.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;}

@media( min-width:640px ){
  .uk-container{ min-width: 1400px; padding-left:10px; padding-right:10px; }
}

/*通知*/
.uk-notification-message { font-size:14px; border:1px solid #444;border-radius:4px;background:#444;color:#fff; }
.uk-notification-message-primary { background:#ebf7fd;color:#2d7091;border-color:rgba(45,112,145,.3);}
.uk-notification-message-success { background:#f2fae3;color:#659f13;border-color:rgba(101,159,19,.3);}
.uk-notification-message-warning { background:#fffceb;color:#e28327;border-color:rgba(226,131,39,.3);}
.uk-notification-message-danger { background:#fff1f0;color:#d85030;border-color:rgba(216,80,48,.3);}

.uk-notification-center { min-width:200px; width: auto; left: 50%; top: 50%; transform: translate(-50%,-50%); min-height: 52px; }