.pj-Carousel{width:100%;height:520px;margin:0 auto;overflow:hidden;position:relative}
.pj-Carousel-box{height:100%;position:absolute;top:0;left:0}
.pj-Carousel-item{float:left;height:100%;background-color:#E3E3E3;z-index:10}
.pj-Carousel-item a{display:block;width:100%;height:100%}
.pj-Carousel-item img{height:100%}
.pj-Carousel-nav{width:100%;height:14px;position:absolute;bottom:100px;z-index:10}
.pj-Carousel-active{width:120px;height:14px;margin:0 auto;text-align:center}
.pj-Carousel-color{background-color:#fff;width:14px;height:14px;display:inline-block;color:#fff;border-radius:14px;opacity:.5;margin:0 4px;cursor:pointer;transition:all .3s ease-in-out}
.pj-Carousel-color p{font-size:16px;line-height:44px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-align:center;cursor:default;display:none}
.pj-Carousel .active{background-color:#fff;color:#fff;width:24px;opacity:1}
.banner{position:relative}
.banner-foot{position:absolute;height:75px;width:100%;bottom:0;z-index:100;background:rgba(0,0,0,.3)}
.banner-foot .banner-foot-list{height:100%}
.banner-foot .banner-foot-list li{float:left;width:20%;height:100%;border-right:1px solid #999;overflow:hidden;box-sizing:border-box}
.banner-foot .banner-foot-list li:hover{background:rgba(0,0,0,.1)}
.banner-foot .banner-foot-list li:first-child{border-left:1px solid #999}
.banner-foot .banner-foot-list li .img{float:left;width:80px;height:80px}
.banner-foot .banner-foot-list li .img .icon{margin:20px auto}
.banner-foot .banner-foot-list li .text{padding:8px 16px 9px}
.banner-foot .banner-foot-list li h3{color:#fff;font-weight:800;font-size:18px;line-height:24px;margin-bottom:5px; margin-top:6px;}
.banner-foot .banner-foot-list li p{color:#d4d2d3;line-height:18px}
.banner .banner-img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.banner .banner-btn{position:absolute;z-index:99;height:54px}
.banner .banner-btn.mf-banner-btn{left:50%;bottom:174px;width:400px;height:54px;margin-left:-200px}
.banner .banner-btn.dds-banner-btn{left:50%;bottom:164px;width:400px;height:54px;margin-left:-200px}
.banner .banner-btn.fx-banner-btn{left:76px;bottom:172px}
.banner .banner-btn .btn{float:left;width:152px;height:48px;text-align:center;line-height:48px;color:#fff;font-size:20px;letter-spacing:2px;border-radius:4px;border:1px solid;margin:0 20px}
.banner .banner-btn .btn:hover{opacity:.9}
.banner .banner-btn.mf-banner-btn .btn.resUrl{background:#ff9600;border-color:#ff9600}
.banner .banner-btn.dds-banner-btn .btn.resUrl{background:#ff9600;border-color:#ff9600}
.banner .banner-btn.fx-banner-btn .btn.resUrl{background:#DA1227;border-color:#DA1227}
.banner .banner-btn .btn.kfUrl{background:#f64830;border-color:#f64830}


/* 新版banner */
.banner .banner_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.banner .banner_content .banner_title{
    text-align: center;
}
.banner .banner_content .banner_title .headline{
    font-size: 50px;
    letter-spacing: 4px;
    color: #000;
    margin-bottom: 38px;
}
.banner .banner_content .banner_title .subtitle{
    font-size: 40px;
    color: #07C160;
    margin-bottom: 60px;
}
.banner .banner_content .small_box{
    display: flex;
    text-align: center;
}
.banner .banner_content .small_box .box_item{
    padding: 30px 0;
    width: 220px;
    text-align: center;
    border: 1px solid #d4d2d2;
    border-radius: 8px;
    margin-right: 75px;
    background: #fff;
    box-shadow: 0 0 10px 0 #feeff4;
}
.banner .banner_content .small_box .box_item:last-child{
    margin-right: 0;
}
.banner .banner_content .small_box .box_item .box_title .headline{
    font-size: 22px;
    font-weight: 600
}
.banner .banner_content .small_box .box_item .box_title .subtitle{
    margin: 20px 0;
    font-size:16px;
}
.banner .banner_content .small_box .dBack{
    color: #fff;
    background: #07C160;
}
.banner .banner_content .small_box .dBack .wBtn{
    color: #07C160;
    background: #fff;
}
.banner .banner_content .small_box .box_item .jumpUrl{
    width: 80px;
    height: 28px;
    text-align: center;
    line-height: 26px;
    border: 1px solid #07C160;
    border-radius: 20px;
    margin: 0 auto;
}
.banner .banner_content .small_box .box_item .jumpUrl_noback{
    width: 80px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border: 1px solid #07C160;
    border-radius: 20px;
    margin: 0 auto;
}
.banner .banner_content .small_box .box_item .jumpUrl:hover{
    cursor:pointer;
    background: #07C160;
}
.banner .banner_content .small_box .box_item .jumpUrl:hover .btn{
    color: #fff;
}
.banner .banner_content .small_box .box_item .jumpUrl .btn{
    color: #07C160;
}
.banner .banner_content .small_box .box_item .jumpUrl_noback .btn{
    color: #07C160;
}
/* 新版banner */

/* 各种类型的小程序 */
.col-pt .applet_type{
    text-align: center;
}
.col-pt .applet_type .title .headline{
    font-size: 31px;
    color: #000;
    margin-bottom: 20px;
}
.col-pt .applet_type .title .subtitle{
    letter-spacing: 2px;
}
.col-pt .applet_type .applet_allType{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px;
}
.col-pt .applet_type .applet_allType .applet_item{
    width: 360px;
    margin-right: 50px;
    margin-bottom: 30px;
    border-radius: 8px;
    padding-bottom: 20px;
    box-shadow: 0 0 8px 0 #787878;
}
.col-pt .applet_type .applet_allType .applet_item img{
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.col-pt .applet_type .applet_allType .applet_item:nth-child(3n){
    margin-right: 0;
}
.col-pt .applet_type .applet_allType .applet_item .applet_item_title .headline{
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 25px 0 20px 0;
}
.col-pt .applet_type .applet_allType .applet_item .applet_item_title .subtitle{
    font-size: 14px;
    margin-bottom: 20px;
}
.col-pt .applet_type .applet_allType .applet_item .btn-detail{
    height: 35px;
    line-height: 35px;
    color: #fff;
    border-radius: 20px;
    background: #07C160;
}
/* 各种类型的小程序 */

/* 小程序五大功能 */
.col-fc .title-group{
    margin-bottom: 50px;
}
.col-fc .funt_con{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
}
.col .funt_present .title{
    font-size: 26px;
    color: #000;
    margin-bottom: 30px;
}
.col .funt_present .funt_all .funt_item{
    margin-bottom: 20px;
    font-size:16px;
}
.col .funt_present .bottom_btn{
    display: flex;
    margin-top: 60px;
}
.col .funt_present .bottom_btn .btn{
    width: 90px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 20px;
    color: #fff;
    background: #07C160;
}
.col .funt_present .bottom_btn .btn-detail{
    width: 90px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 20px;
    color: #07C160;
    border-color: #d0d0d1;
}
.col-fc .funt_con .funt_gif{
    width: 750px;
    margin-left: 50px;
    box-shadow: 0 0 10px 0 #787878;
}
.col-fc .funt_con .funt_gif_left{
    width: 750px;
    margin-right: 50px;
    box-shadow: 0 0 10px 0 #787878;
}
.col-fc .funt_con .funt_gif img{
    width: 100%;
    height: 100%;
}
.col-fc .funt_con .funt_gif_left img{
    width: 100%;
    height: 100%;
}
/* 小程序五大功能 */

.col-pt .js .img{width:50%;text-align:center;margin-top: 73px;position: relative;}
/*.col-pt .js .img img{width:216px;height:371px}*/
.col-pt .js .txt{width:50%;padding:0 100px;box-sizing:border-box}
.col-pt .js .txt .t{text-align:center;font-size:32px;margin:54px 0 20px;color:#333}
.col-pt .js .txt .p{line-height:2;font-size:16px;margin-bottom:24px;text-indent:2em}
.col-pt .js .txt .other{margin-bottom:30px}
.col-pt .js .txt .other .item{display:inline-block;margin-right:10px}
.col-pt .js .txt .other .item .icon{display:inline-block;vertical-align:middle}
.col-pt .js .txt .other .item span{line-height:22px;padding-left:6px}
.col-pt .js .txt .foot{text-align:center;padding:20px 0}
.col-pt .js .txt .foot .btn{display:inline-block;width:138px;border:1px solid #ff484c;height:40px;line-height:40px;border-radius:4px;margin:0 20px;color:#ff484c}
.col-pt .js .txt .foot .btn.btn-ty{background:#ff484c;color:#fff}
.col-pt .xq{margin-top:50px}
.col-pt .xq .item{float:left;color:#fff;text-align:center;width:25%}
.col-pt .xq .item .box{margin:0 auto;position:relative;top:0;left:0;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.col-pt .xq .item .box:hover{top:-2px;box-shadow:0 0 20px 0 rgba(0,0,0,.3)}
.col-pt .xq .item .h3{font-size:26px;padding-top:48px}
.col-pt .xq .item .p{font-size:16px;margin:20px 0}
.col-pt .xq .item .btn{display:block;margin:0 auto;width:104px;height:36px;background:#fff;border-radius:4px;line-height:36px;color:#1194fe}
.col-xq .list .item{float:left;width:360px;height:238px;overflow:hidden;position:relative;color:#fff;text-align:center;letter-spacing:1px;margin:20px}
.col-xq .list .item .box .h3{font-size:26px;font-weight:800;padding-top:88px;line-height:1.2}
.col-xq .list .item .box .p{font-size:16px;margin:16px 0}
.col-xq .list .item .mask{position:absolute;width:100%;height:100%;top:100%;left:0;z-index:10;background:-webkit-gradient(linear,left top,right top,from(#ff5d42),to(#ff464d));transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.col-xq .list .item:hover .mask{top:0}
.col-xq .list .item .mask .h3{font-size:22px;padding-top:30px}
.col-xq .list .item .mask .p{line-height:1.8;margin:20px 30px;height:75px;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:3}
.col-xq .list .item .mask .btn{color:#fff;border:1px solid #fff;padding:8px 16px;border-radius:2px;display:inline-block}
.col-gn .list .item{float:left;width:20%}
.col-gn .list .item .box{text-align:center;margin:10px;padding:10px;border-radius:4px;border:1px solid #dcdcdc;position:relative;top:0;left:0;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.col-gn .list .item:hover .box{top:-2px;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}
.col-gn .list .item .box .h3{font-size:20px;padding-top:10px}
.col-gn .list .item .box .p{color:#999;margin:10px 0 6px}
.col-gn .list .item .box .icon{margin:0 auto}
.col-gj{height:600px;background:url(/skin/dds/img/index/gj-bg.png) no-repeat center center}
.col-gj .title-group{position:relative;top:-30px}
.col-gj .title-group .h2{color:#fff}
.col-gj .title-group .p{color:#fff}
.col-gj .content{position:relative}
.col-gj .content .item{overflow:hidden;width:900px;margin:0 auto}
.col-gj .content .item .item-left{width:200px;float:left;height:60px;background:rgba(255,255,255,.15);color:#fff;box-sizing:border-box;border-bottom:1px solid #737179}
.col-gj .content .item:last-child .item-left{border-bottom:none}
.col-gj .content .item .item-left .icon{float:left;margin:15px 15px 15px 40px}
.col-gj .content .item .item-left span{line-height:60px}
.col-gj .content .item .item-right{opacity:0;text-align:center;color:#fff;position:absolute;left:375px;top:0;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;width:650px;height:480px}
.col-gj .content .item .item-right .p{line-height:1.8;margin:20px;height:50px;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2}
.col-gj .content .item .item-right .btn-group .btn{color:#fff;width:102px;height:38px;display:inline-block;margin:0 10px;line-height:38px}
.col-gj .content .item .item-right .btn-group .btn.btn-ty{background:#ff484c}
.col-gj .content .item .item-right .btn-group .btn.btn-zx{background:#f39303}
.col-gj .content .item.on .item-left{background:#ff484c}
.col-gj .content .item.on .item-right{opacity:1}
.col-ys .list{margin-top:40px}
.col-ys .list .item{float:left;width:20%}
.col-ys .list .item .box{margin:10px;text-align:center}
.col-ys .list .item .box .h3{color:#333;font-size:20px;margin-top:10px}
.col-ys .list .item .box .p{line-height:1.4;margin-top:10px}
.col-ys .list .item .box .icon{margin:0 auto}
.col-zf{height:350px;background: url(/skin/dds/img/index/zf-bg.png) no-repeat center center;}
.col-zf .title-group .h2{color:#fff}
.col-zf .list{padding:50px 0}
.col-zf .list .item{float:left;width:25%;text-align:center;color:#fff}
.col-zf .list .item .h3{font-size:40px}
.col-zf .list .item .p{font-size:16px;margin:20px 0}
.col-zf .btn-group{text-align:center}
.col-zf .btn-group .btn{display:block;width:198px;height:58px;margin:0 auto;border:1px solid #fff;color:#fff;line-height:58px;font-size:20px;border-radius:4px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.col-zf .btn-group .btn:hover{background:#fff;color:#fe6905}
.col-qd .list .item{float:left;width:25%}
.col-qd .list .item .box{text-align:center;margin:30px}
.col-qd .list .item .box .icon{margin:0 auto}
.col-qd .list .item .box .h3{color:#333;font-size:20px;margin-top:10px}
.col-qd .list .item .box .p{line-height:1.4;margin-top:10px}
.col-zx{background:#f4f4f4}
.col-zx .items{float:left;width:340px;margin:15px 30px}
.col-zx .items .adv{width:100%;height:120px;display:block;margin-bottom:6px;background:#f8f8f8}
.col-zx .items .head{font-size:16px;line-height:34px;border-bottom:1px solid #9f9f9f;position:relative;padding-left:10px;color:#303030}
.col-zx .items .head .t::before{content:'';display:block;position:absolute;left:0;top:8px;width:2px;height:16px;background:#3bbc6b}
.col-zx .items .head .m{color:#f30000;font-size:14px;float:right}
.col-zx .items .list{padding-left:26px;margin:8px 0}
.col-zx .items .list .item{list-style:decimal;font-size:14px;line-height:30px;color:#303030;height:30px}
.col-zx .items .list .item .text{color:#303030;width:278px;float:left}
.col-zx .items .list .item:hover,.col-zx .items .list .item:hover .text{color:#2589ff}
.col-zx .items .list .item .time{float:right;font-size:12px}
.col-fa{height:140px;background: url(/skin/dds/img/index/fa-bg.png?) no-repeat center center;}
.col-fa .title-group .h2{color:#fff}
.col-fa .content{padding-top: 78px;}
.col-fa .content .box{display:block;width:500px;height:50px;margin:0 auto;background:#fff;border-radius:4px;position:relative}
.col-fa .content .inp{width:100%;padding:8px;box-sizing:border-box;height:50px;padding-right:130px;font-size:18px;color:#666;border-radius:4px}
.col-fa .content .btn{position:absolute;right:2px;top:2px;width:120px;height:46px;color:#fff;background:#ef5828;border-radius:4px;font-size:16px;cursor:pointer}
.bg-b_f_01{width:46px;height:45px;background:url(/skin/dds/img/index/sprite-icon.png) -656px -10px}
.bg-b_f_02{width:42px;height:42px;background:url(/skin/dds/img/index/sprite-icon.png) -594px -10px}
.bg-b_f_03{width:46px;height:46px;background:url(/skin/dds/img/index/sprite-icon.png) -722px -10px}
.bg-b_f_04{width:46px;height:40px;background:url(/skin/dds/img/index/sprite-icon.png) -788px -10px}
.bg-b_f_05{width:38px;height:38px;background:url(/skin/dds/img/index/sprite-icon.png) -536px -10px}
.bg-gj_02{width:30px;height:30px;background:url(/skin/dds/img/index/sprite-icon.png) -136px -10px}
.bg-gj_01{width:30px;height:30px;background:url(/skin/dds/img/index/sprite-icon.png) -186px -10px}
.bg-gj_03{width:30px;height:30px;background:url(/skin/dds/img/index/sprite-icon.png) -236px -10px}
.bg-gj_05{width:30px;height:30px;background:url(/skin/dds/img/index/sprite-icon.png) -286px -10px}
.bg-gj_04{width:30px;height:30px;background:url(/skin/dds/img/index/sprite-icon.png) -336px -10px}
.bg-gj_06{width:30px;height:30px;background:url(/skin/dds/img/index/sprite-icon.png) -386px -10px}
.bg-gj_07{width:30px;height:30px;background:url(/skin/dds/img/index/sprite-icon.png) -436px -10px}
.bg-gj_08{width:30px;height:30px;background:url(/skin/dds/img/index/sprite-icon.png) -486px -10px}
.bg-gn_01{width:70px;height:70px;background:url(/skin/dds/img/index/sprite-icon.png) -1390px -10px}
.bg-gn_02{width:70px;height:70px;background:url(/skin/dds/img/index/sprite-icon.png) -1480px -10px}
.bg-gn_03{width:70px;height:70px;background:url(/skin/dds/img/index/sprite-icon.png) -1570px -10px}
.bg-gn_04{width:70px;height:70px;background:url(/skin/dds/img/index/sprite-icon.png) -1660px -10px}
.bg-gn_05{width:70px;height:70px;background:url(/skin/dds/img/index/sprite-icon.png) -1750px -10px}
.bg-gn_06{width:70px;height:70px;background:url(/skin/dds/img/index/sprite-icon.png) -1840px -10px}
.bg-gn_07{width:70px;height:70px;background:url(/skin/dds/img/index/sprite-icon.png) -1930px -10px}
.bg-gn_08{width:70px;height:70px;background:url(/skin/dds/img/index/sprite-icon.png) -2020px -10px}
.bg-gn_09{width:70px;height:70px;background:url(/skin/dds/img/index/sprite-icon.png) -2110px -10px}
.bg-gn_10{width:70px;height:70px;background:url(/skin/dds/img/index/sprite-icon.png) -2200px -10px}
.bg-gn_11{width:70px;height:70px;background:url(/skin/dds/img/index/sprite-icon.png) -2290px -10px}
.bg-gn_12{width:70px;height:70px;background:url(/skin/dds/img/index/sprite-icon.png) -2380px -10px}
.bg-gn_13{width:70px;height:70px;background:url(/skin/dds/img/index/sprite-icon.png) -2470px -10px}
.bg-gn_14{width:70px;height:70px;background:url(/skin/dds/img/index/sprite-icon.png) -2560px -10px}
.bg-gn_15{width:70px;height:70px;background:url(/skin/dds/img/index/sprite-icon.png) -2650px -10px}
.bg-pt_01{width:22px;height:22px;background:url(/skin/dds/img/index/sprite-icon.png) -10px -10px}
.bg-pt_02{width:22px;height:22px;background:url(/skin/dds/img/index/sprite-icon.png) -52px -10px}
.bg-pt_03{width:22px;height:22px;background:url(/skin/dds/img/index/sprite-icon.png) -94px -10px}
.bg-qd_01{width:47px;height:47px;background:url(/skin/dds/img/index/sprite-icon.png) -854px -10px}
.bg-qd_02{width:47px;height:47px;background:url(/skin/dds/img/index/sprite-icon.png) -921px -10px}
.bg-qd_03{width:47px;height:47px;background:url(/skin/dds/img/index/sprite-icon.png) -988px -10px}
.bg-qd_04{width:47px;height:47px;background:url(/skin/dds/img/index/sprite-icon.png) -1055px -10px}
.bg-qd_05{width:47px;height:47px;background:url(/skin/dds/img/index/sprite-icon.png) -1122px -10px}
.bg-qd_06{width:47px;height:47px;background:url(/skin/dds/img/index/sprite-icon.png) -1189px -10px}
.bg-qd_07{width:47px;height:47px;background:url(/skin/dds/img/index/sprite-icon.png) -1256px -10px}
.bg-qd_08{width:47px;height:47px;background:url(/skin/dds/img/index/sprite-icon.png) -1323px -10px}
.bg-pt_bg_01{width:230px;height:208px;background:url(/skin/dds/img/index/sprite-bg.png) -780px -10px}
.bg-pt_bg_02{width:230px;height:208px;background:url(/skin/dds/img/index/sprite-bg.png) -1030px -10px}
.bg-pt_bg_03{width:230px;height:208px;background:url(/skin/dds/img/index/sprite-bg.png) -1280px -10px}
.bg-pt_bg_04{width:230px;height:208px;background:url(/skin/dds/img/index/sprite-bg.png) -1530px -10px}
.bg-xq_bg_01{width:360px;height:238px;background:url(/skin/dds/img/index/sprite-bg.png) -1780px -10px}
.bg-xq_bg_02{width:360px;height:238px;background:url(/skin/dds/img/index/sprite-bg.png) -2160px -10px}
.bg-xq_bg_03{width:360px;height:238px;background:url(/skin/dds/img/index/sprite-bg.png) -2540px -10px}
.bg-xq_bg_04{width:360px;height:238px;background:url(/skin/dds/img/index/sprite-bg.png) -2920px -10px}
.bg-ys_01{width:134px;height:134px;background:url(/skin/dds/img/index/sprite-bg.png) -10px -10px}
.bg-ys_02{width:134px;height:134px;background:url(/skin/dds/img/index/sprite-bg.png) -164px -10px}
.bg-ys_03{width:134px;height:134px;background:url(/skin/dds/img/index/sprite-bg.png) -318px -10px}
.bg-ys_04{width:134px;height:134px;background:url(/skin/dds/img/index/sprite-bg.png) -472px -10px}
.bg-ys_05{width:134px;height:134px;background:url(/skin/dds/img/index/sprite-bg.png) -626px -10px}

/*改版10.15*/
.flex {     /*定义布局为盒模型*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flex-auto-center{          /*盒模型元素垂直水平居中*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.plan-list{
    flex-wrap: wrap;
}
.plan-list li{
    width: 48%;
}
.plan-list li:nth-child(-n+4){
    margin-bottom: 80px;
}
.plan-list .pl-img{
    height: 386px;
}
.plan-list li:nth-child(odd) .pl-img{
    border-right: 1px solid #eee;
}
.plan-list .pl-title{
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
}
.plan-list .pl-desc{
    color: #666666;
    font-size: 14px;
    width: 448px;
    line-height: 28px;
    margin-bottom: 20px;
}
.plan-list .pl-span{
    width: 465px;
}
.plan-list .pl-span span{
    display: inline-block;
    width: 100px;
    height: 36px;
    color: #666;
    background-color: #F6F6F6;
    text-align: center;
    line-height: 34px;
    border-radius: 18px;
    margin-bottom: 20px;
    margin-right: 15px;
}
.plan-list .pl-span span:nth-child(4n){
    margin-right: 0;
}
.btn-free{
    text-align: center;
    display: inline-block;
    width: 138px;
    border: 1px solid #ff484c;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    margin-right: 20px;
    background: #ff484c;
    color: #fff;
}
.btn-free:hover{
    color: #fff;
}
.btn-detail{
    text-align: center;
    display: inline-block;
    width: 138px;
    border: 1px solid #ff484c;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    margin: 0 20px;
    background: #fff;
    color: #ff484c;
}
.btn-detail:hover{
    color: #ff484c;
}
.pl-40{
    padding-left: 40px;
}
.col .title-group .h2 span {
    color: #FE6754;
}

.gn-col{
    background: #f4f4f4;
}
.gn-col .content{
    position: relative;
    height: 600px;
    padding: 0 30px;
}
.gn-col .list{
    width: 330px;
    margin-top: 40px;
}
.gn-col .list .item{
    width: 100%;
    background: #fff;
    margin: 2px 0;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
}
.gn-col .list .item .box{
    overflow: hidden;
}
.gn-col .list .item .img{
    width: 100px;
    height: 100px;
    line-height: 100px;
    position: relative;
    float: left;
}
.gn-col .list .item .icon{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.gn-col .list .item .txt{
    height: 100px;
    overflow: hidden;
    padding-right: 15px;
}
.gn-col .list .item .h3{
    font-size: 18px;
    margin: 42px 0 10px;
    font-weight: 600;
}
.gn-col .list .item .p{
    color: #666;
    line-height: 1.2;
}
.gn-col .list .item.on{
    background: #FF5F49;
}
.gn-col .list .item.on .img{}
.gn-col .list .item.on .icon{
    background-position-y: -76px;
}
.gn-col .list .item.on .h3,.gn-col .list .item.on .p{
  color: #fff;
}
.gn-col .bg{
  width: 316px;
  height: 587px;
  position: absolute;
  left: 50%;
  margin-left: -158px;
  background: url('/skin/dds/img/index/gj/bg.png') center center no-repeat;
}
.gn-col .bg .img{
  width: 234px;
  height: 505px;
  display: block;
  margin: 42px 42px;
  border-radius: 16px;
}

.bg-gn1_01 {
  width: 46px; height: 46px;
  background: url('/skin/dds/img/index/gj/gn-sprites.png') -442px -10px;
}
.bg-gn1_02 {
  width: 35px; height: 46px;
  background: url('/skin/dds/img/index/gj/gn-sprites.png') -10px -10px;
}
.bg-gn1_03 {
  width: 41px; height: 46px;
  background: url('/skin/dds/img/index/gj/gn-sprites.png') -125px -10px;
}
.bg-gn1_04 {
  width: 44px; height: 32px;
  background: url('/skin/dds/img/index/gj/gn-sprites.png') -248px -10px;
}
.bg-gn1_05 {
  width: 40px; height: 40px;
  background: url('/skin/dds/img/index/gj/gn-sprites.png') -65px -10px;
}
.bg-gn1_06 {
  width: 45px; height: 46px;
  background: url('/skin/dds/img/index/gj/gn-sprites.png') -312px -10px;
}
.bg-gn1_07 {
  width: 46px; height: 36px;
  background: url('/skin/dds/img/index/gj/gn-sprites.png') -508px -10px;
}
.bg-gn1_08 {
  width: 46px; height: 34px;
  background: url('/skin/dds/img/index/gj/gn-sprites.png') -574px -10px;
}
.bg-gn1_09 {
  width: 45px; height: 31px;
  background: url('/skin/dds/img/index/gj/gn-sprites.png') -377px -10px;
}
.bg-gn1_10 {
  width: 42px; height: 44px;
  background: url('/skin/dds/img/index/gj/gn-sprites.png') -186px -10px;
}
.ys{
    background: #fff;
    margin-top: 20px;
}
.ys ul{
    width: 340px;float: left;
}
.ys ul li{
    transition: .3s;
    padding: 10px 20px;
    margin: 20px 0;
    cursor: pointer;
    border: 1px solid #eee;
}

.ys ul li:hover {
    background: #f5f7fa;
}

.ys ul li:after{}
.ys ul li .sj{
    float: left;
    margin-left: -20px;
}
.ys .ys-img{
    float: left;
    width: 470px;
    text-align: center;
}
.ys .ys-img img{}
.ys ul li .box{}
.ys ul li .h3{
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.ys ul li .text{
    line-height: 1.4;
    color: #666;
    height: 38px;
}
.col-al{margin-top: -200px}
.ul-al{
    flex-wrap: wrap;
}
.ul-al li{
    width: 280px;
    height: 440px;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 20px;
    position: relative;
}
.mt-20{
    margin-top: 20px;
}
.ul-al .al-ty{
    opacity: 0;
    position: absolute;
    top: 0;
    width: 280px;
    height: 440px;
    line-height: 440px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.ul-al li:hover .al-ty{
    opacity: 1;
}
.mr-0{
    margin-right: 0;
}
.col-jjfa{
    height: 636px;
    background: url('/skin/dds/img/index/bg1.png') no-repeat center center;
    color: #fff;
    padding: 0;
}
.col-jjfa .title-group .h2{
    color: #fff;
    padding: 60px 0 20px;
}
.ul-jjfa{
    position: relative;
}
.ul-jjfa li{
    width: 120px;
}
.ul-jjfa .jjfa-li .jjfa-items{
    padding: 10px;
    width: 80px;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;    
}
.ul-jjfa .jjfa-li.active .jjfa-items{
    background-color: #0036FF;
}
.ul-jjfa .jjfa-li.active .items-bottom{
    opacity: 1;
    z-index: 10;
}
.ul-jjfa .items-bottom{
    opacity: 0;
    color: #fff;
    position: absolute;
    left: 0;
    top: 60px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    width: 1200px;
    height: 480px;
}
.ul-jjfa .items-bottom .items-bottom-left{
    width: 800px;
}
.ul-jjfa .items-bottom .items-bottom-right{
    position: relative;
    bottom: -14px;
}
.items-bottom-left .h3{
    font-size: 24px;
    padding: 10px 0;
    position: relative;
    color: #fff;
}
.items-bottom-left .h3:after{
    content: '';
    display: block;
    height: 4px;
    background: #fff;
    width: 100px;
    position: absolute;
    bottom: -4px;
}
.items-bottom-left .p{
    width: 660px;
    line-height: 1.8;
    height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    color: #ccc;
    margin: 60px 0; 
}
.items-bottom-left .foot-list{
    overflow: hidden;
    border-top: 1px dashed #999;
    padding: 15px 0;
    width: 660px;
}
.items-bottom-left .foot-list .item{
    float: left;
    width: 100px;
}
.items-bottom-left .foot-list .item .box{
    text-align: center;
}
.items-bottom-left .foot-list .item .box .icon{
    margin: 0 auto;
    width: 60px;
    height: 60px;
    display: block;
    background-image: url('/skin/dds/img/index/sprites.png');
}
.bg-fn_01{
    background-position: -542px -30px;
}
.bg-fn_02{
    background-position: -392px -146px;
}
.bg-fn_03{
    background-position: -931px -30px;
}
.bg-fn_04{
    background-position: -1009px -30px;
}
.bg-fn_05{
    background-position: -620px -30px;
}
.bg-fn_06{
    background-position: -893px -146px;
}
.bg-fn_07{
    background-position: -592px -146px;
}
.bg-fn_08{
    background-position: -92px -146px;
}
.bg-fn_09{
    background-position: -992px -146px;
}
.bg-fn_10{
    background-position: -390px -30px;
}
.bg-fn_11{
    background-position: -777px -30px;
}
.bg-fn_12{
    background-position: -192px -149px;
}
.bg-fn_13{
    background-position: -1097px -146px;
}
.bg-fn_14{
    background-position: -153px -23px;
}
.bg-fn_15{
    background-position: -293px -146px;
}
.bg-fn_16{
    background-position: -853px -30px;
}
.bg-fn_17{
    background-position: -700px -25px;
}
.bg-fn_18{
    background-position: -305px -25px;
}
.bg-fn_19{
    background-position: -792px -146px;
}
.bg-fn_20{
    background-position: -493px -146px;
}
.bg-fn_21{
    background-position: -230px -30px;
}
.bg-fn_22{
    background-position: -1087px -25px;
}
.bg-fn_23{
    background-position: -692px -146px;
}
.bg-fn_24{
    background-position: -465px -25px;
}
.bg-fn_25{
    background-position: -71px -25px;
}


.col-pt .swiper-slide {
    background-position: center;
    background-size: 130% 120%;
    width: 40%;
    height: 371px;
}

.col-pt .swiper-slide img {
    display: block;
    width: 216px;
    height: 371px;
}
.pt-bg2{
    position: absolute;
    width: 262px; 
    height: 475px;
    z-index: 99;
    left: 177px;
    top: -70px;
    background: url('/skin/dds/img/index/bg2.png') no-repeat;
}

/*改版10.15*/
.col-tg {}
.col-tg .tg-bg{
    background: url(/skin/dds/img/index/tg-bg.png) no-repeat center center;
    display: block;
    width: 100%;
    height: 150px;
}