/*::-webkit-scrollbar{display:none;}*/

.kod-content {
    min-height: 400px;
}


/* ------------------------------------- page-产品（首页）-begin ------------------------------------- */


/* .page-index .kod-content .content-header .header-text{
    color: #fff;
}
.page-index .kod-content .content-header .header-text .font-bold span:first-child {
    color: #FBD85E;
}
.page-index .kod-content .content-header .header-text .font-bold span:last-child {
    color: #FF91B2;
}
.page-index .kod-content .content-header .header-text button.btn {
    padding: 6px 36px;
    border-radius: 18px;
} */

.kod-content .content-tabs {
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    z-index: 1049;
    background: #fff;
    border-bottom: 1px solid #eee;
    /* 08-24 */
    border: none;
    /* box-shadow: 0px 2px 10px 0px rgba(46,111,253,0.1);*/
}

.kod-content .content-tabs .container {
    padding: 0px;
}

.kod-content .content-tabs>div>div {
    cursor: pointer;
}

.kod-content .content-tabs>div>div a {
    /* padding: 15px 0;
    cursor: pointer; */
    /* font-size: 16px; */
    font-size: 18px;
    color: #747474;
    display: inline-block;
    padding: 18px;
    width: 100%;
}

.kod-content .content-tabs>div>div:hover,
.kod-content .content-tabs>div>div:focus,
.kod-content .content-tabs>div>div.active {
    color: #ff6600;
    background: #f5f5f5;
    border-bottom: 2px solid #ff6600;
    /* 05-17 */
    /* margin-top: -1px; */
}

.kod-content .content-tabs>div>div a:hover,
.kod-content .content-tabs>div>div a:focus,
.kod-content .content-tabs>div>div.active a {
    color: #ff6600;
    text-decoration: none;
    /* 05-17 */
}

.kod-content .line {
    border-bottom: 1px solid #eee;
    margin-top: -1px;
}


/* 产品页内容切换 */

.kod-content .content-info .option {
    padding: 90px 0 70px;
}

.kod-content .content-info .option.opt-grey {
    background-color: #f5f5f5;
}

.kod-content .content-info .option .opt-title {
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

.kod-content .content-info .option .desc {
    /* color: #747474; */
    color: #999;
    /* h5点击 */
    position: relative;
}

.kod-content .content-info .option .opt-title .desc {
    font-size: 16px;
}

.kod-content .content-info .option .opt-title ul.nav {
    display: inline-block;
    border: 1px solid #20a0ff;
    border-radius: 20px;
    /* 05-17 */
    border: 1px solid #418bf9;
    /* 08-24 */
    border: none;
}

.kod-content .content-info .option .opt-title ul.nav a {
    color: #20a0ff;
    padding: 8px 40px;
    /* 05-17 */
    color: #418bf9;
    /* 08-24 */
    color: #444;
}

.kod-content .content-info .option .opt-title ul.nav li.active>a,
.kod-content .content-info .option .opt-title ul.nav li>a:focus,
.kod-content .content-info .option .opt-title ul.nav li>a:hover {
    border-radius: 18px;
    color: #fff;
    /* 05-17 */
    background-color: #ff6800;
    ;
}

.kod-content .content-info .option .opt-box .img-box {
    text-align: center;
}


/* TODO  */

.kod-content .content-info .option .opt-box .info-box {
    /* width: 80%;
    margin-left: 10%; */
    margin-top: 20px;
    margin-bottom: 20px;
    /* animation-duration: 1s;
    animation-fill-mode: both; */
}


/* 首页tab图标 */

.page-index .kod-content .content-tabs {
    overflow-x: auto;
}

.page-index .kod-content .content-tabs>div {
    /* width: max-content; */
    display: flex;
}

.page-index .kod-content .content-tabs>div>div:not(.clear) {
    /* float: left; */
    min-width: 120px;
    flex: 1;
}


/* .page-index .kod-content .content-tabs>div>div */

.page-index .kod-content .content-tabs a[href^="#part"] .icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    /* margin: -3px 5px; */
    margin: -3px 5px -3px 0px;
}

.page-index .kod-content .content-tabs a[href="#part1"] .icon {
    background: url(./../images/index/tab1-1.png) no-repeat center;
    background-size: 18px 18px;
}

.page-index .kod-content .content-tabs a[href="#part2"] .icon {
    background: url(./../images/index/tab1-2.png) no-repeat center;
    background-size: 18px 18px;
}

.page-index .kod-content .content-tabs a[href="#part3"] .icon {
    background: url(./../images/index/tab1-3.png) no-repeat center;
    background-size: 18px 18px;
}

.page-index .kod-content .content-tabs a[href="#part4"] .icon {
    background: url(./../images/index/tab1-4.png) no-repeat center;
    background-size: 18px 18px;
}

.page-index .kod-content .content-tabs a[href="#part5"] .icon {
    background: url(./../images/index/tab1-5.png) no-repeat center;
    background-size: 18px 18px;
}

.page-index .kod-content .content-tabs a[href="#part6"] .icon {
    background: url(./../images/index/tab1-6.png) no-repeat center;
    background-size: 18px 18px;
}

.page-index .kod-content .content-tabs div:hover>a[href="#part1"] .icon,
.page-index .kod-content .content-tabs div:focus>a[href="#part1"] .icon,
.page-index .kod-content .content-tabs div.active>a[href="#part1"] .icon {
    background: url(./../images/index/tab2-1.png) no-repeat center;
    background-size: 18px 18px;
}

.page-index .kod-content .content-tabs div:hover>a[href="#part2"] .icon,
.page-index .kod-content .content-tabs div:focus>a[href="#part2"] .icon,
.page-index .kod-content .content-tabs div.active>a[href="#part2"] .icon {
    background: url(./../images/index/tab2-2.png) no-repeat center;
    background-size: 18px 18px;
    /* margin-bottom: -4px; */
}

.page-index .kod-content .content-tabs div:hover>a[href="#part3"] .icon,
.page-index .kod-content .content-tabs div:focus>a[href="#part3"] .icon,
.page-index .kod-content .content-tabs div.active>a[href="#part3"] .icon {
    background: url(./../images/index/tab2-3.png) no-repeat center;
    background-size: 18px 18px;
}

.page-index .kod-content .content-tabs div:hover>a[href="#part4"] .icon,
.page-index .kod-content .content-tabs div:focus>a[href="#part4"] .icon,
.page-index .kod-content .content-tabs div.active>a[href="#part4"] .icon {
    background: url(./../images/index/tab2-4.png) no-repeat center;
    background-size: 18px 18px;
}

.page-index .kod-content .content-tabs div:hover>a[href="#part5"] .icon,
.page-index .kod-content .content-tabs div:focus>a[href="#part5"] .icon,
.page-index .kod-content .content-tabs div.active>a[href="#part5"] .icon {
    background: url(./../images/index/tab2-5.png) no-repeat center;
    background-size: 18px 18px;
    /* margin-bottom: -4px; */
}

.page-index .kod-content .content-tabs div:hover>a[href="#part6"] .icon,
.page-index .kod-content .content-tabs div:focus>a[href="#part6"] .icon,
.page-index .kod-content .content-tabs div.active>a[href="#part6"] .icon {
    background: url(./../images/index/tab2-6.png) no-repeat center;
    background-size: 18px 18px;
}

.page-index .kod-content .content-info img {
    /*max-height: 365px;*/
}

.page-index .kod-content .content-info .option.part1-2 .opt-box .img-box {
    min-height: 280px;
}

.page-index .kod-content .content-info .option.part1-1 .opt-box .info-box,
.page-index .kod-content .content-info .option.part1-2 .opt-box .info-box,
.page-index .kod-content .content-info .option.part2-1 .opt-box .info-box {
    padding-top: 20px;
    padding-bottom: 20px;
}

.page-index .kod-content .content-info .option.part2-1 .opt-box .info-box {
    padding-top: 20px;
    padding-bottom: 20px;
    /* margin: 0px; */
    margin-bottom: 0px;
}

