@import 'https://cdnland.jiubaiwang.cn/jbwicon/img/jbw-icon.css';
[v-cloak]{display:none;}
.bg_body{background:#edeff2;}
em,i{font-style:normal;}
input{display:inline-block;vertical-align:middle;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#fff;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#fff;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#fff;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fff;}
.disN{display:none;}
.disB{display:block;}
.fontIcon{
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.h65{width:100%;height:65px;}
[v-cloak]{display:none !important;}

/****** loading.php ******/
.loading{background:#000;position:fixed;top:0;left:0;width:100%;height:100%;align-items: center;display:none;justify-content:center;z-index:11000;}
.loading .spinner{background: #4DB6AC;border-radius:50%;height:1em;margin:.1em;width:1em;}
.p1 {animation: fall 1s linear .3s infinite;}
.p2 {animation: fall 1s linear .2s infinite;}
.p3 {animation: fall 1s linear .1s infinite;}
.p4 {animation: fall 1s linear infinite;}
@keyframes fall {
    0% {
        transform: translateY(-15px);
    }
    25%, 75% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-15px);
    }
}

/****** footer.php ******/
footer{background:rgba(0,0,0,0.85);padding:25px 0;}
footer p{font-size:14px;color:#edeff2;line-height:40px;}
footer a{display:inline-block;float:right;margin-left:20px;}
footer a.btn{padding:9px 30px;border-radius:5px;transition:all 0.2s linear 0s;}
footer a.btn-default{background:inherit;color:#fff;}
footer a.btn-danger{background:#42A397;border-color:#42A397;}
footer a.btn-danger:hover{background:#419086;border-color:#419086;}

/** 浮动 **/
.fixed_right{width:52px;position:fixed;right:25px;top:70%;z-index:200;}
.fixed_right ul{display:inline-block;width:52px;}
.fixed_right ul li{display:inline-block;width:52px;height:52px;vertical-align:bottom;margin-top:3px;}
.fixed_right ul li:first-child{margin-top:0;}
.fixed_right ul li a{display:inline-block;width:52px;height:52px;text-align:center;line-height:52px;font-size:24px;color:#fff;background:#292a2e;border-radius:5px;transition:all 0.2s linear 0s;}
.fixed_right ul li a:hover{background:#42A397;}
.fixed_right ul li.all_erweima img{position:absolute;right:60px;bottom:0;opacity:0;transition:all 0.2s linear 0s;}
.fixed_right ul li.top{display:none;}

/** 信息弹出框 **/
.message_pop_bg{width:100%;height:100%;background:#000;opacity:0.8;position:fixed;top:0;left:0;z-index:100;}
.message_pop_box{width:700px;height:410px;border-radius:5px;background:#fff;position:fixed;top:25%;left:50%;margin-left:-350px;z-index:110;text-align:center;overflow:hidden;}
.message_pop_box i{font-size:110px;color:#d81e06;margin-top:55px;display:inline-block;}
.message_pop_box .text{width:100%;font-size:24px;color:#000;text-align:center;margin-top:10px;}
.message_pop_box .btn_box{text-align:center;width:100%;border-top:1px solid #dddddd;height:80px;position:absolute;bottom:0;left:0;}
.message_pop_box .btn_box a{padding:0;border:0;border-radius:0;float:left;width:50%;box-sizing:border-box;border-left:1px solid #ddd;height:80px;line-height:80px;font-size:16px;color:#42a397;}
.message_pop_box .btn_box a:first-child{border:0;color:#000;}
.message_pop_box .btn_box a:active{box-shadow:0 0 0 #fff;}


/*.message_pop_bg{width:100%;height:100%;background:#000;opacity:0.8;position:fixed;top:0;left:0;z-index:100;display:none;}
.message_pop_box{display:none;width:400px;border-radius:5px;background:#fff;position:fixed;top:25%;left:50%;margin-left:-200px;z-index:110;padding:40px 15px 20px 15px;}
.message_pop_box .text{width:100%;font-size:16px;color:#000;text-align:center;}
.message_pop_box input{width:80%;height:46px;line-height:46px;border:1px solid #d2d2d2;border-radius:5px;margin-left:10%;padding:0 10px;transition:all 0.2s linear 0s;}
.message_pop_box input:-moz-placeholder,textarea:-moz-placeholder{color:#8c8c8c;}
.message_pop_box input::-moz-placeholder,textarea::-moz-placeholder{color:#8c8c8c;}
.message_pop_box input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#8c8c8c;}
.message_pop_box input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#8c8c8c;}
.message_pop_box input:focus{border:1px solid #666;}
.message_pop_box .btn_box{text-align:center;margin-top:20px;}
.message_pop_box .btn_box a{margin:0 10px;}
.message_pop_box .btn_box a:first-child{border:1px solid #42A397;background:#42A397;}
.message_pop_box .btn_box a:first-child:hover{border:1px solid #419086;background:#419086;}*/

/****** index.php ******/
/** nav **/
.navbar_box{position:absolute;z-index:10;top:26px;left:0;width:100%;border:0;margin-bottom:0;padding:0 130px 0 15px;}
.navbar_box .navbar-nav li a{color:#fff;font-size:16px;}
.navbar_box .navbar-nav li a:hover{background:none;}
.navbar_box .navbar-nav li a:focus{background:none;}
.navbar_box .navbar-collapse{border-top:0;}
.navbar_box .navbar-toggle{padding:15px 0;margin-top:13px;}
.navbar_box .navbar-toggle .icon-bar{background:#fff;}
.navbar_box .navbar-brand{height:auto;padding:0 15px;}
.navbar_box .navbar-brand img{height:50px;}
.login_fixed_btn{position:fixed;display:inline-block;width:100px;height:40px;box-sizing:border-box;border:1px solid #fff;text-align:center;line-height:40px;font-size:16px;color:#fff;border-radius:5px;top:32px;right:30px;z-index:10;transition:all 0.2s linear 0s;}
.login_fixed_btn:hover{color:#000;background:#fff;}
.login_fixed_btn:focus{color:#fff;}
.login_fixed_btn.hover{background:#42A397;border:1px solid #42A397;}
.login_fixed_btn.hover:hover{background:#419086;border:1px solid #419086;color:#fff;}
/** 头部 **/
.header_section{background:url(banner.jpg) no-repeat center;background-size:cover;position:relative;padding:0;}
.header_section .inner{padding:0;background:transparent;position:relative;}
.header_section .form_box{padding:220px 0 250px 0;}
.header_section .form_box h2{font-size:40px;color:#fff;text-align:center;padding:50px 0;}
.header_section .form_box .line{width:100%;height:1px;background:rgba(255,255,255,0.16);margin:0 auto 50px auto;}
.header_section .form_box .form-group{width:100%;}
.header_section .form_box .form-group input{width:100%;height:48px;font-size:16px;border:0;}
.header_section .form_box .form-group input:focus{box-shadow:none;}
.header_section .form_box .login_btn{width:100%;background:#42A397;height:48px;line-height:34px;font-size:16px;color:#fff;transition:all 0.2s linear 0s;}
.header_section .form_box .login_btn:hover{background:#419086;}
.header_section .form_box .index_login_btn{text-align:right;display:none;margin-bottom:5px;}
.header_section .form_box .login_box{padding-bottom:16px;color:#fff;font-size:14px;}
.header_section .form_box .login_box a{color:#fff;margin:0 5px;text-decoration:underline;}
.header_section .form_box .login_box a.three_login{text-decoration:none;display:block;}
.header_section .form_box .login_box a.three_login:before{
    content:'\d215';font-size:24px;color:#a2a2a2;margin-right:10px;display:inline-block;vertical-align:middle;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.header_section .form_box .error_text{/*visibility:hidden;*/height:30px;line-height:30px;}
.header_section .form_box .error_text span{display:block;margin-top:10px;text-align:center;font-size:14px;color:#42A397;}
/** 模板选择 **/
.model_select{background:#edeff2;padding:70px 0 50px 0;text-align:center;}
.model_select h2{font-size:36px;font-weight:bold;}
.model_select h5{font-size:16px;color:#8c8c8c;margin-top:30px;margin-bottom:70px;line-height:24px;}
.model_select .img_list{margin-bottom:30px;}
.model_select .img_list img{width:100%;}
.model_select .icon{display:block;width:48px;height:48px;background:url(arrow.png) no-repeat;background-size:cover;margin:30px auto 20px auto;}
.model_select a.more_btn{display:inline-block;width:180px;height:50px;background:#42A397;font-size:16px;color:#fff;line-height:50px;border-radius:5px;padding:0;transition:all 0.2s linear 0s;}
.model_select a.more_btn:hover{background:#419086;}
/** 介绍1 **/
.section_one{text-align:center;padding-top:70px;}
.section_one h2{font-size:36px;font-weight:bold;}
.section_one h5{font-size:16px;color:#8c8c8c;margin-top:30px;margin-bottom:80px;line-height:24px;}
.section_one img{display:inline-block;vertical-align:bottom;}
/** 介绍2 **/
.section_two{background:#edeff2;}
/** 数据 **/
.index_data{width:100%;background:#fff;padding:56px 0;box-shadow:0 0 5px rgba(230,232,235,0.75);position:relative;}
.index_data .data_list{text-align:center;border-left:1px solid #edeff2;width:16.66666667%;box-sizing:border-box;float:left;}
.index_data .data_list:first-child{border-left:0;}
.index_data .data_list .num_box{font-size:36px;color:#414141;line-height:40px;margin-bottom:10px;box-sizing:border-box;width:100%;height:40px;overflow:hidden;padding:0 5px;}
.index_data .data_list span{display:block;font-size:16px;color:#909090;line-height:20px;}

/****** discover.php(选模板) ******/
.page_navbar{margin-bottom:0;border:0;background:#fff;padding:20px 0;}
.page_navbar .navbar-nav > li > a{color:#000;font-size:16px;}
.page_navbar .navbar-nav > li > a:hover{color:#42A397;}
.page_navbar .navbar-nav > li > a.hover{color:#42A397;}
.page_navbar .navbar-nav > li > a.btn_opt{background:#42A397;padding:10px 30px;border-radius:5px;color:#fff;margin-top:5px;transition:all 0.2s linear 0s;}
.page_navbar .navbar-nav > li > a.btn_opt:hover{background:#419086;}

.page_navbar .navbar-brand{padding:0 15px;height:auto;}
.page_navbar .navbar-brand img{height:50px;}
.discover_map{text-align:center;padding:45px 0;}
.discover_map a{border-radius:3px;display:inline-block;height:32px;line-height:32px;font-size:14px;color:#fff;padding:0 22px;transition:all 0.2s linear 0s;margin:0 5px;background:rgba(66,163,151,0.5);}
.discover_map a:hover{background:rgba(66,163,151,0.8);color:#fff;}
.discover_map a.hover{background:#42A397;color:#fff;}
.discover_map span{display:inline-block;width:12px;height:1px;background:#dbdbdb;margin-bottom:4px;}
.discover_list{text-align:center;}
.discover_list .list{position:relative;}
.discover_list .list.col-md-6{margin-bottom:60px;padding:0;margin-right:4%;width:48%;}
.discover_list .list:nth-child(2n){margin-right:0;}
.discover_list .list img{width:100%;display:block;height:auto;}
.discover_list .list .bg{opacity:0;width:100%;height:100%;background:rgba(0,0,0,0.6);position:absolute;top:0;left:0;transition:all 0.2s linear 0s;}
.discover_list .list .bg a{display:block;width:150px;height:40px;box-sizing:border-box;border-radius:5px;text-align:center;border:1px solid #fff;font-size:14px;color:#fff;line-height:28px;margin:0 auto 15px auto;transition:all 0.2s linear 0s;}
.discover_list .list .bg a:first-child{margin-top:25%;}
.discover_list .list .bg a.btn1{background:#42A397;border-color:#42A397;}
.discover_list .list:hover .bg{opacity:1;}
.discover_list .list .bg a:hover{background:#fff;color:#42A397}
.discover_list .list .bg a.btn1:hover{background:#419086;border-color:#419086;color:#fff;}
.discover_list .list .phone_bg{display:none;width:100%;padding:10px 0;background:rgba(0,0,0,0.8);position:absolute;bottom:0;left:0;}
.discover_list .list .phone_bg a{display:block;float:right;height:40px;box-sizing:border-box;border-radius:5px;text-align:center;border:1px solid #fff;font-size:14px;color:#fff;line-height:28px;margin:0 5px;transition:all 0.2s linear 0s;}
.discover_list .list .phone_bg a.btn1{background:#42A397;border-color:#42A397;}
.discover_list .list .phone_bg a:hover{background:#fff;color:#42A397}
.discover_list .list .phone_bg a.btn1:hover{background:#419086;border-color:#419086;color:#fff;}
.discover_list .load_more{width:180px;height:50px;display:inline-block;text-align:center;line-height:50px;border-radius:5px;font-size:16px;color:#fff;background:#42A397;margin-bottom:60px;transition:all 0.2s linear 0s;}
.discover_list .load_more:hover{background:#419086;}
.discover_list .load_more:active{position:relative;top:2px;}
.discover_list .noMore{background:#999;cursor:not-allowed;}
.discover_list .noMore:hover{background:#999;}
.discover_list .noMore:active{position:relative;top:0;}

/****** help_list.php ******/
.help_banner{width:100%;background:url(help_banner.jpg) no-repeat center;background-size:cover;padding:20px 0;}
.help_banner .page_search{float:right;height:50px;width:40%;}
.help_banner .page_search input{background:#fff;height:50px;float:right;border-radius:5px 0 0 5px;width:75%;border:0;}
.help_banner .page_search button{float:right;width:25%;background:#42A397;border-radius:0 5px 5px 0;height:50px;color:#fff;font-size:16px;}
.help_content{background:#fff;margin-bottom:40px;padding:68px;}
.help_content a{font-size:14px;color:#646464;line-height:24px;padding:18px 0;display:inline-block;width:100%;height:60px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.help_content a:hover{color:#000000;}

/****** search_list.php ******/
.search_result{padding:45px 0;}
.search_result span{font-size:16px;color:#000;}
.search_result span strong{color:#42A397;margin:0 5px;}

/****** help_active.php ******/
.active_box{background:#fff;margin-bottom:40px;padding:0 68px 68px 68px;}
.active_box .title{width:100%;text-align:center;border-bottom:1px solid #edeff2;font-size:24px;color:#000;padding:50px 0;margin-bottom:40px;}
.active_box .active_text{font-size:14px;color:#000;line-height:30px;width:100%;}
.active_box .active_text img{max-width:100%;}

/****** member.php ******/
.member_box{margin-top:50px;margin-bottom:18%;}
.section_left_box{float:left;width:240px;background:#fff;border-radius:5px;}
.section_left_box h2{text-align:center;font-size:18px;margin-top:30px;}
.section_left_box .btn_box{width:200px;margin:20px 20px 0 20px;padding-bottom:20px;}
.section_left_box .btn_box.first_btn{border-bottom:1px solid #edeff2;}
.section_left_box .btn_box a{display:block;width:200px;height:40px;padding:0 20px;font-size:14px;color:#000;line-height:40px;margin-bottom:10px;vertical-align:bottom;border-radius:5px;}
.section_left_box .btn_box a:hover{background:#edeff2;}
.section_left_box .btn_box a.hover{background:#edeff2;}
.section_left_box .btn_box a i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff9600;vertical-align:5px;margin-left:3px;}
.section_left_phone_box{display:none;margin-bottom:20px;text-align:center;}
.section_left_phone_box a{display:inline-block;height:32px;line-height:32px;font-size:14px;padding:0 18px;margin-bottom:5px;}
.section_left_phone_box a:hover{background:#42A397;color:#fff;}
.section_left_phone_box a.hover{background:#2f3030;color:#fff;}
.section_left_phone_box a i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff9600;vertical-align:5px;margin-left:3px;}
.section_right_box{float:left;margin-left:10px;width:-moz-calc(100% - 250px);width:calc(100% - 250px);background:#fff;border-radius:5px;padding:0 50px;overflow:hidden;}
.section_right_box .title{width:100%;border-bottom:1px solid #edeff2;height:66px;line-height:66px;text-align:center;font-size:18px;}
.section_right_box ul{display:inline-block;padding:50px 0 70px 15%;}
.section_right_box ul li{display:inline-block;width:100%;vertical-align:bottom;margin-bottom:20px;}
.section_right_box ul li label{float:left;font-size:16px;display:inline-block;height:46px;line-height:46px;width:80px;text-align:right;margin-right:15px;font-weight:normal;}
.section_right_box ul li .text{float:left;font-size:16px;height:46px;line-height:46px;}
.section_right_box ul li a.text_btn{float:left;color:#00a2e6;font-size:16px;margin-left:18px;height:46px;line-height:46px;}
.section_right_box ul li a.text_btn:hover{text-decoration:underline;}
.section_right_box ul li input.txt1{-webkit-appearance:none;float:left;display:inline-block;width:350px;height:46px;vertical-align:middle;padding:0 10px;font-size:16px;border-radius:5px;border:1px solid #d2d2d2;color:#000;transition:all 0.2s linear 0s;}
.section_right_box ul li input.txt2{width:218px;}
.section_right_box ul li input:focus{border:1px solid #666;}
.section_right_box ul li input:-moz-placeholder{color:#8c8c8c;}
.section_right_box ul li input::-moz-placeholder{color:#8c8c8c;}
.section_right_box ul li input:-ms-input-placeholder{color:#8c8c8c;}
.section_right_box ul li input::-webkit-input-placeholder{color:#8c8c8c;}
.section_right_box ul li a.code_btn{float:left;height:46px;line-height:46px;border:1px solid #d2d2d2;width:120px;text-align:center;font-size:16px;border-radius:5px;margin-left:12px;}
.section_right_box ul li a.code_btn:hover{color:#00a2e6;}
.section_right_box ul li a.upload_btn{background:#42A397;border-radius:5px;width:258px;height:46px;line-height:46px;font-size:16px;color:#fff;display:inline-block;float:left;text-align:center;transition:all 0.2s linear 0s;}
.section_right_box ul li a.upload_btn:hover{background:#419086;}
.section_right_box ul li a:active{position:relative;top:2px;}

/** password.php **/
.section_right_box ul li.tip_box{height:24px;line-height:24px;display:none;}
.section_right_box ul li .tip{font-size:14px;color:#ff9600;}
.section_right_box ul li .tip:before{
    content:'\d333';font-size:22px;vertical-align:middle;margin-right:8px;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

/** my_bill.php **/
.my_bill_box{margin-top:50px;margin-bottom:70px;width:100%;overflow-y:hidden;overflow-x:auto;}
.my_bill_box table{border-color:#edeff2;min-width:790px;}
.my_bill_box table thead tr th{border:1px solid #edeff2;border-bottom:0;background:#edeff2;text-align:center;font-weight:normal;font-size:14px;}
.my_bill_box table tbody tr td{padding:15px 8px;border:1px solid #edeff2;font-size:14px;color:#000;line-height:24px;vertical-align:middle;text-align:center;font-weight:normal;}
.my_bill_box table tbody tr td a.name_btn:hover{text-decoration:underline;color:#42A397;}
.my_bill_box table tbody tr td a.btn1{color:#42A397;}
.my_bill_box table tbody tr td a.btn1:hover{text-decoration:underline;}
.my_bill_box table tbody tr td em.orange{color:#ff9600;}
.my_bill_box table tbody tr td em.red{color:#ff2200;}
.my_bill_box table tbody tr td a.btn2{display:inline-block;width:70px;text-align:center;height:28px;line-height:28px;border-radius:3px;background:#2ead38;font-size:14px;color:#fff;transition:all 0.2s linear 0s;}
.my_bill_box table tbody tr td a.btn2.btn3{background:#0093dd;}
.my_bill_box table tbody tr td a.btn2:hover{background:#199623;}
.my_bill_box table tbody tr td a.btn3:hover{background:#0071cb;}
.my_bill_box table tbody tr td a.btn2:active{position:relative;top:2px;}

.my_bill_box .prev_next{text-align:right;}
.my_bill_box .prev_next a{display:inline-block;border:1px solid #dedede;border-radius:3px;height:38px;line-height:38px;width:80px;text-align:center;font-size:14px;color:#000;margin-left:10px;transition:all 0.2s linear 0s;}
.my_bill_box .prev_next a:hover{color:#42a397;}
.my_bill_box .prev_next a.no{background:#dedede;color:#999;cursor:not-allowed;}

.wx_pop_bg,.wx_success_bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000;background:#000;opacity:0.8;}
.wx_pop_box{border-top:10px solid #20b002;width:550px;height:650px;background:#fff;position:fixed;top:10%;left:50%;margin-left:-275px;z-index:11000;border-radius:5px;overflow:hidden;}
.wx_pop_box .wx_logo{width:550px;text-align:center;margin:38px 0 15px 0;}
.wx_pop_box .wx_logo img{max-width:100%;vertical-align:bottom;}
.wx_pop_box a.close_btn{position:absolute;top:15px;right:10px;font-size:16px;}
.wx_pop_box a.close_btn:hover{color:#ff2200;}
.wx_pop_box .wx_image{width:100%;box-sizing:border-box;text-align:center;}
.wx_pop_box .wx_image img{width:292px;}
.wx_pop_box  .info_box{width:450px;margin:0 auto;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;text-align:center;padding:30px 0;}
.wx_pop_box  .info_box .price{font-size:48px;color:#000000;margin-bottom:25px;}
.wx_pop_box  .info_box .title{font-size:16px;color:#000000;}
.wx_success_box{border-top:10px solid #20b002;width:550px;height:415px;background:#fff;position:fixed;top:10%;left:50%;margin-left:-275px;z-index:11000;border-radius:5px;overflow:hidden;}
.wx_success_box .success_img{width:100%;text-align:center;padding:60px 0;border-bottom:1px solid #eaeaea;}
.wx_success_box .success_img img{max-width:100%;}
.wx_success_box .sure_btn{display:block;width:258px;height:45px;border-radius:5px;background:#20b002;text-align:center;line-height:45px;font-size:16px;color:#fff;margin:22px auto 0 auto;}

/** my_site.php **/
.my_site_base_info{border-bottom:1px solid #edeff2;position:relative;width:100%;height:60px;}
.my_site_base_info span{float:left;font-size:16px;color:#414141;line-height:60px;}
.my_site_base_info span em{color:#ff9600;margin:0 5px;}
.my_site_base_info a.create_btn{position:absolute;top:0;right:-50px;display:inline-block;height:60px;width:150px;text-align:center;line-height:60px;font-size:14px;color:#fff;background:#42A397;transition:all 0.2s linear 0s;}
.my_site_base_info a.create_btn:before{
    content: '\d309';font-size:18px;margin-right:5px;vertical-align:top;display:inline-block;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.my_site_base_info a.create_btn:hover{background:#419086;}

.my_site_base_info .dev_box{position:absolute;top:0;right:-50px;}
.my_site_base_info .dev_box a.create_dev_btn{display:inline-block;height:60px;width:150px;text-align:center;line-height:60px;font-size:14px;color:#fff;background:#42A397;transition:all 0.2s linear 0s;}
.my_site_base_info .dev_box a.create_dev_btn:before{
    content: '\d309';font-size:18px;margin-right:5px;vertical-align:middle;display:inline-block;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.my_site_base_info .dev_box a.create_dev_btn:hover{background:#419086;}

.my_site_base_info .advanced_btn{position:absolute;right:0;top:60px;width:150px;display:none;}
.my_site_base_info .advanced_btn a{display:inline-block;width:150px;height:60px;line-height:60px;background:#42A397;font-size:14px;color:#fff;transition:all 0.2s linear 0s;border-top:1px solid #7ab2ab;}
.my_site_base_info .advanced_btn a:before{
    content: '\a116';font-size:15px;margin-right:5px;vertical-align:middle;display:inline-block;margin-left:30px;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.my_site_base_info .advanced_btn a:hover{background:#419086;}
.new_createSite_bg{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;opacity:0.6;z-index:1000;}
.new_createSite_box{overflow:hidden;width:990px;height:580px;background:#f2f2f2;border-radius:5px;position:fixed;top:50%;left:50%;margin-top:-290px;margin-left:-495px;z-index:1100;}
.new_createSite_box .header_box{width:100%;height:70px;border-bottom:1px solid #e4e4e4;padding:0 30px;box-sizing:border-box;}
.new_createSite_box .header_box h2{float:left;font-size:18px;line-height:70px;display:inline-block;color:#000;font-weight:normal;}
.new_createSite_box .header_box a{float:right;font-size:16px;line-height:70px;color:#000;transition:all 0.2s linear 0s;}
.new_createSite_box .header_box a:hover{color:#ff2200;}
.new_createSite_box .style_box{width:100%;height:448px;padding-left:30px;padding-top:43px;box-sizing:border-box;}
.new_createSite_box .style_box .list{float:left;width:220px;height:150px;position:relative;margin-top:22px;margin-right:17px;}
.new_createSite_box .style_box .list img{width:220px;height:150px;}
.new_createSite_box .style_box .list .bg_box{width:220px;height:150px;position:absolute;top:0;left:0;background:#000;opacity:0;z-index:10;transition:all 0.2s linear 0s;}
.new_createSite_box .style_box .list span{display:inline-block;width:220px;height:150px;position:absolute;top:0;left:0;z-index:11;font-size:16px;color:#fff;text-align:center;line-height:150px;cursor:pointer;opacity:0;transition:all 0.2s linear 0s;}
.new_createSite_box .style_box .list:hover .bg_box{opacity:0.6;}
.new_createSite_box .style_box .list:hover span{opacity:1;}
.new_createSite_box .prev_next{width:100%;border-top:1px solid #e4e4e4;height:60px;}
.new_createSite_box .prev_next a{float:left;display:inline-block;width:50%;text-align:center;box-sizing:border-box;border-left:1px solid #e4e4e4;height:60px;line-height:60px;font-size:18px;color:#414141;transition:all 0.2s linear 0s;}
.new_createSite_box .prev_next a:first-child{border-left:0;}
.new_createSite_box .prev_next a:hover{color:#42A397;}
.new_createSite_box .prev_next a.no{cursor:not-allowed;color:#999;}

.my_site_box{width:100%;margin-bottom:90px;}
.my_site_box .my_site_list{width:100%;padding:30px 0;display:inline-block;vertical-align:bottom;border-bottom:1px solid #edeff2;}
.my_site_box .my_site_list .img_box{float:left;width:198px;position:relative;border-radius:5px;overflow:hidden;}
.my_site_box .my_site_list .img_box span{position:absolute;top:7px;left:7px;display:inline-block;width:85px;text-align:center;height:30px;line-height:30px;font-size:14px;color:#fff;border-radius:5px;}
.my_site_box .my_site_list .img_box span.base_text{background:rgba(0,0,0,0.6);}
.my_site_box .my_site_list .img_box span.firm_text{background:#ff9600;}
.my_site_box .my_site_list .details_box{float:left;margin-left:25px;width:-moz-calc(100% - 225px);width:calc(100% - 225px);}
.my_site_box .my_site_list .details_box .details_base{width:100%;}
.my_site_box .my_site_list .details_box .views_box{float:right;}
.my_site_box .my_site_list .details_box .views_box .num{display:block;width:120px;height:120px;border:5px solid #edeff2;border-radius:50%;text-align:center;line-height:110px;font-size:36px;color:#414141;transition:all 0.2s linear 0s;}
.my_site_box .my_site_list .details_box .views_box .num:hover{background:#f3f3f3;border:5px solid #fff;box-shadow:0 0 15px rgba(0,0,0,0.75);color:#42A397;}
.my_site_box .my_site_list .details_box .views_box span{display:inline-block;width:120px;text-align:center;font-size:14px;color:#414141;margin-top:8px;}
.my_site_box .my_site_list .details_box .left_box{width:-moz-calc(100% - 120px);width:calc(100% - 120px);float:left;}
.my_site_box .my_site_list .details_box .left_box .site_title{font-size:20px;color:#000;}
.my_site_box .my_site_list .details_box .left_box .site_title span{margin-left:15px;position:relative;width:70px;height:22px;text-align:center;display:inline-block;line-height:22px;font-size:14px;color:#fff;vertical-align:2px;}
.my_site_box .my_site_list .details_box .left_box .site_title span.onTheLine{background:#5bb900;}
.my_site_box .my_site_list .details_box .left_box .site_title span.onTheLine:before{
     content:'';
     position:absolute;top:5px;left:-6px;
     border-right:6px solid #5bb900;border-top:6px solid transparent;border-bottom:6px solid transparent;
 }
.my_site_box .my_site_list .details_box .left_box .site_title span.noOnTheLine{background:#ff9600;}
.my_site_box .my_site_list .details_box .left_box .site_title span.noOnTheLine:before{
    content:'';
    position:absolute;top:5px;left:-6px;
    border-right:6px solid #ff9600;border-top:6px solid transparent;border-bottom:6px solid transparent;
}
.my_site_box .my_site_list .details_box .left_box .link_box{margin:16px 0;}
.my_site_box .my_site_list .details_box .left_box .link_btn{font-size:18px;color:#ff9600;display:inline-block;float:left;vertical-align:middle;line-height:26px;}
.my_site_box .my_site_list .details_box .left_box .link_btn:hover{text-decoration:underline;}

.my_site_box .my_site_list .details_box .left_box .link_box .phone_erweima{float:left;margin-left:15px;position:relative;cursor:pointer;}
.my_site_box .my_site_list .details_box .left_box .link_box .phone_erweima i{line-height:26px;font-size:16px;color:#222;}
.my_site_box .my_site_list .details_box .left_box .link_box .phone_erweima .wx_img{position:absolute;top:-12px;left:45px;width:160px;background:#fff;border:1px solid #42A397;border-radius:5px;opacity:0;z-index:-1;transition:all 0.2s linear 0s;}
.my_site_box .my_site_list .details_box .left_box .link_box .phone_erweima .wx_img:before{
    content:"";width:12px;height:12px;background:#fff;border:1px solid #42A397;display:inline-block;transform: rotate(45deg);position:absolute;left:-6px;top:20px;
}
.my_site_box .my_site_list .details_box .left_box .link_box .phone_erweima .wx_img:after{
    content:'';width:10px;height:26px;background:#fff;position:absolute;;top:16px;left:0;z-index:1;
}
.my_site_box .my_site_list .details_box .left_box .link_box .phone_erweima .wx_img img{width:158px;height:158px;margin-top:3px;vertical-align:bottom;position:relative;z-index:2;}
.my_site_box .my_site_list .details_box .left_box .link_box .phone_erweima .wx_img span{width:100%;text-align:center;display:inline-block;margin-bottom:16px;font-size:15px;color:#222;}
.my_site_box .my_site_list .details_box .left_box .link_box .phone_erweima:hover .wx_img{left:35px;opacity:1;z-index:100;}

.my_site_box .my_site_list .details_box .left_box .update{font-size:14px;color:#414141;}
.my_site_box .my_site_list .btn_box{width:100%;margin-top:8px;}
.my_site_box .my_site_list .btn_box a.opt_btn{border:1px solid #dcdcdc;float:left;margin-right:8px;border-radius:5px;font-size:14px;color:#414141;display:inline-block;height:40px;line-height:40px;padding:0 15px;transition:all 0.2s linear 0s;}
.my_site_box .my_site_list .btn_box a.opt_btn:hover{background:#f3f3f3;}
.my_site_box .my_site_list .btn_box a.edit_btn{color:#fff;background:#42A397;border:1px solid #42A397;}
.my_site_box .my_site_list .btn_box a.edit_btn:hover{background:#419086;border:1px solid #419086;}
.my_site_box .my_site_list .btn_box a.edit_btn:before{
    content:'\d289';font-size:20px;display:inline-block;vertical-align:-2px;margin-right:8px;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.my_site_box .my_site_list .btn_box a.upgrade_btn:before{
    content:'\d432';font-size:20px;display:inline-block;vertical-align:-2px;margin-right:8px;color:#989898;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.my_site_box .my_site_list .btn_box a.message_btn:before{
    content:'\b121';font-size:16px;display:inline-block;vertical-align:top;margin-right:8px;color:#989898;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.my_site_box .my_site_list .btn_box a.copy_btn:before{
    content:'\c118';font-size:18px;display:inline-block;vertical-align:top;margin-right:8px;color:#989898;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.my_site_box .my_site_list .btn_box .set_box{position:relative;display:inline-block;}
.my_site_box .my_site_list .btn_box .set_select{display:none;width:145px;padding-bottom:16px;border-radius:5px;background:#000000;position:absolute;left:50%;margin-left:-72px;bottom:55px;}
.my_site_box .my_site_list .btn_box .set_select:after{
    content:'';position:absolute;left:50%;margin-left:-5px;bottom:-10px;
    border-top:10px solid #000;border-left:10px solid transparent;border-right:10px solid transparent;
}
.my_site_box .my_site_list .btn_box .set_select a{display:block;width:145px;height:42px;line-height:42px;font-size:14px;color:#ffffff;margin-top:10px;}
.my_site_box .my_site_list .btn_box .set_select a:hover{background:#333333;}
.my_site_box .my_site_list .btn_box .set_select a.hover{background:#333333;}
.my_site_box .my_site_list .btn_box .set_select a i{
    display:inline-block;vertical-align:middle;font-size:24px;margin-right:12px;width:24px;margin-left:16px;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.my_site_box .my_site_list .btn_box a.set_btn:before{
    content:'\d411';font-size:20px;display:inline-block;vertical-align:middle;margin-right:8px;color:#989898;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.my_site_box .my_site_list .btn_box a.del_btn:before{
    content:'\c107';font-size:20px;display:inline-block;vertical-align:-2px;margin-right:8px;color:#989898;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.my_site_box .my_site_list .tool_details{margin-top:10px;background:#f5f5f5;padding:10px;box-sizing:border-box;line-height:24px;height:44px;overflow:hidden;position:relative;}
.my_site_box .my_site_list .tool_details i{position:absolute;top:0;right:0;background:rgba(0,0,0,0.9);font-size:10px;color:#fff;padding:0 10px;cursor:pointer;}

/** analytics.php **/
.analytics_title{padding:15px 0 0 0;text-align:center;}
.analytics_title h2{font-size:26px;color:#000;}
.analytics_title a{font-size:14px;color:#42a397;display:inline-block;line-height:26px;}
.analytics_title a:hover{text-decoration:underline;}
.analytics_btn_box{width:802px;height:42px;border-radius:5px;border:1px solid #42A397;box-sizing:border-box;margin:10px auto 40px auto;}
.analytics_btn_box a{text-align:center;float:left;border-left:1px solid #42A397;font-size:14px;color:#42A397;transition:all 0.2s linear 0s;width:200px;height:40px;line-height:40px;display:inline-block;}
.analytics_btn_box a:first-child{border-left:0;}
.analytics_btn_box a:hover{background:#42A397;color:#fff;}
.analytics_btn_box a.hover{background:#42A397;color:#fff;}
.analytics_details{width:100%;margin-bottom:60px;}
.analytics_details .box{width:100%;border:1px solid #e5e5e5;box-sizing:border-box;border-radius:5px;overflow:hidden;background:#fff;margin-bottom:20px;}
.analytics_details .box .title{width:100%;border-bottom:1px solid #e5e5e5;height:45px;padding:0 15px;box-sizing:border-box;background:#f3f4f6;line-height:45px;}
.analytics_details .box span{display:inline-block;float:left;width:33.3333%;text-align:center;border-left:1px solid #e5e5e5;font-size:14px;color:#000;padding:20px 0 30px 0;}
.analytics_details .box span em{display:block;font-size:26px;margin-top:20px;}
.analytics_details .box span:first-child{border-left:0;}
.analytics_details .box table{width:100%;}
.analytics_details .box table thead tr th{font-size:14px;height:45px;line-height:45px;text-align:center;font-weight:normal;}
.analytics_details .box table thead tr th:nth-child(2){text-align:left;padding:0 20px;}
.analytics_details .box table tbody tr td{border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;font-size:14px;height:45px;line-height:45px;text-align:center;}
.analytics_details .box table tbody tr td a:hover{color:#42A397;text-decoration:underline;}
.analytics_details .box table tbody tr td:nth-child(2){text-align:left;padding:0 20px;}

/** try_out.php **/
.try_out_title{text-align:center;font-size:24px;color:#000;margin-top:40px;margin-bottom:40px}
.try_out_subtitle{text-align:center;font-size:14px;color:#c0c0c0;margin-bottom:40px;font-weight:normal;}
.try_out_box{background:#fff;border-radius:5px;padding: 40px 30px 30px 30px;margin-bottom:160px;}
.try_out_box form{width:420px;margin:0 auto;}
.try_out_box form label{float:left;width:65px;height:46px;line-height:46px;font-size:16px;margin-right:15px;font-weight:normal;text-align:right;}
.try_out_box form .text{height:46px;line-height:46px;font-size:16px;float:left;padding-left:10px;}
.try_out_box form input{width:340px;height:46px;float:left;-webkit-appearance:none;transition:all 0.2s linear 0s;}
.try_out_box form input:focus{border:1px solid #666;box-shadow:none;}
.try_out_box form input.txt1{width:208px;}
.try_out_box form a.code_btn{display:inline-block;width:119px;height:46px;border:1px solid #d2d2d2;text-align:center;line-height:46px;float:left;font-size:16px;border-radius:5px;margin-left:13px;}
.try_out_box form a.code_btn:hover{color:#00a2e6;}
.try_out_box form .btn-free{margin-left:81px;width:258px;height:46px;background:#42A397;border:0;color:#fff;font-size:16px;display:inline-block;text-align:center;line-height:46px;border-radius:5px;transition:all 0.2s linear 0s;}
.try_out_box form .btn-free:hover{background:#419086;}
.try_out_box form .btn-free:focus{background:#419086;}
.try_out_box form .btn-free:active{position:relative;top:2px;}
.try_out_box .prompt_box{border:1px solid #ff9600;margin-top:40px;}
.try_out_box .prompt_box p.bg-warning{padding:10px 14px;line-height:20px;font-size:14px;color:#414141;}

/** pricing.php **/
.pricing_details{background:#fff;margin-bottom:32px;padding:30px 30px 50px 30px;}
.pricing_details label{display:inline-block;width:100px;font-size:16px;color:#000;font-weight:normal;height:60px;line-height:60px;text-align:right;margin-right:25px;}
.pricing_details span.text{display:inline-block;font-size:16px;height:60px;line-height:60px;}
.pricing_details span.text.red_text{font-size:20px;color:#d30202;}
.pricing_details em{font-size:14px;color:#d30202;margin-left:10px;}
.pricing_details em:before{
    content:'\d333';display:inline-block;vertical-align:middle;margin-right:5px;font-size:16px;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.pricing_details .btn_box{text-align:center;margin-top:15px;}
.pricing_details .btn_box a{display:inline-block;height:40px;line-height:40px;font-size:14px;color:#fff;width:165px;text-align:center;margin:0 5px;border-radius:3px;transition:all 0.2s linear 0s;}
.pricing_details .btn_box a:nth-child(1){background:#2ead38;}
.pricing_details .btn_box a:nth-child(2){background:#0093dd;}
.pricing_details .btn_box a:nth-child(3){background:#24a5a0;}
.pricing_details .btn_box a:nth-child(1):hover{background:#199623;}
.pricing_details .btn_box a:nth-child(2):hover{background:#0071cb;}
.pricing_details .btn_box a:nth-child(3):hover{background:#419086;}
.pricing_details .btn_box a i{display:inline-block;vertical-align:middle;font-size:26px;margin-right:10px;}
.pricing_details .btn_box a:focus{box-shadow:none;}
.pricing_details .btn_box a:active{position:relative;top:2px;}
.pricing_details .tips{margin-left:125px;font-size:14px;color:#d30202;}
.pricing_details .tips i{font-size:16px;display:inline-block;vertical-align:middle;margin-right:5px;}
.pricing_details .bg-warning{margin-top:20px;border:1px solid #ff9600;padding:10px;}
.pricing_details .bg-warning span{display:block;font-size:14px;color:#414141;line-height:25px;margin-top:8px;}
.pricing_details .bg-warning span:first-child{margin-top:0;}
.pricing_details .bg-warning span em.yellow_color{color:#ff9600;font-weight:bold;}
.pricing_details .bg-warning span em.blue_color{color:#00a2e6;font-weight:bold;}
.pricing_details .bg-warning span:before{
    content:'\d333';color:#42A397;display:inline-block;font-size:24px;vertical-align:middle;margin-right:5px;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;

}
.pricing_box{background:#fff;box-shadow:0 0 10px rgba(222,222,222,0.75);margin-bottom:60px;}
.pricing_box .title{text-align:center;height:72px;line-height:72px;font-size:20px;}
.pricing_box .money{padding-left:45px;height:80px;line-height:80px;font-size:24px;color:#fff;}
.pricing_box .money em{font-size:14px;}
.pricing_box .money.grey_bg{background:#c0c0c0;text-align:center;padding-left:0;}
.pricing_box .money.blue_bg{background:#00a2e6;}
.pricing_box .money.green_bg{background:#5bb900;}
.pricing_box .money.yellow_bg{background:#ff9600;}
.pricing_box .list_box .bar{padding:18px 10px 18px 20px;line-height:24px;font-size:14px;color:#000;}
.pricing_box .list_box .bar:nth-child(2n){background:#f8f8f8;}
.pricing_box .list_box .bar p{display:inline-block;}
.pricing_box .list_box .bar span{
    float:right;font-size:20px;color:#c0c0c0;cursor:help;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.pricing_box a.btn{width:-moz-calc(100% - 24px);width:calc(100% - 24px);text-align:center;height:45px;font-size:16px;color:#fff;margin:18px 12px;line-height:30px;}
.pricing_box a.btn:focus{box-shadow:none;}
.pricing_box a.btn:active{position:relative;top:2px;}
.pricing_box a.btn.free_btn{background:#c0c0c0;}
.pricing_box a.btn.blue_bg{background:#00a2e6;}
.pricing_box a.btn.green_bg{background:#5bb900;}
.pricing_box a.btn.yellow_bg{background:#ff9600;}
.pricing_question{margin-bottom:60px;}
.pricing_question .title{border-bottom:1px solid #e2e2e2;text-align:center;font-size:24px;padding-bottom:25px;}
.pricing_question .question_title{line-height:24px;font-size:14px;font-weight:bold;margin-top:20px;}
.pricing_question .answer_box{line-height:24px;font-size:14px;}

/****** login.php(登录) ******/
.login_body{background:#42A397;}
.member_login_box{width:100%;height:100%;background:url(fadebg.png) center center;background-size:100% 100%;padding:120px 0;position:fixed;}
.member_login_box .logo{margin:60px auto 0;height:90px;text-align:center;width:100%;}
.member_login_box .logo img{height:52px;}
.member_login_box form input:-moz-placeholder{color:#999;}
.member_login_box form input::-moz-placeholder{color:#999;}
.member_login_box form input:-ms-input-placeholder{color:#999;}
.member_login_box form input::-webkit-input-placeholder{color:#999;}

.member_login_box .login_content{width:456px;margin:0 auto;}
.member_login_box .login_content form{width:100%;text-align:center;}
.member_login_box .login_content form input{width:256px;height:46px;border-radius:4px;border:0;background:#fff;display:inline-block;padding:0 10px;box-sizing:border-box;vertical-align:middle;margin-bottom:10px;}
.member_login_box .login_content form a.login_btn{display:inline-block;width:256px;height:46px;text-align:center;line-height:46px;background:#fff;font-size:16px;color:#42A397;border-radius:4px;transition:all 0.2s linear 0s;}
.member_login_box .login_content form a.login_btn:hover{color:#419086;}
.member_login_box .login_content form a.login_btn:active{position:relative;top:2px;}

.member_login_box .register_content{display:none;opacity:0;margin-top:10px;}
.member_login_box .register_content .form-group{width:100%;}
.member_login_box .register_content .form-group input{width:100%;height:46px;font-size:16px;border:0;border-radius:4px;padding:0 12px}
.member_login_box .register_content .form-group a.login_btn{display:inline-block;width:100%;height:46px;text-align:center;line-height:46px;background:#fff;font-size:16px;color:#42A397;border-radius:4px;transition:all 0.2s linear 0s;}
.member_login_box .register_content .form-group a.login_btn:hover{color:#419086;}
.member_login_box .register_content .form-group a.login_btn:active{position:relative;top:2px;}

.member_login_box .third_party_login{width:100%;text-align:center;margin-top:30px;}
.member_login_box .third_party_login span{display:block;font-size:13px;color:#8dd1c8;}
.member_login_box .third_party_login a{display:inline-block;width:36px;height:36px;border-radius:50%;text-align:center;font-size:20px;color:#fff;line-height:36px;background:rgba(255,255,255,0.3);margin-top:10px;}
.member_login_box .third_party_login a:hover{color:#2f8b1c;}
.member_login_box .register_box{width:100%;text-align:center;font-size:13px;color:#8dd1c8;margin-top:30px;}
.member_login_box .register_box a{color:#8dd1c8;}
.member_login_box .register_box a:hover{text-decoration:underline;}
.member_login_box .error_text{width:100%;text-align:center;font-size:13px;margin-top:30px;color:#fff;display:none;}
.member_login_box .terms_box{width:100%;text-align:center;font-size:13px;color:#8dd1c8;margin-top:30px;}
.member_login_box .terms_box a{text-decoration:underline;padding:0 3px;color:#8dd1c8;}

/** site_edit.php(模板修改) **/
/** 左侧 **/
.site_edit_left{width:200px;background:#fff;height:100%;position:fixed;top:0;left:0;z-index:2000;overflow:hidden;box-shadow:1px 0 5px rgba(0,0,0,0.08)}
.site_edit_left a.logo{display:inline-block;width:200px;height:65px;text-align:center;}
.site_edit_left a.logo img{height:38px;margin-top:13px;}
.site_edit_left .site_menu{width:200px;margin-top:20px;overflow:hidden;overflow-y:auto;padding-bottom:90px;box-sizing:border-box;}
.site_edit_left .site_menu .section_heading{font-size:15px;color:#B5B5B5;margin-left:60px;}
.site_edit_left .site_menu a.section_add{margin-left:15px;width:166px;height:42px;border-radius:2px;background:#42A397;display:inline-block;text-align:center;line-height:42px;font-size:15px;color:#fff;transition:all 0.2s linear 0s;}
.site_edit_left .site_menu a.section_add:before{
    content:'\d309';font-size:12px;display:inline-block;vertical-align:middle;margin-right:10px;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.site_edit_left .site_menu a.section_add:hover{background:#419086;}

.site_edit_left .site_menu a.outer_add{margin-left:15px;width:166px;height:42px;border-radius:2px;border:1px solid #42A397;display:inline-block;text-align:center;line-height:40px;font-size:15px;color:#42A397;transition:all 0.2s linear 0s;box-sizing:border-box;}
.site_edit_left .site_menu a.outer_add:before{
    content:'\d309';font-size:12px;display:inline-block;vertical-align:middle;margin-right:10px;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.site_edit_left .site_menu a.outer_add:hover{background:#42A397;color:#fff;}

.main-container{width:200px;margin-top:28px;margin-bottom:20px;overflow:hidden;overflow-y:auto;z-index:6000;}
.page-content{padding:0}
.dd{min-width:200px;}
.dd-list{z-index:3000;}
.dd-item{margin-bottom:15px;}
.dd2-handle, .dd-dragel > li > .dd2-handle{top:3px;height:40px;line-height:40px;width:40px;left:15px;}
.dd-handle, .dd2-content{margin:0;padding:0;border:0;}
.dd-handle{background:none;color:#151515;font-size:16px;cursor:move;}
.dd-handle:hover{color:#42A397;}
.dd2-content{background:#fff;}
.dd2-content .text_box{width:108px;height:44px;line-height:44px;text-align:left;font-size:16px;color:#3E3E3E ;font-weight:normal;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dd2-content input{width:110px;height:44px;line-height:44px;border:0;padding:0;text-align:left;font-size:16px;color:#42A397 ;font-weight:normal;background:#f4f4f4;}
.dd-handle:hover, .dd2-content:hover{background: #F4F4F4;}
.dd2-handle:hover ~ .dd2-content{background: #F4F4F4;}
.dd-placeholder, .dd-empty{margin:0;background: #fff;border:none;}
.dd2-handle + .dd2-content, .dd2-handle + .dd2-content[class*="btn-"]{padding-left:60px;}
.dd2-content{padding-left:60px;}
.dd-item .opt_btn{position:absolute;right:10px;top:12px;}
.dd-item .opt_btn a{font-size:13px;color:#3e3e3e;margin-right:5px;}
.dd-item .opt_btn a:hover{color:#42A397;}
.dd-hover .dd2-content{background:#F4F4F4;}

/** 左侧弹出框 **/
.site_menu_tooltip{position:absolute;background:#fff;top:145px;width:260px;padding:10px 0 6px 10px;left:210px;opacity:0;border-radius:4px;z-index:7000;display:none;box-shadow:0 0 8px rgba(0,0,0,0.12);}
.site_menu_tooltip .menu_item{width:250px;height:45px;line-height:45px;padding-left:25px;position:relative;cursor:pointer;box-sizing:border-box;}
.site_menu_tooltip .menu_item:before{
    content:'';width:225px;height:1px;background:#f4f4f4;position:absolute;top:0;left:25px;
}
.site_menu_tooltip .menu_item:first-child::before{height:0;}
.site_menu_tooltip .menu_item:hover{background:#f4f4f4;}
.site_menu_tooltip .menu_item .checkbox_box{display:inline-block;position:relative;}
.site_menu_tooltip .menu_item .checkbox_box i:before{
    font-size:16px;color:#42A397;
    font-family:"jbw-icon";
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.site_menu_tooltip .menu_item .checkbox_box i.off:before{content:'\d455';}
.site_menu_tooltip .menu_item .checkbox_box i.on:before{content:'\d438';}
.site_menu_tooltip .menu_item .checkbox_box input{position:absolute;width:16px;height:16px;top:14px;left:0;opacity:0;}
.site_menu_tooltip .menu_item label{font-size:14px;color:#555;font-weight:normal;cursor:pointer;}
.site_menu_tooltip .menu_item i{font-size:14px;color:#42A397;margin-right:8px;}

.outer_site_menu_tooltip{position:absolute;background:#fff;top:145px;width:260px;padding:10px 0 6px 10px;left:210px;opacity:0;border-radius:4px;z-index:7000;display:none;box-shadow:0 0 8px rgba(0,0,0,0.12);}
.outer_site_menu_tooltip .menu_item{width:250px;line-height:45px;padding-left:25px;cursor:pointer;box-sizing:border-box;}
.outer_site_menu_tooltip .menu_item.menu_item_input{line-height:26px;}
.outer_site_menu_tooltip .menu_item.menu_item_input input{width:90%;height:32px;padding:0 5px;box-sizing:border-box;font-size:12px;color:#555;border:1px solid #dedede;border-radius:3px;transition:all 0.2s linear 0s;}
.outer_site_menu_tooltip .menu_item.menu_item_input input:focus{border:1px solid #999;}
.outer_site_menu_tooltip .menu_item label{font-size:14px;color:#555;font-weight:normal;cursor:pointer;}
.outer_site_menu_tooltip .menu_item i{font-size:14px;color:#42A397;margin-right:8px;}

/** 左侧新增版块 **/
.site_selector_wrapper{position:fixed;top:65px;left:200px;width:302px;height:-moz-calc(100% - 65px);height:calc(100% - 65px);overflow:auto;background:#f3f3f3;box-shadow:2px 0 8px rgba(0,0,0,0.12);z-index:6000;display:none;}
.site_selector_wrapper .header_title{width:100%;text-align:center;position:relative;margin:24px 0 28px 0;}
.site_selector_wrapper .header_title h3{font-size:18px;color:#3e3e3e;line-height:28px;height:28px;display:inline-block;}
.site_selector_wrapper .header_title a{position:absolute;top:0;right:20px;color:#1F303D;font-size:16px;line-height:28px;transition:all 0.3s ease-out 0s;transform:rotate(0deg);}
.site_selector_wrapper .header_title a:hover{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);color:#42A397;}
.site_selector_wrapper .s_thumb_template{width:264px;margin:0 19px;}
.site_selector_wrapper .s_thumb_template .section_title{width:100%;line-height:22px;margin-bottom:15px;}
.site_selector_wrapper .s_thumb_template .section_title i{float:right;font-size:10px;color:#bababa;}
.site_selector_wrapper .s_thumb_template .section_title span{float:left;font-size:15px;color:#3e3e3e;}
.site_selector_wrapper .s_thumb_template ul{display:inline-block;width:100%;}
.site_selector_wrapper .s_thumb_template ul li{display:inline-block;width:100%;vertical-align:bottom;margin-bottom:30px;}
.site_selector_wrapper .s_thumb_template ul li a{display:inline-block;width:100%;border:1px solid #e5e5e5;border-radius:5px;overflow:hidden;transition:all 0.2s linear 0s;}
.site_selector_wrapper .s_thumb_template ul li a img{width:100%;vertical-align:bottom;}
.site_selector_wrapper .s_thumb_template ul li a:hover{box-shadow:0 0 8px #BDBDBD}

/** 右侧 **/
.site_header_right_opt{width:-moz-calc(100% - 200px);width:calc(100% - 200px);height:65px;background:#fff;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.08);position:fixed;top:0;left:200px;z-index:5000;min-width:830px;}
.site_header_right_opt a{display:inline-block;height:65px;line-height:65px;text-align:center;transition:all 0.2s linear 0s;}
.site_header_right_opt .preview_btn{width:70px;font-size:32px;color:#000;float:left;}
.site_header_right_opt .preview_btn:hover{background:#F4F4F4;}
.site_header_right_opt .fr a{float:right;font-size:18px;border-right:1px solid #E3EAF7;}
.site_header_right_opt .fr a:first-child{border:0;}
.site_header_right_opt .fr a:hover{color:#42A397;}
.site_header_right_opt a.btn_w1{width:135px;}
.site_header_right_opt a.btn_w2{width:100px;}
.site_header_right_opt a.btn_w3{width:88px;}
.site_header_right_opt a.btn_color1{color:#fff;}
.site_header_right_opt a.btn_color2{color:#080808;}
.site_header_right_opt a.btn_color3{color:#1C2D3D;}
.site_header_right_opt a.btn_bg1{background:#42A397;}
.site_header_right_opt a.btn_bg1:hover{background:#419086;color:#fff;}
.site_header_right_opt .fr a.fontIcon{font-size:28px;}
.site_edit_right{margin-left:200px;position:relative;z-index:2010;}

/** 提示信息 **/
.template_tips{border:1px solid #ff9600;padding:10px;background:#fcf8e3;margin:10px 0 10px 0;}
.template_tips span{display:block;font-size:14px;color:#414141;line-height:25px;margin-top:8px;}
.template_tips span:first-child{margin-top:0;}
.template_tips i.fontIcon{color:#ff2200;margin-right:5px;vertical-align:middle;font-size:24px;display:inline-block;}
.template_tips em{font-weight:bold;}
.template_tips em.yellow_color{color:#ff9600;}
.template_tips em.blue_color{color:#00a2e6;}

/*底部水印LOGO*/
.site_edit_footer_watermark_box{width:calc(100% - 200px);width:-moz-calc(100% - 200px);text-align:center;z-index:9998;position:absolute;left:200px;bottom:0;height:58px;}
.site_edit_footer_watermark_box img{vertical-align: bottom;max-width:100%;margin-left:-200px;background:#42a397;border-radius:5px 5px 0 0;}
.site_edit_footer_watermark_box .watermark_bg{opacity:0;width:340px;height:68px;background:rgba(255,255,255,0.4);position:absolute;bottom:0;left:50%;margin-left:-270px;text-align:center;border-radius:5px 5px 0 0;}
.site_edit_footer_watermark_box .watermark_bg span{background:#181818;border-radius:3px;box-shadow:0 0 1px hsla(0,0%,100%,.25);color:#e8e8e8;cursor:pointer;display:inline-block;font-size:13px;padding:0 10px;height:30px;line-height:30px;margin-top:19px;}
.site_edit_footer_watermark_box:hover .watermark_bg{opacity:1;}
.site_edit_footer_watermark_phone_box{width:100%;display:flex;align-items:center;border-top:1px solid #f7f7f7;height:45px;background:#fff;transition:bottom .4s;bottom:-45px;}
.sticky{position:fixed;bottom:0;left:0;}
.site_edit_footer_watermark_phone_box img{margin-left:10px;height:25px;}
.site_edit_footer_watermark_phone_box span{font-size:12px;color:#636972;margin-left:5px;}
.site_edit_footer_watermark_phone_box a{position:absolute;right:5px;padding:8px;background:#42a397;font-size:12px;color:#fff;border-radius:4px;}

/*我的余额*/
.section_right_box .balance_base_info{margin-top:15px;}
.section_right_box .balance_base_info .balance_btn{float:right;}
.section_right_box .balance_base_info .balance_btn a{display:inline-block;margin-left:10px;font-size:14px;width:80px;height:30px;line-height:30px;text-align:center;color:#fff;border-radius:5px;background:#2e8dd9;transition:all 0.2s linear 0s;}
.section_right_box .balance_base_info .balance_btn a:first-child{background:#42a397;}
.section_right_box .balance_base_info .balance_btn a:hover{background:#0071cb;}
.section_right_box .balance_base_info .balance_btn a:first-child:hover{background:#059a88;}
.section_right_box .balance_base_info .balance_btn a:active{position:relative;top:2px;}
.section_right_box .balance_base_info .now_balance{float:left;font-size:16px;color:#000;line-height:30px;}
.section_right_box .balance_base_info .now_balance em{margin-right:5px;color:#ff9600;font-weight:bold;}
.section_right_box .my_balance_box{margin-top:15px;}
.section_right_box .my_balance_box .prev_next{text-align:right;}
.section_right_box .my_balance_box .prev_next a{display:inline-block;border:1px solid #dedede;border-radius:3px;height:38px;line-height:38px;width:80px;text-align:center;font-size:14px;color:#000;margin-left:10px;transition:all 0.2s linear 0s;}
.section_right_box .my_balance_box .prev_next a:hover{color:#42a397;}
.section_right_box .my_balance_box .prev_next a.no{background:#dedede;color:#999;cursor:not-allowed;}

/*余额充值*/
.pricing_details input{display:inline-block;height:40px;border-radius:5px;padding:0 5px;border:1px solid #dedede;font-size:15px;color:#000;width:300px;transition:all 0.2s linear 0s;}
.pricing_details input:focus{border:1px solid #42a397;}

/*余额支付 弹出框*/
.ye_pop_bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000;background:#000;opacity:0.8;}
.ye_pop_box{border-top:10px solid #24a5a0;width:550px;height:500px;background:#fff;position:fixed;top:10%;left:50%;margin-left:-275px;z-index:11000;border-radius:5px;overflow:hidden;}
.ye_pop_box a.close_btn{position:absolute;top:15px;right:10px;font-size:16px;}
.ye_pop_box a.close_btn:hover{color:#ff2200;}
.ye_pop_box .title_box{width:450px;margin:30px auto;text-align:center;font-size:34px;line-height:60px;}
.ye_pop_box .title_box i{color:#24a5a0;font-size:54px;margin-right:8px;display:inline-block;vertical-align:middle;}
.ye_pop_box .info_box{width:450px;margin:0 auto;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;text-align:center;padding:30px 0;}
.ye_pop_box .info_box .price{font-size:48px;color:#000000;margin-bottom:10px;}
.ye_pop_box .info_box .title{font-size:16px;color:#000000;}
.ye_pop_box .now_balance{text-align:center;margin:20px 0 35px 0;font-size:16px;}
.ye_pop_box a.sure_btn{width:258px;height:45px;text-align:center;border-radius:5px;line-height:45px;display:block;margin:0 auto;background:#24a5a0;font-size:16px;color:#fff;transition:all 0.2s linear 0s;}
.ye_pop_box a.sure_btn:hover{background:#39b5b0;}
.ye_pop_box a.sure_btn:active{position:relative;top:2px;}
.ye_success_bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000;background:#000;opacity:0.8;}
.ye_success_box{border-top:10px solid #24a5a0;text-align:center;width:550px;height:415px;background:#fff;position:fixed;top:10%;left:50%;margin-left:-275px;z-index:11000;border-radius:5px;overflow:hidden;}
.ye_success_box i{width:100%;font-size:84px;color:#24a5a0;margin:80px 0 35px 0;display:inline-block;line-height:85px;}
.ye_success_box h2{font-size:24px;}
.ye_success_box .sure_box{border-top:1px solid #eaeaea;width:100%;margin:28px 0;position:absolute;left:0;bottom:0;}
.ye_success_box .sure_box a{display:block;width:258px;height:45px;border-radius:5px;background:#24a5a0;text-align:center;line-height:45px;font-size:16px;color:#fff;margin:22px auto 0 auto;transition:all 0.2s linear 0s;}
.ye_success_box .sure_box a:hover{background:#39b5b0;}
.ye_success_box .sure_box a:active{position:relative;top:2px;}
.ye_pop_box .balance_form{width:380px;margin:0 auto 15px auto;}
.ye_pop_box .balance_form ul{display:inline-block;width:100%;}
.ye_pop_box .balance_form ul li{display:inline-block;width:100%;margin-bottom:12px;vertical-align:bottom;}
.ye_pop_box .balance_form ul li label{float:left;height:40px;line-height:40px;display:inline-block;width:80px;font-size:15px;font-weight:normal;}
.ye_pop_box .balance_form ul li span{float:left;line-height:40px;font-size:15px;}
.ye_pop_box .balance_form ul li input{display:inline-block;float:left;height:40px;vertical-align:middle;padding:0 10px;width:300px;font-size:15px;border-radius:5px;border:1px solid #dedede;transition:all 0.2s linear 0s;}
.ye_pop_box .balance_form ul li input:focus{border:1px solid #39b5b0;}
.ye_pop_box .error_box{width:380px;margin:0 auto 20px auto;font-size:14px;color:red;padding-left:80px;}

/*预览*/
.preview_header{width:100%;height:56px;padding:0 15px;box-sizing:border-box;background:#2f2f2f;position:fixed;top:0;left:0;z-index:100;overflow:hidden;}
.preview_header .logo_box{float:left;display:flex;align-items:center;margin:10px 0;}
.preview_header .logo_box img{height:36px;}
.preview_header .logo_box span{font-size:12px;color:#fff;}
.preview_header .btn_box{float:right;font-size:14px;color:#fff;line-height:56px;}
.preview_header .btn_box a{display:inline-block;font-size:24px;color:#fff;width:56px;text-align:center;vertical-align:middle;transition:all 0.2s linear 0s;}
.preview_header .btn_box a:hover{background:#525252;}
.preview_header .btn_box a.hover{background:#525252;}

.preview_frame{overflow:visible;position:absolute;top:55px;bottom:0;left:0;right:0;}
.preview_pad{width:884px;height:1160px;margin:40px 0 40px -442px;left:50%;border-radius:50px;background:#ddd;position:absolute;display:block;}
.preview_pad .demo_top{padding-top:44px;height:78px;}
.preview_pad .demo_top .center_circle{width:16px;height:16px;border-radius:8px;background:#b1b1b1;margin:0 auto;}
.preview_pad .demo_middle{height:993px;}
.preview_pad .demo_bottom{margin:20px auto;width:38px;height:38px;border:4px solid #b1b1b1;border-radius:26px;}

.preview_phone{width:395px;height:807px;margin:40px 0 40px -188px;left:50%;border-radius:50px;background:#ddd;position:absolute;display:none;}
.preview_phone .demo_top{padding-top:36px;height:70px;}
.preview_phone .demo_top .left_circle{width:8px;height:8px;border-radius:4px;background:#b1b1b1;float:left;margin-left:120px;}
.preview_phone .demo_top .right_line{width:80px;height:8px;border-radius:4px;background:#b1b1b1;margin:0 auto;}
.preview_phone .demo_middle{height:667px;}
.preview_phone .demo_bottom{margin:12px auto;width:38px;height:38px;border:4px solid #b1b1b1;border-radius:26px;}

.iframe_wrapper{position:relative;right:1px;width:768px;margin:118px auto 0 auto;height:993px;overflow:hidden;background:#fff;transition:all 0.5s;}
.iframe_phone{position:relative;right:-10px;width:375px;margin-top:110px;height:667px;}
.iframe_pc{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;margin-top:0;}
.iframe_wrapper .screen{border:0;width:100%;height:100%;background:#fff;}

/*留言右边列表*/
.reply_floatRight{position:fixed;right:1%;top:25%;border:4px solid #c0c0c0;background:#fff;width:208px;border-radius:5px;}
.reply_floatRight a.replyClose{position:absolute;display:inline-block;width:28px;height:28px;border-radius:50%;background:#c0c0c0;font-size:12px;color:#fff;top:-14px;right:-14px;text-align:center;line-height:28px;transition:all 0.2s linear 0s;}
.reply_floatRight a.replyClose:hover{background:#dc0000;}
.reply_floatRight_list{width:200px;overflow:hidden;max-height:200px;overflow-y:auto;border-top:1px solid #c0c0c0;}
.reply_floatRight_list .list{border-top:1px solid #c0c0c0;height:40px;line-height:40px;display:block;vertical-align:bottom;padding:0 10px;}
.reply_floatRight_list .list:first-child{border-top:0;}
.reply_floatRight_list .list img{width:30px;float:left;border-radius:3px;margin-top:5px;}
.reply_floatRight_list .list span{float:left;display:inline-block;font-size:14px;color:#222;margin-left:5px;}
.reply_floatRight_list .list a{float:right;display:inline-block;height:24px;padding:0 8px;margin-top:8px;background:#dc0000;font-size:12px;color:#fff;border-radius:3px;line-height:24px;}