@charset "UTF-8";

/** 通用 **/
*{ margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{ height:100%;}
body{ font-size:14px; font-family: 'Microsoft Yahe', sans-serif; color:#333;}
a{ text-decoration: none; color:#555;}
img{ max-width:100%; vertical-align:middle;}
input, button, textarea{ outline:none;}
ul,li{ list-style: none;}
input::-webkit-input-placeholder{ color:#ccc;}
input::-moz-placeholder{ color:#ccc;}
input::-ms-input-placeholder{ color:#ccc;}
.lf{ float:left;}
.rf{ float:right;}
.tac{ text-align:center;}
.clearFix:after, ul:after{ content:""; display:block; clear:both;}
.container{ width:95%; max-width:1200px; margin:0 auto; overflow:hidden; position:relative;}
#box-kefu, #box-kefu *{box-sizing: content-box;}

/** 顶部导航 **/
.top_nav{ width:100%; /*min-height:500px;*/ background:center no-repeat; background-size:cover;}
.top_nav .nav{ width:100%; padding:0 5%; text-align:center; position:relative; z-index:9; transition:all .5s;}
.top_nav .nav .logo{ height:60px; position:absolute; top:0; left:5%;}
.top_nav .nav .logo img{ width:auto; margin-top:5px;}
.top_nav .nav .left_menu{ max-width:1200px; margin:0 auto;}
.top_nav .nav .nav_list{ display:inline-block; margin-right:20px;}
.top_nav .nav .nav_list li{ float:left; margin-left:32px; line-height:60px; color:#eee;}
.top_nav .nav .nav_list li:first-child{ margin-left:0;}
.top_nav .nav .nav_list a{ padding:0 5px; color:#fff; position:relative; font-size:16px;}
.top_nav .nav .nav_list li a:before{ content:''; display:block; height:1px; background-color:#FFF; position:absolute; bottom:-5px; left:50%; right:50%; transition:all .3s;}
.top_nav .nav .btn_group{ height:60px; line-height:60px; /*position:absolute; top:0; right:5%;*/ position:relative; float:right; z-index:1;}
.top_nav .nav .btn_group .btn{ border:1px solid #fff; color:#fff; padding:3px 12px; margin:0 3px; transition:all .5s;}
.top_nav .nav .btn_group .btn:hover{ background-color:rgba(255,255,255,.2);}

.top_nav .menu{ display:none; width:35px; height:35px; border:1px solid #eee; padding:2px 5px; border-radius:3px; cursor:pointer;}
.top_nav .menu span{ display:block; width:100%; height:2px; background-color:#fff; margin:6px 0; border-radius:3px; transition:transform .5s, opacity .5s;}
.top_nav .menu:after{ content:'菜单'; display:block; width:35px; line-height:20px; font-size:12px; text-align:center; color:#eee; margin-left:-6px;}
.top_nav .menu span:nth-child(1), .top_nav .menu span:nth-child(3){ transform-origin:0 0;}
.top_nav .menu.active span:nth-child(1){ transform:rotate(45deg); margin-left:4px;}
.top_nav .menu.active span:nth-child(2){ transform:rotate(45deg); opacity:0;}
.top_nav .menu.active span:nth-child(3){ transform:rotate(-45deg); margin-left:3px;}


/** 首页 **/
.index .top_nav{ background-image: url('../images/index/banner/index_bg.png');}
.index .bg_gray{ background-color:#F0FBFF;}
.index .title{ font-size:36px; line-height:40px; text-align:center; margin:50px 0;}
.index .reason{ margin:0 auto;}
.index .reason .content li{ float:left; width:33.33%; text-align:center; padding:50px 55px; border-left:1px solid #ddd;}
.index .reason .content li img{ display:block; width:48px; height:48px; margin:0 auto;}
.index .reason .content li h4{ margin:50px 0; font-size:20px; font-weight:100;}
.index .reason .content li p{ height:60px; color:#888; line-height:30px; font-size:16px;}

.index .exhibition{ padding:10px 0 20px; margin:60px 0;}
.index .exhibition .content{ }
.index .exhibition .content li{ float:left; width:16.6%; text-align:center; line-height:30px; font-size:14px;}
.index .exhibition .content li .box{ width:100%; position:relative; backface-visibility:hidden; transform-style: preserve-3d; transition:all .5s; cursor:pointer;}
.index .exhibition .content li .img{ width:120px; height:150px; margin:0 auto; position:relative; background-color:#F0FBFF;}
.index .exhibition .content li .icon{ padding-top:40px;}
.index .exhibition .content li .icon img{ width:80px;}
.index .exhibition .content li .code{ position:absolute; top:0; left:50%; margin-left:-60px; transform:rotateY(180deg);}
.index .exhibition .content li .code img{ display:block; width:100%; height:120px; padding:10px; border-radius:15px; background-color:#FFF;}
.index .exhibition .content li:hover .box{ transform:rotateY(180deg);}
.index .exhibition .content li.off:hover .box{ transform:rotateY(0deg);}

.index .answer{}
.index .answer .container{}
.index .answer .container li{ float:left; width:50%; padding:0 40px; font-size:16px; line-height:30px; margin-bottom:20px; position:relative;}
.index .answer .container li span{ width:100px; color:#999; position:absolute; top:0; right:40px;}
.index .answer .container li a{ display:block; width:100%; padding-right:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all .5s;}
.index .answer .container li a:hover{ color:#22C0CF;}
.index .answer .container li:before{ content:''; display:block; width:10px; height:10px; border-radius:50%; background-color:#22C0CF; position:absolute; top:10px; left:20px;}

.index .use{ padding:20px 0; margin-top:40px;}
.index .use .container{}
.index .use .container li{ float:left; width:14.28%; height:70px; line-height:70px; text-align:center; margin-bottom:30px;}
.index .use .container li img{ width:auto; max-width:100%; vertical-align:middle;}

.index .at_once{ padding:30px 0; text-align:center; color:#FFF; font-size:24px; line-height:40px; background: linear-gradient(to right, #1FD9C6 20%, #2697DE 50%);}
.index .at_once .btn{ display:inline-block; line-height:30px; color:#fff; border:2px solid #fff; font-size:16px; border-radius:5px; margin:20px auto 0; padding:0 60px;}


/** 资费 **/
.expenses{ background-color:#F4F8FB;}
.expenses .top_nav{ background-image:url('../images/index/banner/expenses_bg.png'); margin-bottom:50px;}
.expenses #tc #tc_bt{ background-color:transparent; color:#333;}
.expenses #tc #table_b, .expenses #tc td{ background-color:#FFF;}
.expenses #tc table{ border-radius:20px; overflow:hidden; margin-bottom:35px;}
.expenses #tc tr{ border:0;}
.expenses #tc tr:last-child td{ border-bottom:0;}
.expenses #tc td{ height:80px; border:0; border-left:1px solid #eee; border-bottom:1px solid #eee; color:#333; font-size:14px;}
.expenses { }



/** 投票/砍价演示 **/
.slide_sss{}
.slide_sss .item{ position:relative; overflow:hidden; cursor:pointer;}
.slide_sss .item p{ margin-top:5px;}
.slide_sss .item .code{ width:100%; position:absolute; top:0; bottom:24px; left:0; background:rgba(0,0,0,.2); color:#fff; line-height:40px; transition:all .5s; opacity:0;}
.slide_sss .item .code img{ width:150px; height:150px; position:absolute; top:-100%; left:50%; margin-left:-75px; margin-top:-75px; transition:all .5s;}
/* .slide_sss .item:hover .code{ opacity:1;} */
/* .slide_sss .item:hover .code img{ top:50%;} */



/** 登录/注册 **/
.login{ width:100%; height:100%; position:relative; background:url('../images/index/banner/login_banner.jpg') no-repeat;}
.login .banner{ display:none;}
.login .top_nav{ background:unset;}
.login .warn{ width:200px; line-height:28px; min-height:28px; padding-left:30px; transition:all .5s; background:5px 4px no-repeat; background-size:20px;}
.login .warn.err{ background-image: url('../images/index/login_err.png'); color:#e40e0e;}
.login .warn.success{ background-image:url('../images/index/login_success.png'); color:green;}
.login .model{ width:1000px; height:635px; position:absolute; top:50%; left:50%; margin-left:-500px; margin-top:-317px; z-index:999; background-color:#FFF; border-radius:10px; padding:70px 65px;}
.login .model .bg_img{ float:left; width:47%; background:url('../images/index/login_bg.png') center no-repeat; background-size:cover; position:absolute; top:-10px; left:-10px; bottom:-10px; border-radius:7px;}
.login .model .content{ float:right; width:50%;}
.login .model .content .warn.total{ margin-top:20px;}
.login .model .content .scan{ position:absolute; top:0; right:0; z-index:2; cursor:pointer;}
.login .model .content .title{ font-size:30px; line-height:70px;}
.login .model .content .list{ margin:10px 0 60px;}
.login .model .content .list li{ padding:5px 0 5px 45px; line-height:35px; border-bottom:1px solid #E5E5E5; background:15px 12px no-repeat; background-size:18px; position:relative;}
.login .model .content .list li.user{ background-image:url('../images/index/login_user.png');}
.login .model .content .list li.pwd, .login .model .content .list li.repwd{ background-image:url('../images/index/login_pwd.png');}
.login .model .content .list li.code{ background-image:url('../images/index/login_yzm.png');}
.login .model .content .list li .warn{ position:absolute; top:9px; right:0;}
.login .model .content .list li .eye{ width:30px; height:30px; position:absolute; top:9px; right:10px; background:url('../images/index/login_hide.png') 5px 4px no-repeat; background-size:20px; cursor:pointer; z-index:5;}
.login .model .content .list li .eye.show{ background-image:url('../images/index/login_show.png');}
.login .model .content .list input{ width:100%; font-size:14px; line-height:35px; color:#555; border:0; vertical-align:top;}
.login .model .content .list .code .verifycode_btn{ display:inline-block; vertical-align:middle; cursor:pointer; user-select: none;}
.login .model .content .list .code .verifycode{ display:inline-block; width:60px; height:30px; vertical-align:middle; background-color:#ddd;}
.login .model .content .list .code .verifycode img{ height:100%; vertical-align:top;}
.login .model .content .list .code input{ width:100px; vertical-align:middle;}
.login .model .content .btn_group{ max-width:328px; margin:0 auto;}
.login .model .content .btn_group a{ opacity:.7; transition:all .5s;}
.login .model .content .btn_group .btn{ width:100%; line-height:50px; background-color:#226af3; border-radius:10px; margin:0 auto 10px; color:#eee; text-align:center; font-size:24px; border:2px solid #226af3; cursor:pointer; transition:all .5s;}
.login .model .content .btn_group .btn:hover, .login .model .content .btn_group .btn:active{ background-color:transparent; color:#226af3;}
.login .model .content .btn_group .blue{ color:#2866e9;}
.login .model .content .btn_group a:hover{ opacity:1;}

.register{ }
.register .model .content{ float:none; margin:0 auto;}
.register .model .content .warn.total{ margin-top:0;}
.register .model .content .btn_group .btn{ background-color:#2C46C9; border:2px solid #2C46C9;}
.register .model .content .btn_group .btn:hover, .register .model .content .btn_group .btn:active{ background-color:transparent; color:#2C46C9;}
.register .model .content .list li{ padding-left:55px;}
.register .model .content .list li.phone{ background-image:url('../images/index/login_phone.png');}
.register .model .content .list li.yzm{ background-image:url('../images/index/login_letter.png');}
.register .model .content .list .yzm input{ display:inline-block; width:120px;}
.register .model .content .list .yzm_btn{ display:inline-block; padding:3px 12px; line-height:20px; vertical-align:middle; background-color:#00A0E9; color:#fff; border-radius:6px; cursor:pointer; transition:all .5s; user-select:none;}
.register .model .content .list .yzm_btn.err{ background-color:#aaa;}
.register .model .content .list .yzm_btn:hover, .register .model .content .list .letter_btn:active{ color:#e2efff;}
.register .model .content .list li .warn{ right:unset; left:100%;}


/** 微学院 **/
.college .top_nav{ background-image:url('../images/index/banner/college_bg.png'); }
.college .right_menu{ float:right; width:270px; margin:50px 0;}
.college .right_menu .list{ width:100%; box-shadow:0px 2px 6px 0px rgba(115,115,115,0.33); border-radius:8px; margin-bottom:50px; padding:1px 0;}
.college .right_menu .list .title{ width:100%; line-height:40px; background:linear-gradient(-84deg,rgba(0,164,242,1) 0%, rgba(39,220,199,1) 100%); border-radius:8px 8px 0px 0px; color:#FFF; text-align:center;}
.college .right_menu .list ul{ padding:0 15px;}
.college .right_menu .list li{ line-height:20px; margin:15px 0; position:relative;}
.college .right_menu .list li span{ width:70px; font-size:12px; color:#999; position:absolute; top:0; right:0;}
.college .right_menu .list li a{ display:block; width:100%; padding-right:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#666;}
.college .content{ width:100%; padding-right:300px;}
.college .content .title{ width:100%; line-height:30px; font-size:26px; margin:50px 0;}
.college .content .box{ margin-bottom:80px;}
.college .content .box .li{ float:left; width:32%; margin-left:2%; margin-bottom:30px;}
.college .content .box .li:nth-child(3n-2){ margin-left:0;}
.college .content .box .li .img{ display:block; width:100%; height:180px; border-radius:20px; background-color:#eee; overflow:hidden;}
.college .content .box .li p{ font-size:18px; line-height:30px; margin:8px 0;}
.college .content .box .li span{ display:block; color:#999; font-size:14px; margin-bottom:20px;}


/** 定制 **/
.custom .top_nav{ background-image:url('../images/index/banner/custom_bg.png');}
.custom .top_nav .banner{ padding-bottom:0;}
.custom .bg_gray{ background-color:#F0FBFF;}
.custom .title{ text-align:center; font-size:30px; margin:60px 0;}
.custom .assist .container{ overflow:unset;}
.custom .assist .box{ float:left; width:18%; margin-left:2.5%; background-color:#FFF; box-shadow:0 0 10px rgba(10,10,10,.2); border-radius:5px; text-align:center; padding:50px 0 36px;}
.custom .assist .box:first-child{ margin-left:0;}
.custom .assist .box img{ width:48px;}
.custom .assist .box p{ margin:50px 0 65px; font-size:16px;}
.custom .assist .box .btn{ display:inline-block; width:153px; line-height:35px; background:linear-gradient(82deg, rgba(255, 128, 8, 1), rgba(255, 200, 55, 1)); border-radius:17px; color:#FFF;}

.custom .superiority{ padding:10px 0 70px; margin:100px 0;}
.custom .superiority .container{ overflow:unset;}
.custom .superiority .box{ float:left; width:30%; margin-left:5%; background-color:#FFF; text-align:center; border-radius:5px; padding:70px 30px; box-shadow:0px 6px 10px 0px rgba(82,102,187,0.21);}
.custom .superiority .box:first-child{ margin-left:0;}
.custom .superiority .box img{ width:70px;}
.custom .superiority .box .img, .custom .superiority .box.active .check{ display: inline-block;}
.custom .superiority .box .check, .custom .superiority .box.active .img{ display: none;}
.custom .superiority .box p{ font-size:16px; line-height:40px; margin:80px 0 40px; position:relative;}
.custom .superiority .box p:before{ content:''; display:block; width:24px; height:2px; background-color:#535353; position:absolute; left:50%; bottom:0; margin-left:-12px;}
.custom .superiority .box .text{ width:100%; height:75px; color:#666; font-size:14px; line-height:25px; text-align:left;}
.custom .flow .container{ margin:70px auto 200px;}


/** 帮助中心 **/
.help .top_nav{ background-image:url('../images/index/college_bg.jpg'); }
.help .nav{ margin-top:0;}
/*
.help .top_nav .nav .logo{ width:280px; background:url('../images/index_yingxiao/logo.png') left center no-repeat / auto 60px;}
.help .top_nav .nav .logo img{ display:none;}
.help .top_nav .nav .nav_list a{ color:#333;}
.help .top_nav .nav .nav_list li a:before{ background-color:#333;}
.help .top_nav .nav .btn_group .btn{ border-color:#555; color:#555;}
.help .top_nav .nav .btn_group .btn:hover{ background-color: rgba(0,0,0,.2);}
.help .top_nav .banner{ display:none;}
*/
.help_center{width: 100%;background: #F0FBFF;padding-top: 50px;padding-bottom: 30px;box-sizing: border-box;}
.help_center .content{width: 95%;max-width: 1200px;margin:0 auto;background: #fff;border-radius: 5px;padding:10px 2%;padding-bottom: 52px;box-sizing: border-box;}
.help_center .content .left{width: 20%;display: inline-block;font-size: 12px;vertical-align: top;}
.help_center .content .left li{width: 100%;height: 45px;line-height: 45px;padding-left: 15px;box-sizing: border-box;border: 1px solid #DCDCDC;border-bottom: none;}
.help_center .content .left li:last-child{border-bottom: 1px solid #dcdcdc;}
.help_center .content .left .li{padding-left: 0;text-align:center;}
.help_active{background: #13B5B1;color:#fff;}
.help_center .content .right{margin-left: 20px;width: 75%;display: inline-block;vertical-align: top;}
.help_center .right .top{width:100%;padding:20px 32px;box-sizing: border-box;background: #E3E5E5;}
.help_center .right .input{background: #fff;height: 45px;line-height: 45px;border-radius: 5px;}
.help_center .right .input span{width: 6%;display: inline-block;vertical-align: middle;text-align: center;height: 30px;line-height: 25px;border-right: 1px solid #666;}
.help_center .right .input span img{width: 22px;height: 22px;}
.help_center .right .input input{width: 65%;height: 40px; display: inline-block;border: none;padding-left: 2%;box-sizing: border-box;}
.help_center .right .input button{ width:auto; height: 45px;line-height: 45px;border-radius: 5px;outline: none;padding: 0 3%;border: none;background: #13B5B1;float: right;color: #fff;cursor: pointer;}
.help_center .right .content_news{padding-top: 15px;padding-bottom: 35px;box-sizing: border-box;max-height: 620px;overflow: auto;}
.help_center .right .content_news::-webkit-scrollbar{width:0;height:0}
.help_center .right .content_news .li_news{ padding:10px 0; box-sizing: border-box; border-bottom: 1px solid #E3E5E5; cursor: pointer;}
.help_center .right .li_news .left{width: 15%;height: 95px;background: #13B5B1;line-height: 95px;text-align:center;color: #fff;display: inline-block;vertical-align: middle;}
.help_center .right .li_news .rightss{width: 80%;margin-left: 2%;display: inline-block;vertical-align: middle;height: 95px;}
.help_center .right .li_news .rightss p:first-child{font-size: 16px;color: #666;margin-bottom: 15px;}
.help_center .right .li_news .rightss p:nth-child(2){font-size: 14px;height: 35px;margin-bottom: 5px;color: #999;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.help_center .right .rightss .new_img span{display: inline-block;vertical-align: middle;}
.help_center .right .rightss .new_img .margin{margin-left: 5%;}
.help_center .right .rightss .new_img img{width:18px;height: 12px;margin-right: 5px;}
.help_center .right .rightss .new_img .margin img{width: 16px;height: 16px;}

/** 改版-帮助中心 **/
.help.help_center{ padding-top:0;}
.help .path{ display:none;}
.help .content{ padding-top:40px; margin-top:20px;}
.help .column>li{ background-color:transparent; border-bottom:1px solid #ddd; margin-top:0;}
.help .column li a{ font-size:14px;}
.help .column li .inactive:after{ width:10px; height:10px; background:transparent; border:1px solid; border-color:transparent #aaa #aaa transparent;margin:13px 9px 0; transform:rotate(-45deg);}
.help .column li .inactives{ background-color:#13B5B1; color:#eee;}
.help .column li .inactives:after{ transform:rotate(45deg); border-color:transparent #fff #fff transparent;}
.help .subcolumn li .active, .help .subcolumn li a:hover{ color:#13B5B1;}
.help .article-list li{ height:105px; background:transparent; padding:0 20px 20px 140px; position:relative; border-bottom:1px solid #ddd;}
.help .article-list li:last-child{ border-bottom:0;}
.help .article-list li .title{ display:table; width:128px; height:85px; position:absolute; top:0; left:0; background-color:#13B5B1; text-align:center;}
.help .article-list li .title .cell{ display:table-cell; line-height:20px; vertical-align:middle; color:#fff;}
.help .article div.input{ display:block;}
.help .content .right{ display:block; width:100%;}
.help .content .article  .top{ display:block;}
.help .article>h3{ display:none;}
.help .article-list li span{ margin-top:39px;}
.help .page a, .help .page span{ border:1px solid #ddd; border-radius:3px; margin:0 5px; padding:3px 8px; cursor:pointer;}
.help .page .page_info{ border:0;}
.help .page .current{ background-color:#13B5B1; color:#eee; border:0;}
.help .search{ display:none;}


/** 小程序 **/
.applet .top_nav{ background:url('../images/index/banner/applet_bg.png') center no-repeat; background-size:cover;}
.applet .introduce{padding-top: 50px;padding-bottom: 60px;box-sizing: border-box;text-align: center;width: 70%;margin:0 auto;}
.applet .title{font-size: 22px;margin-bottom: 25px; text-align: center;}
.applet .news{font-size: 14px;color: #666666;line-height: 35px;}
.applet .exhibition{padding-top: 50px;padding-bottom: 85px;box-sizing: border-box;text-align: center;background: #F0FBFF;}
.applet .exhibition .img_all{text-align:center;width: 85%;margin: 0 auto;max-width: 1200px;margin-top: 50px;}
.applet .exhibition .img{display: inline-block;vertical-align: middle;width: 15%;margin-right: 10%;height: auto;}
.applet .exhibition .img:last-child{margin-right: 0;}
.applet .exhibition .img img{display: inline-block;vertical-align: middle; width: 100%;}
.applet .flow{padding-top: 50px;padding-bottom: 85px;box-sizing: border-box;text-align: center;}
.applet .flow .img_all{text-align:center;width: 85%;margin: 0 auto;max-width: 1200px;margin-top: 65px;}
.applet .flow .img{display: inline-block;vertical-align: middle;width: 22%;height: auto;text-align: center;position: relative;margin-right: 3%;}
.applet .flow .img img{display: inline-block;vertical-align: middle;width: 45%;margin-bottom: 15px;position: relative;z-index: 3;}
.applet .flow .img .absolute{width: 80%; height: 10px;position: absolute;top: 33%;left: 65%;z-index: 2;} 
.applet .flow .img:last-child{margin-right: 0;}  
.applet .application{padding-top: 45px;padding-bottom: 85px;box-sizing: border-box;text-align: center;background: #F0FBFF;}
.applet .application .img_all{text-align:center;width: 85%;margin: 0 auto;margin-top: 65px;max-width: 1200px;}
.applet .application .img{display: inline-block;vertical-align: middle;width: 6%;height: auto;margin-right: 12%;margin-bottom: 45px;}
.applet .application .img img{display: inline-block;margin-bottom: 15px;vertical-align: middle;width: 50%;}
.applet .application .img:nth-child(6n){margin-right: 0;}

.wxapp-show{ margin-top:40px;}
.wxapp-show .wxapp-show-list li{float:left;width:20%;margin-left:6%;text-align: center;cursor: pointer;}
.wxapp-show .wxapp-show-list li:nth-child(4n+1){margin-left:0;}
.wxapp-show .wxapp-show-list li .top-img{position: relative;}
.wxapp-show .wxapp-show-list li .top-img .img-bg{width:100%;}
.wxapp-show .wxapp-show-list li .top-img .img-real{position: absolute;left:6%;right:6.5%;top:12.4%;bottom:11.7%;border-right:1px solid #B7B7B7;border-left:1px solid #B7B7B7;}
.wxapp-show .wxapp-show-list li .top-img .img-real img{width:100%; height:100%;}
.wxapp-show .wxapp-show-list li .top-ewm{
    background:#fff;position: absolute;left:6%;right:6.5%;top:12.4%;padding-top:26%;border-right:1px solid #B7B7B7;border-left:1px solid #B7B7B7;
    opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);bottom:100%;text-align: center;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.wxapp-show .wxapp-show-list li .top-ewm img{width:85%;padding-bottom:10%;}
.wxapp-show .wxapp-show-list li .top-ewm p{color:#616161;line-height:30px;}
.wxapp-show .wxapp-show-list li .top-ewm p.test-count{line-height:25px;}
.wxapp-show .wxapp-show-list li .btm-txt{display:inline-block;font-size:18px;margin-top:30px;padding-bottom:20px;border-bottom:2px solid transparent;}
.wxapp-show .wxapp-show-list li:hover .btm-txt{border-bottom-color:#f00;color:#f00;}
.wxapp-show .wxapp-show-list li:hover .top-ewm{bottom:11.7%;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.wxapp-show .creat-wxapp{margin:90px 0 50px;text-align: center;}
.wxapp-show .creat-wxapp a{display: inline-block;width:420px;height:40px;line-height:40px;background:#69BFBE;color:#fff;border-radius:20px;font-size:20px;}


/** 功能演示 **/
.demonstration .top_nav{ background-image:url('../images/index/banner/demonstration_bg.png');}


/** 行业应用 **/
.application .top_nav{ background-image:url('../images/index/application_bg.jpg');}
.industry_banner{width:auto;height:445px;background:#1e2a44 url(../images/industry_banner.jpg) no-repeat center top;}
.industry_box{width:1288px;height:atuo;overflow:hidden;}
.horizontal{width:auto;height:1px;background: url(../images/horizontal.png) no-repeat center top;}
.industry_a{font-size:18px;text-align:center;line-height:40px;}
.industry_why{font-size:16px;text-align:center;line-height:30px;}
.industry_module{width:198px;height:198px;float:left;border:1px solid #eee;margin:7px;}
.industry_module:hover{background-color:#1AB769;}
.industry_title{font-size:16px;line-height:40px;color:#333333;text-align:center;font-style:normal;}
.industry_img{text-align:center; position:relative; width:90px; height:90px; margin-bottom:3px;margin:40px auto auto auto;}
.industry_img img{width:80px;height:80px;}
.industry_img em{display:none;}
.industry_module:hover .industry_img em{ display:inline-block;z-index: 999;}
.industry_module:hover h5{color:#fff;}
.industry_module:hover .industry_img i{display:none;}
.industry_module:hover .industry_title{ color:#fff;}
.box em{font-style:normal}
.sdfe{background: url() no-repeat left top;}
.sdfe h5{font-size:20px;text-align:center;line-height:150px;}


/** 红包营销 **/
.redpack .top_nav{ background-image:url('../images/index/banner/redpack_bg.png'); margin-bottom:50px;}


/** 微现场 **/
.scene .top_nav{ background-image:url('../images/index/banner/scene_bg.png');}
.scene .feature-img img{ border-radius:12px;}


/** 微餐饮 **/
.catering .top_nav{ background-image:url('../images/index/banner/cateringsss_bg.png');}
.catering .scene_cont li dt img{ width:86px;}


/** 微投票 **/
.vote .top_nav{ background-image:url('../images/index/banner/vote_bg.png');}


/** 推广拓客 **/
.generalize .top_nav{ background-image:url('../images/index/banner/generalize_bg.png');}


/** 微砍价 **/
.bargain .top_nav{ background-image:url('../images/index/banner/bargain_bg.png');}


/** 营销互动 **/
.marketing .top_nav{ background-image:url('../images/index/banner/marketing_bg.png');}
.marketing_banner{background:url(../images/marketing_banner.jpg) no-repeat center top;width:100%;height:389px;}
.marketing{border-bottom:1px solid #d7d7d7;}
.margin_title{font-size:30px;line-height:40px;text-align:center;margin-top:40px;}
.margin_description{font-size:25px;line-height:40px;text-align:center;color:#919191;margin-bottom:20px;}
.margin_x_title{font-size:30px;margin:20px auto 20px auto;text-align:center;}
.margin_smbox{width:100%;height:auto;background:url(../images/margin_smbox.jpg) no-repeat right top;}
.margin_box{padding-left:60px;padding-top: 12px;}
.margin_box div{font-size:18px;}
.superiority_titile{text-align:center;font-size:30px;margin-top:30px;color:#565656;}
.margin_box p{font-size:14px;}
.margin_box1{width:auto;height:70px;background:url(../images/margin_box_ico.png) no-repeat left 12px;}
.margin_box2{width:auto;height:70px;background:url(../images/margin_box_ico.png) no-repeat left -58px;}
.margin_box3{width:auto;height:70px;background:url(../images/margin_box_ico.png) no-repeat left -130px;}
.margin_box4{width:auto;height:70px;background:url(../images/margin_box_ico.png) no-repeat left -200px;}
.margin_box5{width:auto;height:70px;background:url(../images/margin_box_ico.png) no-repeat left -270px;}
.margin_box6{width:auto;height:70px;background:url(../images/margin_box_ico.png) no-repeat left -349px;}
.margin_al{display:block;width:430px;height:50px;line-height:50px;font-size:25px;text-align:center;color:#fff;margin:10px auto 50px auto;background-color:#ff8a00;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
.margin_al:hover{background-color:#de7800;}


/** 智慧社区 **/
.business .top_nav{ background-image:url('../images/index/banner/business_bg.png');}


/* 全民营销 */
.market{ padding: 1px 0; background: #fff; color: #000;}
.market .top_nav{ background: url('../images/market_bg.png') center no-repeat; background-size: 100% 100%;}
.market .bg{ width: 100%;}
.market .title{ color: #1C1E22; font-size: 26px; line-height: 1; text-align: center; font-weight: bold; position: relative;}
.market .title::before{ content: ''; width: 179px; height: 17px; background: rgba(17,71,255,.1); position: absolute; bottom: -2px; left: 50%; margin-left: -89.5px;}
.market .introduce{ width: 1200px; margin: 0 auto; padding: 110px 0; font-size: 18px; line-height: 1.8;}
.market .introduce .p{ margin-top: 32px;}
.market .flow{ width: 100%;}
.market .flow .title{ margin-bottom: 40px;}
.market .flow .flowbox{ background: #F7F7F7;}
.market .flow .flowbox .box{ width: 1200px; margin: 0 auto; padding: 97px 0 92px; display: flex; justify-content: space-between;}
.market .flow .flowbox .box .list{ background: #fff; width: 183px; height: 193px; border-radius: 8px; text-align: center; display: flex; align-items: center; flex-direction: column; justify-content: center; position: relative; transition: all .6s;}
.market .flow .flowbox .box .list::after{ content: ''; width: 29px; height: 29px; background: url('../images/market_next.png') center no-repeat; background-size: 100% 100%; position: absolute; right: -49px;}
.market .flow .flowbox .box .list:last-child::after{ display: none;}
.market .flow .flowbox .box .list img{ width: 62px; height: 62px; margin-bottom: 29px;}
.market .flow .flowbox .box .list p{ font-size: 16px; color: #1C1E22; line-height: 1;}
.market .flow .flowbox .box .list:hover{ box-shadow:0px 0px 16px 0px rgba(0,110,255,0.16);}
.market .pattern{ width: 1200px; margin: 0 auto; padding: 100px 0 0; position: relative;}
.market .pattern .h3{ font-size: 18px; color: #666; line-height: 1; padding: 15px 0 65px; text-align: center;}
.market .pattern .cont{ display: flex; justify-content: space-between; align-items: center;}
.market .pattern .cont .phone{ width: 485px; height: 389px;}
.market .pattern .cont .text{ text-align: left;}
.market .pattern .cont .text h2{ font-size: 20px; color: #1E4BB1; padding-bottom: 20px; font-weight: normal;}
.market .pattern .cont .text p{ font-size: 16px; color: #333333; line-height: 44px;}
.market .pattern .cont .right{ position: relative; width: 348px; height: 327px;}
.market .pattern .cont .right .plat{ width: 194px; height: 194px; position: absolute; line-height: 194px; border-radius: 50%; background:rgba(0,88,233,.17); text-align: center; color: #081329; font-size: 16px;}
.market .pattern .cont .right .plat:nth-child(1){ left: 73px; top: 0;}
.market .pattern .cont .right .plat:nth-child(2){ left: 0; top: 133px;}
.market .pattern .cont .right .plat:nth-child(3){ left: 154px; top: 133px;}
.market .casebox{ padding: 129px 0 40px; width: 100%; position: relative;}
.market .casebox .imgbox{ width: 100%; display: flex; justify-content: center; margin-top: 83px; position: relative; z-index: 2; overflow: hidden;}
.market .casebox .imgbox .img{ margin: 0 63px; width: 278px; height: 454px; position: relative;}
.market .casebox .imgbox .img::after{ content: ''; width: 100%; height: 100%; position: absolute; background: rgba(27,27,27,.54); z-index: 3; top: -100%; left: 0; transition: all .6s;}
.market .casebox .imgbox .img::before{ content: ''; width: 90px; height: 90px; position: absolute; background: #fff; z-index: 4; top: -454px; left: 50%; transform: translate(-50%,-50%); transition: all .6s;}
.market .casebox .imgbox .img:hover::after{ top: 0;}
.market .casebox .imgbox .img:hover::before{ top: 50%;}
.market .casebox::after{ content: ''; width: 100%; height: 306px; background: url('../images/market_titlebg.png') center no-repeat; background-size: 100% 100%; position: absolute; bottom: 0;}

/* 社区拼团 */
.spellgroup{ padding: 1px 0; background: #fff; color: #000;}
.spellgroup .top_nav{ background: url('../images/spellgroup_bg.png') center no-repeat; background-size: 100% 100%;}
.spellgroup .bg{ width: 100%;}
.spellgroup .title{ color: #1C1E22; font-size: 26px; line-height: 1; text-align: center; font-weight: bold; position: relative;}
.spellgroup .title::before{ content: ''; width: 179px; height: 17px; background: rgba(17,71,255,.1); position: absolute; bottom: -2px; left: 50%; margin-left: -89.5px;}
.spellgroup .introduce{ margin: 0 auto; padding: 112px 0 123px; color: #000; font-size: 18px;}
.spellgroup .introduce .cont{ display: flex; align-items: center; justify-content: center; margin-top: 62px;}
.spellgroup .introduce .cont img{ width: 739px; height: 424px; margin-right: 96px;}
.spellgroup .introduce .cont .p{ width: 434px; line-height: 37px;}
.spellgroup .advantage{ width: 100%;}
.spellgroup .advantage .title{ margin-bottom: 40px;}
.spellgroup .advantage .flowbox{ background: #F7F7F7;}
.spellgroup .advantage .flowbox .box{ width: 1200px; margin: 0 auto; padding: 84px 0 105px; display: flex; justify-content: space-between; align-items: center;}
.spellgroup .advantage .flowbox .box .left,.spellgroup .advantage .flowbox .box .right{ width: 414px;}
.spellgroup .advantage .flowbox .box .center{ width: 262px; height: 272px;}
.spellgroup .advantage .flowbox .box .item{ width: 414px; height: 81px; background: #FCA93E; box-shadow:0px 0px 16px 0px rgba(56,56,56,0.14); border-radius: 3px; color: #fff; position: relative; padding: 0 20px; margin-bottom: 26px; display: flex; flex-direction: column; justify-content: center;}
.spellgroup .advantage .flowbox .box .item h2{ font-size: 16px; margin-bottom: 8px;}
.spellgroup .advantage .flowbox .box .item p{ font-size: 13px;}
.spellgroup .advantage .flowbox .box .item.f{ width: 414px; height: 81px; background: #fff; box-shadow:0px 0px 16px 0px rgba(56,56,56,0.14); border-radius: 3px; color: #7B7B7B;}
.spellgroup .advantage .flowbox .box .item.f h2{ font-size: 16px; color: #FDAC10;}
.spellgroup .advantage .flowbox .box .item.f p{ font-size: 13px;}
.spellgroup .advantage .flowbox .box .left .item{ text-align: right;}
.spellgroup .advantage .flowbox .box .left .item:first-child,.spellgroup .advantage .flowbox .box .left .item:last-child{ left: 47px;}
.spellgroup .advantage .flowbox .box .left .item:last-child,.spellgroup .advantage .flowbox .box .right .item:last-child{ margin-bottom: 0;}
.spellgroup .advantage .flowbox .box .right .item:first-child,.spellgroup .advantage .flowbox .box .right .item:last-child{ right: 47px;}
.spellgroup .stepbox{ padding: 123px 0 120px; width: 1200px; margin: 0 auto;}
.spellgroup .stepbox .h3{ font-size: 18px; color: #666; line-height: 1; padding: 15px 0 65px; text-align: center;}
.spellgroup .stepbox .cont{ display: flex; align-items: center; justify-content: center;}
.spellgroup .stepbox .cont .list{ text-align: center; width: 168px; height: 200px; padding-top: 30px; background: #fff; border-radius:10px; box-shadow:0px 0px 16px 0px rgba(56,56,56,0.08); position: relative; margin-right: 140px;}
.spellgroup .stepbox .cont .list img{ width: 60px; height: 60px;}
.spellgroup .stepbox .cont .list p{ font-size: 12px; color: #999; line-height: 1; padding: 34px 0 7px;}
.spellgroup .stepbox .cont .list h4{ font-size: 14px; color: #333; line-height: 1; font-weight: normal;}
.spellgroup .stepbox .cont .list:nth-child(n)::after{ content: ''; width: 98px; height: 25px; background: url('../images/spellgroup_up.png') center no-repeat; background-size: 100% 100%; position: absolute; right: -119px; top: 50%; transform: translateY(-50%);}
.spellgroup .stepbox .cont .list:nth-child(2n)::after{ content: ''; width: 98px; height: 25px; background: url('../images/spellgroup_down.png') center no-repeat; background-size: 100% 100%; position: absolute; right: -119px; top: 50%; transform: translateY(-50%);}
.spellgroup .stepbox .cont .list:last-child::after{ display: none;}
.spellgroup .stepbox .cont .list:last-child{ margin-right: 0;}

/* 趣味答题 */
.spanswer{ padding: 1px 0; background: #fff; color: #000; width: 100%;}
.spanswer .top_nav{ background: url('../images/answer_bg.png') center no-repeat; background-size: 100% 100%;}
.spanswer .title{ color: #1C1E22; font-size: 26px; line-height: 1; text-align: center; font-weight: bold; position: relative;}
.spanswer .title::before{ content: ''; width: 179px; height: 17px; background: rgba(17,71,255,.1); position: absolute; bottom: -2px; left: 50%; margin-left: -89.5px;}
.spanswer .introduce{ margin: 0 auto; padding: 112px 0 124px; color: #000; font-size: 18px;}
.spanswer .introduce .cont{ display: flex; align-items: center; justify-content: center; margin-top: 62px;}
.spanswer .introduce .cont img{ width: 636px; height: 573px; margin-right: 124px;}
.spanswer .introduce .cont .p{ width: 504px; line-height: 37px; text-indent: 2em;}
.spanswer .flow{ width:1200px; margin: 0 auto;}
.spanswer .flowbox{ width: 100%; padding: 61px 0 73px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.spanswer .flowbox .list{ width: 206px; min-height: 206px; padding: 39px 30px 34px; text-align: center; margin-bottom: 54px; box-shadow:0px 16px 24px 0px #fff; border-radius: 6px; border:2px solid #eee; transition: all .6s;}
.spanswer .flowbox .list:hover{ box-shadow:0px 16px 24px 0px rgba(105,105,105,0.12); border: 2px solid #fff;}
.spanswer .flowbox .list.t{ width: 302px; padding: 39px 20px 34px;}
.spanswer .flowbox .list img{ width: 52px; height: 52px; margin-bottom: 24px;}
.spanswer .flowbox .list h2{ font-size: 14px; color: #171717; line-height: 1; margin-bottom: 8px;}
.spanswer .flowbox .list p{ font-size: 12px; color: #505457; line-height: 21px;}
.spanswer .function{ width: 100%;}
.spanswer .function .cont{ margin: 61px 0 141px; display: flex; align-items: center; justify-content: center; height: 650px;}
.spanswer .function .cont .img:first-child{ width: 366px; height: 650px; margin-right: 114px; overflow: hidden; position: relative;}
.spanswer .function .cont .img:last-child{ width: 366px; height: 650px; margin-left: 114px; overflow: hidden; position: relative;}
.spanswer .function .cont .limg{ width: 100%; height: 100%; position: absolute; transition: all .6s;}
.spanswer .function .cont .rimg{ width: 100%; height: 100%; position: absolute; transition: all .6s;}
.spanswer .function .cont .limg1,.spanswer .function .cont .rimg1{ top: 0;}
.spanswer .function .cont .limg2,.spanswer .function .cont .rimg2{ top: 100%;}
.spanswer .function .cont .limg3,.spanswer .function .cont .rimg3{ top: 200%;}
.spanswer .function .cont .cent{ display: flex; flex-direction: column; align-items: center; justify-content: center;}
.spanswer .function .cont .cent .p{ color: #171717; font-size: 16px; width: 64px; cursor: pointer; transition: all .6s;}
.spanswer .function .cont .cent .dot{ width: 21px; height: 21px; border-radius: 50%; background:rgba(45,93,196,.18); margin: 0 20px; position: relative; transition: all .6s;}
.spanswer .function .cont .cent .f{ margin-bottom: 156px; display: flex;}
.spanswer .function .cont .cent .f .p:first-child{ text-align: right;}
.spanswer .function .cont .cent .f .dot::after{ content: ''; width: 3px; height: 104px; background: #2D5DC4; position: absolute; top: 41px; left: 9px;}
.spanswer .function .cont .cent .f:last-child{ margin-bottom: 0;}
.spanswer .function .cont .cent .f:last-child .dot::after{ display: none;}
.spanswer .function .cont .cent .f.active .p{ color: #2D5DC4;}
.spanswer .function .cont .cent .f.active .dot{ background: #FFC600;}

/* 社区电商 */
.sceshop{ padding: 1px 0; background: #fff; color: #000; width: 100%;}
.sceshop .top_nav{ background: url('../images/ceshop_bg.png') center no-repeat; background-size: 100% 100%;}
.sceshop .title{ color: #1C1E22; font-size: 26px; line-height: 1; text-align: center; font-weight: bold; position: relative;}
.sceshop .title::before{ content: ''; width: 179px; height: 17px; background: rgba(17,71,255,.1); position: absolute; bottom: -2px; left: 50%; margin-left: -89.5px;}
.sceshop .introduce{ margin: 0 auto; padding: 112px 0 124px; color: #000; font-size: 18px;}
.sceshop .introduce .cont{ display: flex; align-items: center; justify-content: center; margin-top: 56px;}
.sceshop .introduce .cont img{ width: 598px; height: 441px; margin-right: 160px;}
.sceshop .introduce .cont .p{ width: 435px; line-height: 37px; margin-bottom: 20px; position: relative;}
.sceshop .introduce .cont .p::before{ content: ''; position: absolute; width: 10px; height: 10px; background: #313131; left: -20px; top: 13px; border-radius: 50%;}
.sceshop .h3{ font-size: 18px; color: #666; line-height: 1; padding: 15px 0 60px; text-align: center;}
.sceshop .reason{ width: 1200px; margin: 0 auto 124px;}
.sceshop .reason .h3{ padding: 12px 0 60px;}
.sceshop .reason .reasonbox{ width: 100%; display: flex; justify-content: space-between;}
.sceshop .reason .reasonbox .list{ width: 212px; padding: 46px 30px 0; height: 305px; background: #F9F9F9; border-radius: 4px; position: relative; text-align: center;}
.sceshop .reason .reasonbox .list img{ width: 65px; height: 65px; margin-bottom: 24px;}
.sceshop .reason .reasonbox .list h2{ line-height: 1; color: #333; font-size: 16px; margin-bottom: 20px;}
.sceshop .reason .reasonbox .list p{ color: #333; font-size: 14px; line-height: 24px;}
.sceshop .reason .reasonbox .list::after{ content: ''; width: 43px; height: 3px; background: #F9F9F9; position: absolute; bottom: 0; left: 84px; transition: all .6s;}
.sceshop .reason .reasonbox .list:hover::after{ background: #FFC600;}
.sceshop .mordel{ padding: 64px 0 159px; background: #FAFAFA;}
.sceshop .mordel .h3{ padding: 20px 0 83px;}
.sceshop .mordel .mordelbox{ width: 1320px; margin: 0 auto; display: flex; justify-content: space-between;}
.sceshop .mordel .mordelbox .list{ width: 400px; height: 332px; position: relative; padding: 69px 36px 0 24px; background: #fff; box-shadow:0px 16px 24px 0px rgba(105,105,105,0.12); border-radius:6px;}
.sceshop .mordel .mordelbox .list img{ width: 30px; height: 54px; position: absolute; top: -28px;}
.sceshop .mordel .mordelbox .list h2{ line-height: 1; font-size: 18px; color: #171717; margin-bottom: 20px;}
.sceshop .mordel .mordelbox .list p{ font-size: 16px; color: #505457; line-height: 30px;}
.sceshop .mordel .mordelbox .list:nth-child(2) h2{ color: #FF5A4B;}
.sceshop .mordel .mordelbox .list:nth-child(2) p{ color: #FF5A4B;}
.sceshop .function .fbox{ padding: 68px 0 124px; display: flex; align-items: center; justify-content: center;}
.sceshop .function .fbox2{ display: none;}
.sceshop .function .fbox .phone{ width: 312px; height: 652px; padding: 77px 16px; background: url('../images/ceshop_phone.png') center no-repeat; background-size: 100% 100%;}
.sceshop .function .fbox .itembox{ width: 332px;}
.sceshop .function .fbox .itembox:first-child{ margin-right: 135px;}
.sceshop .function .fbox .itembox:last-child{ margin-left: 135px;}
.sceshop .function .fbox .itembox .item{ width: 100%; padding: 35px 30px 20px; background: #FFFCFB; border-radius: 20px; transition: all .6s; margin-bottom: 22px; cursor: pointer;}
.sceshop .function .fbox .itembox .item:last-child{ margin-bottom: 0;}
.sceshop .function .fbox .itembox .item h2{ font-size: 20px; color: #000; line-height: 1; margin-bottom: 39px; position: relative;}
.sceshop .function .fbox .itembox .item p{ color: #505457; font-size: 14px; line-height: 25px;}
.sceshop .function .fbox .itembox .item h2::after{ content: ''; width: 23px; height: 3px; background: #FF5A4B; position: absolute; bottom: -17px; left: 0;}
.sceshop .function .fbox .itembox .item:hover{ background: #FF5A4B;}
.sceshop .function .fbox .itembox .item:hover h2::after{ background: #fff;}
.sceshop .function .fbox .itembox .item:hover h2{ color: #fff;}
.sceshop .function .fbox .itembox .item:hover p{ color: #fff;}
.sceshop .function .fbox .itembox .item.active{ background: #FF5A4B;}
.sceshop .function .fbox .itembox .item.active h2::after{ background: #fff;}
.sceshop .function .fbox .itembox .item.active h2{ color: #fff;}
.sceshop .function .fbox .itembox .item.active p{ color: #fff;}
.sceshop .function .fbox .phone .box{ width: 100%; height: 100%; background: #000; position: relative; overflow: hidden;}
.sceshop .function .fbox .phone .box img{ width:99%; left: 0.5%; top: 50%; transform: translateY(-50%); position: absolute;}

/** 底部导航 **/
.footer{ background-color:#313131; padding:40px 0;}
.footer .foot_web{ display:none;}
.footer .foot_box{ float:left; width:20%;}
.footer .foot_box ul li{ margin-bottom:15px;}
.footer .foot_box ul li a{ color:#aaa; line-height:25px; transition:all .5s;}
.footer .foot_box ul li a:hover{ color:#eee;}
.footer .foot_box ul li:first-child{ color:#fff; margin-bottom:30px; font-size:18px;}
.footer .foot_box.contact{ width:60%; color:#aaa; position:relative;}
.footer .contact .f24{ font-size:24px; color:#FFF; margin-right:10px;}
.footer .contact .icon{ padding-left:40px; background:left center no-repeat; background-size:16px;}
.footer .contact .icon.tel{ background-image:url('../images/index/icon_tel.png');}
.footer .contact .icon.email{ background-image:url('../images/index/icon_email.png');}
.footer .contact .icon.address{ background-image:url('../images/index/icon_address.png');}
.footer .contact .kf{ display:inline-block; width:auto; height:25px; line-height:25px; color:#333; margin-left:10px; vertical-align:bottom; background:#fff url('../images/index/footer_kf_icon.png') 10px center no-repeat; background-size:20px; border-radius:5px; padding:0 20px 0 40px;}
.footer .contact .kf img{ width:auto; max-width:100%;}
.footer .contact .kf:hover{ color:#333;}
.footer .contact .code{ line-height:30px; text-align:center; position:absolute; right:0; top:50%; margin-top:-75px; z-index:1;}
.footer .contact .code .img{ width:120px;}
.footer .copyRight{ color:#fff; text-align:center; margin-bottom:20px; clear:both;}
.footer .footer_c{ height:65px; max-width:1200px; margin:0 auto;}
.footer .footer_c .cc{ float:left; width:25%; margin-top:10px; text-align:center;}
.footer .footer_c .cc a{ display:inline-block; width:188px; height:48px;}

/* 抖音营销 */
.dymarket{ background-color: #fff;}
.dymarket .top_nav{ background-image: url(../images/index/banner/dymarket_bg.png);}
.dymarket li{ list-style: none;}
.dymarket .box{ width: 1300px; margin: 0 auto; padding: 43px 0 70px;}
.dymarket .box h2{ color: #1C1E22; font-size: 26px; line-height: 42px; text-align: center;}
.dymarket .box .stitle{ color: #333; font-size: 18px; line-height: 34px; text-align: center;}
.dymarket .quanbox{ padding: 95px 0 80px;}
.dymarket .whybox{ width: 100%; background-color: #F2F2F2;}
.dymarket .stepbox{ padding: 95px 0 50px;}
.dymarket .quan{ width: 1288px; height: 564px; margin-top: 26px; padding: 175px 97px 140px 558px; background: url('../images/dy_quan.png') center no-repeat; background-size: 100%;}
.dymarket .quan .cont{ font-size: 18px; color: #000; line-height: 30px;}
.dymarket .quan .cont li span{ font-weight: bold; color: #FC3E5A;}
.dymarket .why{ display: flex; justify-content: space-between; padding: 70px 0 0;}
.dymarket .why li{ position: relative; width: 410px; height: 237px; padding: 50px 35px; background: center no-repeat; background-size: 100%; color: #fff; font-size: 18px; line-height: 38px;}
.dymarket .why li::after{ content: ''; position: absolute; width: 56px; height: 5px; bottom: 35px; left: 177px; background: #FC3E5A; z-index: 2;}
.dymarket .why li:nth-child(1){ background-image: url('../images/dy_why_1.png');}
.dymarket .why li:nth-child(2){ background-image: url('../images/dy_why_2.png');}
.dymarket .why li:nth-child(3){ background-image: url('../images/dy_why_3.png');}
.dymarket .step{ display: flex; position: relative; padding: 50px 0 0; justify-content: space-between;}
.dymarket .step li{ position: relative; width: 270px;}
.dymarket .step li h3{ color: #FC445F; font-size: 20px; line-height: 40px; margin-bottom: 12px; text-align: center;}
.dymarket .step li .info{ color: #999; font-size: 18px; line-height: 26px; margin-bottom: 50px; text-align: center;}
.dymarket .step li .img{ width: 249px; margin: 0 auto;}
.dymarket .step li::after{ content: ''; position: absolute; width: 0; height: 0; border-top: 22px solid #FC3E5A; border-left: 22px solid transparent; top: 100px; right: -125px; transform: rotate(45deg); opacity: .4;}
.dymarket .step li:last-child::after{ display: none;}
.dymarket .step:after{ display: none;}
.mdymarket{ width: 100%; min-height: 100%; padding: 1px 0; background-color: #171722;}
.mdymarket .top_nav{ background-image: url('../images/mdy_bannerbg.png');}
.mdymarket li{ list-style: none;}
.mdymarket .quanbox{ position: relative; margin: 25px 10px; border-radius: 13px; padding: 41px 20px 35px; background: #fff;}
.mdymarket .quanbox .mft{ position: absolute; left: 34px; top: -13px; width: 288px; height: 35px; background: url('../images/dy_m_ft.png') center no-repeat; background-size: 100%; z-index: 2;}
.mdymarket .quanbox .quan{}
.mdymarket .quanbox .quan li{ font-size: 13px; color: #000; line-height: 21px; margin-bottom: 8px;}
.mdymarket .quanbox .quan li span{ font-weight: bold;}
.mdymarket .quanbox .quanimg{ width: 209px; margin: 20px auto 0;}
.mdymarket .whybox{ position: relative; margin: 25px 10px 37px; border-radius: 13px; padding: 25px 10px 30px; background: #fff;}
.mdymarket .whybox .mht{ position: relative; width: 200px; color: #000; font-size: 15px; text-align: center; margin: 0 auto; line-height: 27px;}
.mdymarket .whybox .mht::after{ content: ''; position: absolute; top: 10px; left: -5px; width: 6px; height: 6px; border-radius: 50%; background-color: #25F1E2;}
.mdymarket .whybox .mht::before{ content: ''; position: absolute; top: 10px; right: 0; width: 6px; height: 6px; border-radius: 50%; background-color: #25F1E2;}
.mdymarket .whybox .stitle{ color: #333; font-size: 12px; line-height: 26px; text-align: center; margin-bottom: 30px;}
.mdymarket .whybox li{ position: relative; padding: 30px 25px; font-size: 12px; color: #fff; line-height: 22px; background: center no-repeat; background-size: 100% 100%; margin-bottom: 15px; text-align: center;}
.mdymarket .why li::after{ content: ''; position: absolute; width: 24px; height: 2px; bottom: 15px; left: 155px; background: #FC3E5A; z-index: 2;}
.mdymarket .why li:nth-child(1){ background-image: url('../images/dy_m_why_1.png');}
.mdymarket .why li:nth-child(2){ background-image: url('../images/dy_m_why_2.png');}
.mdymarket .why li:nth-child(3){ background-image: url('../images/dy_m_why_3.png');}
.mdymarket .stepbox{ position: relative; margin: 25px 10px 35px; border-radius: 13px; padding: 54px 20px 35px; background: #fff;}
.mdymarket .stepbox .mlt{ position: absolute; left: 97px; top: -13px; width: 161px; height: 35px; background: url('../images/dy_m_lt.png') center no-repeat; background-size: 100%; z-index: 2;}
.mdymarket .stepbox li{ position: relative; display: flex; margin-bottom: 40px;}
.mdymarket .stepbox li:last-child{ margin-bottom: 0;}
.mdymarket .stepbox li .img{ width: 87px; margin-right: 20px; flex-shrink: 0;}
.mdymarket .stepbox li .cont{ flex: 1 1 0; overflow: hidden;}
.mdymarket .stepbox li .cont h3{ font-size: 14px; color: #FC445F; line-height: 20px;}
.mdymarket .stepbox li .cont .info{ line-height: 16px; font-size: 12px; color: #999;}
.mdymarket .stepbox li::after{ content: ''; position: absolute; width: 0; height: 0; border-left: 8px solid #FC3E5A; border-top: 8px solid transparent; bottom: -10px; left: 153px; transform: rotate(-45deg); opacity: .4;}

/** 网页端 **/
@media screen and (min-width:1200px){
	/** 导航 **/
	.top_nav .banner{ padding:60px 0 30px;}
	.top_nav .banner img{ max-height:525px;}
	.top_nav .menu_scroll{ position:relative; text-align:right;}
	.top_nav .nav .nav_list li.active>a:before, .top_nav .nav .nav_list li:hover>a:before, .top_nav .nav_list .ul .li:hover:before, .top_nav .nav_list .ul .li.active:before{ left:0; right:0;}
	.top_nav .nav .nav_list .ul{ width:100%; height:0; position:absolute; left:0; bottom:-50px; text-align:center; overflow:hidden; z-index:3; transition:all .5s;}
	.top_nav .nav .nav_list .arrow:hover .ul{ height:60px;}
	.top_nav .nav .nav_list .ul .li{ display:inline-block; line-height:30px; margin-right:12px;}
	
	/** 首页 **/
	.index .reason .content li:nth-child(-n+3){ border-bottom:1px solid #ddd;}
	.index .reason .content li:nth-child(3n-2){ border-left:0;}
}
/** 移动端 **/
@media screen and (max-width:1199px){
	.container{ width:90%;}
	
	/** 左侧菜单 **/
	.top_nav{ min-height:unset; padding:1px 0;}
	.top_nav .wxy{ display:none;}
	.top_nav .banner{ margin-top:60px; padding:12px 0;}
	.top_nav .menu{ display:block; float:right; margin-top:10px; position:relative; z-index:10;}
	.top_nav .left_menu{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:9; background-color:rgba(0,0,0,.3); opacity:0; pointer-events:none; transition:all .5s;}
	.top_nav .left_menu.show{ opacity:1; pointer-events:auto;}
	.top_nav .left_menu .menu_cont{ width:70%; max-width:285px; height:100%; background-color:#2F4050; overflow:hidden; position:relative; left:-100%; transition:all .5s;}
	.top_nav .left_menu.show .menu_cont{ left:0;}
	.top_nav .left_menu .menu_cont .nav_list{ display:block; padding:1px 0; clear:both;}
	.top_nav .left_menu .menu_cont li{ float:none; width:100%; line-height:40px; margin:20px 0; padding-left:20px; text-align:left; position:relative;}
	.top_nav .left_menu .menu_cont li.active{ background-color:#293846;}
	.top_nav .left_menu .menu_cont .btn_group{ height:auto; position:static; float:right; margin:15px 10px;}
	.top_nav .left_menu .menu_cont .btn_group .btn{ display:block; line-height:20px;}
	.top_nav .left_menu .menu_cont .btn_group .btn:nth-child(2n){ margin-top:5px;}
	.top_nav .left_menu .menu_cont:before{ content:''; display:block; width:152px; height:50px; background:url('../images/index/logo.png') left center no-repeat / auto 50px; position:absolute; top:15px; left:16px;}
	.top_nav .left_menu .menu_cont .menu_scroll{ width:100%; position:absolute; top:90px; bottom:0; overflow-y:scroll;}
	.top_nav .left_menu .menu_cont li.arrow:before{ content:''; display:block; width:6px; height:6px; border:1px solid transparent; border-color:transparent #fff #fff transparent; position:absolute; top:16px; right:18px; transform:rotate(-45deg); transition:all .5s;}
	.top_nav .left_menu .menu_cont li.active.arrow:before{ transform:rotate(45deg);}
	.top_nav .left_menu .menu_cont li .ul{ height:0; overflow:hidden; transition:height .5s;}
	.top_nav .left_menu .menu_cont li .ul .li{ display:block; padding-left:24px;}
	
	/** 登录/注册 **/
	.login .top_nav{ height:50px;}
	.login .model{ width:90%; height:auto; position:static; margin:20px auto; padding:15px 10px;}
	.login .model .bg_img{ display:none;}
	.login .model .content{ width:100%; position:relative;}
	.login .model .content .list li .warn{ left:unset; right:0; width:auto;}
	.login .model .content .list li .eye{ right:30px;}
	.login .model .content .scan{ top:-15px; right:-10px; width:60px;}
	.login .model .content .title{ text-align:center;}
	.login .model .content .warn.total{ margin-top:0;}
	.login .model .content{}
	
	/** 首页 **/
	.index .title{ font-size:20px; margin:20px 0;}
	.index .reason .content li{ width:50%; padding:20px 10px; border-top:1px solid #ddd;}
	.index .reason .content li:nth-child(-n+2){ border-top:0;}
	.index .reason .content li:nth-child(2n-1){ border-left:0;}
	.index .reason .content li h4{ height:70px; padding:20px 0; line-height:20px; margin:0; font-size:16px;}
	.index .reason .content li p{ font-size:12px; line-height:20px;}
	.index .reason .content li .br{ display:none;}
	.index .exhibition .content li{ width:33.33%;}
	.index .answer .container li{ float:none; width:100%;}
	.index .use .container li{ width:25%;}
	.index .at_once{ font-size:18px;}
}
@media screen and (max-width:768px){
	.footer{ padding:5px 0; line-height:30px; color:#fff; text-align:center;}
	.footer .container{ display:none;}
	.footer .foot_web{ display:block;}
	
	/** 首页 **/
	.index .title{ font-size:20px; margin:20px 0;}
	.index .reason .content li{ width:50%; padding:20px 10px; border-top:1px solid #ddd;}
	.index .reason .content li:nth-child(-n+2){ border-top:0;}
	.index .reason .content li:nth-child(2n-1){ border-left:0;}
	.index .reason .content li h4{ height:70px; padding:20px 0; line-height:20px; margin:0; font-size:16px;}
	.index .reason .content li p{ font-size:12px; line-height:20px;}
	.index .reason .content li .br{ display:none;}
	.index .exhibition .content li{ width:33.33%;}
	.index .answer .container li{ float:none; width:100%;}
	.index .use .container li{ width:25%;}
	.index .at_once{ font-size:18px;}
	
	/** 小程序 **/
	.applet .exhibition{ padding-bottom:20px;}
	.applet .content .img{ float:left; width:45%; margin-right:10%; margin-bottom:20px;}
	.applet .content .img:nth-child(2n){  margin-right:0;}
	.applet .flow{ padding-bottom:20px;}
	.applet .flow .img_all{ width:340px;}
	.applet .flow .img:nth-child(-n+2){ margin-bottom:80px;}
	.applet .flow .img .absolute{ top:28%; left:70%;}
	.applet .flow .img:nth-child(3){ }
	.applet .flow .img:nth-child(2) .absolute{ transform:rotate(135deg); top:unset; bottom:-48px; left:-100px; width:120%;}
	.applet .application{ padding-bottom:20px;}
	.applet .application .img_all{ width:90%; margin-top:20px;}
	.applet .application .img{ width:25%; margin-right:0; font-size:12px; margin-bottom:25px;}
	.applet .application .img img{ width:auto; height:30px;}
	
	
	/** 定制 **/
	.custom .container{ width:90%;}
	.custom .title{ margin:30px 0; font-size:20px;}
	.custom .assist .box{ width:45%; margin-left:0; margin-bottom:20px; padding:25px 0 18px;}
	.custom .assist .box:nth-child(2n){ margin-left:10%;}
	.custom .assist .box p{ margin:25px 0;}
	.custom .assist .box .btn{ width:70%;}
	.custom .superiority{ margin:40px 0;}
	.custom .superiority .box{ width:100%; margin-left:0; margin-bottom:20px; padding:35px 20px;}
	.custom .superiority .box p{ margin:40px 0 20px;}
	.custom .superiority .box .text{ font-size:12px;}
	.custom .flow .container{ margin:30px auto;}
	
	/** 微学院 **/
	.college .container{ width:90%;}
	.college .content .title{ margin:30px 0; font-size:20px;}
	.college .right_menu{ display:none;}
	.college .content{ padding-right:0;}
	.college .content .box{ margin-bottom:20px;}
	.college .content .box:last-child{ margin-bottom:0;}
	.college .content .box .li{ width:45%; margin-left:0; margin-bottom:20px;}
	.college .content .box .li:nth-child(2n){ margin-left:10%;}
	.college .content .box .li p{ font-size:16px;}
	.college .content .box .li span{ font-size:12px;}
	.college .content .box .li .img{ height:90px;}
	
	/** 营销互动 **/
	.marketing{ padding:0; font-size:14px;}
	.margin_al{ width:100%; font-size:18px;}
	.margin_box{ height:auto;}
	.margin_title{ font-size:22px;}
	.margin_smbox{ background:unset;}
	.margin_box1{ background-position: left 27px;}
	.margin_box2{ background-position: left -48px;}
	.margin_box3{ background-position: left -119px;}
	.margin_box4{ background-position: left -190px}
	.margin_box5{ background-position: left -262px;}
	.superiority_titile{ width:100%; margin:20px 0; font-size:18px;}
	.superiority_titile b, .superiority_titile i{ width:80px; margin:0 15px;}
	
	/** 微投票 **/
	.vote_part_right{ margin-top:20px;}
	.func_muban_sub .slide_sss li.item{ width:45%; margin-right:10%; margin-bottom:20px; text-align:center;}
	.func_muban_sub .slide_sss li.item:nth-child(2n){ margin-right:0;}
	
	/** 投票/砍价 **/
	.slide_sss .item .code img{ width:100px; height:100px; margin-left:-50px; margin-top:-50px;}
	
	/* 全民营销 */
    .market .title{ font-size: 16px;}
    .market .introduce{ width: 100%; padding: 25px 15px 0; font-size: 12px;}
    .market .title::before{ width: 120px; height: 11px; margin-left: -60px;}
    .market .introduce .p{ margin-top: 20px;}
    .market .flow{ padding: 25px 0 0;}
    .market .flow .flowbox .box{ width: 94%; margin: 0 3%; padding: 20px 0 5px; flex-wrap: wrap;}
    .market .flow .flowbox .box .list{ width: 48.5%; height: 178px; margin-right: 3%; margin-bottom: 15px;}
    .market .flow .flowbox .box .list:nth-child(2n){ margin-right: 0;}
    .market .flow .flowbox .box .list img{ width: 50px; height: 50px; margin-bottom: 16px;}
    .market .flow .flowbox .box .list p{ font-size: 12px;}
    .market .flow .flowbox .box .list::after{ display: none;}
    .market .pattern{ width: 100%; padding: 25px 15px 0;}
    .market .pattern .cont{ flex-direction: column;}
    .market .pattern .h3{ font-size: 14px; padding: 10px 0 20px;}
    .market .pattern .cont .phone{ width: 80%; height: auto; margin-bottom: 15px;}
    .market .pattern .cont .text h2{ font-size: 14px; padding-bottom: 5px;}
    .market .pattern .cont .text p{ font-size: 12px; line-height: 22px;}
    .market .pattern .cont .right{ margin-top: 15px; width: 196px; height: 184px;}
    .market .pattern .cont .right .plat{ width: 109px; height: 109px; line-height: 109px; font-size: 12px;}
    .market .pattern .cont .right .plat:nth-child(1){ left: 41px;}
    .market .pattern .cont .right .plat:nth-child(2){ top: 75px;}
    .market .pattern .cont .right .plat:nth-child(3){ left: 87px; top: 75px;}
    .market .casebox{ padding: 25px 0 20px;}
    .market .casebox .imgbox{ margin-top: 20px; width: 94%; margin: 20px 3% 0; overflow-x: scroll; justify-content: flex-start;}
    .market .casebox .imgbox .img{ width: 217px; height: 355px; margin: 0 25px 0 0; flex-shrink: 0;}
    .market .casebox .imgbox .img:last-child{ margin-right: 0;}
    .market .casebox::after{ height: 180px;}

    /* 社区拼团 */
    .spellgroup .title{ font-size: 16px;}
    .spellgroup .introduce{ padding: 20px 0; font-size: 12px;}
    .spellgroup .title::before{ width: 120px; height: 11px; margin-left: -60px;}
    .spellgroup .introduce .cont{ flex-direction: column; margin-top: 20px; padding: 0 15px;}
    .spellgroup .introduce{ line-height: 20px;}
    .spellgroup .introduce .cont img{ width: 100%; height: auto; margin-right: 0;}
    .spellgroup .introduce .cont .p{ width: 100%; line-height: 20px; padding-top: 10px;}
    .spellgroup .advantage .title{ margin-bottom: 20px;}
    .spellgroup .advantage .flowbox .box .left, .spellgroup .advantage .flowbox .box .right{ width: 100%;}
    .spellgroup .advantage .flowbox .box{ flex-direction: column; width: 100%; padding: 20px 15px;}
    .spellgroup .advantage .flowbox .box .item{ height: 70px; margin-bottom: 20px; width: 100%;}
    .spellgroup .advantage .flowbox .box .item.f{ width: 100%; height: 70px;}
    .spellgroup .advantage .flowbox .box .item h2{ font-size: 14px;}
    .spellgroup .advantage .flowbox .box .item p{ font-size: 12px;}
    .spellgroup .advantage .flowbox .box .center{ width: 50%; margin: 20px 0; height: auto;}
    .spellgroup .advantage .flowbox .box .left .item:first-child, .spellgroup .advantage .flowbox .box .left .item:last-child{ left: 0;}
    .spellgroup .advantage .flowbox .box .right .item:first-child, .spellgroup .advantage .flowbox .box .right .item:last-child{ right: 0;}
    .spellgroup .advantage .flowbox .box .item.f h2{ font-size: 13px;}
    .spellgroup .advantage .flowbox .box .item.f p{ font-size: 11px;}
    .spellgroup .stepbox{ padding: 20px 15px; width: 100%;}
    .spellgroup .stepbox .h3{ font-size: 14px; padding: 10px 0 20px;}
    .spellgroup .stepbox .cont{ flex-wrap: wrap;}
    .spellgroup .stepbox .cont .list{ margin-right: 3%; margin-bottom: 20px; width: 48.5%;}
    .spellgroup .stepbox .cont .list:nth-child(2n){ margin-right: 0;}
    .spellgroup .stepbox .cont .list:nth-child(n)::after{ display: none;}
    .spellgroup .stepbox .cont .list h4{ font-size: 12px;}
	
	/* 趣味答题 */
    .spanswer .title{ font-size: 16px;}
    .spanswer .title::before{ width: 120px; height: 11px; margin-left: -60px;}
    .spanswer .introduce{ width: 100%; padding: 20px 3%;}
    .spanswer .introduce .cont{ flex-direction: column; margin-top: 15px;}
    .spanswer .introduce .cont img{ margin-right: 0; width: 60%; height: auto;}
    .spanswer .introduce .cont .p{ width: 100%; font-size: 12px; line-height: 24px;}
    .spanswer .flow{ width: 100%;}
    .spanswer .flowbox{ padding: 20px 0;}
    .spanswer .flowbox .list{ width: 47%; margin: 0 1.5% 15px; padding: 20px; height: auto; flex-grow: 1;}
    .spanswer .flowbox .list h2{ margin-bottom: 4px;}
    .spanswer .flowbox .list.t{ width: 100%; padding: 20px; height: 178px;}
    .spanswer .flowbox .list img{ width: 40px; height: 40px; margin-bottom: 16px;}
    .spanswer .function .cont{ margin: 20px 3%; flex-direction: column; position: relative; height: 346px;}
    .spanswer .function .cont .cent{ flex-direction: row; position: absolute; top: 0;}
    .spanswer .function .cont .cent .f{ flex-direction: column; align-items: center; margin: 0 48px 0 0;}
    .spanswer .function .cont .cent .p,.spanswer .function .cont .cent .f .p:first-child{ text-align: center; font-size: 12px;}
    .spanswer .function .cont .img:first-child{ margin: 0; position: absolute; top: 74px; width: 46%; left: 0;}
    .spanswer .function .cont .img:last-child{ margin: 0; position: absolute; top: 74px; width: 46%; right: 0;}
    .spanswer .function .cont .rimg{ width: 100%; height: 100%;}
    .spanswer .function .cont .limg{ width: 100%; height: 100%;}
    .spanswer .function .cont .cent .dot{ width: 15px; height: 15px; margin: 6px 0;}
    .spanswer .function .cont .cent .f .dot::after{ width: 40px; height: 2px; top: 7px; left: 42px;}
    .spanswer .function .cont .cent .f:last-child{ margin-right: 0;}
    .spanswer .function .cont .limg1,.spanswer .function .cont .rimg1{ top: 0;}
    .spanswer .function .cont .limg2,.spanswer .function .cont .rimg2{ top: 100%;}
    .spanswer .function .cont .limg3,.spanswer .function .cont .rimg3{ top: 200%;}
	
	/* 社区电商 */
    .sceshop .title{ font-size: 16px;}
    .sceshop .title::before{ width: 120px; height: 11px; margin-left: -60px;}
    .sceshop .h3{ font-size: 14px; padding: 10px 0 20px;}
    .sceshop .introduce{ padding: 20px 0 25px;}
    .sceshop .introduce .cont{ flex-direction: column; padding: 0 3%; margin-top: 25px;}
    .sceshop .introduce .cont img{ width: 70%; height: auto; margin: 0 auto 20px;}
    .sceshop .introduce .cont .p{ width: 100%; padding-left: 20px; font-size: 12px; line-height: 20px;}
    .sceshop .introduce .cont .p::before{ width: 5px; height: 5px; left: 10px;}
    .sceshop .reason{ width: 100%; padding: 0 3%; margin-bottom: 25px;}
    .sceshop .reason .reasonbox{ flex-wrap: wrap;}
    .sceshop .reason .reasonbox .list{ width: 48.5%; margin-bottom: 10px; padding: 20px 15px 20px; min-height: 205px; height: auto;}
    .sceshop .mordel .mordelbox{ width: 100%; padding: 0 3%; flex-direction: column;}
    .sceshop .reason .reasonbox .list img{ margin-bottom: 16px;}
    .sceshop .reason .reasonbox .list h2{ font-size: 14px; margin-bottom: 14px;}
    .sceshop .reason .reasonbox .list p{ font-size: 12px;}
    .sceshop .mordel .mordelbox .list{ width: 100%; margin-bottom: 45px; padding: 30px 20px 20px; height: auto;}
    .sceshop .reason .h3{ padding-bottom: 20px;}
    .sceshop .function .fbox1{ display: none;}
    .sceshop .function .fbox2{ padding: 20px 3% 0; position: relative; display: flex;}
    .sceshop .mordel{ padding: 25px 1% 0;}
    .sceshop .mordel .mordelbox .list img{ width: 18px; height: auto; top: -18px;}
    .sceshop .mordel .mordelbox .list h2{ font-size: 15px;}
    .sceshop .mordel .mordelbox .list p{ font-size: 12px;}
    .sceshop .mordel .h3{ padding: 20px 0 35px;}
    .sceshop .function .fbox .itemboxbox{ flex: 1 1 0; padding: 0 15px; overflow-x: scroll; margin-left: 190px; display: flex;}
    .sceshop .function .fbox .itembox:first-child{ margin-right: 10px; flex-shrink: 0; width: 160px;}
    .sceshop .function .fbox .phone{ width: 176px; height: 367px; padding: 43px 9px; position: absolute; left: 3%;}
    .sceshop .function .fbox .itembox:last-child{ margin-left: 0; flex-shrink: 0; width: 160px;}
    .sceshop .function .fbox .itembox .item{ padding: 16px 12px; margin-bottom: 12px; flex-shrink: 0; width: 160px;}
    .sceshop .function .fbox .itembox .item h2{ font-size: 14px; margin-bottom: 20px;}
    .sceshop .function .fbox .itembox .item p{ font-size: 11px;}
    .sceshop .function .fbox .itembox .item h2::after{ bottom: -14px;}
    .sceshop .mordel .title::before{ bottom: -6px; width: 130px; margin-left: -65px;}
	
	/* 帮助中心` */
	.help .content{ padding-top: 10px; padding-bottom: 20px;}
	.help .article{ padding-left: 0;}
	.help .article h3{ font-size: 14px;}
	.help_center .column{ float: unset; width: 100%; margin-bottom: 10px;}
	.help_center .content .right{ margin-left: 0; padding-left: 0;}
	.help_center .right .top{ padding: 10px 15px; height: unset;}
	.help_center .right .input{ height: 40px; line-height: 40px;}
	.help_center .right .input span{ width: 11%; height: 40px; padding-left: 4px; line-height: 40px; border-right: 1px solid #999;}
	.help_center .right .input span img{ width: 16px; height: 16px;}
	.help_center .right .input input{ height: 37px;}
	.help_center .right .input button{ height: 40px; line-height: 40px;}
	.help_center .article-list{ margin-top: 0;}
	.help_center .article-list li h3 a{ font-size: 14px;}
	.help .article-list li span{ margin-top: 0; font-size: 12px; margin-top: 0; position: absolute; bottom: 20px; width: calc(100% - 140px);}
	.help .column li a{ font-size: 13px;}
	.help .page{ display: flex; align-items: center;}
	.help .page a, .help .page span{ font-size: 12px;}
	.help .page .page_info{ display: none;}
	.top_nav .nav .logo{ height: 40px; margin-top: 2px;}
	.top_nav .nav .logo img{ margin-top:0; height: 100%;}
	.top_nav .menu{ margin: 5px 0;}
	.top_nav .menu:after{ display: none;}
	.help .article-list li{ border-radius: 0;}
	
	/* .help .column>li{ display: flex;}
	.help .column li .inactives{ flex-shrink: 0;}
	.help .column li .inactives:after{transform: rotate(-45deg);}
	.help .subcolumn{ display: flex; overflow-x: auto;}
	.subcolumn li{ width: unset; flex-shrink: 0;} */
}

/** 轮播插件 - 百叶窗 **/
.shutter {
  overflow: hidden;
  width: 100%;
  height: 358px;
  position: relative;
}
.shutter img {
  width: auto;
  max-width: none;
}
.shutter-img {
  z-index: 1;
}
.shutter-img,
.shutter-img a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.shutter-img a {
  cursor: default;
}
.shutter-img a > img {
  width: 100%;
  height: 100%;
}
.shutter-img .created {
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
.shutter-btn li {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 49px;
  height: 49px;
  margin-top: -25px;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.shutter-btn li.prev {
  left: -50px;
  background: url(../images/xcx/prev.png) center no-repeat;
}
.shutter-btn li.next {
  right: -50px;
  background: url(../images/xcx/next.png) center no-repeat;
}
.shutter:hover .shutter-btn li.prev {
  left: 20px;
  opacity: .5;
}
.shutter:hover .shutter-btn li.next {
  right: 20px;
  opacity: .5;
}
.shutter .shutter-btn li.prev:hover {
  opacity: 1;
}
.shutter .shutter-btn li.next:hover {
  opacity: 1;
}
.shutter .bg{
	position:absolute;
	bottom:0;
	left:0;
	z-index:9;
}

/** 资质证书 **/
.certificationPage .top_nav{ background-image:url('../images/index/banner/certificationPage_bg.png');}
.certificationPage .centerBox{ width:100%; max-width:1200px; margin:0 auto; padding:0 5%;}
.certificationPage .centerBox h3{ font-size:26px; font-weight:400; color:#333; line-height:58px; text-align:center; padding-top:85px;}
.certificationPage .certificate{ display:flex; flex-wrap:wrap; align-items:flex-start; margin-top:20px;}
.certificationPage .certificate .box{ float:left; width:22%; margin:0 0 20px 4%; line-height:25px; text-align:center;}
.certificationPage .certificate .box .img{ border:1px solid #ddd; padding:10px;}
.certificationPage .certificate .box .name{ min-height:50px; margin-top:6px;}
.weui-icon-delete.weui-icon_gallery-delete{ opacity:0;}
@media screen and (min-width:1200px){
	.certificationPage .certificate .box:nth-child(4n-3){ margin-left:0;}
}
@media screen and (max-width:768px){
	.certificationPage .certificate .box{ width:48%; margin-left:0;}
	.certificationPage .certificate .box:nth-child(2n){ margin-left:4%;}
}