.page-index .kod-content .content-info .option.part2-1 .opt-box .info-box,
.page-index .kod-content .content-info .option.part2-1 .opt-box .img-box {
    height: 330px;
}

.page-index .kod-content .content-info .option.part2-1 .opt-box .img-box img {
    /*max-height: 325px;*/
}

.page-index .kod-content .content-info .option.part2-1 .opt-box .info-box .ofc-info {
    width: 80%;
    margin-left: 20%;
}

.page-index .kod-content .content-info .option.part4-1 .opt-box .info-box .ofc-info {
    width: 80%;
    margin-left: 20%;
}


/* .page-index .kod-content .content-info .option.part2-1 .opt-box.edit .img-box img {
    max-height: 385px;
} */


/* .page-index .kod-content .content-info .option.part2-1 .opt-box .info-box.share, 
.page-index .kod-content .content-info .option.part2-1 .opt-box.edit .info-box {
    padding-left: 12%;
} */

.page-index .kod-content .content-info .option.part2-1 .opt-box .info-box.share .opt-line .icon {
    margin-bottom: 3px;
}

.page-index .kod-content .content-info .option .opt-box .info-box .opt-info {
    display: flex;
    height: 120px;
}

.page-index .kod-content .content-info .option .opt-box .info-box .opt-info>img {
    width: 44px;
    height: 44px;
    margin-right: 10px;
    margin-top: 5px;
    /* 08-24 */
    width: 40px;
    height: 40px;
    margin-top: 0px;
}

.page-index .kod-content .content-info .option .opt-box .info-box .opt-info p {}

.kod-content .content-info .option .opt-box .img-box img {
    /* height: 360px; */
    /* width: 100%; */
    /* max-height: 360px; */
    /* width: auto; */
    max-width: 100%;
    height: auto;
}


/* .kod-content .content-info .option .opt-box .opt-info>div {
    flex: 1;
} */

.kod-content .content-info .option .opt-box .info-box .opt-line {
    /* vertical-align: top; */
    /* height: 25px;
    line-height: 25px; */
}

.kod-content .content-info .option .opt-box .info-box .opt-line .icon {
    display: inline-block;
    /* width: 18px;
    height: 18px; */
    width: 14px;
    height: 14px;
    border-radius: 10px;
    background-color: #20a0ff;
    vertical-align: text-bottom;
    margin-right: 10px;
    /* 05-17 */
    background-color: #418bf9;
    display: none;
}


/* 多格式预览 */

.page-index .kod-content .carousel-inner>.item>img {
    margin: 0px auto;
    /* box-shadow: 0 0 20px rgba(0,0,0,0.35); */
    /* box-shadow: 0 0 15px rgba(0,0,0,0.2); */
    /* height: 335px; */
    max-height: 325px;
}

.page-index .kod-content #carousel .carousel-indicators {
    bottom: 0px;
}

.page-index .kod-content .carousel-indicators li.active {
    background-color: rgb(76, 157, 249);
}

.page-index .kod-content .carousel-control {
    height: 50px;
    line-height: 50px;
    width: 50px;
    top: 40%;
    background: rgba(0, 0, 0, 0.3);
}

.xg01 {
    border-radius: 10px;
    box-shadow: 0px 4px 16px 0px rgb(46 111 253 / 10%);
    margin-right: 10px;
    margin-left: 10px;
    min-height: 530px;
}

.xg01 p:nth-child(3),
.xg01 p:nth-child(4),
.xg01 p:nth-child(5),
.xg01 p:nth-child(6) {
    text-align: left
}


/* .carousel-indicators {bottom: -50px;}
@media screen and (min-width: 768px){
    .carousel-indicators {bottom: -50px;}
}
.carousel-indicators li {
    background-color: rgba(0,0,0,0.1);
    border: 1px solid #ddd;
} */

.carousel-control.left,
.carousel-control.right {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 22px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.carousel-inner>.item {
    padding: 20px 0;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 20px;
    font-size: 20px;
}


/* 协作办公 */

.page-index .kod-content .content-info .option.part2-1 .opt-box.work .info-box {
    /* padding: 20px 0px; */
    /* padding: 0px; */
    padding-top: 20px;
    /* 08-24 */
    margin-top: 0px;
    /* height: 400px; */
    height: 370px;
    /* 150*2+30+20*2 */
    background: url(./../images/index/part2-2-cc.png) no-repeat;
    background-position: right bottom;
    background-size: 280px;
}

.page-index .kod-content .content-info .option.part2-1 .opt-box.work .info-box .opt-info {
    width: 50%;
    float: left;
    height: 100px;
    /* 08-24 */
    float: none;
    width: auto;
    box-shadow: 0px 4px 16px 0px rgb(46 111 253 / 10%);
    border-radius: 16px;
    /* height: 160px; */
    height: 150px;
    padding: 30px 20px;
    background: rgba(256, 256, 256, 0.7);
}

.opt-info p {
    margin: 0
}

#part2 .opt-box .info-box .opt-info {
    min-height: 176px;
    border-radius: 10px;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 4px 16px 0px rgb(46 111 253 / 10%);
}

#part5 .opt-info {
    /* 08-24 */
    float: none;
    width: auto;
    box-shadow: 0px 4px 16px 0px rgb(46 111 253 / 10%);
    border-radius: 16px;
    padding: 30px 20px;
    background: rgba(256, 256, 256, 0.7);
    height: 480px;
}

#part5 .opt-info img {
    width: 100px;
    height: auto;
    box-shadow: 2px 2px 5px #666;
    border-radius: 50%;
    margin: 20px 0 30px;
}

#part5 .info-box .col-md-4.mb-30.wap-mb-20 {
    text-align: center;
}

.page-index .kod-content .content-info .option.part2-1 .opt-box.work .info-box .opt-info p.desc {
    margin-bottom: 0px;
}

#part6 .img-box img {
    max-height: 500px
}

.img-box.col-md-6 {
    text-align: center;
}


/* 数据安全 */

.page-index .kod-content .content-info .option.part3-1 .opt-box .info-box>div {
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 40px 0px 20px;
    margin: 15px 0px;
    min-height: 544px;
}

.page-index .kod-content .content-info .option.part3-1 .opt-box .info-box>div img {
    /* width: 84px; */
    width: 55px;
}


/* 企业管理 */

.page-index .kod-content .content-info .option.part4-1 .opt-box .info-box .opt-line.dtl-col-3>span {
    padding: 0px;
    margin-bottom: 10px;
}


/* 定制拓展 */

.page-index .kod-content .content-info .option.part5-1 .opt-box .info-box {
    /* padding-top: 60px; */
    padding-top: 40px;
}

.page-index .kod-content .content-info .option.part5-1 .opt-box .info-box p {
    text-align: right;
    /* text-align: center; */
    margin-bottom: 20px;
}

.page-index .kod-content .content-info .option.part5-1 .opt-box .info-box p button {
    color: #20a0ff;
    /* background: #e0f1ff; */
    border: 1px solid #20a0ff;
    padding: 6px 18px;
    border-radius: 18px;
    min-width: 120px;
    /* 05-17 */
    color: #418bf9;
    border: 1px solid #418bf9;
    /* 08-24 */
    border: none;
    color: #444;
}

.page-index .kod-content .content-info .option.part5-1 .opt-box .info-box p button:hover,
.page-index .kod-content .content-info .option.part5-1 .opt-box .info-box p button:focus,
.page-index .kod-content .content-info .option.part5-1 .opt-box .info-box p button:active,
.page-index .kod-content .content-info .option.part5-1 .opt-box .info-box p button.active {
    /* background: none; */
    background-color: #418bf9;
    border-color: #418bf9;
    /* border: 2px solid #418bf9; */
    color: #fff;
}

.page-index .kod-content .content-info .option.part5-1 .opt-box .img-box .item {
    max-height: 400px;
    min-height: 280px;
}

.page-index .kod-content .content-info .option.part5-1 .opt-box .img-box img {
    /* height: 360px; */
    margin: 0px auto;
    max-width: 100%;
    height: auto;
    /* max-height: 100%;
    width: auto; */
    max-height: 365px;
}

