@charset "utf-8";/* CSS Document */
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, input, ruby, section, summary, time, mark, audio, video{border:0;margin:0px;padding:0px;}
body, button, input, select, textarea{font:14px/24px 'Microsoft Yahei', Helvetica, Arial, STXihei, SimSun, sans-serif; color: #333;}
body{height:100%;background:#fff;margin:0 auto;padding:0 0;overflow:visible;}

a{color:#333;cursor:pointer;text-decoration:none;outline:none/* for FF Chrome */;}
a:hover{color:#3399FF;text-decoration:none;}
a:focus{outline:0;}
a,area {blr:expression(this.onFocus=this.blur())} /* for IE */
:focus {-moz-outline-style:none;} /* for Firefox */

img{-ms-interpolation-mode:bicubic;border:0;}
ul, li, ul li{list-style-type:none;}
button, input, select, textarea{font-size:100%;}
button{background:none;border:0 none;cursor:pointer;}
input, label{line-height:18px;vertical-align:middle;
    webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
}
label{display:inline-block;vertical-align:baseline;}
select{line-height:18px;}
table{border-collapse:collapse;border-spacing:0;}
hr{border:none;*color:#fff;height:1px;}

input,button, select{outline:none;}
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus{border-color:#3399FF;}

table{border-collapse:collapse;border-spacing:0;}
table tr,table tr td{border:none 0;}
th{text-align:inherit;}
table tr td, table tr th {empty-cells: show;}

.clb:after{visibility:hidden;display:block;content:" ";clear:both;}
.clb{zoom:1; clear:both;}
.clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clear{zoom:1;clear:both;}/* for IE6 IE7 */ 
.bare{line-height:0;height:0px;visibility:visible;clear:both;font-size:0px;}
.dots{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ellipsis{-o-text-overflow:ellipsis;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
em,i{font-style:normal;}
.over{ overflow:hidden;}

/*common*/
.fl{float:left;}
.fr{float:right;}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.pl20{padding-left:20px;}
.pr20{padding-right:20px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}

.widthweb{max-width: 1200px;min-width: 1000px;margin: 0 auto;}
.num{font-family:Georgia;}
.hui,.hui a,a.hui{color:#777;}.hui a:hover,a.hui:hover{color:#3399FF;}
.red,.red a,a.red{color:#E74C3C;}.red a:hover,a.red:hover{color:#C54133;}
.blue,.blue a,a.blue{color:#3399FF;}.blue a:hover,a.blue:hover{color:#2B82D9;}
.green{color: #1ABC9C;;}.green:hover{color: #16A085;}
.bgblue{background:#3399FF;color: #fff;}.bgblue:hover{background:#2B82D9;color: #fff;}
.bggreen{background:#1ABC9C;color: #fff;;}.bggreen:hover{background:#16A085;color: #fff;}
.bgred{background:#E74C3C;color: #fff;}.bgred:hover{background:#C54133;color: #C54133;}
.bghui{background:#777;color: #fff;}.bghui:hover{background:#666;color: #C54133;}

.a_blue{background:#3399FF;color: #fff;border: 1px solid #2B82D9;height: 32px;line-height: 32px;padding: 0 10px;margin-right: 10px;display: block;overflow: hidden;
    webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;}
.a_blue:hover{background:#2B82D9;color: #fff;border-color:#2B82D9;}

h1,h2,h3,h4,h5{font-weight: normal;}

/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: 'iconfont';  /* Project id 39889 */
    src: url('//at.alicdn.com/t/c/font_39889_r2vljpddziq.woff2?t=1678344875637') format('woff2'),
    url('//at.alicdn.com/t/c/font_39889_r2vljpddziq.woff?t=1678344875637') format('woff'),
    url('//at.alicdn.com/t/c/font_39889_r2vljpddziq.ttf?t=1678344875637') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.4px;
    -moz-osx-font-smoothing: grayscale;
    font-style:normal;
}
.icon {
    /* 通过设置 font-size 来改变图标大小 */
    width: 1em; height: 1em;
    /* 图标和文字相邻时，垂直对齐 */
    vertical-align: -0.15em;
    /* 通过设置 color 来改变 SVG 的颜色/fill */
    fill: currentColor;
    /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
    normalize.css 中也包含这行 */
    overflow: hidden;
}
/*----------------------A 标签按钮形式 结束----------------------*/
/*----------------------头部 开始----------------------*/
.header {
    background: #FFFFFF;
    width: 100%;
    height: 70px;
    color: #212121;
    position: fixed;
    top: 0; left: 0;
    z-index: 102;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.06);
}
.header .logo > div {
    cursor: pointer;
    position: relative;
    padding: 19px 0 19px 30px;
    line-height: 32px;
    height: 32px;
}
.header .logo i.iconfont {
    font-size: 20px;
    color: #8C8C8C;
    margin-left: 5px;
}
.header .logo .title {
    display: inline-block;
    font-size: 18px;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
    margin: 19px 0 19px 15px;
    padding-left: 20px;
    line-height: 32px;
}
.header .logo > div .others {
    width: 135px;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0 0 16px 0 rgba(36,35,88,0.1);
    border-radius: 4px;
    position: absolute;
    right: -15px; top: 62px;
}
.header .logo > div .others a {
    display: block;
    font-size: 16px;
    line-height: 48px;
}
.header .logo > div .others a + a {
    margin-top: 20px;
}
.header .logo > div .others a img {
    width: 48px;
    height: 48px;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    float: left;
    margin-right: 12px;
}
.header .logo > div:hover .others {
    display: block;
}
.header .logo .others {
    display: none;
}

.crubms{height: 60px;line-height: 60px;color: #666;}
.crubms a{color: #3399FF;margin-right: 0;padding: 0 0;}
.crubms a:hover{text-decoration:underline;}
.crubms span{padding: 0 8px;}

@media screen and (min-width:1000px){
    .crubms{padding-left: 20px;}
}
@media screen and (min-width:1024px){
    .crubms{padding-left: 20px;}
}
@media screen and (min-width:1200px){
    .crubms{padding-left: 0px;}
}

.header .search {
    width: 360px;
    line-height: 40px;
    height: 40px;
    border: 1px solid #DEDEDE;
    border-radius: 20px;
    margin: 15px 30px 15px 0;
    font-size: 16px;
}
.header .search > * {
    float: left;
}
.header .search i.search-icon {
    color: #8A8A8A;
    font-size: 18px;
    margin: 0 15px;
}
.header .search input {
    line-height: 40px;
    color: #212121;
    width: 290px;
    /*width: 225px;*/
}
.header .search input::placeholder {
    color: #8C8C8C;
}
.header .search i.clear-icon {
    color: #D1D5E1;
    font-size: 20px;
    margin-right: 10px;
    display: none;
    cursor: pointer;
}
.header .search span.text {
    padding: 0 15px 0 10px;
    color: #0E72FF;
    position: relative;
    display: none;
    cursor: pointer;
}
.header .search span.text:before {
    content: ''; display: block;
    position: absolute;
    top: 10px; left: 0;
    width: 1px; height: 20px;
    background: #DEDEDE;
}
/*----------------------头部 结束----------------------*/

/*----------------------头部菜单 开始----------------------*/
.menu{
    height: 70px;
    text-align: center;
    width: calc(100% - 305px - 391px);
}
.menu ul {
    display: flex;
    justify-content: center;
}
.menu ul li {
    float: left;
    height: 67px;
    line-height: 67px;
    font-size: 16px;
    border-bottom: 3px solid #FFFFFF;
    width: 70px;
    position: relative;
}
.menu ul li + li {
    margin-left: 55px;
}
.menu ul li a{ color: #212121; }
.menu ul li:hover,.menu ul li.cur { border-bottom: 3px solid #0E72FF }
.menu ul li:hover>a,.menu ul li.cur>a { color: #0E72FF }

.menu ul li .menu-re-list{
    display: none;
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.06);
    border-radius: 0px 0px 4px 4px;
    top:70px;
    line-height: 24px;
    width: 120px;
    padding:10px 20px 20px;
    left:-45px;
}
.menu ul li .menu-re-list a{
    font-size:14px;
    display: block;
    text-align: center;
    padding-top:10px;
}
.menu ul li .menu-re-list a:hover,.menu ul li .menu-re-list a.active{
    color:#0E72FF;
}

/*----------------------头部菜单 结束----------------------*/
/*----------------------移动端头部菜单-app 开始----------------------*/
.mb-header{
    height: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin:0 0.3rem;
  }
  .mb-header>img{
    width:1.6rem;
  }
  .mb-header .mb-menu img{
    width: 0.4rem;
  }
  .mb-header .mb-menu{
    position: relative;
  }
  .mb-header .mb-menu .mb-menu-list{
    display: none;
    position: absolute;
    width: 1.4rem;
    background: #fff;
    top: 0.4rem;
    right: -0.3rem;
    font-size: 0.14rem;
    padding: 0.2rem 0;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.06);
  }
  .mb-header .mb-menu .mb-menu-list a{
    display: block;
  }
  .mb-header .mb-menu .mb-menu-list .active{
    color:#0E72FF;
  }
  /*----------------------移动端头部菜单-app 结束----------------------*/

/*----------- 帮助中心 开始 -----------*/
.service_top{background: url(../images/help_banner.png) no-repeat center center;height: 160px;}
.service_top .search{height: 44px;width: 722px;margin: 0 auto;padding-top: 58px;}
.service_top input{width: 600px;border:1px solid #3399FF;padding: 0 10px;height: 42px;line-height: 42px;margin: 0 0;vertical-align: top;font-size: 16px;
    webkit-border-radius:4px 0 0 4px;
    -moz-border-radius:4px 0 0 4px;
    -o-border-radius:4px 0 0 4px;
    -ms-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
}
.service_top button{width:100px;height: 44px;background: #3399FF;color: #fff;font-size: 16px;
    webkit-border-radius:0 4px 4px 0;
    -moz-border-radius:0 4px 4px 0;
    -o-border-radius:0 4px 4px 0;
    -ms-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;}

.service_top2{height: 88px;}
.service_top2 .search{height: 38px;width:522px;margin: 0 auto;padding-top: 25px;}
.service_top2 input{width: 440px;border:1px solid #3399FF;padding: 0 10px;height: 36px;line-height: 36px;margin: 0 0;vertical-align: top;font-size: 14px;
    webkit-border-radius:4px 0 0 4px;
    -moz-border-radius:4px 0 0 4px;
    -o-border-radius:4px 0 0 4px;
    -ms-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
}
.service_top2 button{width:60px;height:38px;background: #3399FF;color: #fff;font-size: 14px;}
/*----------- 帮助中心  结束 -----------*/

/*----------------------翻页  开始----------------------*/
.pages{height: 36px;margin: 20px 0 0 0;}
.pages ul li{float:left;border:1px solid #dcdcdc;width:35px;line-height: 34px;height: 34px;margin-left: -1px;text-align: center;position: relative;z-index: 1;}
.pages ul li.prev{width: 70px;margin-right: 11px;}
.pages ul li.next{width: 70px;margin-left: 11px;}
.pages ul li.dot{border:0;line-height: 36px;}
.pages .total{line-height: 36px;margin: 0 10px;}
.pages .form span{line-height: 36px;margin: 0 10px;}
.pages .form .inputx{border:1px solid #dcdcdc;width:68px;line-height: 34px;height: 34px;}
.pages .btn{border:1px solid #dcdcdc;width:68px;height: 34px;}
.pages ul li:hover,.pages .btn:hover{border-color:#3399FF;position: relative;z-index: 2;color:#3399FF;}
.pages ul li:hover a{color:#3399FF;}
.pages ul li.active{background:#3399FF;border-color:#3399FF;position: relative;z-index: 2;}
.pages ul li.active a{color: #fff;}
/*----------------------翻页  结束----------------------*/

/*----------------------常见问题  开始----------------------*/
.ask_scope{margin: 30px auto;min-height: 650px;}
.ask_r .hd{margin-left: 10px;}
.ask_r .hd span{margin: 0 10px;}
.ask_l{width: 200px;}
.ask_l h3{height: 50px;line-height: 50px;background:#3399FF;font-size: 16px;text-align: center;color: #fff;}
.ask_l ul li a{line-height: 44px;width: 160px;padding: 0 20px;background:#E7ECF3;border-bottom: 1px solid #fff;font-size: 16px;}
.ask_l ul li a .iconfont{font-size: 14px;}
.ask_l ul li a:hover{background: #E7EDF7;}
.ask_l ul li ul li a{padding-left: 40px;width: 140px;background:#F5F7FA;}
.ask_l ul li a.cur{color:#3399FF;background: #E7EDF7;}
.ask_l ul li a:hover{color:#3399FF;}
.ask_l ul li a.cur,.ask_l ul li a.cur:hover{color:#3399FF;}
.ask_l ul li a{display: block;overflow: hidden;}
.ask_l ul li i{float: left;padding-right: 8px;}
.ask_r{width:985px;background: #fff;min-height: 650px;}
@media screen and (min-width:1000px){
    .ask_r{width:785px;}
}
@media screen and (min-width:1024px){
    .ask_r{width:809px;}
}
@media screen and (min-width:1200px){
    .ask_r{width:985px;}
}
.ask_r .list ol{padding: 0 20px;display: block;overflow: hidden;margin-bottom: 20px;}
.ask_r .list ol li{list-style-type:decimal;margin-right:3%;width:47%;float: left;line-height: 42px;}
.ask_r .list ol li.cur a{color:#3399FF;}
.ask_r .ft_a{line-height: 47px;}
.help_details{position: relative;min-height: 650px;}
.help_details .info{padding:20px 0;display: block;overflow: hidden;margin-bottom:100px;}
.help_details .info h3{text-align:center;border-bottom:1px solid #ddd;padding-bottom: 10px;margin-bottom: 20px;}
.help_details .info p{text-indent: 2em;line-height: 30px;margin-bottom: 20px;}
.help_details .ft_b{position:absolute;bottom: -20px;left: 0;width: 100%;z-index: 3;border-top:1px solid #ddd;text-align: center;}
.help_details .ft_b p{margin-top: 15px;}
.help_details .ft_b p a{padding: 8px 15px;border:1px solid #3399FF;color: #3399FF;margin-right: 15px;
    webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
}
.help_details .ft_b p a .iconfont{font-size: 20px;padding-right: 6px;}
.help_details .ft_b p a:hover{background: #3399FF;color: #fff;}
/*----------------------常见问题  结束----------------------*/

/*----------------------视频 开始----------------------*/
.video-content {
    margin-left: 328px;
    padding: 65px 115px;
    min-height: calc(100vh - 70px - 100px - 130px);
}
.video-content .video-list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.video-content .video-list .blank {
    width: 288px;
}
.video-content .video-list .item {
    width: 286px; height: 256px;
    border-radius: 8px;
    border: 1px solid #EDEEF0;
    box-shadow: 0 0 16px 0 rgba(36,35,88,0.04);
    margin: 5px 0 50px;
}
.video-content .video-list .item:hover {
    border: 1px solid #0E72FF;
    box-shadow: 0 0 16px 0 rgba(14,114,255,0.4);
}
.video-content .video-list .item .cover {
    position: relative;
    background: url("/images/video-bg.png") no-repeat;
    background-size: 100% 100%;
    height: 162px;
    border-radius: 8px 8px 0 0;
    display: flex;
    align-items: center;
    justify-items: center;
}
.video-content .video-list .item .cover p.text {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    width: 100%;
    padding: 0 15px;
}
.video-content .video-list .item .cover:after {
    content: ''; display: block;
    width: 100%; height: 100%;
    position: absolute;
    top: 0; left: 0;
    background: rgba(0,0,0,.5);
    border-radius: 8px 8px 0 0;
}
.video-content .video-list .item .cover .play {
    position: absolute; left: 122px; top: 60px;
    color: #FFFFFF;
    font-size: 18px;
    z-index: 10;
    width: 38px; height: 38px;
    line-height: 38px;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    background: rgba(255,255,255,.2);
    text-align: center;
}
.video-content .video-list .item .info {
    padding: 15px 16px 26px;
    font-size: 14px;
    line-height: 20px;
    color: #9C9C9C;
}
.video-content .video-list .item .info .title {
    font-size: 16px;
    line-height: 22px;
    color: #212121;
    margin-bottom: 12px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.video-content .video-list .item .info .other i {
    font-size: 16px;
    margin-right: 8px;
}
.video-content .video-list .item .info .other span:last-of-type {
    float: right;
}
.video-popup {
    position: fixed;
    top: 0; left: 0; z-index: 1000;
    width: 100%; height: 100%;
    background: rgba(0,0,0,.6);
    justify-content: center;
    align-items: center;
    display: none;
}
.video-popup .close {
    position: fixed; top: 15px; right: 15px;
    color: #FFFFFF;
    font-size: 30px;
    cursor: pointer;
    z-index: 10;
}
.video-popup .main video {
    max-width: 90vw;
    max-height: 90vh;
}
/*----------------------视频 结束----------------------*/

/*----------------------视频详情 开始----------------------*/
.video_main{min-height: 650px;width: 1200px;margin: 0 auto;}
@media screen and (min-width:1000px){
    .video_main{width:100%;}
}
@media screen and (min-width:1024px){
    .video_main{width:100%;}
}
@media screen and (min-width:1200px){
    .video_main{width:1200px;}
}
.video_main .video_titel{height:46px;line-height: 46px;font-size:18px;text-align: center;position: relative;z-index: 1;}
.video_main .video_c{width:100%;text-align: center;}
.video_c video{width:100%;text-align: center;}
.video_titel a{padding: 0 10px;color: #fff;background: #3399FF;position: relative;z-index: 2;height:32px;line-height: 32px;font-size: 14px;margin-right: 20px;
    webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;}
.video_titel a:hover{background:#2B82D9;color: #fff;}
.video_titel .iconfont{padding-right: 4px;}
.video_titel .title1{text-align: center;position: absolute;z-index: 1;width: 100%;} 
/*----------------------视频详情 结束----------------------*/

/*----------------------回顶部 开始----------------------*/
.fixBox{position: fixed;right:0;bottom:20%;margin-top:-1px;z-index: 999999;border-top: 1px solid #ebebeb;border-bottom: none;}
.fixBox .item{display: block;position: relative;width: 50px;height: 50px;line-height: 50px;text-align: center;color: #3399FF;border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;box-sizing: content-box;}
.fixBox .item i {display: block;position: absolute;background-color: #fff;width: 100%;height: 100%;z-index: 999999;transition: all .3s ease;font-size:20px;line-height:50px;}
.fixBox .item .content {visibility: hidden;position: absolute;width: 120px;left: -120px;top: 0;color: #fff;background-color: #3399FF;z-index: 888888;opacity: 0;}
.fixBox .item:hover .content{visibility: visible;opacity: 1;transition: all .5s ease;}
.fixBox .item:hover i {background: #3399FF;color: #fff;}
/*----------------------回顶部 结束----------------------*/

.foot {
    background: #F3F3F3;
    color: #6C6C6C;
    text-align: center;
    height: 56px;
    width: 100%;
    display: block;
    overflow:hidden;
    padding: 22px 0;
    line-height: 28px;
    font-size: 14px;
}
.foot .links a {
    padding: 0 10px;
    line-height: 14px;
    border-right: 1px solid #6C6C6C;
    display: inline-block;
}
.foot .links a:first-of-type {
    padding-left: 0;
}
.foot .links a:last-of-type {
    padding-right: 0;
    border-right: none;
}
.footMobile{
    color:#666;
    text-align: center;
    padding:0.52rem 0;
    box-sizing: border-box;
    background-color: #F5F6F7;
}
/*----------------------更新日志  开始----------------------*/
.log-content {
    margin-left: 328px;
    padding: 70px 40px 35px 140px;
    min-height: calc(100vh - 70px - 100px - 105px);
}
.log-content .title {
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 30px;
}
.log-content .content p {
    font-size: 14px;
    color: #434343;
    line-height: 22px;
}
.log-content .content p a {
    font-size: 16px;
    color: #0E72FF !important;
    line-height: 32px;
}
/*----------------------更新日志  结束----------------------*/
/*----------------------文档教程 开始----------------------*/
.doc-content {
    margin-left: 328px;
    padding: 30px 40px 30px 140px;
    min-height: calc(100vh - 70px - 100px - 60px);
}
.doc-content .nav {
    font-size: 14px;
    line-height: 20px;
    color: #8A8A8A;
}
.doc-content .nav span:last-of-type {
    color: #212121;
}
.doc-content .title {
    font-size: 32px;
    line-height: 45px;
    color: #212121;
    margin: 30px 0;
}
.doc-content .content img {
    max-width: 100%;
}
/*----------------------文档教程 结束----------------------*/

/*----------------------下载中心 开始----------------------*/
.download-bg {
    width: 100%; height: 1080px;
    background: url("../images/download-bg.png") no-repeat center top;
    background-size: 1920px 100%;
    position: fixed;
    top: 0; left: 0;
    z-index: -1;
}
.download {
    width: 1200px;
    margin: 0 auto;
    min-height: calc(100vh - 70px - 100px);
}
.download .catalog .c-title {
    line-height: 45px;
    margin: 60px 0 0;
    font-size: 32px;
    font-weight: 600;
    padding-left: 20px;
}
.download .catalog .list, .download .catalog .mini-list {
    overflow: auto;
    padding: 0 20px;
}
.download .catalog .list .item {
    float: left;
    text-align: center;
    margin: 40px 100px 0 0;
}
.download .catalog .list .item:nth-of-type(5n) {
    margin-right: 0;
}
.download .catalog .list .item .img-box {
    background: #ffffff;
    width: 146px; height: 146px;
    border-radius: 10px;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 16px 0 rgba(63,129,255,0.12);
}
.download .catalog .item .img-box img {
    width: 100%; height: 100%;
}
.download .catalog .list .item .name {
    margin-top: 30px;
    line-height: 22px;
    font-size: 16px;
    color: #212121;
}
.download .catalog .list .item:hover .img-box, .download .catalog .mini-list .item:hover {
    border: 1px solid #0E72FF;
}
.download .catalog .list .item:hover .name, .download .catalog .mini-list .item:hover .name {
    color: #0E72FF;
}
.download .catalog .mini-list {
    padding-bottom: 60px;
}
.download .catalog .mini-list .item {
    float: left;
    margin: 40px 50px 0 0;
    background: #FFFFFF;
    width: 198px; height: 86px;
    border: 1px solid #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 0 16px 0 rgba(63,129,255,0.12);
}
.download .catalog .mini-list .item .img-box {
    float: left;
    margin: 20px;
}
.download .catalog .mini-list .item .name {
    float: left;
    line-height: 86px;
    font-size: 16px;
}
/*----------------------下载中心 结束----------------------*/

/*----------------------产品报价 开始----------------------*/
.price-bg {
    width: 100%; height: 600px;
    background: url("../images/price-bg.png") no-repeat center top;
    background-size: 1920px 100%;
    position: fixed;
    top: 0; left: 0;
    z-index: -1;
}
.price-header {
    text-align: center;
    margin-top: 90px;
}
.price-header p:first-of-type {
    line-height: 62px;
    font-size: 44px;
}
.price-header p.sub {
    line-height: 62px;
    font-size: 16px;
    color: #434343;
}
.price-header .tabs {
    margin: 40px auto 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 808px;
}
.price-header .tab {
    width: 142px;
    line-height: 42px;
    font-size: 18px;
    border-radius: 21px;
    background: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(36,35,88,0.1);
}
.price-header .tab:hover {
    background: #0E72FF;
}
.price-header .tab:hover a {
    color: #FFFFFF;
}
.price-box {
    width: 1232px;
    text-align: center;
    margin: 80px auto 0;
}
.price-box .price-title {
    line-height: 30px;
    font-size: 30px;
    font-weight: bold;
}
.price-box .sub-price-title {
    margin: 20px 0 40px;
    line-height: 20px;
    font-size: 16px;
    color: #434343;
}
.price-box .list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.price-box .list .item {
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 0 16px 0 rgba(36,35,88,0.12);
    padding-top: 20px;
}
.price-box .list .item .title {
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
}
.price-box .list .item .money {
    line-height: 42px;
    font-size: 14px;
    color: #3d3d3d;
    margin: 10px 0;
}
.price-box .list .item .money span {
    color: #F4444D;
    font-size: 32px;
    font-weight: bold;
}
.price-box .list .item .zone-money {
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
}
.price-box .list .item .btn {
    line-height: 42px;
    color: #FFFFFF;
    border-radius: 21px;
    background: #0E72FF;
    font-size: 16px;
    width: 100%;
    margin: 20px auto;
    max-width: 196px;
}
.price-box .list .item .btn.btn-orange {
    background: linear-gradient(90deg, #FEBA5D 0%, #FF7C40 100%);
}
.price-box .list .item .btn.btn-green {
    background: linear-gradient(90deg, #47DC8A 0%, #32C8AF 100%);
}
.price-box .list .item .btn.btn-blue {
    background: linear-gradient(90deg, #5AB0FE 0%, #0E72FF 100%);
}
.price-box .list .item .btn.btn-purple {
    background: linear-gradient(90deg, #A18EFE 0%, #787AFD 100%);
}
.price-box .list .item .btn.btn-black {
    background: linear-gradient(90deg, #645C59 0%, #433938 100%);
    color: #E8B983;
}
.price-box .list .item ul {
    line-height: 41px;
    font-size: 14px;
    text-align: left;
}
.price-box .list .item ul li i {
    font-size: 16px;
    margin-right: 10px;
}
.price-box .list .item.check-orange ul li i {
    color: #FF7C40;
}
.price-box .list .item.check-green ul li i {
    color: #32C8AF;
}
.price-box .list .item.check-blue ul li i {
    color: #0E72FF;
}
.price-box .list .item.check-purple ul li i {
    color: #787AFD;
}
.price-box .list .item.check-black ul li i {
    color: #433938;
}
.price-box.erp .list .item {
    width: 196px;
    height: 598px;
    padding: 20px 40px 0;
}
.price-box.erp .list .item.item2 {
    width: 892px;
    height: 598px;
    padding: 20px 0 0;
}
.price-box.erp .list .item.item2 .title {
    text-align: left;
    padding: 0 0 20px 40px;
}
.price-box.erp .list .item.item2 .module {
    float: left;
    margin: 0 0 40px 40px;
    background: #F6F9FF;
    border-radius: 8px;
    border: 1px solid #CBDBFA;
    line-height: 36px;
    font-size: 14px;
}
.price-box.erp .list .item.item2 .module .module-title {
    margin: 20px 0 10px;
    line-height: 30px;
    font-size: 20px;
    color: #F4444D;
    font-weight: bold;
}
.price-box.cc .list .item {
    width: 154px;
    height: 679px;
    padding: 20px 30px 0;
}
.price-box.cc .list .item ul,.price-box.lbl .list .item ul {
    line-height: 35px;
}
.price-box.hmc1 .list .item {
    width: 288px;
    height: 347px;
    padding: 20px 40px 0;
}
.price-box.hmc2 .list .item {
    width: 196px;
    height: 598px;
    padding: 20px 40px 0;
}
.price-box.lbl .list .item {
    width: 154px;
    height: 725px;
    padding: 20px 30px 0;
}
/*----------------------产品报价 结束----------------------*/

/*----------------------侧边栏目录 开始----------------------*/
.left-menu {
    position: fixed;
    top: 70px; left: 0;
    z-index: 100;
    width: 328px;
    height: calc(100vh - 70px);
    background: #F6F8FC;
    color: #212121;
    font-size: 14px;
    overflow-y: scroll;
    box-sizing: border-box;
    padding: 20px 30px;
    line-height: 32px;
}
.left-menu::-webkit-scrollbar {
    width: 6px;
}
.left-menu::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 3px;
    background: #A8A8A8;
}
.left-menu > div + div, .left-menu .second + .second {
    margin-top: 5px;
}
.left-menu .first i.iconfont {
    font-size: 12px;
    color: #434343;
    margin-right: 8px;
}
.left-menu .first {
    cursor: pointer;
}
.left-menu .second {
    margin-left: 16px;
    padding-left: 23px;
    cursor: pointer;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}
.left-menu .second.active, .left-menu .second:hover {
    background: rgba(14, 114, 255, 0.1);
    color: #0E72FF;
    border-radius: 4px;
}
.left-menu .second.active:before, .left-menu .second:hover:before {
    content: ''; display: block;
    width: 3px; height: 14px;
    background: #0E72FF;
    position: absolute;
    top: 9px; left: 10px;
}
.left-menu .second .sign {
    color: #F4444D;
    font-size: 12px;
    position: absolute;
    top: 0; left: 15px;
    line-height: 12px;
}
.left-menu .group-list {
    display: none;
}
/*----------------------侧边栏目录 结束----------------------*/
/*----------------------搜索结果 开始----------------------*/
.search-result {
    margin: 60px auto 0;
    padding: 40px 60px;
    width: 1080px;
    min-height: calc(100vh - 70px - 100px - 60px - 80px);
    background: #FFFFFF;
}
.search-result .desc {
    color: #6C6C6C;
    font-size: 14px;
    line-height: 20px;
}
.search-result .desc span {
    color: #0E72FF;
    font-weight: 600;
}
.search-result span.match {
    color: #0E72FF;
}
.search-result .doc-list .item {
    margin-top: 30px;
    cursor: pointer;
}
.search-result .doc-list .item .title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 4px;
}
.search-result .doc-list .item .content > * {
    font-size: 14px !important;
    line-height: 22px !important;
    color: #212121 !important;
}
.search-result .video-content {
    margin-left: 0;
    padding: 0;
    min-height: 0;
}
.search-result .video-content .video-list {
    justify-content: space-between;
}
.search-result .video-content .video-list .item {
    margin: 55px 0 5px;
}
/*----------------------搜索结果 结束----------------------*/
/*----------------------申请试用 开始----------------------*/
.apply-try-mask {
    position: fixed;
    top: 0; left:0; z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
}
.apply-try-dialog {
    position: fixed;
    top: 300px; left: calc(50% - 200px); z-index: 1000;
    width: 400px;
    background: #FFFFFF;
    border-radius: 4px;
    padding-bottom: 40px;
}
.apply-try-dialog .title {
    line-height: 46px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: bold;
}
.apply-try-dialog .title .close {
    float: right;
    cursor: pointer;
    font-weight: normal;
}
.apply-try-dialog .form {
    padding: 20px 70px;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
}
.apply-try-dialog .form .product-name span {
    font-weight: bold;
}
.apply-try-dialog .form input {
    margin-top: 20px;
    width: 100%;
    line-height: 40px;
    border-radius: 6px;
    border: 1px solid #DEE0E3;
    padding: 0 10px;
    box-sizing: border-box;
}
.apply-try-dialog button.submit {
    margin: 20px 70px 0;
    width: 260px;
    line-height: 40px;
    color: #FFFFFF;
    background: #0E72FF;
    border-radius: 6px;
}
/*----------------------申请试用 结束----------------------*/