<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
    margin:0;
    padding:0;
    -webkit-tap-highlight-color:transparent;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html, body {
    min-width:1200px;
    font-family:"Helvetica Neue", Helvetica, "PingFang SC", tahoma, 'hiragino sans GB', arial, "Microsoft YaHei", sans-serif
}
#leafContainer {
    position:fixed;
    width:100%;
    top:-80px;
    z-index:1001
}
#leafContainer&gt;div {
    position:fixed;
    width:60px;
    height:60px;
    z-index:999;
    -webkit-animation-iteration-count:1, 1;
    -webkit-animation-direction:normal, normal;
    -webkit-animation-timing-function:linear, ease-in
}
#leafContainer&gt;div&gt;img {
    position:absolute;
    width:60px;
    height:60px;
    -webkit-user-drag:none;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-transform-origin:-50%
}
@-webkit-keyframes fade {
    0% {
        opacity:1
    }
    95% {
        opacity:1
    }
    100% {
        opacity:0
    }
}
@-webkit-keyframes drop {
    0% {
        -webkit-transform:translate(0px, -50px)
    }
    100% {
        -webkit-transform:translate(0px, 850px)
    }
}
@-webkit-keyframes clockwiseSpin {
    0% {
        -webkit-transform:rotate(-50deg)
    }
    100% {
        -webkit-transform:rotate(50deg)
    }
}
@-webkit-keyframes counterclockwiseSpinAndFlip {
    0% {
        -webkit-transform:scale(-1, 1) rotate(50deg)
    }
    100% {
        -webkit-transform:scale(-1, 1) rotate(-50deg)
    }
}
a {
    text-decoration:none;
    color:#1A1A1A
}
ul li {
    list-style:none
}
.width_1200 {
    width:1200px;
    margin:0 auto
}
.header-component {
    position:absolute;
    border-bottom:1px solid #D0D0D0;
    top:0;
    left:0;
    z-index:1000;
    background:#fff;
    width:100%
}
.header-component.fix_header {
    position:fixed;
    border:none;
    -webkit-box-shadow:0px 1px 10px 0px rgba(208, 208, 208, 0.5);
    box-shadow:0px 1px 10px 0px rgba(208, 208, 208, 0.5)
}
.header-component nav {
    width:1200px;
    height:64px;
    margin:0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.header-component nav .logo {
    font-size:16px;
    font-weight:400;
    color:#1A1A1A;
    text-shadow:0px 1px 0px rgba(208, 208, 208, 0.5);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.header-component nav .logo a {
    color:#1A1A1A
}
.header-component nav .logo img {
    width:45px;
    height:45px;
    margin-right:12px
}
.header-component nav .nav-tabs {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:16px;
    font-weight:400;
    color:#1A1A1A;
    line-height:22px;
    text-shadow:0px 1px 0px rgba(208, 208, 208, 0.5);
    height:100%
}
.header-component nav .nav-tabs&gt;li{
    position: relative;
    margin-left:15px;
}
.header-component nav .nav-tabs&gt;li:not(:last-child) {
    margin-right:15px
}
.header-component nav .nav-tabs&gt;li.on&gt;a,.header-component nav .nav-tabs&gt;li&gt;a:hover,.header-component nav .nav-tabs&gt;li:hover&gt;a{
    border-bottom:4px solid #084AF4;
    color:#084AF4
}
.header-component nav .nav-tabs&gt;li&gt;a {
    border-bottom:4px solid transparent;
    height:64px;
    display:inline-block;
    line-height:64px
}

.nav-tabs li.has-sub-menu{padding-right:15px}
.nav-tabs li.has-sub-menu:hover .sub-menu{visibility:visible;opacity:1;margin-top:0}
.nav-tabs li.has-sub-menu:before{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;top:28px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.nav-tabs li.has-sub-menu:before,.nav-tabs li.has-sub-menu:hover:before{content:"";height:4px;width:4px;display:block;border-color:#000;border-style:solid;border-width:0 0 1px 1px;position:absolute;right:0}
.nav-tabs li.has-sub-menu:hover:before{top:32px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);border-color:#084AF4;-o-transform:rotate(135deg);-ms-transform:rotate(135deg)}
.nav-tabs li.has-sub-menu.on:before{
    border-color:#084AF4;
}
.nav-tabs .sub-menu{position:absolute;padding-top:10px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:hidden;opacity:0;margin-top:-10px;width:140px;top:100%;left:50%;margin-left:-79px}
.nav-tabs .sub-menu ul{position:relative;background:#fff;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3);padding:5px 0}
.nav-tabs .sub-menu ul:after,.nav-tabs .sub-menu ul:before{content:"";position:absolute;top:-5px;left:50%;margin-left:-3px;border-left:5px solid transparent;border-right:5px solid transparent}
.nav-tabs .sub-menu ul:before{border-bottom:5px solid rgba(0,0,0,.1)}
.nav-tabs .sub-menu ul:after{border-bottom:5px solid #fff;margin-top:1px}
.nav-tabs .sub-menu li{display:block;float:none;margin:0;text-align:center}
.nav-tabs .sub-menu li a{display:block;line-height:14px;padding:12px 15px;text-align:center;font-size:14px;color:#333}
.nav-tabs .sub-menu li a:hover,.nav-tabs .sub-menu li.on a{background:#f2f2f4;color:#084AF4;}
.nav-tabs li:hover&gt;.sub-menu{display:block}
.yc{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}
.home_box {
    padding-top:64px
}
.home_box .dl_btn:hover {
    background:linear-gradient(139deg, #7341FE 0%, #084AF4 100%) !important;
    -webkit-box-shadow:0px 4px 8px 0px rgba(255, 113, 63, 0.22), 0px 2px 15px 0px rgba(81, 192, 255, 0.5), 0px 2px 10px 0px rgba(8, 74, 244, 0.25) !important;
    box-shadow:0px 4px 8px 0px rgba(255, 113, 63, 0.22), 0px 2px 15px 0px rgba(81, 192, 255, 0.5), 0px 2px 10px 0px rgba(8, 74, 244, 0.25) !important
}
.home_box .section_box {
    background:url("images/banner_bg_new@2x.png") center no-repeat;
    background-size:cover;
    height:1548px
}
.home_box .banner_box {
    padding-top:66px;
    position:relative;
    height:526px
}
.home_box .banner_box .width_1200 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.home_box .banner_box .width_1200 .left_box {
    position:relative;
    z-index:1
}
.home_box .banner_box .width_1200 .left_box h2 {
    font-size:48px;
    font-weight:bold;
    color:#1A1A1A;
    line-height:75px
}
.home_box .banner_box .width_1200 .left_box ul {
    margin:30px 0 60px
}
.home_box .banner_box .width_1200 .left_box ul li {
    font-size:18px;
    font-weight:400;
    color:#1A1A1A;
    line-height:27px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.home_box .banner_box .width_1200 .left_box ul li:not(:last-child) {
    margin-bottom:20px
}
.home_box .banner_box .width_1200 .left_box ul li:before {
    content:'';
    width:8px;
    height:8px;
    background:#084AF4;
    border-radius:2px;
    display:inline-block;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    margin-right:13px
}
.home_box .banner_box .width_1200 .left_box .dl_btn {
    width:230px;
    height:71px;
    background:linear-gradient(139deg, #084AF4 0%, #7341FE 100%);
    -webkit-box-shadow:0px 4px 8px 0px rgba(255, 113, 63, 0.22), 0px 2px 15px 0px rgba(81, 192, 255, 0.5), 0px 2px 10px 0px rgba(8, 74, 244, 0.25);
    box-shadow:0px 4px 8px 0px rgba(255, 113, 63, 0.22), 0px 2px 15px 0px rgba(81, 192, 255, 0.5), 0px 2px 10px 0px rgba(8, 74, 244, 0.25);
    border-radius:8px;
    font-size:22px;
    font-weight:400;
    color:#FFFFFF;
    line-height:33px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    overflow:hidden
}
.home_box .banner_box .width_1200 .left_box .dl_btn .guang_icon {
    width:98px;
    height:71px;
    position:absolute;
    left:0;
    top:0;
    -webkit-animation:guang 1.5s 1.5s infinite both;
    animation:guang 1.5s 1.5s infinite both
}
.home_box .banner_box .width_1200 .left_box .dl_btn img {
    width:20px;
    height:25px;
    margin-right:14px
}
.home_box .banner_box .width_1200 .left_box .version_box {
    margin-top:14px;
    font-size:14px;
    font-weight:400;
    color:#666666;
    line-height:24px
}
.home_box .banner_box .width_1200 .left_box .version_box span:first-child {
    margin-right:40px
}
.home_box .banner_box .width_1200 .left_box .p_14 {
    font-size:12px;
    font-weight:400;
    color:#666666;
    line-height:24px;
    margin-top:5px
}
.home_box .banner_box .width_1200 .right_box img {
    width:785px;
    height:430px;
    margin-right:-80px
}
.home_box .section_wrap {
    margin-top:-280px;
    margin-bottom:100px
}
.home_box .section_wrap .wrap&gt;h3 {
    font-size:32px;
    font-weight:600;
    color:#1A1A1A;
    line-height:45px;
    text-align:center;
    margin-bottom:24px
}
.home_box .section_wrap .wrap&gt;p {
    font-size:16px;
    color:rgba(0, 0, 0, 0.65);
    line-height:28px;
    text-align:center
}
.home_box .section_wrap .wrap .list {
    margin-top:12px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.home_box .section_wrap .wrap .list .item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:32px;
    -webkit-transition:all 0.2s;
    transition:all 0.2s;
    position:relative
}
.home_box .section_wrap .wrap .list .item img {
    width:282px;
    height:228px;
    margin-bottom:20px
}
.home_box .section_wrap .wrap .list .item span {
    font-size:16px;
    color:#000000;
    line-height:24px
}
.home_box .section_wrap .wrap .list .item .txt {
    width:100%;
    position:absolute;
    left:0;
    top:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:8px 7px
}
.home_box .section_wrap .wrap .list .item .txt&gt;span {
    color:rgba(255, 255, 255, 0.9);
    display:block;
    border-radius:4px;
    font-size:14px;
    padding:0px 10px;
    background:rgba(0, 0, 0, 0.5)
}
.home_box .section_wrap .wrap .list .item .txt&gt;span:nth-child(2) {
    padding:0px 5px
}
.home_box .section_wrap .wrap .list .item:hover {
    -webkit-transform:scale(1.03);
    transform:scale(1.03)
}
.home_box .section_2 .p_36 {
    font-size:36px;
    font-weight:600;
    color:#1A1A1A;
    line-height:36px;
    text-align:center;
    margin-bottom:17px
}
.home_box .section_2 .p_20 {
    font-size:20px;
    font-weight:400;
    color:#666666;
    line-height:36px;
    text-align:center
}
.home_box .section_2 ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:55px
}
.home_box .section_2 ul li {
    width:384px;
    height:118px;
    background:rgba(8, 74, 244, 0.04);
    border-radius:2px;
    border:1px solid rgba(8, 74, 244, 0.24);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:40px;
    padding:0 19px
}
.home_box .section_2 ul li:not(:nth-of-type(3n)) {
    margin-right:24px
}
.home_box .section_2 ul li img {
    margin-right:20px;
    width:66px;
    height:65px
}
.home_box .section_2 ul li&gt;div p:first-child {
    font-size:16px;
    font-weight:500;
    color:#1A1A1A;
    line-height:20px;
    margin-bottom:6px
}
.home_box .section_2 ul li&gt;div p:last-child {
    font-size:14px;
    font-weight:400;
    color:#1A1A1A;
    line-height:20px
}
.home_box .section_3 {
    position:relative;
    margin-top:80px
}
.home_box .section_3 .p_14 {
    font-size:12px;
    font-weight:400;
    color:#666666;
    line-height:24px;
    margin-top:5px;
    text-align:center;
    margin-bottom:30px
}
.home_box .section_3 .p_36 {
    font-size:36px;
    font-weight:600;
    color:#1A1A1A;
    line-height:50px;
    text-align:center;
    margin-bottom:40px
}
.home_box .section_3 .flex_box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.home_box .section_3 .flex_box&gt;div {
    width:287px;
    height:487px;
    background:#FFFFFF;
    -webkit-box-shadow:0px 2px 26px 0px rgba(0, 72, 255, 0.06), 0px 2px 8px 0px rgba(0, 71, 255, 0.06);
    box-shadow:0px 2px 26px 0px rgba(0, 72, 255, 0.06), 0px 2px 8px 0px rgba(0, 71, 255, 0.06);
    border-radius:12px;
    padding:20px
}
.home_box .section_3 .flex_box&gt;div .features_p {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.home_box .section_3 .flex_box&gt;div .features_p&gt;img {
    width:44px;
    height:44px
}
.home_box .section_3 .flex_box&gt;div .features_p .p_18 {
    font-size:18px;
    font-weight:bold;
    color:#1A1A1A;
    position:relative;
    text-align:center
}
.home_box .section_3 .flex_box&gt;div .features_p .p_18 span {
    width:97px;
    height:10px;
    background:-webkit-gradient(linear, right top, left top, from(rgba(71, 8, 244, 0.3)), to(rgba(71, 8, 244, 0)));
    background:linear-gradient(270deg, rgba(71, 8, 244, 0.3) 0%, rgba(71, 8, 244, 0) 100%);
    border-radius:10px;
    opacity:0.8;
    position:absolute;
    bottom:-5px;
    left:calc(30%)
}
.home_box .section_3 .flex_box&gt;div .p_14 {
    font-size:14px;
    color:#888888;
    line-height:28px;
    margin-bottom:8px;
    text-align:left
}
.home_box .section_3 .flex_box&gt;div .features_img {
    width:246px;
    height:339px
}
.home_box .section_3 .flex_box&gt;div:nth-child(2) {
    position:relative
}
.home_box .section_3 .flex_box&gt;div:nth-child(2) .qian {
    position:absolute;
    left:20px;
    top:133px;
    font-size:11px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#fff;
    width:58px;
    height:23px;
    background:rgba(71, 71, 71, 0.6);
    border-radius:5px 0px 5px 0px
}
.home_box .section_3 .flex_box&gt;div:nth-child(2) .hou {
    position:absolute;
    right:21px;
    top:153px;
    font-size:11px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#fff;
    width:58px;
    height:23px;
    background:rgba(71, 71, 71, 0.6);
    border-radius:0px 5px 0px 5px
}
.home_box .section_3 .flex_box&gt;div:nth-child(2) .features_p .p_18 span {
    background:-webkit-gradient(linear, right top, left top, from(rgba(8, 74, 244, 0.2)), to(rgba(8, 74, 244, 0)));
    background:linear-gradient(270deg, rgba(8, 74, 244, 0.2) 0%, rgba(8, 74, 244, 0) 100%)
}
.home_box .section_3 .flex_box&gt;div:nth-child(3) .features_p .p_18 span {
    background:-webkit-gradient(linear, right top, left top, from(rgba(244, 8, 79, 0.2)), to(rgba(244, 8, 79, 0)));
    background:linear-gradient(270deg, rgba(244, 8, 79, 0.2) 0%, rgba(244, 8, 79, 0) 100%)
}
.home_box .section_3 .flex_box&gt;div:nth-child(4) .features_p .p_18 span {
    background:-webkit-gradient(linear, right top, left top, from(#FFC575), to(rgba(255, 197, 117, 0)));
    background:linear-gradient(270deg, #FFC575 0%, rgba(255, 197, 117, 0) 100%)
}
.home_box .section_3 .flex_box .features_1 #features_content_1 {
    width:246px;
    height:339px;
    background:#fff;
    overflow:hidden;
    position:relative;
    border-radius:8px
}
.home_box .section_3 .flex_box .features_1 #features_content_1 #qian_img {
    width:246px;
    height:339px
}
.home_box .section_3 .flex_box .features_1 #features_content_1 #qian_img img {
    width:246px;
    height:339px
}
.home_box .section_3 .flex_box .features_1 #features_content_1 #hou_img {
    width:123px;
    height:339px;
    overflow:hidden;
    position:absolute;
    left:0;
    top:0;
    z-index:2
}
.home_box .section_3 .flex_box .features_1 #features_content_1 #hou_img img {
    width:246px;
    height:339px
}
.home_box .section_3 .flex_box .features_1 #features_content_1 #features_btn {
    width:20px;
    height:345px;
    position:absolute;
    left:50%;
    top:0;
    z-index:99;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    cursor:pointer
}
.home_box .section_3 .flex_box .features_1 #features_content_1 #qian {
    width:58px;
    height:23px;
    background:rgba(71, 71, 71, 0.6);
    border-radius:0px 8px 0px 12px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    right:0;
    top:0;
    color:#fff;
    font-size:11px;
    z-index:2
}
.home_box .section_3 .flex_box .features_1 #features_content_1 #hou {
    width:58px;
    height:23px;
    background:rgba(71, 71, 71, 0.6);
    border-radius:8px 0px 12px 0px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    left:0;
    top:0;
    color:#fff;
    font-size:11px;
    z-index:2
}
.home_box .section_3 .flex_box .features_2 #features_content_2 {
    width:246px;
    height:339px;
    background:#fff;
    overflow:hidden;
    position:relative;
    border-radius:8px
}
.home_box .section_3 .flex_box .features_2 #features_content_2 #qian_img_2 {
    width:246px;
    height:339px
}
.home_box .section_3 .flex_box .features_2 #features_content_2 #qian_img_2 img {
    width:246px;
    height:339px
}
.home_box .section_3 .flex_box .features_2 #features_content_2 #hou_img_2 {
    width:123px;
    height:339px;
    overflow:hidden;
    position:absolute;
    left:0;
    top:0;
    z-index:2
}
.home_box .section_3 .flex_box .features_2 #features_content_2 #hou_img_2 img {
    width:246px;
    height:339px
}
.home_box .section_3 .flex_box .features_2 #features_content_2 #features_btn_2 {
    width:20px;
    height:345px;
    position:absolute;
    left:50%;
    top:0;
    z-index:99;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    cursor:pointer
}
.home_box .section_3 .flex_box .features_2 #features_content_2 #qian_2 {
    width:58px;
    height:23px;
    background:rgba(71, 71, 71, 0.6);
    border-radius:0px 8px 0px 12px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    right:0;
    top:0;
    color:#fff;
    font-size:11px;
    z-index:2
}
.home_box .section_3 .flex_box .features_2 #features_content_2 #hou_2 {
    width:58px;
    height:23px;
    background:rgba(71, 71, 71, 0.6);
    border-radius:8px 0px 12px 0px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    left:0;
    top:0;
    color:#fff;
    font-size:11px;
    z-index:2
}
.home_box .section_3 .flex_box .features_3 #features_content_3 {
    width:246px;
    height:339px;
    background:#fff;
    overflow:hidden;
    position:relative;
    border-radius:8px
}
.home_box .section_3 .flex_box .features_3 #features_content_3 #qian_img_3 {
    width:246px;
    height:339px
}
.home_box .section_3 .flex_box .features_3 #features_content_3 #qian_img_3 img {
    width:246px;
    height:339px
}
.home_box .section_3 .flex_box .features_3 #features_content_3 #hou_img_3 {
    width:123px;
    height:339px;
    overflow:hidden;
    position:absolute;
    left:0;
    top:0;
    z-index:2
}
.home_box .section_3 .flex_box .features_3 #features_content_3 #hou_img_3 img {
    width:246px;
    height:339px
}
.home_box .section_3 .flex_box .features_3 #features_content_3 #features_btn_3 {
    width:20px;
    height:345px;
    position:absolute;
    left:50%;
    top:0;
    z-index:99;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    cursor:pointer
}
.home_box .section_3 .flex_box .features_3 #features_content_3 #qian_3 {
    width:58px;
    height:23px;
    background:rgba(71, 71, 71, 0.6);
    border-radius:0px 8px 0px 12px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    right:0;
    top:0;
    color:#fff;
    font-size:11px;
    z-index:2
}
.home_box .section_3 .flex_box .features_3 #features_content_3 #hou_3 {
    width:58px;
    height:23px;
    background:rgba(71, 71, 71, 0.6);
    border-radius:8px 0px 12px 0px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    left:0;
    top:0;
    color:#fff;
    font-size:11px;
    z-index:2
}
.home_box .section_3 .dl_btn {
    width:230px;
    height:71px;
    background:linear-gradient(145deg, #084AF4 0%, #759CFF 100%);
    -webkit-box-shadow:0px 4px 10px 0px rgba(0, 85, 255, 0.5);
    box-shadow:0px 4px 10px 0px rgba(0, 85, 255, 0.5);
    border-radius:8px;
    font-size:22px;
    font-weight:400;
    color:#FFFFFF;
    line-height:33px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:60px auto 0
}
.home_box .section_3 .dl_btn img {
    width:20px;
    height:25px;
    margin-right:14px
}
.home_box .section_1 {
    position:relative;
    margin-top:40px
}
.home_box .section_1 .p_36 {
    font-size:36px;
    font-weight:600;
    color:#1A1A1A;
    line-height:50px;
    text-align:center
}
.home_box .section_1 ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:60px
}
.home_box .section_1 ul li {
    width:232px;
    height:263px;
    background:#FFFFFF;
    border-radius:8px;
    -webkit-transition:all .3s;
    transition:all .3s;
    cursor:pointer
}
.home_box .section_1 ul li a {
    width:232px;
    height:263px;
    display:block;
    padding-top:214px
}
.home_box .section_1 ul li:hover {
    -webkit-transform:translateY(-20px);
    transform:translateY(-20px)
}
.home_box .section_1 ul li:nth-child(1) {
    background:url("images/changjin_shenghuo@2x.png") center no-repeat;
    background-size:cover
}
.home_box .section_1 ul li:nth-child(2) {
    background:url("images/changiin_tupian@2x.png") center no-repeat;
    background-size:cover
}
.home_box .section_1 ul li:nth-child(3) {
    background:url("images/changjin_zhaopian@2x.png") center no-repeat;
    background-size:cover
}
.home_box .section_1 ul li:nth-child(4) {
    background:url("images/changjin_ppt@2x.png") center no-repeat;
    background-size:cover
}
.home_box .section_1 ul li:nth-child(5) {
    background:url("images/changjin_gengduo@2x.png") center no-repeat;
    background-size:cover
}
.home_box .section_1 ul li p {
    font-size:18px;
    font-weight:600;
    color:#000000;
    line-height:25px;
    text-align:center
}
.home_box .section_1 .dl_btn {
    width:230px;
    height:71px;
    background:linear-gradient(145deg, #084AF4 0%, #759CFF 100%);
    -webkit-box-shadow:0px 4px 10px 0px rgba(0, 85, 255, 0.5);
    box-shadow:0px 4px 10px 0px rgba(0, 85, 255, 0.5);
    border-radius:8px;
    font-size:22px;
    font-weight:400;
    color:#FFFFFF;
    line-height:33px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:60px auto 0
}
.home_box .section_1 .dl_btn img {
    width:20px;
    height:25px;
    margin-right:14px
}
.home_box .bottom_box {
    padding-top:40px;
    padding-bottom:60px;
    margin-top:40px
}
.home_box .bottom_box .section_4 .p_36 {
    font-size:36px;
    font-weight:600;
    color:#1A1A1A;
    line-height:50px;
    text-align:center
}
.home_box .bottom_box .section_4 ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:40px
}
.home_box .bottom_box .section_4 ul li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
.home_box .bottom_box .section_4 ul li:not(:last-child):after {
    content:'';
    width:128px;
    height:14px;
    position:absolute;
    top:70px;
    right:-116px;
    background:url("images/buzhou_jindu@2x.png") center no-repeat;
    background-size:cover
}
.home_box .bottom_box .section_4 ul li:nth-child(2):after {
    right:-140px
}
.home_box .bottom_box .section_4 ul li img {
    width:176px;
    height:133px
}
.home_box .bottom_box .section_4 ul li .p_16 {
    font-size:16px;
    font-weight:600;
    color:#222222;
    line-height:22px
}
.home_box .bottom_box .section_4 ul li .p_14 {
    font-size:14px;
    font-weight:400;
    color:#757575;
    line-height:23px;
    margin-top:4px
}
.home_box .bottom_box .section_4 ul li .p_14 span {
    color:#0A52F5
}
.home_box .evaluate_box {
    background:url("images/dibu_bg.jpg") center no-repeat;
    background-size:cover;
    height:562px;
    padding-top:60px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.home_box .evaluate_box .p_36 {
    font-size:36px;
    font-weight:600;
    color:#222222;
    line-height:36px;
    text-align:center
}
.home_box .evaluate_box ul {
    position:relative;
    width:1200px;
    margin:0 auto
}
.home_box .evaluate_box ul li {
    background:url("images/pinglun_01@2x.png") center no-repeat;
    background-size:cover;
    width:536px;
    height:122px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:17px 20px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:absolute
}
.home_box .evaluate_box ul li img {
    width:54px;
    height:54px
}
.home_box .evaluate_box ul li p {
    width:388px;
    font-size:14px;
    font-weight:400;
    color:#FFFFFF;
    line-height:24px;
    margin-left:38px
}
.home_box .evaluate_box ul li:first-child {
    top:45px;
    left:50px
}
.home_box .evaluate_box ul li:nth-child(2) {
    width:467px;
    background:url("images/pinglun_02@2x.png") center no-repeat;
    background-size:cover;
    top:270px;
    left:0
}
.home_box .evaluate_box ul li:nth-child(2) p {
    width:328px
}
.home_box .evaluate_box ul li:nth-child(3) {
    width:532px;
    background:url("images/pinglun_03@2x.png") center no-repeat;
    background-size:cover;
    top:100px;
    right:50px
}
.home_box .evaluate_box ul li:nth-child(4) {
    width:467px;
    height:123px;
    background:url("images/pinglun_04@2x.png") center no-repeat;
    background-size:cover;
    top:300px;
    right:200px
}
.home_box .evaluate_box ul li:nth-child(4) p {
    width:328px
}
.home_box .single_list_box {
    width:1200px;
    margin:80px auto 0
}
.home_box .single_list_box .p_36 {
    font-size:36px;
    font-weight:600;
    color:#1A1A1A;
    line-height:36px;
    text-align:center
}
.home_box .single_list_box .tab_box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:41px
}
.home_box .single_list_box .tab_box p {
    width:144px;
    height:40px;
    background:#FFFFFF;
    -webkit-box-shadow:0px 2px 10px 0px rgba(221, 221, 221, 0.68);
    box-shadow:0px 2px 10px 0px rgba(221, 221, 221, 0.68);
    border-radius:100px;
    font-size:16px;
    font-weight:500;
    color:#222222;
    line-height:22px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    cursor:pointer
}
.home_box .single_list_box .tab_box p:not(:last-child) {
    margin-right:34px
}
.home_box .single_list_box .tab_box p:hover, .home_box .single_list_box .tab_box p.on {
    background:rgba(0, 84, 255, 0.08);
    -webkit-box-shadow:0px 2px 10px 0px rgba(221, 221, 221, 0.68);
    box-shadow:0px 2px 10px 0px rgba(221, 221, 221, 0.68);
    border:1px solid #0054FF;
    color:#0054FF
}
.home_box .single_list_box .look_btn {
    width:211px;
    height:56px;
    background:linear-gradient(139deg, #5B88FD 0%, #7CA1FF 100%);
    border-radius:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:18px;
    font-weight:400;
    color:#FFFFFF;
    line-height:25px;
    margin:40px auto 0;
    cursor:pointer;
    -webkit-transition:all .3s;
    transition:all .3s
}
.home_box .single_list_box .look_btn:hover {
    background:linear-gradient(139deg, #3E72F8 0%, #4C7FFE 100%)
}
.home_box .single_list_box .look_btn img {
    width:17px;
    height:11px;
    margin-left:8px
}
.home_box .single_list_box .content_box ul {
    display:none;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:40px
}
.home_box .single_list_box .content_box ul.on {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.home_box .single_list_box .content_box ul li a {
    width:285px;
    height:304px;
    background:#FFFFFF;
    -webkit-box-shadow:0px 2px 10px 0px rgba(221, 221, 221, 0.68);
    box-shadow:0px 2px 10px 0px rgba(221, 221, 221, 0.68);
    border-radius:8px;
    display:block;
    padding:18px 16px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid transparent
}
.home_box .single_list_box .content_box ul li a:hover {
    background:rgba(0, 86, 255, 0.02);
    -webkit-box-shadow:0px 2px 10px 0px rgba(221, 221, 221, 0.68);
    box-shadow:0px 2px 10px 0px rgba(221, 221, 221, 0.68);
    border:1px solid #0054FF
}
.home_box .single_list_box .content_box ul li a:hover .p_16 {
    color:#0054FF
}
.home_box .single_list_box .content_box ul li a .img_box {
    border-radius:8px;
    width:253px;
    height:148px;
    overflow:hidden
}
.home_box .single_list_box .content_box ul li a .img_box img {
    width:253px;
    height:148px;
    -o-object-fit:cover;
    object-fit:cover
}
.home_box .single_list_box .content_box ul li a .p_16 {
    font-size:16px;
    font-weight:600;
    color:#222222;
    line-height:22px;
    margin-bottom:6px;
    margin-top:16px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.home_box .single_list_box .content_box ul li a p {
    font-size:14px;
    font-weight:400;
    color:#666666;
    line-height:22px
}
.home_box .single_list_box .content_box ul li a .p_12 {
    font-size:12px;
    font-weight:400;
    color:#666666;
    line-height:17px;
    margin-top:14px
}
.footer-component {
    width:100%;
    padding-bottom:20px;
    background-color:#20262C
}
.footer-component&gt;div {
    width:100%;
    border-bottom:1px solid #292F36
}
.footer-component .footer-2&gt;div {
    width:1200px;
    margin:0 auto;
    padding-top:60px;
    padding-bottom:35px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.footer-component .footer-2&gt;div .ul-list-frame {
    width:550px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.footer-component .footer-2&gt;div .ul-list-frame&gt;ul li:not(:last-child) {
    margin-bottom:14px
}
.footer-component .footer-2&gt;div .ul-list-frame&gt;ul li:first-child {
    font-size:14px;
    color:rgba(255, 255, 255, 0.8);
    letter-spacing:1px;
    margin-bottom:24px
}
.footer-component .footer-2&gt;div .ul-list-frame&gt;ul li&gt;a {
    font-size:14px;
    color:rgba(255, 255, 255, 0.4);
    letter-spacing:1px;
    -webkit-transition:color 0.3s linear;
    transition:color 0.3s linear
}
.footer-component .footer-2&gt;div .ul-list-frame&gt;ul li&gt;a&gt;i {
    color:rgba(255, 255, 255, 0.4)
}
.footer-component .footer-2&gt;div .ul-list-frame&gt;ul li&gt;a:hover {
    color:rgba(255, 255, 255, 0.8)
}
.footer-component .footer-2&gt;div .ul-list-frame&gt;ul li&gt;a:hover&gt;i {
    color:#008CFF
}
.footer-component .footer-2&gt;div .logo-frame {
    margin-left:202px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.footer-component .footer-2&gt;div .logo-frame&gt;div {
    text-align:center
}
.footer-component .footer-2&gt;div .logo-frame&gt;div:first-child img {
    width:128px;
    height:128px
}
.footer-component .footer-2&gt;div .logo-frame&gt;div:not(:last-child) {
    margin-right:52px
}
.footer-component .footer-2&gt;div .logo-frame&gt;div img {
    width:48px;
    height:48px;
    margin-bottom:8px
}
.footer-component .footer-2&gt;div .logo-frame&gt;div p {
    font-size:14px;
    color:#fff;
    letter-spacing:1px;
    line-height:22px
}
.footer-component .footer-4 {
    width:1200px;
    margin:0 auto;
    font-size:14px;
    color:rgba(255, 255, 255, 0.4);
    border:none;
    text-align:center;
    margin-top:20px
}
.footer-component .footer-4 a {
    display:inline-block;
    color:rgba(255, 255, 255, 0.4);
    -webkit-transition:color 0.3s linear;
    transition:color 0.3s linear
}
.footer-component .footer-4 a:hover {
    color:#fff
}
.contact_box {
    padding-top:64px
}
.contact_box .banner_box {
    background:url("images/contactus_banner_bj.jpg") center no-repeat;
    background-size:cover;
    height:195px;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.contact_box .banner_box h2 {
    font-size:32px;
    font-weight:500;
    color:#FFFFFF;
    line-height:45px;
    text-align:center
}
.contact_box .section_1 {
    width:1200px;
    margin:0 auto 80px;
    padding-top:100px
}
.contact_box .section_1 .list_box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:center;
    margin-top:64px
}
.contact_box .section_1 .list_box a {
    width:269px;
    background:#FFFFFF;
    -webkit-box-shadow:0px 6px 45px 6px rgba(139, 148, 251, 0.09);
    box-shadow:0px 6px 45px 6px rgba(139, 148, 251, 0.09);
    border-radius:16px;
    border:4px solid #F8F9FF;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top:54px;
    padding-bottom:54px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.contact_box .section_1 .list_box a:hover .p_14_contact {
    border-color:#5360FF;
    color:#5360FF
}
.contact_box .section_1 .list_box a img {
    width:84px;
    height:84px;
    margin-bottom:31px
}
.contact_box .section_1 .list_box a .p_24 {
    font-size:24px;
    font-weight:400;
    color:#1A1A1A;
    line-height:36px
}
.contact_box .section_1 .list_box a .p_14_contact {
    width:96px;
    height:32px;
    border-radius:4px;
    border:1px solid #D8D8D8;
    font-size:14px;
    font-weight:400;
    color:#999999;
    line-height:32px;
    text-align:center;
    margin-top:16px
}
.contact_box .section_1 .list_box a .p_14 {
    font-size:14px;
    font-weight:400;
    color:#666666;
    line-height:14px;
    margin-top:16px
}
.contact_box .section_1 .text_box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:52px;
    justify-content: center;
}
.contact_box .section_1 .text_box p {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:14px;
    font-weight:400;
    color:#666666
}
.contact_box .section_1 .text_box p:last-child {
    /**margin-left:24px**/
}
.contact_box .section_1 .text_box p span {
    width:8px;
    height:8px;
    background:#5360FF;
    border-radius:50%;
    display:inline-block;
    margin-right:8px
}
.contact_box .p_title_40 {
    font-size:40px;
    font-weight:bold;
    color:#1A1A1A;
    line-height:60px;
    letter-spacing:3px;
    width:180px;
    margin:0 auto
}
.contact_box .section_2 {
    margin:100px 0
}
.contact_box .section_2&gt;div {
    width:1200px;
    margin:53px auto 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative
}
.contact_box .section_2&gt;div .desc_box {
    width:550px;
    background:#FFFFFF;
    -webkit-box-shadow:0px 2px 27px 0px rgba(0, 0, 0, 0.09);
    box-shadow:0px 2px 27px 0px rgba(0, 0, 0, 0.09);
    border-radius:4px;
    padding:30px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.contact_box .section_2&gt;div .desc_box p {
    font-size:14px;
    font-weight:400;
    color:#1A1A1A;
    line-height:32px;
    letter-spacing:1px;
    margin:22px 27px
}
.contact_box .section_2&gt;div .desc_box span {
    display:block;
    width:147px;
    height:12px;
    background:-webkit-gradient(linear, left top, right top, from(rgba(0, 140, 255, 0.45)), to(rgba(0, 140, 255, 0)));
    background:linear-gradient(90deg, rgba(0, 140, 255, 0.45) 0%, rgba(0, 140, 255, 0) 100%)
}
.contact_box .section_2&gt;div .desc_box span.right_span {
    background:-webkit-gradient(linear, left top, right top, from(rgba(0, 140, 255, 0)), to(rgba(0, 140, 255, 0.45)));
    background:linear-gradient(90deg, rgba(0, 140, 255, 0) 0%, rgba(0, 140, 255, 0.45) 100%);
    float:right
}
.contact_box .section_2&gt;div img {
    width:731px;
    margin-left:469px
}
.contact_box .section_3 {
    background:url("images/bg_02.jpg") center no-repeat;
    background-size:cover;
    height:390px;
    padding-top:60px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.contact_box .section_3 .p_40 {
    width:390px;
    font-size:40px;
    font-weight:bold;
    color:#FFFFFF;
    line-height:60px;
    letter-spacing:3px;
    text-align:center;
    margin:0 auto;
    position:relative
}
.contact_box .section_3 .p_40:after {
    content:'';
    display:block;
    width:170px;
    height:14px;
    background:linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    border-radius:4px;
    opacity:0.3;
    position:absolute;
    bottom:2px;
    right:-2px
}
.contact_box .section_3 ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:60px
}
.contact_box .section_3 ul li {
    width:368px;
    height:151px;
    background:#FFFFFF;
    -webkit-box-shadow:0px 16px 50px 0px rgba(10, 21, 40, 0.25);
    box-shadow:0px 16px 50px 0px rgba(10, 21, 40, 0.25);
    border-radius:7px;
    border:1px solid #DFE0F2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-left:42px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding-right:18px;
    padding-top:36px
}
.contact_box .section_3 ul li:not(:last-child) {
    margin-right:26px
}
.contact_box .section_3 ul li img {
    width:54px;
    height:54px;
    margin-right:16px
}
.contact_box .section_3 ul li&gt;div p {
    text-align:left;
    font-size:14px;
    font-weight:400;
    color:#404040;
    line-height:20px
}
.contact_box .section_3 ul li&gt;div p:first-child {
    font-size:24px;
    font-weight:500;
    color:#404040;
    line-height:33px;
    margin-bottom:10px
}
.help_box {
    padding-top:64px
}
.help_box .search_box {
    height:300px;
    background:url("images/banner_bg@2x.png") center no-repeat;
    background-size:2560px 335px;
    padding-top:17px
}
.help_box .search_box .p_14 {
    font-size:14px;
    font-weight:400;
    color:#FFFFFF
}
.help_box .search_box .p_14 a {
    color:#FFFFFF
}
.help_box .search_box .search_flex {
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.help_box .search_box .search_flex .p_40 {
    text-align:center;
    font-size:40px;
    font-weight:500;
    color:#FFFFFF;
    margin-bottom:30px
}
.help_box .search_box .search_flex .search-form_wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative
}
.help_box .search_box .search_flex .search-form_wrapper .form-control {
    width:726px;
    height:54px;
    padding:16px 0 16px 20px;
    border:none;
    outline:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.help_box .search_box .search_flex .search-form_wrapper button {
    height:54px;
    background-color:#FFFFFF;
    border:0;
    padding-right:23px;
    position:relative;
    cursor:pointer
}
.help_box .search_box .search_flex .search-form_wrapper button img {
    position:absolute;
    width:24px;
    height:24px;
    top:26%;
    right:23px
}
.help_box .search_box .search_flex .p_22 {
    text-align:center;
    font-size:16px;
    font-weight:400;
    margin-top:14px;
    color:rgba(255, 255, 255, 0.6)
}
.help_box .search_box .search_flex .p_22 span{
    display: inline-block;overflow:hidden;
}
.help_box .search_box .search_flex .p_22 a {
    color:rgba(255, 255, 255, 0.6);
    display: inline-block;max-width: 220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    margin-right:24px
}
.help_box .search_box .search_flex .p_22 a:hover {
    color:#FFFFFF
}
.help_box .search_box .search_flex .p_22 a:last-child {
    margin-right:0;
}
.help_box .component1 {
    padding:81px 0 70px;
    background:#F9F9FB
}
.help_box .component1 .p_24 {
    text-align:center;
    position:relative
}
.help_box .component1 .p_24&gt;span:before {
    content:"";
    background:url("images/icon_bianti_you@2x.png") no-repeat;
    background-size:24px 24px;
    width:32px;
    height:28px;
    position:absolute;
    left:58%;
    top:24%
}
.help_box .component1 .p_24&gt;span:after {
    content:"";
    background:url("images/icon_bianti_zuo@2x.png") no-repeat;
    background-size:24px 24px;
    width:32px;
    height:28px;
    position:absolute;
    left:40%;
    top:24%
}
.help_box .component1 .p_24 span:nth-child(1) {
    width:100%;
    font-size:28px;
    font-weight:500;
    color:#1A1A1A
}
.help_box .component1 .p_24 .absolute_a {
    height:auto;
    position:absolute;
    right:0px;
    top:22%
}
.help_box .component1 .p_24 .absolute_a:hover {
    color:#4C7EFF
}
.help_box .component1 :nth-last-child(2) span:after {
    left:36.5%
}
.help_box .component1 :nth-last-child(2) span:before {
    left:61.5%
}
.help_box .component1 .novice_tutorial {
    margin:40px 0 80px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:flex-start;
    gap: 20px;
    flex-wrap: wrap;
}
.help_box .component1 .novice_tutorial li {
    background:url("images/xinshou_bg_normal@2x.png") center no-repeat;
    background-size:306px 196px;
    width:285px;
    height:182px;
    padding:27px 10px 19px 20px
}
.help_box .component1 .novice_tutorial li .p_18 {
    padding-left:32px;
    position:relative;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.help_box .component1 .novice_tutorial li .p_18:before {
    content:"";
    background:url("images/new_icon_01@2x.png") no-repeat;
    background-size:24px 24px;
    width:24px;
    height:24px;
    position:absolute;
    left:1px;
    top:0%
}
.help_box .component1 .novice_tutorial li .p_14 {
    width:253px;
    font-size:14px;
    font-weight:400;
    color:#666666;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    margin:38px 13px 20px 0
}
.help_box .component1 .novice_tutorial li .span_14 {
    font-size:14px;
    font-weight:400;
    color:#4C7EFF
}
.help_box .component1 .novice_tutorial li:hover {
    background:url("images/xingshou_bg_hover@2x.png") center no-repeat;
    background-size:306px 196px;
    border:0px solid #1849F5;
    -webkit-transition-duration:0.65s;
    transition-duration:0.65s;
    -webkit-box-shadow:0px 19px 46px -9px rgba(0, 0, 0, 0.14);
    box-shadow:0px 19px 46px -9px rgba(0, 0, 0, 0.14)
}
/**
.help_box .component1 .novice_tutorial&gt;:nth-child(2) .p_18:before {
    background:url("images/new_icon_02@2x.png") no-repeat;
    background-size:24px 24px
}
.help_box .component1 .novice_tutorial&gt;:nth-child(3) .p_18:before {
    background:url("images/new_icon_03@2x.png") no-repeat;
    background-size:24px 24px
}
.help_box .component1 .novice_tutorial&gt;:nth-child(4) .p_18:before {
    background:url("images/new_icon_04@2x.png") no-repeat;
    background-size:24px 24px
}
**/
.help_box .component1 .common_problem {
    margin:40px auto 80px;
    flex-wrap: wrap;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:center;
    gap:20px;
}
.help_box .component1 .common_problem&gt;li {
    padding:18px 20px;
    background:#FFFFFF;
    -webkit-box-shadow:0px 2px 11px 0px rgba(200, 200, 200, 0.5);
    box-shadow:0px 2px 11px 0px rgba(200, 200, 200, 0.5);
    border-radius:8px;
    width:285px;
    height:334px;
    text-align:center;
}
.help_box .component1 .common_problem&gt;li img {
    width:53px;
    height:53px;
    margin-bottom:10px
}
.help_box .component1 .common_problem&gt;li .p_18 {
    font-size:18px;
    font-weight:500;
    color:#1A1A1A;
    margin-bottom:17px
}
.help_box .component1 .common_problem&gt;li ul {
    font-size:14px;
    font-weight:400;
    color:#666666;
    margin-left:15px
}
.help_box .component1 .common_problem&gt;li ul&gt;li {
    white-space:nowrap;
    text-overflow:ellipsis;
    margin-bottom:16px;
    list-style:disc;
    text-align:left
}
.help_box .component1 .common_problem&gt;li ul&gt;li a {
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    width:100%;
    display:block
}
.help_box .component1 .common_problem&gt;li ul&gt;li:hover {
    color:#4C7EFF
}
.help_box .component1 .common_problem&gt;li ul&gt;li:hover a {
    color:#4C7EFF
}
.help_box .component1 .common_problem&gt;li .p_dividing_line {
    width:100%;
    height:1px;
    border:1px solid #EDEDED;
    margin:29px 0 17px
}
.help_box .component1 .common_problem&gt;li .p_14 {
    font-size:14px;
    font-weight:400;
    color:#4C7EFF;
    text-align:left
}
.help_box .component1 .common_problem&gt;li .p_14 a {
    color:#4C7EFF
}
.help_box .component1 .video_tutorial {
    margin:40px 0 80px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    text-align:center
}
.help_box .component1 .video_tutorial&gt;:hover p {
    color:#4C7EFF
}
.help_box .component1 .video_tutorial img {
    width:269px;
    height:151px
}
.help_box .component1 .video_tutorial p {
    font-size:18px;
    font-weight:500;
    color:#1A1A1A;
    margin-top:20px
}
.help_box .component1 .feedback {
    margin:50px 0 10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.help_box .component1 .feedback li {
    padding:0 26px 0 50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:560px;
    height:165px;
    background:#FFFFFF;
    -webkit-box-shadow:0px 2px 9px 0px rgba(0, 0, 0, 0.05);
    box-shadow:0px 2px 9px 0px rgba(0, 0, 0, 0.05);
    border-radius:4px
}
.help_box .component1 .feedback li a {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.help_box .component1 .feedback li:hover {
    background:#FFFFFF;
    -webkit-box-shadow:0px 19px 46px -9px rgba(0, 0, 0, 0.14);
    box-shadow:0px 19px 46px -9px rgba(0, 0, 0, 0.14)
}
.help_box .component1 .feedback li img {
    width:52px;
    height:47.66px;
    margin-right:40px
}
.help_box .component1 .feedback li .p_22 {
    margin-bottom:14px;
    font-size:22px;
    color:#333333;
    letter-spacing:1px
}
.help_box .component1 .feedback li .div_14 {
    font-size:14px;
    color:#666666;
    letter-spacing:1px
}
.help_box .component2 {
    background:url("images/dibu_bg@2x.png") center no-repeat;
    background-size:2560px 240px;
    height:240px;
    text-align:center
}
.help_box .component2 .component2_box {
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.help_box .component2 .component2_box .p_36 {
    font-size:36px;
    font-weight:400;
    color:#FFFFFF
}
.help_box .component2 .component2_box .p_20 {
    font-size:20px;
    font-weight:400;
    color:rgba(255, 255, 255, 0.8);
    margin:20px 0 30px
}


.help_box .component2 .component2_box .dl_btn {
    width:200px;
    height:53px;
    background:linear-gradient(139deg, #084AF4 0%, #7341FE 100%);
    border-radius:8px;
    font-size:18px;
    font-weight:400;
    color:#FFFFFF;
    line-height:33px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    overflow:hidden
}
.help_box .component2 .component2_box .dl_btn .guang_icon {
    width:98px;
    height:71px;
    position:absolute;
    left:0;
    top:0;
    -webkit-animation:guang 1.5s 1.5s infinite both;
    animation:guang 1.5s 1.5s infinite both
}
.help_box .component2 .component2_box .dl_btn img {
    width:18px;
    height:23px;
    margin-right:14px
}


.sort_box {
    padding-top:64px
}
.sort_box .p_14 {
    font-size:14px;
    font-weight:400;
    color:#999999;
    padding:17px 0 30px
}
.sort_box .article_classification {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:left;
    -ms-flex-pack:left;
    justify-content:left;
    padding-bottom:79px
}
.sort_box .article_classification .sort_list {
    overflow-y:auto;
    overflow-x:hidden;
    height:835px;
    display:block
}
.sort_box .article_classification .sort_list input {
    width:280px;
    height:40px;
    border-radius:4px;
    border:1px solid #D8D8D8;
    padding-left:12px
}
.sort_box .article_classification .sort_list .p_25 {
    font-size:18px;
    font-weight:600;
    color:#333333;
    margin:30px 0 5px
}
.sort_box .article_classification .sort_list .help_list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:303px;
    padding-right:40px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:25px 0
}
.sort_box .article_classification .sort_list .help_list span {
    width:20px;
    height:20px;
    background:url("images/help_icon_arrows@2x.png") center no-repeat;
    background-size:20px 20px
}
.sort_box .article_classification .sort_list .a_22 {
    width:243px;
    font-size:16px;
    font-weight:400;
    color:#333333;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.sort_box .article_classification .sort_list ul {
    list-style:disc;
    display:none
}
.sort_box .article_classification .sort_list ul li {
    font-size:14px;
    font-weight:400;
    color:#333333;
    margin:24px 0;
    width:230px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    padding-left:16px;
    position:relative
}
.sort_box .article_classification .sort_list ul li:before {
    content:'';
    display:inline-block;
    width:4px;
    height:4px;
    background-color:#D8D8D8;
    border-radius:50%;
    position:absolute;
    top:8px;
    left:6px
}
.sort_box .article_classification .sort_list ul :first-child {
    margin-top:28px
}
.sort_box .article_classification .sort_list::-webkit-scrollbar {
    width:0
}
.sort_box .article_classification .sort_list .on .help_list :last-child {
    background:url("images/help_icon_arrows_open@2x.png") center no-repeat;
    background-size:20px 20px
}
.sort_box .article_classification .sort_list .on .a_22 {
    color:#084AF4
}
.sort_box .article_classification .sort_list .on ul {
    display:inline
}
.sort_box .article_classification .dividing_line {
    width:1px;
    height:835px;
    border-right:1px solid #D8D8D8
}
.sort_box .article_classification .article_list {
    padding-left:35px
}
.sort_box .article_classification .article_list .p_32 {
    font-size:32px;
    font-weight:500;
    color:#333333;
    margin-bottom:20px;
}
.sort_box .article_classification .article_list .video_list a {
    width:828px;
    height:137px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:19px 14px;
    border-bottom:1px solid #E6E6E6
}
.sort_box .article_classification .article_list .video_list a img {
    width:143px;
    height:99px;
    border-radius:2px;
    margin-right:10px;
    -o-object-fit:cover;
    object-fit:cover
}
.sort_box .article_classification .article_list .video_list a .right_box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    font-size:14px;
    font-weight:400;
    color:#333333
}
.sort_box .article_classification .article_list .video_list a .right_box .p_18 {
    font-size:18px;
    font-weight:500;
    color:#333333;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    width:647px;
}
.yichu{
    overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;
}
.sort_box .article_classification .article_list .video_list a .right_box .p_12 {
    font-size:12px;
    font-weight:400;
    color:#666666
}
.sort_box .article_classification .article_list .video_list a:hover {
    background:#FFFFFF;
    -webkit-box-shadow:0px 10px 36px 0px rgba(28, 46, 68, 0.14);
    box-shadow:0px 10px 36px 0px rgba(28, 46, 68, 0.14);
    border-radius:4px
}
.post_box {
    padding-top:64px
}
.post_box .p_14 {
    font-size:14px;
    font-weight:400;
    color:#999999;
    padding:17px 0 30px
}
.post_box .article_classification {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:right;
    -ms-flex-pack:right;
    justify-content:right;
    padding-bottom:79px;
    padding-left:16%
}
.post_box .article_classification .sort_list {
    position:absolute;
    left:0;
    overflow-y:auto;
    overflow-x:hidden;
    height:835px;
    display:block
}
.post_box .article_classification .sort_list input {
    width:280px;
    height:40px;
    border-radius:4px;
    border:1px solid #D8D8D8;
    padding-left:12px
}
.post_box .article_classification .sort_list .p_25 {
    font-size:18px;
    font-weight:600;
    color:#333333;
    margin:30px 0 5px
}
.post_box .article_classification .sort_list .help_list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:303px;
    padding-right:40px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:25px 0
}
.post_box .article_classification .sort_list .help_list :last-child {
    width:20px;
    height:20px;
    background:url("images/help_icon_arrows@2x.png") center no-repeat;
    background-size:20px 20px
}
.post_box .article_classification .sort_list .a_22 {
    width:243px;
    font-size:16px;
    font-weight:400;
    color:#333333;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.post_box .article_classification .sort_list ul {
    list-style:disc;
    display:none
}
.post_box .article_classification .sort_list ul li {
    font-size:14px;
    font-weight:400;
    color:#333333;
    margin:24px 0;
    width:230px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    padding-left:16px;
    position:relative
}
.post_box .article_classification .sort_list ul li:before {
    content:'';
    display:inline-block;
    width:4px;
    height:4px;
    background-color:#D8D8D8;
    border-radius:50%;
    position:absolute;
    top:8px;
    left:6px
}
.post_box .article_classification .sort_list ul :first-child {
    margin-top:28px
}
.post_box .article_classification .sort_list::-webkit-scrollbar {
    width:0
}
.post_box .article_classification .sort_list .on .active&gt;a {
    color:#084AF4
}
.post_box .article_classification .sort_list .on .help_list :last-child {
    background:url("images/help_icon_arrows_open@2x.png") center no-repeat;
    background-size:20px 20px
}
.post_box .article_classification .sort_list .on .a_22 {
    color:#084AF4
}
.post_box .article_classification .sort_list .on ul {
    display:inline
}
.post_box .article_classification .dividing_line {
    width:1px;
    height:835px;
    border:1px solid #D8D8D8
}
.post_box .article_classification .article_details {
    padding-left:41px;
    width:895px;
    height:1431px;
    overflow-y:auto
}
.post_box .article_classification .article_details h1 {
    margin-bottom:20px;
    text-align: center;
}
.post_box .article_classification .article_details .title-data {
    font-size:16px;
    font-weight:400;
    color:#666666;
    margin-bottom:47px;
    text-align: center;
}
.post_box .article_classification .article_details .title-data span {
    margin-right:18px
}
.post_box .article_classification .article_details .title-data a {
    font-size:16px;
    font-weight:400;
    color:#666666
}
.post_box .article_classification .article_details .content{
	line-height:32px;
}
.post_box .article_classification .article_details p {
    font-size:16px;
    font-weight:400;
    color:#666666
}
.post_box .article_classification .article_details p img {
    display:block;
    margin:40px auto
}
.post_box .article_classification .article_details::-webkit-scrollbar {
    width:0
}
.search_box {
    padding:64px 0 79px
}
.search_box .p_14 {
    font-size:14px;
    font-weight:400;
    color:#999999;
    padding:17px 0 30px
}
.search_box .article_classification {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:right;
    -ms-flex-pack:right;
    justify-content:right;
    position:relative;
    padding-left:16%
}
.search_box .article_classification .search_data {
    width:854px;
    height:835px;
    margin-left:41px;
    overflow-y:auto;
    overflow-x:hidden
}
.search_box .article_classification .search_data::-webkit-scrollbar {
    width:0
}
.search_box .article_classification .search_data h1 {
    font-size:22px;
    font-weight:400;
    color:#1A1A1A;
    margin-bottom:16px
}
.search_box .article_classification .search_data ul {
    margin-top:25px;
    border-top:1px solid #D8D8D8
}
.search_box .article_classification .search_data ul li {
    border-bottom:1px solid #E6E6E6;
    padding:22px 0;
    margin-bottom:19px
}
.search_box .article_classification .search_data ul li .p_20 {
    font-size:20px;
    font-weight:bold;
    color:#333;
    line-height:19px;
    margin-bottom:16px;
    padding:13px 0 16px;
    width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.search_box .article_classification .search_data ul li :hover .p_20 {
    color:#084AF4
}
.search_box .article_classification .search_nodata {
    width:854px;
    height:835px;
    margin-left:41px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.search_box .article_classification .search_nodata .p_20 {
    margin:40px 0 16px
}
.search_box .article_classification .search_nodata .font_14 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.search_box .article_classification .search_nodata .font_14 a {
    color:#5360FF
}
.search_box .article_classification .dividing_line {
    width:1px;
    height:835px;
    border:1px solid #D8D8D8
}
.search_box .article_classification .sort_list {
    position:absolute;
    right:74%;
    overflow-y:auto;
    overflow-x:hidden;
    height:835px;
    display:block
}
.search_box .article_classification .sort_list input {
    width:280px;
    height:40px;
    border-radius:4px;
    border:1px solid #D8D8D8;
    padding-left:12px
}
.search_box .article_classification .sort_list .p_25 {
    font-size:18px;
    font-weight:600;
    color:#333333;
    margin:30px 0 5px
}
.search_box .article_classification .sort_list ul {
    list-style:disc;
    display:none
}
.search_box .article_classification .sort_list ul li {
    font-size:14px;
    font-weight:400;
    color:#333333;
    margin:24px 0;
    width:230px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    padding-left:16px;
    position:relative
}
.search_box .article_classification .sort_list ul li:before {
    content:'';
    display:inline-block;
    width:4px;
    height:4px;
    background-color:#D8D8D8;
    border-radius:50%;
    position:absolute;
    top:8px;
    left:6px
}
.search_box .article_classification .sort_list ul :first-child {
    margin-top:28px
}
.search_box .article_classification .sort_list::-webkit-scrollbar {
    width:0
}
.search_box .article_classification .sort_list .on .active&gt;a {
    color:#084AF4
}
.search_box .article_classification .sort_list .on .a_22 {
    color:#084AF4
}
.search_box .article_classification .sort_list .on .a_22 :last-child {
    background:url("images/help_icon_arrows_open@2x.png") center no-repeat;
    background-size:20px 20px
}
.search_box .article_classification .sort_list .on ul {
    display:inline
}
@-webkit-keyframes guang {
    0% {
        left:-270px
    }
    100% {
        left:270px
    }
}
@keyframes guang {
    0% {
        left:-270px
    }
    100% {
        left:270px
    }
}
@-webkit-keyframes guang_img {
    0% {
        top:-201px
    }
    50% {
        top:600px
    }
    100% {
        top:-201px
    }
}
@keyframes guang_img {
    0% {
        top:-201px
    }
    50% {
        top:600px
    }
    100% {
        top:-201px
    }
}
.new_year_popup {
    height:20px;
    font-size:14px;
    font-weight:400;
    color:rgba(64, 64, 64, 0.7);
    line-height:20px;
    margin:4px 0 0 30px
}
.new_year_popup span {
    color:#FF0300
}
.archive_pagination {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:38px
}
.archive_pagination a {
    padding:8px 12px;
    background:#F7F7F7;
    color:#535157;
    text-decoration:none;
    border:1px solid #EAEEFB
}
.archive_pagination a:not(:last-child) {
    margin-right:10px
}
.archive_pagination a:hover {
    background:#e8f5fd;
    border-color:#009CF6;
    color:#009CF6
}
.archive_pagination a.page_active {
    background:#009CF6;
    color:#fff;
    border-color:#009CF6
}
.fixed_dlb {
    position:fixed;
    bottom:-1px;
    left:0;
    background:url("images/rukou_bg.jpg") center no-repeat;
    background-size:cover;
    height:100px;
    width:100%;
    z-index:10000
}
.fixed_dlb&gt;div {
    height:100%;
    position:relative
}
.fixed_dlb&gt;div&gt;span {
    font-size:20px;
    color:#F95729;
    position:fixed;
    bottom:10px;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    padding-left:47px
}
.fixed_dlb&gt;div p {
    background:url("images/rukou_btn@2x.png") center no-repeat;
    background-size:197px 52px;
    width:197px;
    height:52px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:18px;
    font-weight:bold;
    color:#8B4D07;
    position:absolute;
    right:36px;
    top:26px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-animation-name:likes;
    animation-name:likes;
    -webkit-animation-direction:alternate;
    animation-direction:alternate;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-delay:0s;
    animation-delay:0s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-duration:1s;
    animation-duration:1s
}
@-webkit-keyframes likes {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    25% {
        -webkit-transform:scale(0.95);
        transform:scale(0.95)
    }
    50% {
        -webkit-transform:scale(0.9);
        transform:scale(0.9)
    }
    75% {
        -webkit-transform:scale(0.95);
        transform:scale(0.95)
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes likes {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    25% {
        -webkit-transform:scale(0.95);
        transform:scale(0.95)
    }
    50% {
        -webkit-transform:scale(0.9);
        transform:scale(0.9)
    }
    75% {
        -webkit-transform:scale(0.95);
        transform:scale(0.95)
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.fixed_dlb&gt;div .close_btn {
    position:absolute;
    right:10px;
    top:11px;
    width:21px;
    height:21px;
    cursor:pointer;
    z-index:2
}
.right_fixed {
    font-size:14px;
    font-weight:400;
    color:#222222;
    line-height:20px;
    position:fixed;
    right:10px;
    bottom:200px;
    z-index:1000;
    cursor:pointer;
    display:none
}
.right_fixed.show {
    display:block
}
.right_fixed ul {
    padding:4px;
    background:#fff;
    -webkit-box-shadow:0px 2px 14px 0px rgba(202, 197, 197, 0.5);
    box-shadow:0px 2px 14px 0px rgba(202, 197, 197, 0.5);
    border-radius:4px
}
.right_fixed ul:last-child {
    margin-top:10px
}
.right_fixed ul:last-child li a {
    height:60px
}
.right_fixed ul:last-child li a img {
    width:12px;
    height:5px;
    margin-bottom:4px
}
.right_fixed ul li:not(:last-child) {
    margin-bottom:10px
}
.right_fixed ul li a {
    width:72px;
    height:71px;
    border-radius:4px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.right_fixed ul li a:hover {
    background:#F5F8FF;
    color:#0056FF
}
.right_fixed ul li a:hover img.normal_icon {
    display:none
}
.right_fixed ul li a:hover img.hover_icon {
    display:block
}
.right_fixed ul li a img {
    width:28px;
    height:27px;
    margin-bottom:8px
}
.right_fixed ul li a img.normal_icon {
    display:block
}
.right_fixed ul li a img.hover_icon {
    display:none
}
.right_fixed .qrcode{position:relative;}
.right_fixed .qrcode .qrcode_img{background:#fff;padding:5px;position:absolute;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:hidden;opacity:0;width:100px;height:100px;top:50%;margin-top:-50px;left:-110px;-webkit-box-shadow:0px 2px 14px 0px rgba(202, 197, 197, 0.5);
    box-shadow:0px 2px 14px 0px rgba(202, 197, 197, 0.5);}
.right_fixed .qrcode .qrcode_img img{display:block;width:100%;height:100%;}
.right_fixed .qrcode:hover .qrcode_img{visibility:visible;opacity:1;margin-top:-50px;}
.right_fixed .qrcode .qrcode_jt:after,.right_fixed .qrcode .qrcode_jt:before{content:"";position:absolute;right:-5px;top:50%;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent}
.right_fixed .qrcode .qrcode_jt:before{border-left:5px solid rgba(0,0,0,.1)}
.right_fixed .qrcode .qrcode_jt:after{border-left:5px solid #fff;}
.qrcode_img_b{border:1px solid #000;background:#fff;padding:5px;}
.qrcode_img_b img{width:110px;height:110px;display:block;}
.help_list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:303px;
    padding-right:40px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:25px 0
}
.help_list .a_22 {
    width:243px;
    font-size:16px;
    font-weight:400;
    color:#333333;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.help_list span {
    width:20px;
    height:20px;
    background:url("images/help_icon_arrows@2x.png") center no-repeat;
    background-size:20px 20px
}
.download_page .p_title_40 {
    font-size:40px;
    font-weight:bold;
    color:#1A1A1A;
    line-height:60px;
    letter-spacing:3px;
    margin:0 auto
}
.download_page .banner_box {
    background:url("images/tupian_banner_bg.jpg") bottom center no-repeat;
    background-size:cover;
    height:574px;
    padding-top:150px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center
}
.download_page .banner_box h2 {
    margin-bottom:13px;
    font-size:50px;
    font-weight:800;
    color:#3B3B3B;
    line-height:75px
}
.download_page .banner_box .p_18 {
    font-size:18px;
    font-weight:400;
    color:#222222;
    line-height:27px;
    margin-top:17px
}
.download_page .banner_box .download {
    width:230px;
    height:72px;
    background:linear-gradient(145deg, #084AF4 0%, #759CFF 100%);
    -webkit-box-shadow:0px 2px 10px 0px rgba(0, 85, 255, 0.5);
    box-shadow:0px 2px 10px 0px rgba(0, 85, 255, 0.5);
    border-radius:8px;
    font-size:24px;
    font-weight:400;
    color:#FFFFFF;
    line-height:36px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:60px auto 0
}
.download_page .banner_box .download:hover {
    background:linear-gradient(145deg, #759CFF 0%, #084AF4 100%)
}
.download_page .banner_box .download img {
    width:21px;
    height:23px;
    margin-right:8px
}
.download_page .banner_box .jquery-version {
    font-size:14px;
    font-weight:400;
    color:#666666;
    line-height:21px;
    margin-top:20px
}
.download_page .banner_box .jquery-version span {
    margin-right:16px
}
.download_page .section_1 {
    margin:100px 0
}
.download_page .section_1 .p_title_40 {
    width:620px
}
.download_page .section_1 ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:67px
}
.download_page .section_1 ul li {
    width:374px;
    height:219px;
    background:rgba(255, 255, 255, 0.7);
    -webkit-box-shadow:0px 2px 40px 0px #E7EBF7;
    box-shadow:0px 2px 40px 0px #E7EBF7;
    border-radius:8px;
    padding-top:38px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.download_page .section_1 ul li:not(:last-child) {
    margin-right:39px
}
.download_page .section_1 ul li img {
    width:99px;
    height:97px;
    margin-bottom:20px
}
.download_page .section_1 ul li p {
    font-size:20px;
    font-weight:bold;
    color:#1A1A1A;
    line-height:30px
}
.download_page .section_2 .p_title_40 {
    width:320px
}
.download_page .section_2 #certify {
    position:relative;
    width:1200px;
    margin:36px auto 0
}
.download_page .section_2 #certify .swiper-container {
    padding:60px 0 154px
}
.download_page .section_2 #certify .swiper-slide {
    width:440px;
    height:256px;
    background:#FFFFFF;
    -webkit-box-shadow:0px 2px 40px 0px rgba(191, 199, 225, 0.4);
    box-shadow:0px 2px 40px 0px rgba(191, 199, 225, 0.4);
    border-radius:14px;
    padding:58px 32px 0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    text-align:center
}
.download_page .section_2 #certify .swiper-slide img {
    display:block
}
.download_page .section_2 #certify .swiper-slide .user_img {
    width:66px;
    height:66px;
    position:absolute;
    top:-33px;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.download_page .section_2 #certify .swiper-slide .p_name {
    font-size:14px;
    font-weight:500;
    color:#1A1A1A;
    line-height:22px
}
.download_page .section_2 #certify .swiper-slide .star_img {
    width:119px;
    height:18px;
    margin:6px auto 30px
}
.download_page .section_2 #certify .swiper-slide .p_text {
    font-size:14px;
    font-weight:400;
    color:#666666;
    line-height:23px
}
.download_page .section_2 #certify .swiper-pagination {
    width:100%;
    bottom:100px
}
.download_page .section_2 #certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin:0 6px;
    width:28px;
    height:4px;
    background:#EEF0F4;
    border-radius:3px;
    opacity:1
}
.download_page .section_2 #certify .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background:#848BEF
}
.download_page .section_3 {
    background:url("images/tupian_dibu_bg.jpg") center no-repeat;
    background-size:cover;
    height:300px;
    text-align:center;
    padding-top:50px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.download_page .section_3 .p_50 {
    font-size:50px;
    font-weight:bold;
    color:#222222;
    line-height:75px
}
.download_page .section_3 .p_18 {
    font-size:18px;
    font-weight:400;
    color:#666666;
    line-height:27px;
    margin-top:5px
}
.download_page .section_3 .download {
    width:230px;
    height:72px;
    background:linear-gradient(145deg, #084AF4 0%, #759CFF 100%);
    -webkit-box-shadow:0px 2px 10px 0px rgba(0, 85, 255, 0.5);
    box-shadow:0px 2px 10px 0px rgba(0, 85, 255, 0.5);
    border-radius:8px;
    font-size:24px;
    font-weight:400;
    color:#FFFFFF;
    line-height:36px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:33px auto 0
}
.download_page .section_3 .download:hover {
    background:linear-gradient(145deg, #759CFF 0%, #084AF4 100%)
}
.download_page .section_3 .download img {
    width:21px;
    height:23px;
    margin-right:8px
}</pre></body></html>