.page-index .kod-content .content-info .option.part5-1 .opt-title>div {
    /* .page-index .kod-content .content-info .option.part5-1 .opt-box .img-box img { */
    display: none;
}

.page-index .kod-content .content-info .option.part5-1 .opt-title>div.active {
    /* .page-index .kod-content .content-info .option.part5-1 .opt-box .img-box img.active { */
    display: block;
}

.page-index .kod-content .content-info .option.part5-1 .opt-box .img-box img.p4 {
    /* height: 300px; */
    width: 80%;
    /* margin: 30px auto; */
    margin: 0px auto;
    /* padding: 40px 0px; */
    margin-top: 40px;
}


/* ------------------------------------- page-产品（首页）-end ------------------------------------- */


/* ------------------------------------- page-价格-begin ------------------------------------- */


/*.kod-content .content-info .option {*/


/*    display: none;*/


/*}*/


/*.kod-content .content-info .option.active {*/


/*    display: block;*/


/*}*/

.page-price .kod-content .content-tabs>div>div p {
    /* height: 48px; */
    font-size: 12px;
    margin: 7px 0px;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.page-price .kod-content .content-tabs>div>div p span {
    font-size: 17px;
    font-weight: 800;
}

.page-price .option.part1-1 .info-box>div {
    background: #fff;
    border-radius: 10px;
    text-align: center;
    /* padding: 40px 0px;
    margin: 15px 0px; */
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.page-price .option.part1-1 .info-box>div:hover {
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
}

.page-price .option.part1-1 .info-box>div .title {
    /* background: linear-gradient(to right, #5761e9, #339af3); */
    color: #fff;
    font-size: 18px;
    padding: 15px;
    border-radius: 10px 10px 0 0;
}

.page-price .option.part1-1 .info-box>div .info {
    padding: 20px 0;
    color: #747474;
}

.page-price .option.part1-1 .info-box>div .info .green {
    color: #14944b;
}


/* .page-price .option.part1-1 .info-box>div .info .buy-btn { */

.page-price .option .info-box .buy-btn {
    margin: 40px 0;
}


/* .page-price .option.part1-1 .info-box>div .info .buy-btn a { */

.page-price .option .info-box .buy-btn a {
    text-align: right;
    border: 2px solid;
    padding: 10px 36px;
    border-radius: 20px;
    text-decoration: none;
    border: 1px solid;
    font-weight: 600;
}

.page-price .option.part1-1 .vip0 .title {
    background: linear-gradient(to right, #3fd9e5, #4be7c7);
}

.page-price .option.part1-1 .vip1 .title {
    background: linear-gradient(to right, #5761e9, #339af3);
}

.page-price .option.part1-1 .vip2 .title {
    background: linear-gradient(to right, #6337f2, #845cea);
}

.page-price .option.part1-1 .vip0 .buy-btn a {
    border-color: #4ae6c9;
    color: #4ae6c9;
}

.page-price .option.part1-1 .vip1 .buy-btn a {
    border-color: #418bf9;
    color: #418bf9;
}

.page-price .option.part1-1 .vip2 .buy-btn a {
    border-color: #8866f2;
    color: #8866f2;
}


/* TODO  */

.page-price .option.part1-1 .vip0 .buy-btn a:focus,
.page-price .option.part1-1 .vip0 .buy-btn a:hover {
    background-color: #4ae6c9;
    border: 2px solid #4ae6c9;
    color: #fff;
}

.page-price .option.part1-1 .vip1 .buy-btn a:focus,
.page-price .option.part1-1 .vip1 .buy-btn a:hover {
    background-color: #418bf9;
    border: 2px solid #418bf9;
    color: #fff;
}

.page-price .option.part1-1 .vip2 .buy-btn a:focus,
.page-price .option.part1-1 .vip2 .buy-btn a:hover {
    background-color: #8866f2;
    border: 2px solid #8866f2;
    color: #fff;
}

.page-price .option.part1-2 .info-box {
    overflow-x: auto;
    width: 100%;
}

.page-price .option.part1-2 table {
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
}

.page-price .option.part1-2 table thead tr {
    background: linear-gradient(to right, #5761e9, #339af3);
    color: #fff;
    font-size: 18px;
}

.page-price .option.part1-2 table tr th {
    width: 135px;
}

.page-price .option.part1-2 table tr th.title {
    width: auto;
}

.page-price .option.part1-2 table tr th,
.page-price .option.part1-2 table tr td {
    padding: 20px 15px;
    border: 1px solid #eee;
    text-align: center;
    vertical-align: middle;
    border-right: none;
    border-bottom: none;
}

.page-price .option.part1-2 table tr td {
    padding: 10px;
    color: #747474;
    font-size: 13px;
}

.page-price .option.part1-2 table tr td.title {
    color: currentColor;
    font-size: 16px;
}

.page-price .option.part1-2 table tr td.align-left {
    text-align: left;
}

.page-price .option.part1-2 table tr td.yes {
    font-size: 0;
    background: url(./../images/price/opt.png) no-repeat center;
}

.page-price .option.part1-2 table tr td.no {
    color: #f35757;
    font-size: 16px;
}


/* table 圆角 */

.page-price .option.part1-2 table tr:first-child th:first-child {
    border-top-left-radius: 10px;
}

.page-price .option.part1-2 table tr:first-child th:last-child {
    border-top-right-radius: 10px;
}

.page-price .option.part1-2 table tr.lo-lt-qt td:first-child {
    border-bottom-left-radius: 10px;
}

.page-price .option.part1-2 table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}


/* TODO 客户案例 */

.option.opt-case .opt-box>div {
    /* height: 100px; */
    height: 80px;
    margin-bottom: 2%;
}

.option.opt-case .opt-box>div p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-price .option.part1-5 .opt-box .info-box {
    padding-left: 12%;
}

.page-price .option.part1-5 .opt-box .img-box {
    text-align: left;
    padding-left: 5%;
}

.page-price .option.part1-5 .opt-box .img-box img {
    max-height: 360px;
}

.page-price .option.part2-1 .info-box .img {
    height: 200px;
    line-height: 200px;
}

.page-price .option.part2-1 .info-box .buy-btn a {
    border-color: #418bf9;
    color: #418bf9;
}

.page-price .option.part2-1 .info-box .buy-btn a:focus,
.page-price .option.part2-1 .info-box .buy-btn a:hover {
    background-color: #418bf9;
    border: 2px solid #418bf9;
    color: #fff;
}

.page-price .kod-content .content-info .option .opt-box .info-box .opt-info {
    display: flex;
    /*height: 80px;*/
    /* margin-bottom: 40px; */
}

.page-price .kod-content .content-info .option .opt-box .info-box .opt-info>img {
    width: 72px;
    height: 72px;
    margin-right: 15px;
    margin-top: 5px;
}

.page-price .option.part2-2 .opt-info {
    /* height: 105px; */
    height: 120px;
    /* overflow: hidden; */
}


/*任正非语录*/

.page-price .option.part2-3 {
    background: url(./../images/price/part2-3.png) no-repeat;
    background-size: cover;
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}


/*文件生命周期*/

.page-price .option.part2-4 .opt-box {
    /* width: 100%; */
    width: 80%;
    /* overflow: hidden; */
    margin: 0px auto;
    /* overflow-x: auto; */
    position: relative;
}


/* .page-price .kod-content .content-info .option.part2-4 .opt-box .info-box .opt-info */

.page-price .kod-content .content-info .option.part2-4 .opt-box .info-box .opt-info {
    display: block;
    margin: 0px;
    text-align: center;
}

.page-price .option.part2-4 .opt-box .opt-info p {
    height: 20px;
    line-height: 20px;
    margin: 0px;
    overflow: hidden;
}


/* .page-price .option.part2-4 .opt-box .opt-info>div:nth-child(2) { */

.page-price .option.part2-4 .opt-box .opt-info .title {
    /* border: 1px solid #ccc; */
    width: 100px;
    height: 60px;
    line-height: 60px;
    border-radius: 4px;
    background: #20a0ff;
    background: #4187ee;
    background: #418bfe;
    color: #fff;
    /* border: none; */
    text-align: center;
    margin: 0px auto;
}

.page-price .option.part2-4 .opt-box .opt-info .title.pp {
    background: #6461f6;
}

.page-price .option.part2-4 .opt-box .opt-info .desc {
    height: 60px;
    margin: 5px 0px;
}

.page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.col-xs-3:after {
    position: absolute;
    color: #545ded;
    font-size: 20px;
}

.page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.rt:after {
    content: '⇨';
    right: -10px;
    bottom: 15px;
}

.page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.dn:after {
    content: '⇩';
    left: 50%;
    margin-left: -10px;
    bottom: 0px;
    margin-bottom: -50px;
}

.page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.lt:after {
    content: '⇦';
    top: 0px;
    margin-top: 15px;
    left: 0px;
    margin-left: -10px;
}

.page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.up:after {
    content: '⇧';
    left: 50%;
    top: 0px;
    margin-top: -50px;
    margin-left: -10px;
}

.page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.left-opt,
.page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.right-opt {
    margin: 50px 0px;
}

.page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.left-opt .desc {
    position: absolute;
    text-align: right;
    left: -50%;
    right: 50%;
    margin: 0px;
    margin-right: 60px;
}

.page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.right-opt .desc {
    position: absolute;
    text-align: left;
    top: 0px;
    left: 50%;
    right: -50%;
    margin: 0px;
    margin-left: 60px;
}

.page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.center-opt {
    height: 60px;
    line-height: 60px;
    margin: 50px 0px;
    font-size: 20px;
}


/* 价格页底部banner重写 */

.page-partner .kod-footer .banner,
.page-price .kod-footer .banner {
    display: none;
}


/* ------------------------------------- page-价格-end ------------------------------------- */


/* ------------------------------------- page-下载-begin ------------------------------------- */

.font-icon {
    display: inline-block;
    margin-right: 0.4em;
    position: relative;
    top: 0.1em;
    font-size: 1.1em;
}

.page-download {
    /*padding:50px 0 80px 0;*/
    color: #666;
    word-break: break-all;
}

.page-download .kod-content .content-info .err-msg {
    text-align: center;
    font-size: 28px;
    padding-top: 160px;
}

.page-download .kod-content .content-box {
    /* padding:20px 10px 20px 20px; */
    padding: 20px;
    margin: 10px 0;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
}

.page-download .kod-content .content-box:hover {
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
}

.page-download .kod-content .content-box:before,
.page-download .kod-content .content-box:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    background: rgba(33, 150, 243, 0.04);
    border-radius: 50%;
}

.page-download .kod-content .content-box:before {
    width: 400px;
    height: 400px;
    margin: -300px -70px 0 0;
}

.page-download .kod-content .content-box:after {
    width: 200px;
    height: 200px;
    margin: -70px -90px 0 0;
    background: #91d5ff1c;
}

.page-download .kod-content .content-box .title-header {
    font-size: 16px;
    font-weight: 600;
    color: #2196F3;
    /*display: inline-block;*/
    margin-bottom: 10px;
    /*position: relative;*/
    text-align: center;
}

.page-download .kod-content .content-box .title-header:after {
    content: " ";
    width: 110%;
    height: 5px;
    background: #2196F3;
    position: absolute;
    left: 0;
    bottom: 0px;
    opacity: 0.3;
}

.page-download .kod-content .content-box .content-update {
    border-radius: 4px;
    background: #f0faff;
    padding: 0px 10px 5px 10px;
    color: #888;
    font-size: 13px;
    font-family: Consolas, source-code-pro, Monaco, monospace, "Microsoft Yahei", 微软雅黑, Courier, "Helvetica Neue", "Lantinghei SC", STXihei, WenQuanYi, sans-serif;
}

.page-download .kod-content .content-box .content-update .title {
    font-size: 14px;
    font-family: inherit;
    font-weight: 600;
    padding: 10px 0 2px 0;
}

.page-download .kod-content .content-box .title-header .font-icon {
    /* color:#2196F3; */
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
}

.page-download .kod-content .content-box .title-header {
    color: #444;
}

.page-download .kod-content .content-box .title-header:after {
    display: none;
}

.page-download .kod-content .content-box .title-desc {
    font-size: 13px;
    color: #888;
    margin-bottom: 10px;
}

.page-download .kod-content a.btn-download {
    text-decoration: none;
    border-radius: 80px;
    margin: 10px 10px 10px 0;
    padding: 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    line-height: 42px;
    height: 42px;
    width: 150px;
    transition: all 0.2s;
    background: #2196F3;
    background: linear-gradient(40deg, #18C0FE, #1677FF);
}

.page-download .kod-content a.btn-download .font-icon {
    font-size: 1.4em;
}

.page-download .kod-content a.btn-download:active {
    opacity: 0.8;
}

.page-download .kod-content a.btn-download:hover {
    text-decoration: none;
    transition: all 0.2s;
    color: #fff;
    background: linear-gradient(40deg, #2070e5, #1890ff);
}

.page-download .kod-content a.btn-download b {
    font-weight: 600;
    position: relative;
    display: block;
    font-size: 15px;
    top: 7px;
    line-height: 15px;
    opacity: 0.9;
}

.page-download .kod-content a.btn-download em {
    font-size: 12px;
    opacity: 0.4;
    display: block;
    line-height: 12px;
    font-style: normal;
    margin-top: 10px;
}

.page-download .kod-content a.btn-download.btn-download-light {
    color: #2196F3;
    background: #fff;
    line-height: 38px;
    height: 40px;
    border: 1px solid #2196F3;
}

.page-download .kod-content a.btn-download.btn-download-light:hover {
    color: #fff;
    background: #2196F3;
    border: 1px solid #2196F3;
}


/*去掉动画效果，和下面的.app-qrcode高度关联*/

.page-download .kod-content .line-item {
    /*border: 1px solid #f6fafe;*/
    /*border-radius: 5px;*/
    position: relative;
    margin-bottom: 5px;
    /* padding: 5px 0 5px 10px; */
    padding: 5px 0px;
    /*background:#fbfdff;*/
    /*transition: all 0.2s;*/
}


/*.page-download .kod-content .line-item:hover{*/


/*	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);*/


/*	z-index: 10;*/


/*	border-color: transparent;*/


/*}*/

.page-download .kod-content .line-item .font-icon {
    float: left;
    font-size: 40px;
    width: 40px;
    margin-top: -5px;
    height: 55px;
    line-height: 50px;
    color: #009aff;
    text-align: left;
    margin-right: 10px;
}

.page-download .kod-content .line-item .content {
    float: left;
    margin-top: 5px;
    color: #888;
    font-size: 12px;
    width: 80%;
}

.page-download .kod-content .line-item .content .line-item-title {
    color: #222;
    font-size: 16px;
}

.page-download .kod-content .line-item .btn-download {
    position: absolute;
    right: 0px;
    top: 0;
    margin-right: 0px;
}


/* .page-download .kod-content .line-item .item-icon-mac{color:#babbbd;}
.page-download .kod-content .line-item .item-icon-broswer{color:#0b5fcc;}
.page-download .kod-content .line-item .item-icon-webdav{color:#ffda60;} */

.page-download .kod-content .app-qrcode {
    float: left;
    text-align: center;
    color: #888;
    margin-top: 30px;
    font-size: 12px;
    margin-left: 10%;
    /*height: 208px;*/
    height: 200px;
}

.page-download .kod-content .app-qrcode img {
    width: 140px;
    height: 150px;
    max-width: inherit;
    padding: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin-bottom: 10px;
    border: 1px solid #f6f6f6;
}

.page-download .kod-content .app-download {
    float: left;
    margin-top: 30px;
    padding: 12px 0px 0 10%;
}

.page-download .kod-content .app-download a.btn-download {
    display: block;
    margin-bottom: 25px;
    width: 190px;
}

@media (max-width: 1200px) {
    .page-download .kod-content .app-download a.btn-download {
        width: 150px;
    }
}

.page-download .kod-content a {
    /* .page-download .kod-content a { */
    color: #1890ff;
    text-decoration: none;
    padding: 3px 5px;
    border-radius: 4px;
    margin-left: -5px;
}

.page-download .kod-content a:hover {
    /* .page-download .kod-content a:hover{ */
    color: #1890ff;
    /*background: #def;*/
    text-decoration: none;
}

.page-download .kod-content .content-info .option.part1-2 .opt-title,
.opt-line {
    margin-bottom: 20px;
}

.page-download .kod-content .content-info .option.part1-2 .opt-title .desc a {
    color: #999;
}

.page-download .kod-content .content-info .option.part1-2 .opt-title .desc a:hover {
    color: #1890ff;
}

.page-download .kod-content .content-info .option.part1-2 .opt-box .info-box>div {
    width: 88%;
    margin: 15px 6%;
    border-radius: 10px;
    text-align: center;
    padding-top: 60px;
    background: #fff;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.page-download .kod-content .content-info .option.part1-2 .opt-box .info-box>div:hover {
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
}

.page-download .kod-content .content-info .option.part1-2 .opt-box .info-box>div>img {
    /* height: 60px; */
    height: 80px;
}

.page-download .kod-content .content-info .option.part1-2 .info-box a.btn-download {
    /* margin-top: 20px; */
    margin: 20px 0px 10px;
}

.page-download .kod-content .content-info .option.part1-2 .opt-box .info-box .footer {
    background: #deebfc;
    padding: 40px 0px;
    margin-top: 20px;
    border-radius: 0 0 10px 10px;
}

.page-download .kod-content .content-info .option.part1-2 .info-box.server .title {
    margin-bottom: 0px;
}

.page-download .kod-content .content-info .option.part1-2 .info-box.server .desc {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    margin-bottom: 0px;
}

.page-download .kod-content .content-info .option.part1-2 .info-box.server .desc a {
    padding: 0px;
    color: #999;
}

.page-download .kod-content .content-info .option.part1-2 .desc a svg {
    vertical-align: text-bottom;
    margin-bottom: 1px;
}

.page-download .kod-content .content-info .option.part1-2 .info-box.server .footer,
.page-download .kod-content .content-info .option.part1-2 .info-box.mirror .footer {
    padding: 33px 0px;
}

.page-download .kod-content .content-info .option.part1-2 .info-box.server .footer p,
.page-download .kod-content .content-info .option.part1-2 .info-box.mirror .footer p {
    margin-bottom: 5px;
}

.page-download .kod-content .content-info .option.part1-2 .opt-box .info-box .footer a {
    color: #5d5ef9;
}

.page-download .kod-content .content-info .option.part1-2 .opt-box .info-box .footer a:hover,
.page-download .kod-content .content-info .option.part1-2 .opt-box .info-box .footer a:focus {
    /* color: #3435f9; */
    color: #2b2cfd;
}

.page-download .kod-content .content-info .option.part1-2 .opt-box .info-box .footer .font-icon {
    width: 20px;
    height: 20px;
    margin-bottom: -4px;
    font-weight: 600;
    font-style: italic;
}

.page-download .kod-content .title-header .icon-pc {
    background: url(./../images/download/part1-1.png) no-repeat center;
}

.page-download .kod-content .title-header .icon-phone {
    background: url(./../images/download/part1-2.png) no-repeat center;
}

.page-download .kod-content .line-item .item-icon-win {
    background: url(./../images/download/part1-1-1.png) no-repeat center;
    /* background-size: 30px 30px; */
    background-size: 45px;
}

.page-download .kod-content .line-item .item-icon-mac {
    background: url(./../images/download/part1-1-2.png) no-repeat center;
    /* background-size: 30px 35px; */
    background-size: 45px;
}

.page-download .kod-content .line-item .item-icon-broswer {
    background: url(./../images/download/part1-1-3.png) no-repeat center;
    /* background-size: 30px 30px; */
    background-size: 45px;
}

.page-download .kod-content .line-item .item-icon-webdav {
    background: url(./../images/download/part1-1-4.png) no-repeat center;
    /* background-size: 30px 30px; */
    background-size: 45px;
}

.page-download .kod-content .content-info .option.part1-2 .opt-box .info-box .footer .icon-bt {
    background: url(./../images/download/part2-1-1.png) no-repeat center;
}


/*.page-download .kod-content .content-info .option.part1-2 .opt-box .info-box .footer .icon-appnode {*/


/*    background: url(./../images/download/part2-1-2.png) no-repeat center;*/


/*}*/

.page-download .kod-content .content-info .option.part1-2 .opt-box .info-box .footer .icon-synology {
    background: url(./../images/download/part2-2-1.png) no-repeat center;
}

.page-download .kod-content .content-info .option.part1-2 .opt-box .info-box .footer .icon-ikuai {
    background: url(./../images/download/part2-2-2.png) no-repeat center;
    background-size: 20px;
}

.page-download .kod-content .content-info .option.part1-2 .opt-box .info-box .footer .icon-huawei {
    background: url(./../images/download/part2-3-1.png) no-repeat center;
}

.page-download .kod-content .content-info .option.part1-2 .opt-box .info-box .footer .icon-tencent {
    background: url(./../images/download/part2-3-2.png) no-repeat center;
}


/* ------------------------------------- page-下载-end ------------------------------------- */


/* ------------------------------------- page-合作伙伴-begin ------------------------------------- */

.page-partner .kod-content .content-tabs p {
    /* height: 48px;
    line-height: 48px; */
    height: 35px;
    line-height: 35px;
    font-weight: normal;
}

.page-partner .kod-content .content-tabs p .icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-bottom: -3px;
    /* margin-right: 10px; */
    margin-right: 5px;
}

.page-partner .kod-content .content-tabs>div>div:nth-child(1) .icon {
    background: url(./../images/partner/tab1-1.png) no-repeat center;
    background-size: 18px 18px;
}

.page-partner .kod-content .content-tabs>div>div:nth-child(2) .icon {
    background: url(./../images/partner/tab2-1.png) no-repeat center;
    background-size: 18px 18px;
}

.page-partner .kod-content .content-tabs>div>div:nth-child(1):hover .icon,
.page-partner .kod-content .content-tabs>div>div:nth-child(1):focus .icon,
.page-partner .kod-content .content-tabs>div>div:nth-child(1).active .icon {
    background: url(./../images/partner/tab1-2.png) no-repeat center;
    background-size: 18px 18px;
}

.page-partner .kod-content .content-tabs>div>div:nth-child(2):hover .icon,
.page-partner .kod-content .content-tabs>div>div:nth-child(2):focus .icon,
.page-partner .kod-content .content-tabs>div>div:nth-child(2).active .icon {
    background: url(./../images/partner/tab2-2.png) no-repeat center;
    background-size: 18px 18px;
}


/* 合作伙伴体系 */

.page-partner .kod-content .content-info .option.part1-1 .opt-box .info-box>div {
    width: 88%;
    margin: 15px 6%;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 60px 18px;
    /*margin: 15px 0px;*/
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.page-partner .kod-content .content-info .option.part1-1 .opt-box .info-box>div:hover {
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
}

.page-partner .kod-content .content-info .option.part1-1 .opt-box .info-box>div img {
    margin-top: 20px;
    margin-bottom: 60px;
}


/* 合作流程 */

.page-partner .kod-content .content-info .option.part1-2 .opt-box .info-box>div {
    background: #fff;
    border-radius: 10px;
    padding: 40px 20px;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    margin-bottom: 20px;
}

.page-partner .kod-content .content-info .option.part1-2 .opt-box .info-box>div:hover {
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
}

.page-partner .kod-content .content-info .option.part1-2 .opt-box .info-box>div .num {
    color: #949494;
    margin-top: 20px;
    margin-bottom: 0px;
}

.page-partner .kod-content .content-info .option.part1-3 .opt-box .opt-line p {
    padding-left: 28px;
    margin-bottom: 20px;
}

.page-partner .kod-content .content-info .option.part1-3 .opt-box .opt-line p span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    background-color: #20a0ff;
    vertical-align: text-bottom;
    margin-right: 10px;
    margin-left: -28px;
    /* 05-17 */
    background-color: #418bf9;
}


/* 合作咨询 */

.page-partner .kod-content .content-info .option.part1-4 .opt-box .opt-info,
.page-partner .kod-content .content-info .option.part2-3 .opt-box .opt-info {
    display: flex;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
    padding: 60px 40px;
    font-size: 16px;
}

.page-partner .kod-content .content-info .option.part1-4 .opt-box .opt-info>div,
.page-partner .kod-content .content-info .option.part2-3 .opt-box .opt-info>div {
    width: 60%;
}

.page-partner .kod-content .content-info .option.part1-4 .opt-box .opt-info>div.sub-img-box,
.page-partner .kod-content .content-info .option.part2-3 .opt-box .opt-info>div.sub-img-box {
    width: auto;
    flex: 1;
    text-align: right;
}

.page-partner .kod-content .content-info .option.part1-4 .opt-box .opt-info>div.sub-img-box img,
.page-partner .kod-content .content-info .option.part2-3 .opt-box .opt-info>div.sub-img-box img {
    max-height: 160px;
}

.page-partner .kod-content .content-info .option.part1-4 .opt-box .opt-info>div .title,
.page-partner .kod-content .content-info .option.part2-3 .opt-box .opt-info>div .title,
.page-partner .kod-content .content-info .option.part2-1 .opt-box .info-box .title,
.page-partner .kod-content .content-info .option.part2-2 .opt-box .info-box .title,
.page-partner .kod-content .content-info .option.part1-1 .wrap-row .content-main .title {
    /* font-size: 30px; */
    font-size: 28px;
    font-weight: 600;
    color: #20a0ff;
    margin-bottom: 60px;
    /* 05-17 */
    color: #418bf9;
}

.page-partner .kod-content .content-info .option.part2-2 .opt-box .img-box {
    margin-top: 80px;
}


/* .page-partner .kod-content .content-info .option.part2-2 .opt-box .info-box {
    margin-top: 0px;
} */

.page-partner .kod-content .content-info .option.part2-2 .opt-box .info-box .title {
    margin-bottom: 20px;
}

.page-partner .kod-content .content-info .option.part2-2 .opt-box .info-box .funeng {
    font-size: 16px;
}

.page-partner .kod-content .content-info .option.part2-2 .opt-box .info-box .funeng .title {
    /* font-size: 18px;
    color: #747474;
    font-weight: 400; */
    /* font-style: italic; */
    font-size: 16px;
    color: #444;
}

.page-partner .kod-content .content-info .option.part2-2 .opt-box .info-box .funeng ul {
    padding-inline-start: 20px;
}

.page-partner .kod-content .content-info .option.part2-2 .opt-box .info-box .funeng ul li {
    /* list-style-type: circle; */
    margin-bottom: 5px;
}


/* 蔓草计划 */

.page-partner .kod-content .content-info .option.part1-1 .wrap-row .content-main {
    padding: 20px 15px;
}


/* .page-partner .kod-content .content-info .option.part1-1 .wrap-row .content-main p {
    line-height: normal;
} */

.page-partner .kod-content .content-info .option.part1-1 .wrap-row .content-main p.title {
    margin-left: -15px;
}


/* ------------------------------------- page-合作伙伴-end ------------------------------------- */


/* ------------------------------------- page-新闻动态-begin ------------------------------------- */


/* .page-news .header{height:100px;} */


/* .page-news .exp-banner{display:none;} */


/* .page-news .head-tit-box{display:none;} */

.page-news .kod-header .header-content {
    display: none;
}

.page-news .kod-content {
    margin: 30px auto;
}

.page-news .kod-content .crumbs {
    padding: 2px 0 5px 0;
    border-bottom: 1px solid #f6f6f6;
    margin: 0 0 10px;
}

.page-news .animateLineBox {
    display: none;
}

.page-news .category {
    /* padding-left: 0;  */
    border: none;
    padding-left: 15px;
    padding-right: 0px;
}

.page-news .col-left {
    padding: 0px 15px;
}

.page-news a {
    color: #0b81eb;
}

.page-news .category .box {
    /* border: 1px solid #eee; */
    margin: 10px 0;
    padding-bottom: 20px;
    background-color: #fff;
    margin-bottom: 40px;
    clear: both;
    /* box-shadow: 1px 1px 2px rgba(0,0,0,0.05); */
    border: 1px solid #e0f1ff;
    border-radius: 4px;
    box-shadow: 0px 1px 20px rgb(11 129 235 / 15%);
}

.page-news .category .box .title {
    padding-left: 20px;
    margin: 20px 0 10px 0;
    font-size: 22px;
    color: #222;
    margin-left: -1px;
    border-left: 4px solid #0b81eb;
    font-weight: 400;
}

.page-news .category .box .line {
    margin: 5px 20px 15px 20px;
    border-bottom: 1px solid #e6e6e6;
}

.page-news .category .box a {
    display: block;
    text-decoration: none;
    position: relative;
    color: #333;
    font-size: 16px;
    line-height: 35px;
    margin: 5px 20px;
    border-bottom: 1px dashed #eee;
}

.page-news .category .box a.this {
    font-weight: 600;
    color: #0b81eb;
    border-color: #0b81eb;
}

.page-news .category .box a:hover {
    color: #0b81eb;
    border-color: #0b81eb;
}

.page-news .category .box.news-box a {
    font-size: 13px;
    line-height: 1.6em;
    border: none;
    padding-bottom: 5px;
    margin: 5px 5px 5px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.page-news .category .box.news-box a:hover:before {
    border-color: #0b81eb;
    /*background:#0b81eb;;*/
    background: #e0f1ff;
}

.page-news .category .box.news-box a:before {
    content: " ";
    width: 5px;
    height: 5px;
    /* border: 1px solid #ddd; */
    display: inline-block;
    position: relative;
    /* background:#eee;
    top: -1px;
    margin-right:5px;
    border-radius: 10px; */
    top: -2px;
    margin-right: 10px;
    border-radius: 5px;
    background: #0b81eb;
    border: 1px solid #0b81eb;
}

.page-news .news-list {
    margin-top: 10px;
    /* padding:0 10px 120px 30px; */
    padding: 0 0 120px 30px;
}

.page-news #pages {
    margin: 30px 0;
}

.page-news #pages span {
    padding: 10px 10px;
    margin: 0 5px;
    border: 1px solid transparent;
}

.page-news #pages a {
    padding: 10px 12px;
    border: 1px solid #eee;
    margin: 0px 2px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 5px;
}

.page-news #pages a:hover {
    color: #fff;
    background: #0b81eb;
    border-color: #0b81eb;
}

.page-news .news-item {
    margin: 0 0px 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px dotted #eee;
}

.page-news .news-item a {
    font-size: 18px;
    color: #222;
    margin-bottom: 5px;
    display: inline-block;
    text-decoration: none;
}

.page-news .news-item a:hover {
    color: #0b81eb;
}

.page-news .news-item .tags {
    font-size: 12px;
    background: #f6f6f6;
    border: 1px solid #eee;
    padding: 1px 6px;
    margin: 0 10px;
    border-radius: 2px;
}

.page-news .news-item .article-content a {
    font-size: 1em;
    color: #0b81eb;
    border-bottom: 1px solid transparent;
}

.page-news .news-item .article-content a:hover {
    border-bottom: 1px solid #0b81eb;
}

.page-news .news-item .time {
    font-size: 12px;
    color: #aaa;
}

.page-news .news-item .description {
    color: #888;
}


/* .page-news .article-title{font-size:20px;} */

.page-news .article-title {
    font-size: 24px;
    margin-bottom: 20px;
}

.page-news .article-content {
    margin-top: 20px;
}


/* ------------------------------------- page-新闻动态-end ------------------------------------- */


/* ------------------------------------- page-帮助中心-start ------------------------------------- */

.page-help .kod-content {
    /* margin:50px 0; */
    margin: 30px 0;
}

.page-help .category {
    /* padding-left:10%; */
    border-right: 1px solid #eee;
    padding-right: 0;
    font-weight: 300;
}

.page-help .category h4 {
    color: #0089d7;
    padding: 0 0 10px 0;
    color: #0089d7;
}

.page-help .category ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    /*margin-left:10px;*/
}

.page-help .category ul a {
    display: block;
    text-decoration: none;
    color: #444;
    height: 30px;
    margin-bottom: -1px;
    /*padding-left: 10px;*/
    line-height: 30px;
    transition: none;
}

.page-help .category ul a:hover,
.category ul a.this {
    color: #0089d7;
    border-right: 2px solid;
    margin-right: -1px;
    position: relative;
    z-index: 100;
}

.page-help .content-main {
    border-left: 1px solid #eee;
    margin-left: -1px;
    padding-left: 5%;
}

.page-help .content-main .article-title {
    margin: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    font-weight: 300;
    font-size: 28px;
}

.page-help .content-main .article-content {
    color: #444;
    line-height: 1.8em;
    overflow: auto;
}

.page-help .content-main .article-content img {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
}


/* ------------------------------------- page-帮助中心-end ------------------------------------- */


/* ------------------------------------- page-产品子目录-start ------------------------------------- */

.product-sub .office-opt {
    /*margin: 50px 0px;*/
    padding: 100px 0px;
}

.office-opt .opt-info {
    margin-top: 0px;
    color: #747474;
}

.office-opt .opt-info .title {
    font-size: 22px;
    color: #444;
    margin: 0;
    margin-bottom: 25px;
}

.office-opt .opt-info .title i {
    height: 20px;
    background: #2196F3;
    display: inline-block;
    width: 5px;
    margin-top: 10px;
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.office-opt.blue .opt-info {
    color: #fff;
}

.office-opt.blue .opt-info .title {
    color: #fff;
}

.office-opt.blue .opt-info .title i {
    background: #fff;
}

.product-sub .wathet {
    background: rgb(237, 244, 250);
}

.product-sub .blue {
    background: #4c9df9;
    color: #fff;
    background: linear-gradient(150deg, #3172e0 10%, #58cbff 100%);
}

.product-sub .blue .title-desc {
    color: #fff;
}

.page-kodeditor .office-opt {
    padding: 0px 0px 100px;
}

.page-kodeditor .office-opt img {
    margin: 0px auto;
    height: auto;
}


/* ------------------------------------- page-产品子目录-end ------------------------------------- */


/* ------------------------------------- page-法律支持-start ------------------------------------- */

.page-legal table {
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
}

.page-legal .table>thead:first-child>tr:first-child>th {
    border-top: 1px solid #eee;
    background: rgba(70, 100, 120, 0.05);
}

.page-legal table tbody tr:nth-child(even) {
    background: rgba(70, 100, 120, 0.05);
}

.page-legal table tr th {
    width: 135px;
    font-size: 16px;
}

.page-legal table tr th,
.page-legal table tr td {
    padding: 10px 16px;
    border: 1px solid #eee;
    vertical-align: middle;
}

.page-legal table tr td {
    color: #747474;
    font-size: 13px;
    word-wrap: break-word;
    word-break: break-all;
}

.page-legal table tr th:first-child,
.page-legal table tr td:first-child {
    width: 40%;
}


/* ------------------------------------- page-法律支持-end ------------------------------------- */


/* @media (min-width: 767px) and (max-width: 991px) {
    .page-price .option.part2-4 .opt-box {
        width: 88%;
    }
} */


/* @media screen and (max-width: 767px) { */

@media (max-width: 767px) {
    .kod-content .content-tabs {
        top: 90px;
    }
    .kod-content .content-tabs .container {
        width: 100%;
        padding: 0px;
    }
    .kod-content .content-tabs>div>div a {
        padding: 15px 10px;
    }
    .kod-content .content-info .option {
        padding: 50px 0;
    }
    .kod-content .content-info .option .opt-title {
        margin-bottom: 25px;
    }
    .kod-content .content-info .option .opt-box .info-box {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .page-index .kod-content .content-info .option.part1-1 .opt-box .info-box,
    .page-index .kod-content .content-info .option.part1-2 .opt-box .info-box,
    .page-index .kod-content .content-info .option.part2-1 .opt-box .info-box {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .page-index .kod-content .content-info .option.part2-1 .opt-box .info-box .ofc-info {
        width: 100%;
        margin-left: 0;
    }
    /* 首页-页中tab切换 */
    .kod-content .content-info .option .opt-title ul.nav a {
        padding: 8px 20px;
    }
    .page-index .kod-content .content-info .option.part5-1 .opt-title .desc {
        height: 60px;
    }
    .page-index .kod-content .content-info .option.part5-1 .opt-box .info-box {
        /* padding: 30px 0px; */
        padding: 0px;
        margin-left: 15px;
        margin-right: 15px;
        display: flex;
        border: 1px solid #418bf9;
        border-radius: 18px;
        margin-bottom: 60px;
        /* 08-24 */
        border: none;
    }
    .page-index .kod-content .content-info .option.part5-1 .opt-box .info-box p {
        text-align: center;
        display: inline-block;
        width: 25%;
        margin: 0px;
    }
    .page-index .kod-content .content-info .option.part5-1 .opt-box .info-box p button {
        padding: 6px 0px;
        width: 100%;
        min-width: auto;
        border: 1px solid transparent;
    }
    .page-index .kod-content .content-info .option.part5-1 .opt-box .img-box img.p4 {
        width: 100%;
        margin-top: 50px;
    }
    /* .page-index .kod-content .content-info .option.part1-2 .opt-box .info-box {
        padding-left: 20%;
    } */
    /* .page-index .kod-content .content-info .option.part1-1 .opt-box .info-box, 
    .page-index .kod-content .content-info .option.part2-1 .opt-box .info-box.share, 
    .page-index .kod-content .content-info .option.part2-1 .opt-box.edit .info-box .opt-line {
        padding-left: 8%;
    } */
    .page-index .kod-content .content-info .option.part2-1 .opt-box.edit .info-box {
        padding-left: 15px;
    }
    /* .page-index .kod-content .content-info .option.part2-1 .opt-box .info-box.multi .opt-line {
        padding-left: 15%;
    } */
    /* .page-index .kod-content .content-info .option.part4-1 .opt-box .info-box .opt-line {
        padding-left: 10%;
    } */
    /* 团队合作 */
    .page-index .kod-content .content-info .option.part2-1 .opt-box>div:first-child.info-box {
        padding-top: 0px;
        height: auto
    }
    .page-index .kod-content .content-info .option.part2-1 .opt-box.work .info-box {
        /* padding: 40px 0px; */
        padding: 40px 15px;
        padding-bottom: 0px;
        /* 08-24 */
        padding: 0px;
        /* height: 820px; */
        height: 700px;
    }
    .page-index .kod-content .content-info .option.part2-1 .opt-box.work .info-box .opt-info {
        /* height: 120px;
        padding: 20px; */
        height: 100px;
        padding: 15px 20px;
    }
    /* .page-index .kod-content .content-info .option.part2-1 .opt-box.device .info-box {
        padding-top: 20px;
    } */
    /* .page-index .kod-content .content-info .option.part2-1 .opt-box .img-box {
        height: 300px;
    } */
    /* 数据安全 */
    .page-index .kod-content .content-info .option.part3-1 .opt-box .info-box {
        padding: 0px 5px;
        margin: 0px;
        padding: 0px 15px;
    }
    .page-index .kod-content .content-info .option.part3-1 .opt-box .info-box:nth-child(odd) {
        padding-right: 5px;
    }
    .page-index .kod-content .content-info .option.part3-1 .opt-box .info-box:nth-child(even) {
        padding-left: 5px;
    }
    .page-index .kod-content .content-info .option.part3-1 .opt-box .info-box>div {
        padding: 30px 0px;
    }
    .page-index .kod-content .content-info .option.part3-1 .opt-box .info-box>div>p.size-20 {
        margin-bottom: 20px;
    }
    /* 价格-xx计划 */
    /* .page-price .option.part1-4 .opt-box .info-box .opt-line {
        padding-left: 15%;
    } */
    .page-price .option .info-box .line-holder {
        display: none;
    }
    .page-price .option.part1-5 .opt-box .info-box {
        padding-left: 15px;
    }
    /* .page-price .option.part1-5 .opt-box .info-box .opt-line {
        padding-left: 30%;
    } */
    .page-price .option.part1-5 .opt-box .img-box {
        text-align: center;
    }
    .page-price .kod-content .content-info .option.part1-2 .opt-box {
        overflow-x: hidden;
        padding-right: 15px;
    }
    .page-price .kod-content .content-info .option .opt-box .info-box .opt-info>img {
        width: 50px;
        height: 50px;
    }
    .page-price .option.part2-1 .info-box .img {
        height: 180px;
        line-height: 180px;
    }
    .page-price .kod-content .content-info .option.part2-3 .text-box {
        padding: 0px 15px;
    }
    /* 价格-文件生命周期 */
    .page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.rt:after,
    .page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.lt:after {
        display: none;
    }
    .page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.center-opt {
        line-height: 30px;
        /* margin-left: 10px;
        margin-right: -10px; */
    }
    .page-price .option.part2-4 .opt-box .opt-info .title {
        width: 88px;
    }
    .page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.dn:after {
        margin-bottom: -46px;
    }
    .page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.up:after {
        margin-top: -46px;
    }
    .page-download .kod-content .content-info .option.part1-2 .opt-box .info-box>div {
        width: 100%;
        margin: 15px 0px;
    }
    /* 合作伙伴-产品集成 */
    /* .page-partner .kod-content .content-info .option.part2-2 {
        padding-top: 0px;
    } */
    .page-partner .kod-content .content-info .option.part2-2 .opt-box .img-box {
        margin-top: 15px;
    }
    .page-partner .kod-content .content-info .option.part1-1 .wrap-row .content-main {
        padding: 15px;
    }
    .page-partner .kod-content .content-info .option.part1-4 .opt-box .opt-info,
    .page-partner .kod-content .content-info .option.part2-3 .opt-box .opt-info {
        padding: 40px 30px;
    }
    iframe.class_qidian_wpa {
        transform: scale(0.75);
        right: 5px !important;
    }
    /* 15 + 5 */
    #footer .go-top {
        right: 20px !important;
    }
    .page-legal table tr th:first-child,
    .page-legal table tr td:first-child {
        width: 50%;
    }
    /* 资讯中心 */
    .page-news .kod-header {
        height: 90px;
    }
    .page-news .news-list {
        padding: 0px;
        /* padding-bottom: 120px; */
    }
    .page-news .category,
    .page-help .category {
        padding-right: 15px;
    }
    .page-help .category {
        border-right: none;
    }
    .page-help .content-main {
        border-left: none;
        margin-left: 0px;
        padding-left: 15px;
    }
}

@media (max-width: 618px) {
    .page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.dn:after,
    .page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.up:after {
        /* margin-left: -5px; */
        margin-left: -10px;
    }
    .page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.left-opt .desc {
        margin-right: 40px;
    }
    .page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.right-opt .desc {
        /* margin-left: 50px; */
        margin-left: 40px;
    }
    .page-price .option.part2-4 .opt-box .opt-info .title {
        width: 72px;
    }
}

@media (max-width: 480px) {
    iframe.class_qidian_wpa {
        transform: scale(0.65);
    }
    /* .page-index .kod-content .content-tabs a[href^="#part"] .icon {
        margin: -3px auto;
    } */
    .kod-content .content-info .option .opt-title ul.nav a {
        /* padding: 8px 12px; */
        /* padding: 6px 8px; */
        padding: 6px;
    }
    .kod-content .content-info .option .opt-box .info-box .opt-line .icon {
        margin-right: 5px;
    }
    .page-price .kod-content .content-info .option.part2-4 .opt-box .info-box {
        padding: 0px;
    }
    .option.opt-case .opt-box>div {
        /* margin-bottom: 0px; */
        height: 60px;
    }
    /* .page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.dn:after,
    .page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.up:after {
        margin-left: 5px;
        margin-left: -10px;
    } */
    /* .page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.left-opt .desc {
        margin-right: 30px;
    } */
    .page-price .kod-content .content-info .option.part2-4 .opt-box .info-box.right-opt .desc {
        /* margin-right: 40px; */
        margin-right: 0px;
    }
    .page-price .option.part2-4 .opt-box .opt-info .title {
        width: 60px;
    }
    .page-price .option.part2-4 .opt-box .info-box:nth-child(5) .opt-info .title,
    .page-price .option.part2-4 .opt-box .info-box:nth-child(11) .opt-info .title {
        line-height: 20px;
        padding: 10px;
    }
    .page-partner .kod-content .content-info .option.part1-4 .opt-box .opt-info,
    .page-partner .kod-content .content-info .option.part2-3 .opt-box .opt-info {
        padding: 30px 20px;
    }
    .page-partner .kod-content .content-info .option.part2-3 .opt-box .opt-info>div.sub-img-box img {
        margin-top: 15px;
    }
    .page-partner .kod-content .content-info .option.part1-4 .opt-box .opt-info>div .title,
    .page-partner .kod-content .content-info .option.part2-3 .opt-box .opt-info>div .title {
        margin-bottom: 20px;
    }
    .page-index .kod-content .content-info .option.part2-1 .opt-box.work .info-box,
    .page-index .kod-content .content-info .option.part2-1 .opt-box.device .info-box {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .page-index .kod-content .content-info .option.part2-1 .opt-box.work .info-box .opt-info {
        /* width: 100%;
        height: 80px; */
        /* height: 120px; */
        /* height: 140px; */
    }
    .page-index .kod-content .content-info .option.part4-1 .opt-box .info-box .opt-line.dtl-col-3>span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* .page-index .kod-content .content-info .option.part2-1 .opt-box .info-box.multi .opt-line,
    .page-price .option.part1-4 .opt-box .info-box .opt-line {
        padding-left: 5%;
    } */
    /* .page-price .option.part1-5 .opt-box .info-box .opt-line {
        padding-left: 20%;
    } */
    /* .page-index .kod-content .content-info .option.part1-2 .opt-box .info-box {
        padding-left: 10%;
    } */
    .page-download .kod-content .app-qrcode,
    .page-download .kod-content .app-download {
        padding: 0px;
        margin: 0px auto;
        margin-top: 15px;
        width: 100%;
    }
    .page-download .kod-content .app-download a.btn-download {
        margin: 0px auto 20px;
    }
    .page-download .kod-content .line-item {
        padding-left: 0px;
        margin-bottom: 0px;
    }
    .page-download .kod-content .line-item .btn-download {
        position: relative;
        display: block;
        margin: 0px auto;
        margin-top: 5px;
    }
}

span.iconfont.icon-yunliankeji_gongyinglianfuben,
span.icon-shujuqianyi,
span.icon-anquanbaozhang-xianxing,
.icon-fuwu,
.icon-huihua,
.icon-shenjiguanli,
.icon-zhishiku,
.icon-tongji,
.icon-chaorongheshujuzhongxin {
    font-size: 26px !important;
    padding: 10px;
    background: #f60;
    height: max-content;
    margin-right: 10px;
    border-radius: 50%;
    color: #fff;
}

.icon-jm4,
.icon-process,
.icon-anquanguankong,
.icon-liandongkongzhi,
.icon-partner-02,
.icon-a-4-4gaoxiaoxietong,
.icon-FormDigest,
.icon-icon_zhinengfenlei {
    font-size: 40px !important;
    padding: 16px;
    background: #f60;
    height: max-content;
    margin-bottom: 40px;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
}