ul, ol, li, p, div{ margin: 0;padding: 0;}
input,button{ outline: none;}
body,html {height:100%;font-size:14px;line-height:1.5;padding:0;margin:auto; width: 100%;
    font-family:'微软雅黑',sans-serif,"microsoft yahei",Helvetica Neue,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100% !important;
    -webkit-overflow-scrolling:touch;
}
a{ text-decoration: none;}
li{ list-style: none;}
[v-cloak]{ display: none;}
.color_blue{ color: #3296fa;}
.color_black{ color: #576374;}
.btn_blue{ background: #3296fa;color: #fff;border-radius: 6px;}
.btn_white{ border-radius: 6px;border: 1px solid #3296fa;color: #3296fa;}
.text_center{ text-align: center;}
.btn_ani{ transition: border-radius 0.5s;-webkit-transition: border-radius 0.5s; }
.btn_ani:hover{ border-bottom-right-radius: 50px;border-top-left-radius: 50px;border-bottom-left-radius: 6px;border-top-right-radius: 6px;}
.el-header{ height: 100px !important;padding: 0 20px 0 4% !important;}
.el-main{ padding: 0 !important;}
.top_nav{ display: flex;align-items: center;justify-content: center;}
.el-carousel__container{ height: 700px;}
.el-carousel__container img{ width: 100%;}
.el-carousel__arrow{ color: #3296fa;background: #e3f0fc;}
.el-carousel__indicator--horizontal{ padding: 12px 18px !important;margin-bottom: 44px;}
.el-carousel__button{ width: 16px !important;height: 16px !important;border-radius: 50%;background: #ccc; opacity: 1 !important;}
.el-carousel__indicator.is-active button{ background: #3296fa;}
.el-carousel__arrow--right{ right: 26px !important;}
.el-carousel__arrow--left{ left: 26px !important;}
.el-carousel__arrow i{ font-size: 25px; font-weight: bold !important;}
.el-carousel__indicators--horizontal{ bottom: 2% !important;}
.el-tabs__header{ display: flex;justify-content: center;;}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{min-width: 24px !important;}
.el-pager li{ height: 24px !important; line-height: 24px !important;font-size: 12px !important;font-weight: normal !important;}
.el-tabs__header{ padding: 0 200px !important;top: 59px;}
.pagination{ margin-bottom: 30px !important;}
.tabs_title{ position: relative;top:90px;left: 12%;}
.el-main{ margin-top: 100px;overflow: hidden;}
.el-pagination.is-background .el-pager li:not(.disabled).active{ background-color: #3296fa !important;}
.el-tabs__content{ top: 100px;left: 12%;margin-bottom: 150px;}
.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 50px;
}
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child {
    padding-right: 50px;
}
.el-tabs__item{ padding:  0 50px;font-size: 16px !important;}

@media screen and (max-width: 1440px){
    .el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {
        padding-left: 20px !important;
    }
    .el-tabs__item{ padding:  0 20px !important;}
    .tabs_title{ position: relative;top:92px !important;left: 8% !important;}
    .el-pagination{ padding-left: 8% !important;padding-top: 40px;}
    .logo{ right: 46px !important;}
    .logo img{ width: 100%;}
    .right_btn{ width: 25% !important; left: 46px !important;}
    .el-carousel__container{ height: 550px !important;}
    .lb_left_info{ left: 8% !important;}
    .el-carousel__indicators{ top:414px;}
    .footer_info_item{ padding-left: 136px !important;}
    .footer_info_item ul{ padding-right: 80px !important;}
    .wx_intro_info{left: 8% !important;}
    .content_info{ padding: 144px 0 !important;}
    .lc_img2{ left: -14px !important;}
    .tem_list_tabs,.tem_list_cont { padding: 100px 0 0 100px !important;width: 1240px !important;}
    .mbsc_img4{ top:22px !important;right: 0 !important;}
    .mbsc_img3{ top:105px !important;right: 130px !important;}
    .mbsc_img1{ top: 10px !important;right: 244px !important;}
    .mbsc_img2{ top: 152px !important;right: 244px !important;}
    .item_mbsc_img4{ top:22px !important;right: 0 !important;}
    .item_mbsc_img3{ top:105px !important;right: 130px !important;}
    .item_mbsc_img1{ top: 10px !important;right: 244px !important;}
    .item_mbsc_img2{ top: 152px !important;right: 244px !important;}
    .media_width{ left: 2% !important;}
    .tem_banner_dx{ right: 406px !important;}
    .tem_banner_dd{ right: 447px !important;}
    .pt_img1{ top: 150px !important;right: 0 !important;}
    .pt_img2{ top: 14px !important;right: 88px !important;}
    .pt_img3{ top: 228px !important;right: 370px !important;}
    .pt_img4{ top: 106px !important;right: 184px !important;}
    .pt_img6{ top: 97px !important;right: 128px !important;}
    .pt_img5{ top: 175px !important;right: 320px !important;}
    .pt_img7{ top: 178px !important;right: 184px !important;}
    .pt_img8{ top: 187px !important;right: 132px !important;}
    .pt_img9{ top: 220px !important;right:99px !important;animation: topPtm7 2s infinite !important;}
    .pt_img10{ top: 322px !important;right: 300px !important;animation: topPtm10 2s infinite !important;}
    .wd_pt_img1{ top: 150px !important;right: 0 !important;}
    .wd_pt_img2{ top: 14px !important;right: 88px !important;}
    .wd_pt_img3{ top: 228px !important;right: 370px !important;}
    .wd_pt_img4{ top: 106px !important;right: 184px !important;}
    .wd_pt_img6{ top: 97px !important;right: 128px !important;}
    .wd_pt_img5{ top: 175px !important;right: 320px !important;}
    .wd_pt_img7{ top: 178px !important;right: 184px !important;}
    .wd_pt_img8{ top: 187px !important;right: 132px !important;}
    .wd_pt_img9{ top: 220px !important;right:99px !important;animation: topPtm7 2s infinite !important;}
    .wd_pt_img10{ top: 322px !important;right: 300px !important;animation: topPtm10 2s infinite !important;}
    .xxbt_img4{ left:59px !important}
    .xxbt_img3{ left:339px !important}
    .xxbt_img2{ left:224px !important}
    .dzyw_img4{ right:303px !important}
    .dzyw_img3{ right:76px !important}
    .dzyw_img2{ right:304px !important}
    .el-col-9{ width: 48% !important;}
    .wx_intro .el-col-11{ width: 63% !important;}
    .pagination{ margin-bottom: 30px !important;}
    .media_cen_right{ padding-left: 76px !important;}
    .tem_present{ width: 316px !important;}
    .tabs_title{ position: relative;top:98px;left: 92px;}
    .el-tabs__content{ top: 50px;left: 0 !important;}
}
@media screen and (min-width: 2560px){
    .pt_left_info{ left: 26% !important;}
    .wx_intro_info{ left: 26% !important;}
    .tem_left_info{ left: 21% !important;}
    .mbsc_img4,.item_mbsc_img4{ right: 18% !important;}
    .tem_banner_dd,.tem_banner_dd{ right: 1038px !important;}
    .tem_banner_dx,.tem_banner_dx{ right: 956px !important;}
    .mbsc_img1,.item_mbsc_img1{ right: 710px !important;}
    .mbsc_img2,.item_mbsc_img2{ right: 764px !important;}
    .mbsc_img3,.item_mbsc_img3{ right: 600px !important;}
    .pt_img1,.wd_pt_img1{ right: 20% !important;}
    .pt_img2,.wd_pt_img2{ right: 572px !important;}
    .pt_img3,.wd_pt_img3{right: 870px !important;}
    .pt_img4,.wd_pt_img4{ right: 688px !important;}
    .pt_img5,.wd_pt_img5{ right: 825px !important;}
    .pt_img6,.wd_pt_img6{ right: 635px !important;}
    .pt_img7,.wd_pt_img7{ right: 668px !important;}
    .pt_img10,.wd_pt_img10{ right: 805px !important;}
    .pt_img8,.wd_pt_img8{ right: 624px !important;}
    .pt_img9,.wd_pt_img9{ right: 589px !important;}
    .tem_two_item:not(:last-child){ margin-right: 142px !important;}
    .tem_item_box:not(:last-child){ margin-bottom: 142px !important;}
    .content_info{ padding: 144px 8% 144px 22% !important;}
    .dj_module_two{ padding: 80px 300px 144px 690px !important;}
    .el-carousel__container{ height: 846px !important;}
    .tabs_title{ left: 22% !important;}
    .footer_info_item ul{ padding-right: 96px !important;}
    .el-tabs__content{ top: 100px;left: 22% !important;}
    .lb_left_info{ left: 18% !important;top: 34% !important;}
    .el-carousel__container{ height: 830px !important}
    .lc_img,.zxgd_img{ animation: scaleImg 1s !important;animation-fill-mode: forwards !important;}
}
/*首页 产品*/
.top_nav{ position: relative;top: 20px;}
.logo{ position: relative;right: 100px;top: 4px;}
.cen_nav{ display: flex;align-items: center;justify-content: space-between;white-space: nowrap;}
.cen_nav li{ padding: 0 20px;}
.cen_nav li a{ font-size: 20px;color: #576374;word-break: break-all;}
.cen_nav li a:hover{ cursor: pointer;}
.right_btn{ position: relative;left: 100px;white-space: nowrap;}
.right_btn a{display: inline-block; font-size: 16px; height: 40px;line-height: 40px;text-align: center;border-radius: 6px;}
.dd_btn{ margin-right: 20px; width: 120px;}
.wx_btn{width: 150px;}
.lb_left_info{ position: absolute;top: 25%;left: 14%;}
.lb_title{ font-size: 56px;margin: 0 0 40px 0;}
.lb_info{ font-size: 20px;line-height: 1.8;margin-bottom: 52px;width: 536px;color: #576374;}
.ty_btn{ display: block; width: 140px;height: 42px;line-height:42px;text-align: center;border-radius: 6px;background: #3296fa;color: #fff;font-size: 16px;}
.module_title{ font-size: 56px;text-align: center;margin: 126px 0 0 0;}
.module_title span:first-child{ padding-right: 10px;}
.content_info{ padding: 144px 8% 144px 12%;align-items: center;margin-left: 0 !important;margin-right: 0 !important;}
.content_one:nth-child(even){ background: #f7fbfe;}
.content_two:nth-child(odd){ background: #f7fbfe;}
.cent_title{ font-size: 48px;margin-bottom: 40px;line-height: 1.8}
.cent_info{ font-size: 20px;line-height: 1.8}
.cen_left,.cen_right{ position: relative;}
.active a{ color:#3296fa !important;}
/*定价页*/
.dj_module_one{ padding: 80px 0 0 0;}
.dj_table{ display: flex;width: 1204px;margin: 0 auto;box-shadow: 0 0 6px rgb(221,221,221);}
.th_title{ flex-shrink: 0; width: 400px;border-left: 1px solid #ddd;font-weight: 500;}
.th_title li{ border-bottom: 1px solid #ddd;text-align: center;}
.td_title{font-size: 40px;height: 100px;line-height: 100px;}
.td_item{ font-size: 20px; color: #576374;height: 60px;line-height: 60px;}
.version{ border-top: 12px solid #3296fa;}
.try{ border-top: 12px solid #ff9a56;background: #fff;overflow: hidden;position: relative;}
.normal{ border-top: 12px solid #4ee791;border-right: 1px solid #ddd;}
.free{ position: absolute;top: 16px; color: #fff;font-size:18px; background: #ff0000;display: inline-block;height: 26px;line-height:26px;width: 144px;transform: rotate(45deg);letter-spacing: 5px;}
.td_item_last{ height: 100px;line-height: 100px;}
.td_item_last a{   display: inline-block; background: #00cc59;font-size: 20px;color: #fff;width: 210px;height: 50px;line-height: 50px;border-radius: 6px;}
.prompt{ color: #999;font-size: 16px;text-align: center;padding-top: 30px;}
.dj_module_two{ padding: 80px 300px 144px 374px;}
.answer_item{ padding-bottom: 76px;}
.answer_title{ padding-bottom: 20px;}
.ask{ font-size: 22px;color: #000;}
.ask_num{ display: inline-block;text-align: center;margin-right: 10px; background: #3296fa;width:28px;height: 28px;line-height: 28px;color: #fff;font-size: 22px;border-radius: 6px; }
.answer{ font-size: 16px;color: #999;line-height: 1.8;}
.price_box{padding: 0 20px;text-align: center;padding: 80px 0 20px 0;text-align: center;max-width: 1200px;margin: auto;}
.price_table_title{height: 100px;line-height: 100px;font-size: 28px;background-color: #3296fa;color: #ffffff;}
.price_table_content{table-layout: fixed;font-size: 16px;width: 100%;border-collapse: collapse;color: #333333;}
.price_table_content * {border-color: #eaecf3!important;}
tbody, td, tfoot, th, thead, tr {border-color: inherit;border-style: solid;border-width: 0;}
.price_table_content>:not(caption)>* {border-width: 1px 0;}
.price_table_content>:not(caption)>*>* {border-width: 0 1px;}
.price_table_content td, .price_table_content th {padding: 20px 0;vertical-align: middle;}
.price_table_rows p{line-height: 36px;color: #3296fa;}
.price_colspan{padding:20px;}
.table_col_7{float: left;text-align: left;padding: 8px 20px;}
.price_check_icon{vertical-align: -4px;width: 22px;height: 22px;}
.f18{font-size: 18px;}
.f26{font-size: 26px;}
/*模版市场 、模块分类、分类详情*/
.tem_one{ position: relative;overflow: hidden;width: 100%;height: 600px;}
.tem_bg_img{position: relative;}
.tem_two{ padding: 100px 0 150px 0;}
.tem_item_box{ display: flex;justify-content: center;}
.tem_item_box:not(:last-child){ margin-bottom: 70px;}
.tem_two_item{ border: 1px solid #ddd;height: 480px;width: 380px;border-radius: 6px;cursor: pointer;}
.tem_two_item:not(:last-child){ margin-right: 70px;}
.tem_two_item:hover{ box-shadow: 0 0 10px rgb(221,221,221);}
.tem_title{ font-size: 24px;color: #576374;padding: 34px 30px 6px 30px;}
.tem_info{ padding: 0 30px;}
.tem_info p{ font-size: 20px;color: #999;line-height: 1.8;}

.tem_list_tabs{ display: flex;align-items: center;justify-content: space-between;margin: 0 auto;position: relative;width: 1460px;padding: 50px 0 0 0;}
.tabs_title{ color: #3296fa;font-weight: bold;font-size: 20px;padding-right: 66px;}
.tem_tabs_line{ width: 100%;height: 1px;background: #ddd;z-index: 1;position: relative;top: -1px;}
.tem_list_tabs ul{ padding-right:106px; color: #576374;font-size: 20px;display: flex;align-items: center;justify-content: space-between;flex: 1;}
.tem_list_tabs ul li{ padding: 16px 22px;cursor: pointer;}
.now_tabs{ z-index: 2; border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;border-bottom: 1px solid #fff;}
.tem_list_cont{  width: 1460px;padding:0 0 50px 0;}

.tem_search{ display: flex;align-items: center;margin-bottom: 50px;}
.search_label{ color: #576374;font-size: 18px;margin-right: 30px;}
.search_input{ font-size: 18px; background: none; border: 1px solid #ddd;padding: 12px 20px;line-height: 10px;width: 200px;margin-right: 30px;}
.search_btn{ width: 70px;height: 45px;font-size: 16px;border: none;border-radius: 0;background: #3296fa;color: #fff;}
.tem_list ul{ display: flex;flex-wrap: wrap;}
.tem_list ul li{ border: 1px solid #ddd;padding: 20px;margin:0 40px 40px 0;cursor: pointer;}
.tem_list ul li:nth-child(13),.tem_list ul li:nth-child(14),.tem_list ul li:nth-child(15){ margin: 0 40px 0 0;}
.tem_name{ color: #576374;font-size: 18px;padding-bottom: 20px;}
.tem_present{ width: 400px; line-height: 1.5; color: #999;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; /*! autoprefixer: ignore next */-webkit-box-orient: vertical; }
.tem_line{ width: 100%;height: 1px;background: #ddd;margin: 14px 0 16px 0;}
.tem_tag{ display: flex;align-items: center;justify-content: space-between;}
.gf_tag{ display: inline-block; background: #3296fa;color: #fff;font-size: 14px;border-radius: 4px;padding: 2px 6px;text-align: center;}
.mf_tag{ display: inline-block; background: #eee;color: #576374;font-size: 14px;border-radius: 4px;padding: 2px 6px;text-align: center;}
.az_num{ color: #999;font-size: 16px;}
.pagination {display: inline-block;padding: 0;margin: 0;padding-left: 8%;}
.pagination li {display: inline;}
.pagination li {color: #576374;float: left;width: 22px;height: 22px;line-height:22px;text-align: center;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd;margin: 0 4px;}
.pagination li.now_page {background-color: #3296fa !important;color: #fff !important;border: 1px solid #3296fa !important;}
.pagination li:hover:not(.now_page) {background-color: #ddd;cursor: pointer;}

.item_info_box{ max-width:1000px;margin: 0 auto;margin-bottom: 150px;}
.item_info_title,.item_info_btn{ margin-top: 50px;}
.info_title{ font-size: 18px;}
.info_tag{ margin-left: 16px;margin-right: 6px;}
.item_info_des{ font-size: 16px;margin-top: 30px;}
.item_info_des span{ padding: 4px 10px;line-height: 2;border-left: 3px solid #3296fa;display: block;height: auto;}
.item_info_tag{ padding-top: 40px;border-top: 1px solid #ddd;margin-top: 20px;}
.item_info_tag .el-col{ border-left: 1px solid #ddd;padding: 0 10px;}
.item_info_tag .el-col i{ margin-right: 6px;font-size:18px;color: #909399;}
.tag_item_tag{ border-radius: 50px;margin-right: 6px;margin-bottom: 6px;}
.item_info_steps{ margin-top: 50px;}
.steps_title,.content_title{ font-size: 16px;color: #576374;border-left: 3px solid #3296fa;padding: 4px 10px;}
.steps_box{ border: 1px solid #ddd;margin-bottom: 50px;padding: 30px;margin-top: 20px;}
.steps_box li{ display: flex;align-items: end;position: relative;padding: 10px 0;}
.steps_box li:before{ content: '';height: 100%;border: 1px dashed #3296fa;position: absolute;left: 26px;}
.steps_box li:last-child:before{ border: none;}
.steps_left{ background: #3296fa;color: #fff;font-size: 14px;padding: 0 8px;border-radius: 50px;z-index: 2;flex: 0;word-break: keep-all;}
.steps_right{ display: flex;flex-direction: column;padding-left: 10px;line-height: 2;position: relative;top: -9px;}
.step_title{ font-size: 18px;}
.step_des,.step_keyWord{ font-size: 14px;}

/*第三方服务平台*/
.pt_one{ position: relative;overflow: hidden;height: 600px;}
.pt_two{ padding: 114px 0 0 0;}
.pt_two_box{ display: flex;justify-content: center;}
.pt_two_item{ width: 550px;border: 1px solid #ddd;position: relative;text-align: center;margin-bottom: 100px;}
.pt_two_item:not(:last-child){margin-right: 100px;}
.pt_name{  width: 140px;top: -22px;left: -1px;height: 44px;line-height: 44px;position: absolute;}
.pt_name p{  width: 124px;height: 44px;line-height: 44px;text-align: center; color: #fff;font-size: 20px;}
.name_green{ background: rgba(42,196,2,0.5)}
.name_green p{background:#2ac402;}
.name_blue{ background: rgba(50,150,250,0.5)}
.name_blue p{background:#3296fa;}
.az_btn{ margin-bottom: 30px; width: 430px; height: 50px;line-height: 50px;border-radius: 6px;font-size: 20px;text-align: center;display: inline-block;}
.pt_two_item img{ padding: 42px 0;}
.line{ width: 500px;height: 1px;background: #ddd;text-align: center;margin: 0 auto;margin-top: 16px;}
.pt_info{ padding: 46px 60px;}
.pt_info p{ text-align: left;color: #999;font-size: 20px;line-height: 1.8;}
.intro_yygd{ color: #576374;font-size: 22px;}
/*企业微信介绍 钉钉介绍*/
.intro_btn{ vertical-align: middle; display: inline-block;font-size: 16px; width: 200px;height: 42px;line-height: 42px;text-align: center;margin: 40px 0 0 0;}
.intro_btn:not(:last-child){ margin-right: 20px;}
.intro_btn img{ position: relative;top: 4px;right: 3px;}
.wx_intro_info{top: 20% !important;}
.dd_wx_pt{ height: 500px;}
.tem_item_one{ height: 450px;}
.intro_logo{ display: flex;align-items: center;justify-content: center;margin-bottom: 24px;}
.intro_logo .gd_logo{ width: 140px;margin-top: 6px;}
.and_icon{ color: #999;font-weight: 100;font-size: 28px;margin: 0 20px;}
.wx_logo,.dd_logo{ display: flex;align-items: center;font-size: 24px;}
.wx_logo img,.dd_logo img{ margin-right: 4px;}
.wx_logo{ color: #2484dd;}
.dd_logo{ color: #3296fa;}
.wx_logo img{ width: 28px;}
.wx_fws{ width: 148px;margin-left: 40px;}
.dd_icon{ width: 18px;}
.intro_btn_bottom{ display: flex;align-items: center;justify-content: center;}

.lb_title_one{ display: flex;align-items: center;}
.lb_title_one .gd_logo{ width: 142px;margin-top: 6px;}
.lb_title_one .and_icon{ margin:2px 16px 0;color: #999;font-size: 22px;font-weight: 100;}
.lb_title_one .platform_logo{ display: flex;align-items: center;font-size: 28px; color: #3a8ee6;}
.lb_title_one .platform_logo img{ margin-right: 5px;margin-top: 3px;width: 34px;}
.lb_title_one .wx_fws_logo{ width: 148px;margin-left: 20px;}

/*底部*/
.footer{ background: #484f54;padding: 82px 0 0 0;height: 100%;}
.footer_top{ display: flex;justify-content: space-between;width: 1340px;margin: 0 auto;}
.footer_info_item{ display: flex;padding-left: 130px;}
.footer_info_item ul{ padding-right: 104px;}
.footer_kf{ padding-right: 64px;}
.footer_info_item ul li,.footer_kf{ color: #fff;line-height: 2;font-size: 16px;padding-right:0px;}
.footer_kf p:first-child{ padding-bottom: 10px;}
.item_title{ font-size: 18px !important;}
.phone_num{ font-size: 20px;font-weight: bold;}
.footer_kf p:first-child{ display: flex;align-items: center;}
.footer_kf p:first-child img{ flex-shrink: 0;margin-right: 10px;}
.divider_s{ height: 208px;background:#767676;width:1px;margin: 0 10px;position: relative;right: 60px;top: -34px;}
.divider_h{ width: 100%;height: 1px;background: #767676;}
.footer_bottom{ padding: 50px 0;line-height: 2.8;border-top: 1px solid #767676;}
.footer_bottom p{ text-align: center;color: #fff;font-size: 16px;}
.footer_bottom p span:not(:last-child){ margin-right: 20px;}
.footer_bottom p img{ margin-right: 10px;}

.header{ position: fixed;width: 100%;z-index: 999;background: #fff;}
.header_fixed{ box-shadow: 0 0 10px rgba(221,221,221,0.7);backdrop-filter: blur(24px); background: rgba(255,255,255,0.8) !important;}
/* 放大渐现 动画效果*/
@keyframes scaleImg {
    from{ opacity: 0; transform: scale(0.5)}
    to{ opacity: 1; transform: scale(1)}
}
.lc_img,.xx_img,.xxbt_img,.gljn_img,.dzyw_img,.sj_img,.gd_img,.ssjg_img,
.zxgd_img,.jdcz_img,.qssz_img,.gstw_img,.qsszg_img,
.cjys_img,.gdgl_img,.gxxz_img,.gdtj_img{ opacity: 0;}
.img_move,.aniCp,.aniWxdd{ animation: scaleImg 1s;animation-fill-mode: forwards;}
.aniWxddD{ animation-delay: 2s;}

.cjys_img{animation: scaleImg 1s !important;animation-fill-mode: forwards !important;}

/*模版市场*/
@keyframes filterImg {
    from{ filter: grayscale(100%)}
    to{ filter: grayscale(0%)}
}
@keyframes topImg {
    from{ top: 138px;}
    to{ top: 134px;}
}
@keyframes topImgS {
    from{ top: 14px;}
    to{ top: 10px;}
}
.tem_left_info{ position: absolute;top: 27%;left: 12%;z-index: 2;}
.pt_left_info{ position: absolute;top: 35%;left: 18%;z-index: 2;}
.mbsc_img4{ position: absolute;top:134px;right: 12%;animation: topImg 2s infinite;}
.tem_banner_dx{ position: absolute;top: 0;right: 727px;}
.tem_banner_dd{ position: absolute;top: 0;right: 790px;}
.item_mbsc_img4{ position: absolute;top:10px;right: 12%;animation: topImgS 2s infinite;}
@keyframes topTemd {
    0%{  filter: sepia(0);-webkit-filter: sepia(0); top: -10px;}
    50%{ filter: sepia(0);-webkit-filter: sepia(0); top:2px; }
    100%{  filter: sepia(18%);-webkit-filter: sepia(18%); top: 0;}
}


/*第三方平台介绍*/
@keyframes aniPt2 {
    0%{ top: 100px;} 25%{ top: 92px;} 50%{ top: 88px;} 75%{ top: 92px;} 100%{ top: 100px;}
}
@keyframes aniPt2S {
    0%{ top: 20px;} 25%{ top: 18px;} 50%{ top: 15px;} 75%{ top: 18px;} 100%{ top: 20px;}
}
.pt_bg{ position: relative;width: 100%;}
.pt_bg_img{ position: relative;width: inherit;}
.pt_img1{ position: absolute;z-index: 2;top:242px;right: 300px;}
.pt_img2{ position: absolute;z-index: 2;top:88px;right: 310px;animation: aniPt2 2s infinite;}
.pt_img3{ position: absolute;z-index: 2;top:322px;right: 670px;}
.pt_img4{ position: absolute;z-index: 2;top:208px;right: 490px;}
.pt_img5{ position: absolute;z-index: 2;top:260px;right: 608px;}
.pt_img6{ position: absolute;z-index: 2;top:190px;right: 443px;}
.pt_img7{ position: absolute;z-index: 2;top:287px;right: 492px;}
.pt_img8{ position: absolute;z-index: 2;top:286px;right: 440px;}
.pt_img9{ position: absolute;z-index: 2;top:310px;right:400px;}
.pt_img10{ position: absolute;z-index: 2;top:410px;right: 598px;}

.wd_pt_img1{ position: absolute;z-index: 2;top:150px;right: 300px;}
.wd_pt_img2{ position: absolute;z-index: 2;top:15px;right: 332px;animation: aniPt2S 2s infinite;}
.wd_pt_img3{ position: absolute;z-index: 2;top:229px;right: 670px;}
.wd_pt_img4{ position: absolute;z-index: 2;top:113px;right: 490px;}
.wd_pt_img5{ position: absolute;z-index: 2;top:152px;right: 608px;}
.wd_pt_img6{ position: absolute;z-index: 2;top:98px;right: 443px;}
.wd_pt_img7{ position: absolute;z-index: 2;top:190px;right: 492px;}
.wd_pt_img8{ position: absolute;z-index: 2;top:196px;right: 440px;}
.wd_pt_img9{ position: absolute;z-index: 2;top:226px;right:394px;}
.wd_pt_img10{ position: absolute;z-index: 2;top:323px;right: 605px;}