@charset "UTF-8";
/*css 初始化 */
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img { margin: 0; padding: 0; }

fieldset,
img,
input,
button { border: none; padding: 0; margin: 0; outline-style: none; }

.Hidden { display: none; }

/*去掉input等聚焦时的蓝色边框*/
ul,
ol { list-style: none; }

ul,
li { list-style: none; }

input { padding-top: 0; padding-bottom: 0; }

select,
input { vertical-align: middle; }

select,
input,
textarea { font-size: 12px; margin: 0; }

textarea { resize: none; }

/*防止拖动*/
img { border: 0; vertical-align: middle; }

/*  去掉图片低测默认的3像素空白缝隙，或者用display：block也可以*/
table { border-collapse: collapse; }

body { font-family: PingFang SC,Microsoft Yahei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Tahoma; color: #666; background: #fff; font-size: 12px; }


.clearfix:before,
.clearfix:after { /*清楚浮动*/ content: ""; display: block; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; /*IE/7/6*/ }

a { color: #0064FF; text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { text-decoration: none; font-weight: normal; font-size: 100%; }

/*设置h标签的大小，设置跟父亲一样大的字体font-size:100%;*/
s,
i,
em { font-style: normal; text-decoration: none; }

::-webkit-scrollbar { width: 10px; height: 6px; }

::-webkit-scrollbar-track-piece { background-color: #E0E0E0; -webkit-border-radius: 6px; }

::-webkit-scrollbar-thumb:vertical { height: 5px; background-color: #676869; -webkit-border-radius: 6px; }

::-webkit-scrollbar-thumb:horizontal { width: 9px; background-color: #676869; -webkit-border-radius: 6px; }

html,
body { height: 100%; font-family: -apple-system,BlinkMacSystemFont,PingFang SC, PingFangSC-Regular,Segoe UI,Roboto,Helvetica Neue,Tahoma,Microsoft Yahei,Arial,Hiragino Sans GB,sans-serif; }

[data-animate] { visibility: hidden; }

.animated { visibility: visible; }

.theme-btn { color: #fff; font-size: 18px; transition: color .3s; cursor: pointer; position: relative; z-index: 1; width: 228px; height: 60px; display: flex; align-items: center; justify-content: center; background: #009CF6; box-sizing: border-box; }

.theme-btn .iconfont { font-size: 20px; margin-right: 15px; }

.theme-btn:active { border: 1px solid #14142d; background: #007CC4 !important; color: #CCCCCC; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.19), inset 1px 1px 1px 0 rgba(255, 255, 255, 0.15); }

.theme-btn:active .iconfont { -webkit-animation: button-border-animate-1 1s; }

.theme-btn-animate:hover { border: 1px solid #14142d; box-shadow: #009CF6 1px 1px 3px, #009CF6 -1px -1px 3px; background: #4CBEFF; }

.theme-btn-animate:hover .iconfont { -webkit-animation: button-border-animate-1 1s; }

@keyframes button-border-animate-1 {
    50% { transform: translate(-20px, 0) rotate(-180DEG); -webkit-transform: translate(-20px, 0) rotate(-180DEG); -moz-transform: translate(-20px, 0) rotate(-180DEG); opacity: 0.6; }
    100% { transform: translate(0, 0) rotate(0DEG); -webkit-transform: translate(0, 0) rotate(0DEG); -moz-transform: translate(0, 0) rotate(0DEG); opacity: 1; }
}


.container { width: 1200px; max-width: 1200px !important; margin: 0 auto; position: relative; }

.arrow { position: absolute; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; cursor: pointer; margin-left: -10px; }

.arrow-1 { -webkit-animation: arrow-movement 2s ease-in-out infinite; animation: arrow-movement 2s ease-in-out infinite; }

.arrow-2 { -webkit-animation: arrow-movement 2s 1s ease-in-out infinite; animation: arrow-movement 2s 1s ease-in-out infinite; }

.arrow:before,
.arrow:after { background: #fff; content: ''; display: block; height: 3px; position: absolute; top: 0; left: 0; width: 20px; border-radius: 30px; }

.arrow-wrapper { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); height: 60px; width: 60px; cursor: pointer; }

.arrow-wrapper .arrow { top: 40px; left: 50%; }

.arrow:before { -webkit-transform: rotate(45deg) translateX(-3px); transform: rotate(45deg) translateX(-3px); -webkit-transform-origin: top left; transform-origin: top left; }

.arrow:after { -webkit-transform: rotate(-45deg) translateX(3px); transform: rotate(-45deg) translateX(3px); -webkit-transform-origin: top right; transform-origin: top right; }

@-webkit-keyframes arrow-movement {
    0% { opacity: 0; top: 30px; }
    30% { top: 10px; }
    70% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes arrow-movement {
    0% { opacity: 0; top: 30px; }
    30% { top: 10px; }
    70% { opacity: 1; }
    100% { opacity: 0; }
}

.module-title { font-size: 36px; color: #000000; line-height: 36px; text-align: center; padding-top: 80px; }

.funtion-container { padding-bottom: 120px; padding-top: 80px; display: flex; flex-flow: row wrap; }

.funtion-container .functions-bg { height: 100%; background: rgba(20, 21, 45, 0.56); width: 100%; position: absolute; bottom: 0; transition: all 0.3s ease-in-out; transform: translateY(394px); }

.funtion-container .functions-bg .bg-title { font-size: 20px; color: #FFFFFF; letter-spacing: 0; line-height: 20px; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); text-align: center; padding-top: 16px; }

.funtion-container .functions-bg .bg-title .iconfont { font-size: 20px; margin-right: 8px; }

.funtion-container .functions-bg .bg-slogan { font-size: 13px; color: #FFFFFF; text-align: center; text-shadow: 0 1px 2px rgba(30, 37, 57, 0.6); padding: 0 11px; margin-top: 7px; line-height: 20px; }

.funtion-container .functions-item { overflow: hidden; width: 23%; }

.funtion-container .functions-item:hover img { transform: scale(1.3); }

.funtion-container .functions-item:hover .functions-bg { top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 156, 246, 0.8); height: auto; display: flex; transform: translateY(0); align-items: center; justify-content: center; }

.funtion-container .functions-item:hover .functions-bg .bg-title .iconfont { font-size: 39px; margin: 0; }

.funtion-container .functions-item:hover .functions-bg .bg-title span { display: block; margin-top: 20px; }
.funtion-container .functions-item .functions-bg .bg-slogan { display: none; }
.funtion-container .functions-item:hover .functions-bg .bg-slogan { display: block; }

.funtion-container .functions-item_lg { float: left; position: relative; }

.funtion-container .functions-item_lg .functions-bg { transform: translateY(394px); }

.funtion-container .functions-item_lg img { width: 288px; height: 495px; transition: transform 0.3s; }

.funtion-container .functions-item_sm { float: left; position: relative; margin-left: 14px; }

.funtion-container .functions-item_sm .functions-bg { transform: translateY(162px); }

.funtion-container .functions-item_sm .bg-slogan { padding: 0; margin-top: 16px; line-height: 1; text-align: center; }

.funtion-container .functions-item_sm:nth-of-type(n+5) { margin-top: 15px; }

.funtion-container .functions-item_sm img { width: 288px; height: 240px; transition: transform 0.3s; }

.record-operation { /*background-image: url(../images/course_bj.jpg); background-size: cover; background-repeat: no-repeat;*/ position: relative; padding-bottom: 80px; overflow: hidden; }

.record-operation .bg-color { background-color: rgba(20, 21, 45, 0.9); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.record-operation .module-title { color: #fff; }

.record-operation .subtitle { font-size: 16px; color: rgba(255, 255, 255, 0.9); letter-spacing: 0; line-height: 16px; text-align: center; margin-top: 30px; }

.record-operation .subtitle + .subtitle { margin-top: 14px; }

.record-operation .container { position: relative; }

.record-operation .player-bg { width: 640px; height: 407px; margin: 20px auto 0; display: flex; justify-content: center; align-items: center; position: relative; }
.record-operation .player-bg > img { width: 100%; margin-top: 0px; opacity: 0.7; }
.record-operation .player-bg .video-container { width: 475px; height: 296px; position: absolute; top: 50px; left: 83px; z-index: 1; cursor: pointer; }

.record-operation .player-bg .video-container .play-btn { position: absolute; color: #FFFFFF; font-size: 48px; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 1; border-radius: 100%; transition: box-shadow .3s linear; }

.record-operation .player-bg .video-container .play-btn:hover { box-shadow: 0px 7px 20px 6px rgba(255, 255, 255, 0.3); }

.record-operation .player-bg .video-intro { display: block; margin-top: -11px; }

.record-operation .player-tool_wrapper { display: flex; color: #FFFFFF; justify-content: center; margin-top: 33px; }

.record-operation .player-tool_wrapper li { display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; }

.record-operation .player-tool_wrapper li.active p:nth-of-type(1) { border-color: #009CF6; background: #009CF6; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.19), inset 1px 1px 1px 0 rgba(255, 255, 255, 0.15); }

.record-operation .player-tool_wrapper li:hover p:nth-of-type(1) { border-color: #009CF6; background: #009CF6; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.19), inset 1px 1px 1px 0 rgba(255, 255, 255, 0.15); }

.record-operation .player-tool_wrapper li + li { margin-left: 68px; }

.record-operation .player-tool_wrapper li p { transition: all 0.3s; }

.record-operation .player-tool_wrapper li p:nth-of-type(1) { width: 68px; height: 68px; border: 1px solid #FFFFFF; border-radius: 100%; text-align: center; line-height: 68px; }

.record-operation .player-tool_wrapper li p:nth-of-type(1) .iconfont { font-size: 30px; }

.record-operation .player-tool_wrapper li p:nth-of-type(2) { font-size: 14px; margin-top: 25px; }

.player-tool a { color: #fff !important; text-align: center; }

.feature-container { padding-bottom: 120px; padding-top: 20px; background-image: url(../../images/lp0122/software_bj_features.png); background-size: 100% 404px; background-repeat: no-repeat; background-position: bottom; position: relative; }

.feature-container ul { display: flex; justify-content: space-between; padding-top: 54px; }

.feature-container .feature-item .feature-pic { width: 174px; height: 174px; display: block; margin: 0 auto; }

.feature-container .feature-item .feature-title { font-size: 20px; color: #000000; text-align: center; line-height: 28px; }

.feature-container .feature-item .feature-subtitle { font-size: 14px; color: #000000; text-align: center; line-height: 14px; margin-top: 19px; }

.evaluate-container { /*background-image: url(../images/evaluation_bj.jpg); background-size: cover; background-repeat: no-repeat;*/ position: relative; }

.evaluate-container .bg-color { background-image: linear-gradient(-270deg, #41BFFF 2%, #4697FF 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.9; }

.evaluate-container .container { position: relative; }

.evaluate-container #swiperContent { position: relative; }

.evaluate-container .module-title { font-size: 36px; color: #FFFFFF; letter-spacing: 0; line-height: 36px; }

.evaluate-container .swiper-container { width: 1000px; padding: 80px 0 140px; }

.evaluate-container .swiper-container li { width: 350px; height: 400px; background: #FFFFFF; border-radius: 10px; padding: 77px 44px; box-sizing: border-box; }

.evaluate-container .swiper-container .swiper-slide-active { box-shadow: 0 2px 29px 0 rgba(20, 21, 45, 0.28); border-radius: 10px; }

.evaluate-container .evaluate-user { text-align: center; border-bottom: 1px solid #D8D8D8; padding-bottom: 30px; }

.evaluate-container .evaluate-user img { width: 80px; height: 80px; }

.evaluate-container .evaluate-user .name { font-size: 16px; color: #000000; line-height: 16px; margin-top: 20px; }

.evaluate-container .evaluate-content { margin-top: 15px; font-size: 14px; color: #666666; letter-spacing: 0; line-height: 24px; }

.footer-banner { background: #14152D; padding: 48px 0 49px; }

.footer-banner .footer-banner_title { font-size: 30px; color: #FFFFFF; text-align: center; line-height: 30px; display: block; }

.footer-banner .footer-banner_subtitle { font-size: 16px; color: #FFFFFF; text-align: center; line-height: 20px; margin-top: 20px; }

.footer-banner .theme-btn { width: 170px; height: 45px; font-size: 16px; margin: 30px auto 0; }

.footer-banner .theme-btn .iconfont { font-size: 16px; }

.footer-banner .theme-btn-animate:hover { border-color: #14142d !important; }

.copyright-wrapper { width: 100%; background: #fff; text-align: center; font-size: 12px; color: #7E828A; padding: 30px 0; transform: scale(0.95,0.95); font-family: 'PingFang SC'; }
.copyright-wrapper p { margin-top: 5px; }

.copyright-wrapper a { color: #7E828A}

.copyright-wrapper a:hover { color: #7E828A; }

.fixed-top { background: #009CF6; border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 2px; position: fixed; bottom: 50px; right: 20px; width: 100px; box-sizing: border-box; z-index: 100; }

.fixed-top .line { border-top: 1px solid rgba(255, 255, 255, 0.38); width: 75px; margin: 0 auto; }

.fixed-top .fixed-item { padding: 0 13px; }

.fixed-top .fixed-item:hover { background: #4CBEFF; }

.fixed-top .fixed-item:active { background: #007CC4; color: #CCCCCC; }

.fixed-top .fixed-item:active .iconfont { color: #CCCCCC; }

.fixed-top .fixed-item a { color: #fff; display: flex; align-items: center; flex-direction: column; height: 90px; justify-content: center; }

.fixed-top .fixed-item .iconfont { font-size: 28px; line-height: 1; }

.fixed-top .fixed-item p { font-size: 14px; color: #FFFFFF; text-align: center; line-height: 14px; padding-top: 10px; }


@keyframes action-btn {
    from { top: 0px; }
    to { top: 7px; }
}

@-moz-keyframes action-btn {
    from { top: 0px; }
    to { top: 7px; }
}

@-webkit-keyframes action-btn {
    from { top: 0px; }
    to { top: 7px; }
}

@-o-keyframes action-btn {
    from; { top: 0px; }
    to { top: 7px; }
}

.fixed-top .fixed-item { position: relative; }

.home_sidebar_tip { width: 139px; height: 34px; position: absolute; top: -12px; left: -83px; background: url("/public/images/lp0122/home_sidebar_tip@2x.png") center no-repeat; background-size: cover; box-sizing: border-box; color: #999; font-size: 12px; text-align: center; line-height: 30px; }

/*win版优化*/
.scene-wrap { width: 100%; padding: 80px 0; }

.scene-wrap > h2 { height: 36px; font-size: 36px; font-weight: 400; color: rgba(0, 0, 0, 1); line-height: 36px; text-align: center; margin-bottom: 40px; }

.scene-wrap > a, .download-btn-frame { display: block; width: 228px; height: 60px; background: rgba(0, 156, 246, 1); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.19), 1px 1px 1px 0px rgba(255, 255, 255, 0.15); border-radius: 2px; font-size: 20px; font-weight: 500; color: rgba(255, 255, 255, 1); line-height: 60px; text-align: center; margin: 0 auto; }

.download-btn-frame { margin-bottom: 80px; }

.scene-frame { width: 1200px; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin-bottom: 20px; }

.scene-frame > li { width: 370px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.scene-frame > li:last-child, .scene-frame > li:nth-child(5), .scene-frame > li:nth-child(4) { margin-top: 30px; }

.scene-frame > li > img { margin-bottom: 18px; width: 346px; height: 180px; }

.scene-frame > li > h3 { color: #333333; font-size: 18px; margin-bottom: 10px; }

.scene-frame > li > p { color: #333333; font-size: 14px; }

.feature-frame { width: 100%; padding: 80px 0; background: rgba(0, 156, 246, 0.05); }

.feature-frame > h2 { height: 36px; font-size: 36px; font-weight: 400; color: rgba(0, 0, 0, 1); line-height: 36px; text-align: center; margin-bottom: 60px; }

.feature-frame > a { display: block; width: 228px; height: 60px; background: rgba(0, 156, 246, 1); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.19), 1px 1px 1px 0px rgba(255, 255, 255, 0.15); border-radius: 2px; font-size: 20px; font-weight: 500; color: rgba(255, 255, 255, 1); line-height: 60px; text-align: center; margin: 0 auto; }

.feature-frame-wrap { width: 1200px; margin: 80px auto; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }

.feature-frame-wrap > li { width: 400px; font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 1); text-align: center; }

.feature-frame-wrap > li:last-child,
.feature-frame-wrap > li:nth-child(5),
.feature-frame-wrap > li:nth-child(4) { margin-top: 80px; }

.feature-frame-wrap > li > img { width: 90px; height: 90px; margin-bottom: 5px; }

.feature-frame-wrap > li > h3 { font-size: 20px; font-weight: 400; color: rgba(0, 0, 0, 1); margin-bottom: 16px; }

.download-btn { display: block; width: 228px; height: 60px; background: #009cf6; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.19), 1px 1px 1px 0px rgba(255, 255, 255, 0.15); border-radius: 2px; text-align: center; line-height: 60px; font-size: 20px; color: #fff; margin: 60px auto 0; }

.scene-wrap > a:hover,
.download-btn-frame:hover,
.feature-frame > a:hover { box-shadow: #009CF6 1px 1px 3px, #009CF6 -1px -1px 3px; background: #4CBEFF; }

.wangke-wrap1 { width: 100%; padding: 60px 0; padding-bottom: 80px; }

.wangke-wrap1 > h2 { font-size: 30px; text-align: center; height: 28px; font-weight: 800; color: #4D4D4D; line-height: 28px; margin-bottom: 20px; }

.wangke-wrap1 .component-wrap { width: 1200px; height: 500px; margin: 0 auto; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.wangke-wrap1 .component-wrap .component-item { width: 288px; height: 240px; overflow: hidden; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.wangke-wrap1 .component-wrap .component-item:hover > img { transform: scale(1.2); }

.wangke-wrap1 .component-wrap .component-item:hover > p { display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; width: 100%; height: 100%; background-color: rgba(255, 56, 65, 0.8); font-size: 18px; color: #ffffff; }

.wangke-wrap1 .component-wrap .component-item:hover > p > i { font-size: 26px; margin-right: 0; }

.wangke-wrap1 .component-wrap .component-item > img { width: 100%; height: 100%; transition: all 0.3s ease-in-out; }

.wangke-wrap1 .component-wrap .component-item > p { transition: all 0.3s ease-in-out; position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background1: rgba(20, 21, 45, 0.56); background: rgba(255, 56, 65, 0.6); color: #ffffff; text-align: center; font-size: 15px; line-height: 60px; }

.wangke-wrap1 .component-wrap .component-item > p > i { font-size: 22px; margin-right: 7px; vertical-align: middle; }

.wangke-wrap1 .component-wrap .component-item > p > b { display: none; }

.wangke-wrap1 .component-wrap .component-item:hover > p > b { display: block; font-size: 14px; width: 240px; height: 78px; font-weight: 400; color: rgba(255, 255, 255, 1); line-height: 26px; }

.wangke-wrap1 .component-wrap > .component-item:last-child,
.wangke-wrap1 .component-wrap > .component-item:nth-child(5),
.wangke-wrap1 .component-wrap > .component-item:nth-child(6),
.wangke-wrap1 .component-wrap > .component-item:nth-child(7) { margin-top: 14px; }

.wangke-wrap1 > a { display: block; width: 228px; height: 60px; background: #009cf6; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.19), 1px 1px 1px 0px rgba(255, 255, 255, 0.15); border-radius: 2px; font-size: 20px; color: #ffffff; text-align: center; line-height: 60px; margin: 50px auto 0; }
.video_mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: none; z-index: 100; }
.video-intro { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 942px; height: 588px; outline: 0; }


@font-face { font-family: 'lore-icons'; src: url("../css/lore/assets/fonts/lore-icons.eot?m6lu7t"); src: url("../css/lore/assets/fonts/lore-icons.eot?m6lu7t#iefix") format("embedded-opentype"),url("../css/lore/assets/fonts/lore-icons.ttf?m6lu7t") format("truetype"),url("../css/lore/assets/fonts/lore-icons.woff?m6lu7t") format("woff"),url("../css/lore/assets/fonts/lore-icons.svg?m6lu7t#lore-icons") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'lore-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-search:before { content: "\f002"; }
.icon-envelope-o:before { content: "\f003"; }
.icon-star-o:before { content: "\f006"; }
.icon-user:before { content: "\f007"; }
.icon-check:before { content: "\f00c"; }
.icon-close:before { content: "\f00d"; }
.icon-power-off:before { content: "\f011"; }
.icon-cog:before { content: "\f013"; }
.icon-home:before { content: "\f015"; }
.icon-file-o:before { content: "\f016"; }
.icon-refresh:before { content: "\f021"; }
.icon-tint:before { content: "\f043"; }
.icon-chevron-left:before { content: "\f053"; }
.icon-chevron-right:before { content: "\f054"; }
.icon-info-circle:before { content: "\f05a"; }
.icon-chevron-up:before { content: "\f077"; }
.icon-chevron-down:before { content: "\f078"; }
.icon-thumb-tack:before { content: "\f08d"; }
.icon-twitter:before { content: "\f099"; }
.icon-facebook:before { content: "\f09a"; }
.icon-facebook-f:before { content: "\f09a"; }
.icon-github:before { content: "\f09b"; }
.icon-credit-card:before { content: "\f09d"; }
.icon-rss:before { content: "\f09e"; }
.icon-paperclip:before { content: "\f0c6"; }
.icon-bars:before { content: "\f0c9"; }
.icon-pinterest:before { content: "\f0d2"; }
.icon-google-plus:before { content: "\f0d5"; }
.icon-linkedin:before { content: "\f0e1"; }
.icon-dashboard:before { content: "\f0e4"; }
.icon-file-text-o:before { content: "\f0f6"; }
.icon-angle-left:before { content: "\f104"; }
.icon-angle-right:before { content: "\f105"; }
.icon-angle-up:before { content: "\f106"; }
.icon-angle-down:before { content: "\f107"; }
.icon-quote-left:before { content: "\f10d"; }
.icon-quote-right:before { content: "\f10e"; }
.icon-spinner:before { content: "\f110"; }
.icon-folder-o:before { content: "\f114"; }
.icon-folder-open-o:before { content: "\f115"; }
.icon-html5:before { content: "\f13b"; }
.icon-css3:before { content: "\f13c"; }
.icon-bitcoin:before { content: "\f15a"; }
.icon-thumbs-up:before { content: "\f164"; }
.icon-thumbs-down:before { content: "\f165"; }
.icon-youtube:before { content: "\f167"; }
.icon-xing:before { content: "\f168"; }
.icon-dropbox:before { content: "\f16b"; }
.icon-stack-overflow:before { content: "\f16c"; }
.icon-instagram:before { content: "\f16d"; }
.icon-flickr:before { content: "\f16e"; }
.icon-bitbucket:before { content: "\f171"; }
.icon-tumblr:before { content: "\f173"; }
.icon-dribbble:before { content: "\f17d"; }
.icon-skype:before { content: "\f17e"; }
.icon-foursquare:before { content: "\f180"; }
.icon-bug:before { content: "\f188"; }
.icon-vk:before { content: "\f189"; }
.icon-weibo:before { content: "\f18a"; }
.icon-renren:before { content: "\f18b"; }
.icon-stack-exchange:before { content: "\f18d"; }
.icon-slack:before { content: "\f198"; }
.icon-wordpress:before { content: "\f19a"; }
.icon-yahoo:before { content: "\f19e"; }
.icon-google:before { content: "\f1a0"; }
.icon-stumbleupon:before { content: "\f1a4"; }
.icon-digg:before { content: "\f1a6"; }
.icon-behance:before { content: "\f1b4"; }
.icon-steam:before { content: "\f1b6"; }
.icon-spotify:before { content: "\f1bc"; }
.icon-deviantart:before { content: "\f1bd"; }
.icon-soundcloud:before { content: "\f1be"; }
.icon-file-pdf-o:before { content: "\f1c1"; }
.icon-file-word-o:before { content: "\f1c2"; }
.icon-file-excel-o:before { content: "\f1c3"; }
.icon-file-powerpoint-o:before { content: "\f1c4"; }
.icon-file-image-o:before { content: "\f1c5"; }
.icon-file-archive-o:before { content: "\f1c6"; }
.icon-file-audio-o:before { content: "\f1c7"; }
.icon-file-video-o:before { content: "\f1c8"; }
.icon-file-code-o:before { content: "\f1c9"; }
.icon-codepen:before { content: "\f1cb"; }
.icon-jsfiddle:before { content: "\f1cc"; }
.icon-life-bouy:before { content: "\f1cd"; }
.icon-git:before { content: "\f1d3"; }
.icon-tencent-weibo:before { content: "\f1d5"; }
.icon-qq:before { content: "\f1d6"; }
.icon-wechat:before { content: "\f1d7"; }
.icon-paper-plane-o:before { content: "\f1d9"; }
.icon-sliders:before { content: "\f1de"; }
.icon-slideshare:before { content: "\f1e7"; }
.icon-twitch:before { content: "\f1e8"; }
.icon-yelp:before { content: "\f1e9"; }
.icon-newspaper-o:before { content: "\f1ea"; }
.icon-paypal:before { content: "\f1ed"; }
.icon-google-wallet:before { content: "\f1ee"; }
.icon-lastfm:before { content: "\f202"; }
.icon-medium:before { content: "\f23a"; }
.icon-tripadvisor:before { content: "\f262"; }
.icon-odnoklassniki:before { content: "\f263"; }
.icon-wikipedia-w:before { content: "\f266"; }
.icon-500px:before { content: "\f26e"; }
.icon-amazon:before { content: "\f270"; }
.icon-vimeo:before { content: "\f27d"; }
.icon-reddit-alien:before { content: "\f281"; }
.icon-scribd:before { content: "\f28a"; }
.icon-hashtag:before { content: "\f292"; }
.icon-gitlab:before { content: "\f296"; }
.icon-snapchat-ghost:before { content: "\f2ac"; }
.icon-user-circle-o:before { content: "\f2be"; }
.icon-bandcamp:before { content: "\f2d5"; }
.icon-etsy:before { content: "\f2d7"; }
.icon-academy:before { content: "\e900"; }
.icon-alert-triangle:before { content: "\e901"; }
.icon-article1:before { content: "\e902"; }
.icon-bookmark-document1:before { content: "\e903"; }
.icon-bookmark:before { content: "\e904"; }
.icon-building:before { content: "\e905"; }
.icon-calculator:before { content: "\e906"; }
.icon-calendar:before { content: "\e907"; }
.icon-certificate:before { content: "\e908"; }
.icon-chart-growth:before { content: "\e909"; }
.icon-chat-bubble-ok:before { content: "\e90a"; }
.icon-chat-bubble-question:before { content: "\e90b"; }
.icon-chat-bubble-square:before { content: "\e90c"; }
.icon-chat-bubbles-circle:before { content: "\e90d"; }
.icon-check-box:before { content: "\e90e"; }
.icon-check-circle:before { content: "\e90f"; }
.icon-checklist:before { content: "\e910"; }
.icon-clock:before { content: "\e911"; }
.icon-cloud:before { content: "\e912"; }
.icon-code:before { content: "\e913"; }
.icon-coding-settings:before { content: "\e914"; }
.icon-coffee-cup:before { content: "\e915"; }
.icon-comment:before { content: "\e916"; }
.icon-computer:before { content: "\e917"; }
.icon-contacts:before { content: "\e918"; }
.icon-customize:before { content: "\e919"; }
.icon-device-wireless:before { content: "\e91a"; }
.icon-devices:before { content: "\e91b"; }
.icon-diamond:before { content: "\e91c"; }
.icon-download-box:before { content: "\e91d"; }
.icon-email-envelope:before { content: "\e91e"; }
.icon-email-sign:before { content: "\e91f"; }
.icon-faq:before { content: "\e920"; }
.icon-file-edit:before { content: "\e921"; }
.icon-files:before { content: "\e922"; }
.icon-fire:before { content: "\e923"; }
.icon-five-stars:before { content: "\e924"; }
.icon-flag:before { content: "\e925"; }
.icon-folder:before { content: "\e926"; }
.icon-forum:before { content: "\e927"; }
.icon-gallery:before { content: "\e928"; }
.icon-gift:before { content: "\e929"; }
.icon-globe:before { content: "\e92a"; }
.icon-graph:before { content: "\e92b"; }
.icon-installation:before { content: "\e92c"; }
.icon-key:before { content: "\e92d"; }
.icon-laptop:before { content: "\e92e"; }
.icon-library:before { content: "\e92f"; }
.icon-lightbulb:before { content: "\e930"; }
.icon-link:before { content: "\e931"; }
.icon-list:before { content: "\e932"; }
.icon-lock-unlock:before { content: "\e933"; }
.icon-lock:before { content: "\e934"; }
.icon-magic-wand:before { content: "\e935"; }
.icon-magnifier:before { content: "\e936"; }
.icon-map-marker:before { content: "\e937"; }
.icon-map:before { content: "\e938"; }
.icon-music:before { content: "\e939"; }
.icon-newspaper:before { content: "\e93a"; }
.icon-nonstop:before { content: "\e93b"; }
.icon-office-hours:before { content: "\e93c"; }
.icon-page:before { content: "\e93d"; }
.icon-phone:before { content: "\e93e"; }
.icon-phone-circle:before { content: "\e93f"; }
.icon-photo:before { content: "\e940"; }
.icon-picture:before { content: "\e941"; }
.icon-play:before { content: "\e942"; }
.icon-plug:before { content: "\e943"; }
.icon-plugins:before { content: "\e944"; }
.icon-plus-circle:before { content: "\e945"; }
.icon-post:before { content: "\e946"; }
.icon-quality:before { content: "\e947"; }
.icon-recycle:before { content: "\e948"; }
.icon-rocket:before { content: "\e949"; }
.icon-settings-box:before { content: "\e94a"; }
.icon-settings:before { content: "\e94b"; }
.icon-shopping-basket:before { content: "\e94c"; }
.icon-shutter:before { content: "\e94d"; }
.icon-signal:before { content: "\e94e"; }
.icon-star:before { content: "\e94f"; }
.icon-strategy:before { content: "\e950"; }
.icon-tag:before { content: "\e951"; }
.icon-target:before { content: "\e952"; }
.icon-text:before { content: "\e953"; }
.icon-user-support:before { content: "\e954"; }
.icon-users-community:before { content: "\e955"; }
.icon-video-camera:before { content: "\e956"; }
.icon-video:before { content: "\e957"; }
.icon-vote-heart:before { content: "\e958"; }
.icon-wallet:before { content: "\e959"; }
.icon-window-application:before { content: "\e95a"; }
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }
button::-moz-focus-inner { padding: 0; border: 0; }
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #000; }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #444; }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }



.header-menu { display: inline-block; }
.header-menu__list { list-style-type: none; margin: 0; padding: 0; }
.header-menu__item { list-style-type: none; margin: 0; padding: 0; line-height: normal; }
.header-menu__item-link { position: relative; border: 0; z-index: 10; }
.header-menu__submenu { list-style-type: none; margin: 0; padding: 0; box-shadow: 0 1px 1px rgba(0,0,0,.05) !important; border: 1px solid #ddd; border-radius: 3px; }
.header-menu a { text-decoration: none; color: #fff; }
.header-menu__item-toggle { display: none; position: absolute; top: 10px; right: 30px; padding: 0; width: 30px; height: 30px; line-height: 31px; font-size: 24px; text-align: center; border: 1px solid transparent; border-radius: 3px; z-index: 20; cursor: pointer; }
.header-menu__item-toggle-icon:before { font-family: 'lore-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f107'; }
.header-menu__item-toggle--active .header-menu__item-toggle-icon:before { content: '\f106'; }
.header-menu__item--level-0 { display: inline-block; padding: 10px 2px; text-align: left; margin-left: 10px; }
.header-menu__item-link--level-0 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; padding: 5px 12px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; border-radius: 3px; border: 1px solid transparent; text-shadow: none !important; }
.header-menu__item-link--level-0:hover { text-decoration: none; }
.header-menu__item-link--level-0.Current { color: #ff3841; font-weight: bold !important; }
.header-menu__item--level-0.menu-item-has-children > .header-menu__item-link--level-0 { padding-right: 20px; }
.header-menu__item--level-0.menu-item-has-children > .header-menu__item-link:after { font-family: 'lore-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f107'; position: absolute; top: 10px; right: 7px; font-size: 10px; }
.header-menu__item--dropdown { position: relative; }
.header-menu__item--dropdown .header-menu__item.menu-item-has-children { position: relative; }
.header-menu__item--dropdown .header-menu__item.menu-item-has-children > .header-menu-primary__item-link:after { font-family: 'lore-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f105'; position: absolute; top: 14px; right: 10px; font-size: 14px; }
.header-menu__item--dropdown .header-menu__submenu--level-0, .header-menu__item--dropdown .header-menu__submenu--level-1, .header-menu__item--dropdown .header-menu__submenu--level-2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; position: absolute; top: 0; left: 0; width: 240px; }
.header-menu__item--dropdown .header-menu__submenu--level-0 { top: 100%; font-size: 12px; z-index: 20; box-shadow: 0 3px 12px rgba(0,0,0,.08) !important; }
.header-menu__item--dropdown .header-menu__submenu--level-0:before1 { content: ''; display: block; position: absolute; top: -4px; left: 20px; width: 0; height: 0; border: 4px solid transparent; border-top: 0; -webkit-transition: border-color,150ms; -moz-transition: border-color,150ms; -ms-transition: border-color,150ms; -o-transition: border-color,150ms; transition: border-color,150ms; }
.header-menu__item--dropdown:nth-last-child(1) .header-menu__submenu--level-0, .header-menu__item--dropdown:nth-last-child(2) .header-menu__submenu--level-0, .header-menu__item--dropdown:nth-last-child(3) .header-menu__submenu--level-0, .header-menu__item--dropdown:nth-last-child(4) .header-menu__submenu--level-0 { left: auto; right: 0; }
.header-menu__item--dropdown .header-menu__submenu--level-1 { left: 100%; }
.header-menu__item--dropdown:nth-last-child(1) .header-menu__submenu--level-0:before, .header-menu__item--dropdown:nth-last-child(2) .header-menu__submenu--level-0:before, .header-menu__item--dropdown:nth-last-child(3) .header-menu__submenu--level-0:before, .header-menu__item--dropdown:nth-last-child(4) .header-menu__submenu--level-0:before { left: auto; right: 20px; }
.header-menu__item--dropdown:nth-last-child(1) .header-menu__submenu--level-1, .header-menu__item--dropdown:nth-last-child(2) .header-menu__submenu--level-1, .header-menu__item--dropdown:nth-last-child(3) .header-menu__submenu--level-1, .header-menu__item--dropdown:nth-last-child(4) .header-menu__submenu--level-1, .header-menu__item--dropdown:nth-last-child(1) .header-menu__submenu--level-2, .header-menu__item--dropdown:nth-last-child(2) .header-menu__submenu--level-2, .header-menu__item--dropdown:nth-last-child(3) .header-menu__submenu--level-2, .header-menu__item--dropdown:nth-last-child(4) .header-menu__submenu--level-2 { left: auto; right: 100%; }
.header-menu__item--dropdown .header-menu__submenu .header-menu__item { border-top: 1px solid transparent; }
.header-menu__item--dropdown .header-menu__submenu .header-menu__item:first-child { border: 0; border-radius: 3px 3px 0 0; }
.header-menu__item--dropdown .header-menu__submenu .header-menu__item:last-child { border-radius: 0 0 3px 3px; }
.header-menu__item--dropdown .header-menu__submenu .header-menu__item:first-child:last-child { border-radius: 3px; }
.header-menu__item--dropdown .header-menu__submenu .header-menu__item-link { display: block; padding: 10px 16px; }
.header-menu__item--dropdown .header-menu__submenu .header-menu__item:first-child > .header-menu__item-link { border-radius: 3px 3px 0 0; }
.header-menu__item--dropdown .header-menu__submenu .header-menu__item:last-child > .header-menu__item-link { border-radius: 0 0 3px 3px; }
.header-menu__item--dropdown .header-menu__submenu .header-menu__item:first-child:last-child > .header-menu__item-link { border-radius: 3px; }
.header-menu__item--dropdown .menu-item-has-children > .header-menu__item-link--level-0 { padding-right: 15px; }
.header-menu__item--dropdown .menu-item-has-children > .header-menu__item-link:after { font-family: 'lore-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f105'; position: absolute; top: 14px; right: 10px; font-size: 12px; }
.header-menu__item--dropdown .current-menu-ancestor > .header-menu__item-link, .header-menu__item--dropdown .current-menu-parent > .header-menu__item-link, .header-menu__item--dropdown .current-menu-item > .header-menu__item-link { font-weight: bold; }
.header-menu__item--megamenu .current-menu-ancestor > .header-menu__item-link, .header-menu__item--megamenu .current-menu-parent > .header-menu__item-link, .header-menu__item--megamenu .current-menu-item > .header-menu__item-link { font-weight: bold; }
.header-menu__item--megamenu .header-menu__submenu--level-0 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; position: absolute; top: 75px; left: 50%; margin-left: -685px; padding: 40px 30px 0 30px; width: 100%; max-width: 1370px; font-size: 0.875em; border-radius: 3px; z-index: 20; }
.header-menu__item--megamenu .header-menu__submenu--level-0:before, .header-menu__item--megamenu .header-menu__submenu--level-0:after { display: table; clear: both; height: 0; content: ''; }
.header-menu__item--megamenu .header-menu__item--level-1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 25%; margin: 0 0 40px 0; padding: 0 15px; }
.header-menu__item--megamenu .header-menu__item--level-1:nth-child(4n+1) { clear: left; }
.header-menu__item-link--level-1 { padding-top: 12px !important; padding-bottom: 12px !important; }
.header-menu__item--megamenu .header-menu__item-link--level-1 { font-weight: bold; text-transform: uppercase; }
.header-menu__item--megamenu .header-menu__submenu--level-1 { margin: 10px 0 0 0; }
.header-menu__item--megamenu .header-menu__item--level-2 { margin: 10px 0 0 0; }
.header-menu__item--megamenu .header-menu__submenu--level-2 { margin: 0 0 0 20px; font-size: 0.875em; }
.header-menu__item--megamenu .header-menu__item--level-3 { margin: 5px 0 0 0; }
.header-navbar--scrolled .header-menu__item--megamenu .header-menu__submenu--level-0 { top: 65px; }
.header-navbar-search { display: inline-block; position: relative; margin-left: 15px; text-align: left; }
.header-navbar-search__toggle { display: block; position: relative; top: 1px; padding: 0; width: 30px; height: 28px; line-height: 29px; font-size: 16px; text-align: center; border-radius: 2px; }
.header-navbar-search__toggle-icon:before { font-family: 'lore-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f002'; }
.header-navbar-search__toggle--active .header-navbar-search__toggle-icon:before { content: '\f00d'; }
.header-navbar-search__form { display: none; position: absolute; top: 100%; right: -20px; margin-top: 15px; width: 650px; }
.header-navbar-search__form:before { content: ''; display: block; position: absolute; top: -6px; right: 28px; width: 0; height: 0; border: 6px solid transparent; border-top: 0; }
.header-navbar-search .header-search-form__keywords { display: none; }
.header-navbar-search .header-search-form__panel { display: block; }
.header-menu__item--hover .header-menu__item-link--level-0, .header-menu__item-link--level-0:hover { color: #ff3841; background-color: #fff; border-color: #fff; }
.header-menu__item--dropdown .header-menu__submenu--level-0:before { border-bottom-color: #4c4d57; }
.header-menu__item--dropdown .header-menu__submenu .header-menu__item { color: #fff; background-color: #4c4d57; border-color: rgba(255,255,255,0.05); }
.header-menu__item--dropdown .header-menu__submenu .header-menu__item-link { color: #fff; }
.header-menu__item--dropdown .header-menu__submenu .header-menu__item-link:hover { background-color: #fff; color: #ff3841; }
.header-menu__item--megamenu .header-menu__submenu--level-0 { color: #fff; background-color: #4c4d57; }
.header-menu__item--megamenu .header-menu__submenu .header-menu__item-link { box-shadow: 0 0 0 0 #fff; color: #fff; }
.header-menu__item--megamenu .header-menu__submenu .header-menu__item-link:hover { box-shadow: 0 2px 0 0 #fff; }
.header-menu__item--megamenu .header-menu__submenu .header-menu__item-link:active { box-shadow: 0 0 0 0 #fff; }
.header-menu__submenu--level-0 { box-shadow: 0rem 0.1rem 3rem rgba(255, 255, 255, .2) !important; }
.ContactPhone { color: #fff; font-weight: bold; }
.CellClient { float: left; width: 100px; text-align: center; }
.CellClient img { width: 26px; margin-bottom: 5px; margin-top: 5px; }
.ClearFloat { clear: both; }
.CenterDIV { margin-right: auto; margin-left: auto; }
.Center { text-align: center !important; }
#version { width: 400px; margin-right: auto; margin-left: auto; margin-top: 30px; opacity: 1; }
#version .Description { margin-top: 5px; font-size: 11px; }
.sa_download { border-radius: 5px !important; }
.player-tool i { font-size: 24px; }
.UserCustomizedFunctions1 img { background-color: #009CF6; border-radius: 40px; padding: 10px; border: 1px solid #4697FF; box-shadow: 0rem 0.2rem 1rem rgba(0, 156, 246, .3) !important; margin-bottom: 20px; margin-top: 20px; }
.CellCustomer img { width: 160px; margin: 15px; float: left; border-radius: 5px; box-shadow: 0rem 0.1rem 1rem rgba(0, 156, 246, .05) !important; }
#CustomerListDIV { width: 1150px; margin-right: auto; margin-left: auto; margin-bottom: 50px; }
.sa_download:hover { color: #fff !important; text-decoration: none; }

.modal-header, .modal-footer, .modal-body { padding: 1.5rem; }
.modal-body { padding-top: 10px; padding-bottom: 0px; }
.sa_download:hover { color: #fff; }
.modal-backdrop.show { opacity: 0.5 !important; }
.modal-header { border-bottom: 0px solid #f3f3f3; }
.modal-footer { border-top: 0px solid #f3f3f3; }
.form-control, .form-control { height: 40px; font-family: 'Microsoft YaHei'; border: 1px solid #E0EAEC !important; font-size: 12px; }
.form-control.focus, .form-control:focus { border: 1px solid #3E8EF7 !important; outline: 0 !important; -webkit-box-shadow: none !important; }

#PopupShowTipDIV { position: fixed; left: 50%; top: 50%; display: none; z-index: 999999; min-width: 200px; text-align: center; padding: 10px; font-size: 12px; border-radius: 5px; border: 1px solid green; font-weight: bold; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(0, 0, 0, 0.3); }
#PopupShowTipDIV.alert-success { color1: #3c763d; background-color1: #dff0d8; border-color1: #d6e9c6; background-color: #fff; padding: 12px; font-size: 14px; border: 1px solid #fff; color: green !important; background-image: url(../images/icon_workflow_approve.png); background-repeat: no-repeat; background-position: 10px center; padding-left: 40px; text-align: left; }
#PopupShowTipDIV.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
#PopupShowTipDIV.alert-info { color: #fff; background-color: #000; border-color: #000; opacity: 0.8; }
#PopupShowTipDIV.alert-warning { color: #FA5C06; background-color: #fcf8e3; border-color: #faebcc; }
.FocusLineDIV { background-color: #ff3841; height: 3px; border-radius: 3px; width: 30px; margin: 0 auto; margin-bottom: 30px; }


.modal { z-index: 10000 !important; }
.header-menu a { color: #4D4D4D; }
.Hidden { display: none; }
.header-menu__item-link--level-0 { font-size: 14px; font-weight: bold; text-shadow: none !important; }
.header-menu__item--dropdown .header-menu__submenu .header-menu__item-link { background-color: #fff; color: #4D4D4D; }
.header-menu__item--dropdown .header-menu__submenu .header-menu__item { background-color: #fff; }
.logo { position: absolute; left: 0px; top: 15px; }
.header-navbar__navigation { position: absolute; left: 250px; top: 10px; }
.TryButton { background-color: #ff3841; color: #fff; padding: 5px 15px; border-radius: 20px; font-size: 12px; position: absolute; right: 0px; top: 22px; cursor: pointer; }
.TryButton:hover { background-color: #fd7866; }
.banner-container .TryButton { position: absolute; left: 240px; top: 320px; width: 110px; height: 40px; text-align: center; line-height: 28px; font-weight: bold; font-size: 14px; }


.WhyChooseYunLianPaaS { background-color: #F6F6F6; padding: 50px; padding-top: 70px; }
.WhyChooseYunLianPaaS h2 { font-size: 30px; text-align: center; height: 28px; color: #000; line-height: 28px; margin-bottom: 20px; }
.WhyChooseYunLianPaaS h2 b { font-weight: bold; }
.WhyChooseYunLianPaaS .tab-line { border-bottom: 1px solid #E4E4E4; height: 40px; }
.WhyChooseYunLianPaaS .tab-line .tab { width: 25%; text-align: center; float: left; font-size: 18px; color: #000; cursor: pointer; position: relative; line-height: 30px; }
.WhyChooseYunLianPaaS .tab-line .FocusTab { color: #ff3841 !important; font-weight: bold; }
.WhyChooseYunLianPaaS .tab-line .tab .FocusLineContainerDIV { position: absolute; bottom: -42px; left: 0px; width: 100%; }
.WhyChooseYunLianPaaS .tab-content { height: 480px; position: relative; }
.WhyChooseYunLianPaaS .tab-content .Title { font-size: 22px; font-weight: bold; color: #222; line-height: 32px; position: absolute; top: 120px; left: 0px; }
.WhyChooseYunLianPaaS .tab-content .Description { font-size: 13px; position: absolute; top: 210px; left: 0px; width: 450px; line-height: 24px; color: #888; }
.WhyChooseYunLianPaaS .tab-content .ControlDIV { position: relative; }
.WhyChooseYunLianPaaS .tab-content .ControlDIV .TryButton1 { background-color: #ff3841; color: #fff; padding: 8px 20px; border-radius: 20px; font-size: 13px; position: absolute; left: 0px; top: 320px; cursor: pointer; }
.WhyChooseYunLianPaaS .tab-content .ControlDIV .TryButton1:hover { background-color: #fd7866; }
.WhyChooseYunLianPaaS .tab-content ul { padding-left: 10px; }
.WhyChooseYunLianPaaS .tab-content ul li { list-style: disc; line-height: 30px; }

.WhyChooseYunLianPaaS1 { background-image: url(../images/WhyChooseYunLianPaaS/一体化.png); background-repeat: no-repeat; background-position: right center; background-size: 430px; }
.WhyChooseYunLianPaaS2 { background-image: url(../images/WhyChooseYunLianPaaS/PaaS.png); background-repeat: no-repeat; background-position: right center; background-size: 500px; }
.WhyChooseYunLianPaaS3 { background-image: url(../images/WhyChooseYunLianPaaS/高效率.png); background-repeat: no-repeat; background-position: right center; background-size: 450px; }
.WhyChooseYunLianPaaS4 { background-image: url(../images/WhyChooseYunLianPaaS/高性价.png); background-repeat: no-repeat; background-position: right center; background-size: 450px; }


.SuccessStoryYunLianPaaS { background-color: #fff; padding: 50px; padding-top: 0px; }
.SuccessStoryYunLianPaaS h2 { font-size: 30px; text-align: center; height: 28px; color: #000; line-height: 28px; margin-bottom: 20px; }
.SuccessStoryYunLianPaaS h2 b { font-weight: bold; }

.scrolllist { width: 1200px; height: 120px; margin: 0 auto; margin-left: -20px; }
.scrolllist .imglist_w { width: 1200px; height: 120px; overflow: hidden; float: left; position: relative; /*必要元素*/ }
.scrolllist .imglist_w ul { width: 20000px; position: absolute; left: 0px; top: 0px; }
.scrolllist .imglist_w li { width: 133px; float: left; padding: 0 10px; }
.scrolllist .imglist_w li img { padding1: 2px; border1: solid 0px #fd7866; border-radius: 3px; box-shadow: 0 3px 12px rgba(0,0,0,.08) !important; }
.scrolllist .imglist_w li a { color: #3366cc; text-decoration: none; float: left; }
.scrolllist .imglist_w li a:hover img { filter: alpha(opacity=86); -moz-opacity: 0.86; opacity: 0.86; }
.scrolllist .imglist_w li p { height: 48px; line-height: 24px; overflow: hidden; float: left; }
.scrolllist img { width: 120px; }

.ContactYunLianPaaS3 { background-image: url(../images/FormBg.png); background-repeat: no-repeat; background-position: center center; height: 310px; background-size: cover; }
.ContactYunLianPaaS3 .Title { font-size: 30px; font-weight: bold; color: #222; line-height: 38px; text-align: center; color: #fff; margin-top: 90px; }
.ContactYunLianPaaS3 .ApplyForm { margin: 0px auto; width: 620px; margin-top: 30px; }
.ContactYunLianPaaS3 .ApplyForm .FormField { width: 500px; padding: 6px; border: 1px solid #fff; border-radius: 5px; margin-top: 20px; padding-left: 10px; float: left; background-color: #fff; }
.ContactYunLianPaaS3 .ApplyForm .FormField input { width: 100%; padding: 5px; font-size: 15px; }
.ContactYunLianPaaS3 .ApplyForm .FormButton { float: left; margin-top: 20px; margin-left: 12px; }
.ContactYunLianPaaS3 .btn-primary { background-color: transparent; border: 1px solid #fff; color: #fff;  padding-top:13px; padding-bottom:13px; }
.ContactYunLianPaaS3 .btn-primary:hover { background-color: #fff; color: #0064FF; font-weight: bold; }

.CommonAreaContainer { background-color: #fff; padding-top: 30px; padding-bottom: 70px; }
.CommonAreaContainer .Title { font-size: 30px; text-align: center; color: #2a344b; line-height: 36px; margin-bottom: 20px; font-weight: bold; }
.CommonAreaContainer .Title .Focus { color: #ff3841; }
.CommonAreaContainer .Description { text-align: left; font-size: 15px; line-height: 32px; color: #3e4963; }
.CommonAreaContainer .LargeDescription { text-align: center; font-size: 16px; line-height: 32px; }
.CommonAreaContainer .LargeDescription .Strong { font-weight: bold !important; color: #ff3841 !important; }
.CommonAreaContainer .ControlButton { margin-top: 25px; }

.CommonAreaContainerLeftRightMode .Left { float: left; width: 50%; position: relative; }
.CommonAreaContainerLeftRightMode .Left .Title { margin-top: 0px; text-align: left; }
.CommonAreaContainerLeftRightMode .Right { float: left; width: 50%; }
.CommonAreaContainerLeftRightMode ul { padding-left: 10px; }
.CommonAreaContainerLeftRightMode ul li { list-style: disc; line-height: 30px; text-align: left; }

.CommonAreaContainerBgColor { background-color: #F5FAFF; }

.CheckBoxStyleList { width: 360px; }
.CheckBoxStyle { float: left; width: 180px; height: 40px; background-image: url(../images/checkedicon.png); background-repeat: no-repeat; background-position: left center; background-size: 20px; padding-left: 30px; padding-top: 10px; font-size: 14px; color: #ff3841; }
.FunctionTagList { width: 400px; margin-top: 10px; }
.FunctionTag { float: left; width: 100px; text-align: center; padding: 0px; border-radius: 30px; border: 1px solid #ff3841; color: #ff3841; margin: 7px 10px 7px 0px; font-size: 12px; line-height: 26px; }
.ArrowStyleList { width: 300px; }
.ArrowStyle { background-image: url(../images/arrowicon.png); background-repeat: no-repeat; background-position: left top; background-size: 16px; padding-left: 30px; padding-top: 0px; }
.ArrowStyleTitle { font-weight: bold; font-size: 15px; color: #000; margin-top: 40px; }
.ArrowStyleDescription { margin-top: 5px; }

.modal-dialog { margin-top: 100px !important; }
.modal-title { font-size: 16px; font-weight: bold; color: #000; }
.modal-dialog .close { margin-top: -20px; }
.modal-dialog .btn-primary1, .modal-dialog .btn-primary1:after { background-color: #ff3841; color: #fff; padding: 8px 22px; border-radius: 5px; font-size: 14px; cursor: pointer; border: 0px !important; }
.modal-backdrop.in { opacity: 0.8 !important; }
.form-control { box-shadow: none !important; }


.main-banner { height: 580px; position: relative; margin-top: 60px; padding-top: 100px; }
.main-banner .banner { position: absolute; top: 0px; right: 0px; }
.main-banner .banner img { width: 720px; }
.main-banner .Title { font-size: 40px; font-weight: bold; color: #1f2329; margin-top: 35px; z-index: 10 !important; position: relative; }
.main-banner .Description { margin-top: 35px; font-size: 15px; color: #3e4963; line-height: 30px; }
.main-banner .ControlButton { margin-top: 35px; }
.main-banner .Tag { color: #3e4963; border: 1px solid #3e4963; padding: 2px 10px; border-radius: 20px; float: left; font-size: 12px; }

.OrderNumberIcon { height: 100px; }
.OrderNumberIcon img { height: 70px; }

.SystemRoleList { margin-top: 50px; }
.SystemRole { width: 27%; height: 400px; background-image: url(../images/EPMS/SystemRoleBg.png); background-size: 100% 100%; background-repeat: no-repeat; float: left; position: relative; padding: 30px; }
.SystemRoleFocus { width: 46%; background-image: url(../images/EPMS/SystemRoleFocusBg.png); background-size: 96% 96%; background-position: center center; }
.SystemRole .Tag { padding: 2px 9px; border-radius: 3px; float: left; border: 1px solid #0064FF; color: #0064FF; }
.SystemRoleFocus .Tag { border: 1px solid #fff; color: #fff; font-weight: bold; }
.SystemRole .Title { text-align: center; margin-top: 110px; font-size: 22px; margin-bottom: 10px; }
.SystemRole .Description { font-size: 14px; text-align: center; }
.SystemRole .ControlButton { text-align: center; opacity: 0; margin-top: 30px; }
.SystemRoleFocus .Title { color: #FFF; font-size: 28px; margin-top: 90px; }
.SystemRoleFocus .Description { color: #fff; font-size: 15px; }
.SystemRoleFocus .ControlButton { opacity: 1; }
.SystemRoleFocus .btn-primary { background-color: transparent; border: 1px solid #fff; color: #fff; }
.SystemRoleFocus .btn-primary:hover { background-color: #fff; color: #0064FF; font-weight: bold; }

.PageBottomContainer { border-bottom: 1px solid #eee; }
.PageBottomContainer .container { padding-top: 100px; padding-bottom: 30px; position: relative; }
.PageBottomContainer .Logo { width: 100px; height: 100px; background-image: url(../images/logo.png); background-size: 100px; background-repeat: no-repeat; position: absolute; top: 120px; left: 0px; }
.PageBottomContainer .SystemFunctionList { padding-left: 200px; }
.PageBottomContainer .SystemFunctionCategory { float: left; width: 25%; }
.PageBottomContainer .SystemFunctionCategory .Title { font-size: 15px; font-weight: bold; margin-bottom: 30px; color: #2a344b; }
.PageBottomContainer .SystemFunctionCategory .Description { padding-bottom: 25px; }
.PageBottomContainer .SystemFunctionCategory .Description a { color: #616264; }
.PageBottomContainer .SystemFunctionCategory .DescriptionMore a { color: #0064FF; font-weight: bold; }

.scroll-img { width: 1200px; height: 370px; overflow: hidden; font-size: 0; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 0px; margin-top: 40px; }
.scroll-img ul { width: 2000px; margin: 0; }
.scroll-img ul li { display: inline-block; margin: 10px; width: 280px; height: 340px; box-shadow: 0px 0px 25px 0px rgba(54,92,208,.1); position: relative; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-bottom: 50px; }
.scroll-img ul li a { text-decoration: none; }
.scroll-img ul li .Cover img { width: 280px !important; height: 180px !important; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.scroll-img ul li .Logo img { width: 60px !important; position: absolute; left: 20px; bottom: 20px; }
.scroll-img ul li .Description { color: #3e4963; font-size: 13px; margin-top: 10px; padding: 20px; font-weight: bold; font-family: 'PingFang SC'; }
#SuccessStoriesListButton { width: 206px; margin-right: auto; margin-left: auto; margin-top: 10px; }
.RoundIconButton { width: 60px; height: 60px; border-radius: 30px; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(54,92,208,.1); text-align: center; float: left; margin: 20px; cursor: pointer; border: 1px solid #eee; }
.RoundIconButton i { font-size: 16px; line-height: 60px; font-weight: 300; }

.BlueLink { color: #0064FF; }
.BlueLink:hover { color: #3383FF; }

.Relative { position: relative; }
.loading-indicator { width: 150px; background: url("../images/newloading.gif"); background-repeat: no-repeat; background-position: 10px center; font-family: 'Microsoft YaHei'; background-color: #fff; padding: 18px 10px 18px 50px; border: 1px solid #ccc; color: #666; border-radius: 5px; }
.loading-indicator-overlay { background-color: #000; opacity: 0.2; filter: alpha(opacity = 20); }

@font-face { font-family: "arrowfont"; /* Project id  */ src: url('../fonts/arrow.ttf?t=1686065078712') format('truetype'); }
.arrowfont { font-family: "arrowfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-caret-up-small-copy:before { content: "\e639"; }
.icon-caret-down-small-copy:before { content: "\e63b"; }
.icon-caret-left-small-copy:before { content: "\e63c"; }
.icon-caret-right-small-copy:before { content: "\e63d"; }

.SystemBrowserTab { color: #666; }


.ant-timeline { box-sizing: border-box; color: rgba(0,0,0,.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: "tnum","tnum"; margin: 0; padding: 0; list-style: none }

.ant-timeline-item { position: relative; margin: 0; padding-bottom: 20px; font-size: 14px; list-style: none }

.ant-timeline-item-tail { position: absolute; top: 10px; left: 4px; height: calc(100% - 10px); border-left1: 1px solid #f0f0f0; border-left: 1px solid #CCD5DB; }

.ant-timeline-item-pending .ant-timeline-item-head { font-size: 12px; background-color: transparent }

.ant-timeline-item-pending .ant-timeline-item-tail { display: none }

.ant-timeline-item-head { position: absolute; width: 10px; height: 10px; background-color: #fff; border: 2px solid transparent; border-radius: 100px }

.ant-timeline-item-head-blue { color: #0064FF; border-color: #0064FF }

.ant-timeline-item-head-red { color: #ff4d4f; border-color: #ff4d4f }

.ant-timeline-item-head-green { color: #52c41a; border-color: #52c41a }

.ant-timeline-item-head-gray { color: rgba(0,0,0,.25); border-color: rgba(0,0,0,.25) }

.ant-timeline-item-head-custom { position: absolute; top: 5.5px; left: 5px; width: auto; height: auto; margin-top: 0; padding: 3px 1px; line-height: 1; text-align: center; border: 0; border-radius: 0; transform: translate(-50%,-50%) }

.ant-timeline-item-content { position: relative; top: -7.001px; margin: 0 0 0 26px; word-break: break-word }

.ant-timeline-item-last > .ant-timeline-item-tail { display: none }

.ant-timeline-item-last > .ant-timeline-item-content { min-height: 48px }

.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, .ant-timeline.ant-timeline-label .ant-timeline-item-head, .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-label .ant-timeline-item-tail, .ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-tail { left: 50% }

.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-label .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head { margin-left: -4px }

.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom { margin-left: 1px }

.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content { left: calc(50% - 4px); width: calc(50% - 14px); text-align: left }

.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: calc(50% - 12px); margin: 0; text-align: right }

.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail { left: calc(100% - 6px) }

.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: calc(100% - 18px) }

.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { display: block; height: calc(100% - 14px); border-left: 2px dotted #f0f0f0 }

.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail { display: none }

.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { top: 15px; display: block; height: calc(100% - 15px); border-left: 2px dotted #f0f0f0 }

.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content { min-height: 48px }

.ant-timeline.ant-timeline-label .ant-timeline-item-label { position: absolute; top: -7.001px; width: calc(50% - 12px); text-align: right }

.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label { left: calc(50% + 14px); width: calc(50% - 14px); text-align: left }

.ant-timeline-rtl { direction: rtl }

.ant-timeline-rtl .ant-timeline-item-tail { right: 4px; left: auto; border-right: 2px solid #f0f0f0; border-left: none }

.ant-timeline-rtl .ant-timeline-item-head-custom { right: 5px; left: auto; transform: translate(50%,-50%) }

.ant-timeline-rtl .ant-timeline-item-content { margin: 0 18px 0 0 }

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail { right: 50%; left: auto }

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head { margin-right: -4px; margin-left: 0 }

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom { margin-right: 1px; margin-left: 0 }

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content { right: calc(50% - 4px); left: auto; text-align: right }

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { text-align: left }

.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail { right: 0; left: auto }

.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: 100%; margin-right: 18px; text-align: right }

.ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { border-right: 2px dotted #f0f0f0; border-left: none }

.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { border-right: 2px dotted #f0f0f0; border-left: none }

.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label { text-align: left }

.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label { right: calc(50% + 14px); text-align: right }
.ant-timeline-title { font-size: 18px; font-weight: bold; position: absolute; left: -80px; top: -2px; color: #000 !important; }
.CommonAreaContainerAdministrator .ant-timeline-title { left: -115px; }
.CommonAreaContainerDeveloper .ant-timeline-title { left: -80px; }
.ant-timeline-desciption { font-size: 13px; opacity: 0.6; padding-top: 3px; line-height:26px; }
.ant-timeline-subtitle { margin-top: 5px; margin-bottom: 20px; font-size: 13px; font-weight: bold; }

.ant-timeline-functionlist { border: 1px solid #E0E2E4; background-color: #F7FAFC; padding-left: 130px; position: relative; margin-top: 10px; }
.ant-timeline-functiontitle { position: absolute; left: 40px; top: 42%; font-weight: bold; font-size: 13px; color: #000; }
.ant-timeline-functiondescription { width: 100%; background-color: #fff; padding: 10px 40px; }
.ant-timeline-functiondescription a { color: #0064FF; font-size: 13px; }
.ant-timeline-function { float: left; width: 33%; }
.CommonAreaContainerAdministrator .ant-timeline-function { float: left; width: 25%; }
.CommonAreaContainerDeveloper .ant-timeline-function { float: left; width: 25%; }
.ant-timeline-function a { line-height: 36px; }
.ant-timeline-spacer { height: 20px; }
.ant-timeline-functionlist .nav-tabs { border-bottom: 0px !important; }
.ant-timeline-functionlist .nav-tabs .nav-item a { font-size: 14px !important; font-weight: bold; color: #000; }
.ant-timeline-functionlist .nav-tabs .nav-item.active a { border-bottom: 0px !important; background-color: #0064FF !important; color: #fff !important; border-radius: 30px !important; padding: 8px 18px !important; font-weight: bold !important; }
.DocumentContentDIV .ant-timeline-title { position: static !important; font-size: 18px !important; }

.DocumentContentLeftDIV .container, .DocumentContentLeftDIV .wrapper { width: 90% !important; max-width: 90% !important; }

.VideoContainer { height: 450px; border-radius: 5px; box-shadow1: 0px 0px 25px 0px rgba(54,92,208,.1); position: relative; cursor: pointer; }
.VideoContainer .VideoButton { font-size: 60px; text-align: center; position: absolute; top: 180px; width: 100%; color: #666; }
.VideoContainer .VideoTitle { text-align: center; position: absolute; top: 270px; width: 100%; font-size: 18px; font-weight: bold; color: #333; }
.VideoContainer .VideoDescription { text-align: center; position: absolute; top: 300px; width: 100%; font-size: 12px; transform: scale(0.9,0.9); opacity: 0.6; color: #666; }
.VideoContainer .VideoLength { position: absolute; top: 240px; width: 100%; font-size: 12px; transform: scale(0.8,0.8); opacity: 0.6; text-align: center; color: #666; }

#DocumentRelatedVideoDIV { margin-bottom: 30px; position: relative; }
#DocumentRelatedVideoDIV .Title { font-size: 14px; font-weight: bold; color: #000; margin-bottom: 10px; }
#DocumentRelatedVideoDIV .CoverBg { height: 150px !important; position: absolute; width: 100%; opacity: 0.5; background-color: #f0f0f0; box-shadow: 0px 0px 15px 0px rgba(54,92,208,.2) !important; border: 1px solid #ddd; border-radius: 5px; }
#DocumentRelatedVideoDIV .VideoContainer { height: 150px !important; border-radius: 5px; }
#DocumentRelatedVideoDIV .VideoContainer .VideoButton { font-size: 32px; text-align: center; position: absolute; top: 55px; width: 100%; color: #666; }
#DocumentRelatedVideoDIV .VideoContainer .VideoTitle { text-align: center; position: absolute; top: 95px; width: 100%; font-size: 13px; font-weight: bold; color: #000; }
#DocumentRelatedVideoDIV .VideoContainer .VideoLength { position: absolute; top: 120px; width: 100%; font-size: 12px; transform: scale(0.8,0.8); opacity: 0.6; text-align: center; color: #666; }
#DocumentRelatedVideoDIV .VideoContainer .VideoDescription { text-align: center; position: absolute; top: 125px; width: 100%; font-size: 12px; transform: scale(0.9,0.9); opacity: 0.6; color: #666; display: none; }
#DocumentRelatedVideoDIV .MoreLink { position: absolute; top: 0px; right: 0px; transform: scale(0.9,0.9); }
a:hover .VideoContainer .VideoButton, #DocumentRelatedVideoDIV .VideoContainer .VideoButton { color: #0064FF; }


.Notice { background-color: #FFF2E0; padding: 10px 20px; border-radius: 5px; line-height:26px; }
.DocumentContentDIV { padding-bottom: 50px !important; }
.DocumentContentDIV .Content { margin-top: 10px; line-height: 30px; color: #333; font-size: 14px; }
.DocumentContentDIV ul, .DocumentContentDIV ul li { list-style: disc !important; }
.DocumentContentDIV ul.ant-timeline, .DocumentContentDIV ul.ant-timeline li { list-style: none !important; }
.DocumentContentDIV ul.DiscUL, .DocumentContentDIV ul.DiscUL li { list-style: disc !important; }
.DocumentContentDIV ul li { line-height: 30px; margin-left: 15px; font-size: 13px; }
.DocumentContentDIV ul.DiscULFont12 li { line-height: 26px; margin-left: 15px; font-size: 12px; }

.DocumentContentDIV strong { color: #000 !important; }
.DocumentContentDIV .SubTitle { font-size: 22px !important; color: #fff !important; margin-top: 30px; font-weight: bold; background-color: #0064FF; padding: 22px 30px; border-radius: 5px; border: 0px solid #E4EAEC; color: #fff; }
.DocumentContentDIV .SubTitleNoBg { font-size: 18px !important; color: #000 !important; margin-top: 20px; font-weight: bold;  }
.MarginTop10 { margin-top: 10px !important; }
.MarginTop15 { margin-top: 15px !important; }
.MarginTop20 { margin-top: 20px !important; }
.MarginTop30 { margin-top: 30px !important; }
.MarginTop40 { margin-top: 40px !important; }
.MarginTop50 { margin-top: 50px !important; }
.MarginBottom20 { margin-bottom: 20px !important; }
.MarginBottom30 { margin-bottom: 30px !important; }
.ZoomInCursor { cursor: zoom-in; }
.PreviewImage { width: 100%; }
.PreviewImageShadow { box-shadow: 0px 0px 20px 0px rgba(54,92,208,.3) !important; border: 0px solid #ddd; }
.PreviewImageRound { border-radius: 5px; }
.PreviewImageRound20 { border-radius: 20px; }
.PreviewImageCover { background-repeat: no-repeat; background-size: cover; width: 100%; background-color: #fff; }

.Font12 { font-size: 12px !important; }
.Font13 { font-size: 13px !important; }
.Font14 { font-size: 14px !important; }
.Font15 { font-size: 15px !important; }
.Font16 { font-size: 16px !important; }

.FullWdith { width: 100%; }
.WorkFlowCSSTable { border-spacing: 0px !important; background-color: #fff !important; border-collapse: initial !important; border-top: 1px solid #000; border-left: 1px solid #000; box-shadow: 0px 0px 15px 0px rgba(54,92,208,.2) !important; }
.WorkFlowCSSTable td, #WorkFlowAttachmentDataTable td { background-color: #fff !important; padding: 9px 10px; font-size: 12px; color: #000; border-bottom: 1px solid #000; border-right: 1px solid #000; line-height: 26px; }
.SubTitleTR td, td.SubTitleTR { background-color: #E4EAEC !important; color: #000 !important; font-weight: bold !important; text-shadow: none !important; text-align: center; font-size: 14px; }
.FixedTable { table-layout: fixed; }
.Center { text-align: center !important; }
.Bold { font-weight: bold !important; }
.SmallNote { font-size: 12px; transform: scale(0.9,0.9); opacity: 0.8; }
.TableFont13 td { font-size: 13px !important; }
.TableFont13 .SubTitleTR td { font-size: 15px !important; }

.Red { color: red !important; }
.modal-header { display:inline-block !important; }
.DarkBorder { border: 3px solid #000; }
.SourceCodeDIV { position: relative; }
.SourceCodeCopyButton { cursor: pointer; position:absolute; top:8px; right:10px; color:#fff; transform:scale(0.8,0.8); border:1px solid #fff; padding:1px 10px; border-radius:3px; line-height:20px; }

.QuickSucessStoryList { margin-top: 50px; }
.QuickSucessStory { width: 31%; margin-left: 1%; margin-right: 1%; height: 370px; border-radius: 10px; position: relative; float: left; box-shadow: 0 0px 10px rgba(0,100,255,.2) !important; background-color: #fff; }
.QuickSucessStory .LogoBg { background-repeat: no-repeat; height: 130px; background-size: cover; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.QuickSucessStory .CoverBg { position: absolute; top: 0px; left: 0px; height: 130px; width: 100%; background-color: #000; opacity: 0.5; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.QuickSucessStory .Logo { position: absolute; top: 45px; text-align: center; width: 100%; }
.QuickSucessStory .Logo img { height: 45px; }
.QuickSucessStory .Content { padding: 20px 30px; }
.QuickSucessStory .Content .Title { text-align: left; font-size: 18px !important; margin-bottom: 0px !important; }
.QuickSucessStory .Content .Description { font-size: 13px !important; }
.QuickSucessStory .ControlButton { position: absolute; bottom: 30px; width: 100%; text-align: center; margin-left: -30px; }
.QuickSucessStoryList .Title { line-height: 26px !important; }
.QuickSucessStoryList .Description { margin-top: 10px; line-height: 24px !important; }

.SummaryList { margin-top: 60px; }
.Summary { width: 33%; float: left; text-align: center; }
.Summary .Number { font-size: 40px; font-weight: bold; color: #3383FF; }
.Summary .Description { font-size: 16px !important; font-weight: bold; color: #3e4963; text-align: center !important; }

.ToolBarBox { position: fixed; top: 45%; right: 10px; background-color: #fff; padding: 12px; border-radius: 10px; box-shadow: 0 3px 12px rgba(0,100,255,.2) !important; padding-top:15px; }
.ToolBarBox .ToolBarIcon { background-repeat:no-repeat; height:45px; background-size:25px; background-position:center center; }
.ToolBarBox .ToolBarIconPhone { background-image: url(../images/电话咨询2.png); }
.ToolBarBox .ToolBarItemFocus .ToolBarIconPhone { background-image: url(../images/电话咨询.png); }
.ToolBarBox .ToolBarIconContact { background-image: url(../images/预约试用2.png); }
.ToolBarBox .ToolBarItemFocus .ToolBarIconContact { background-image: url(../images/预约试用.png); }
.ToolBarBox .ToolBarIconWeiXin { background-image: url(../images/微信咨询2.png); }
.ToolBarBox .ToolBarItemFocus .ToolBarIconWeiXin { background-image: url(../images/微信咨询.png); }
.ToolBarBox .ToolBarItem { margin-bottom:15px; cursor:pointer; }
.TelPhoneNumber { color:#0064FF !important; }