.pr{ position: relative; }
.index-line-30{ display: inline-block;width: 1px;height: 30px;background: #EEEEEE; }
.index-gold-v-icon{ display: inline-block;width: 14px;height: 14px;background: url(../images/index_gold_v_icon_2.png) 0 0;background-size: 100% 100%; }
.base-iconfont.iconfont-account-female{ color: #F55B5A;font-size: 18px; }
.base-iconfont.iconfont-account-male{ color: #1C9FF7;font-size: 18px; }
.base-iconfont.iconfont-yellow-v{ font-size: 14px;color:#FFB200;vertical-align: 2px; }
.base-iconfont.iconfont-blue-v{ font-size: 14px;color:#00B2FE;vertical-align: 2px; }
.base-iconfont.iconfont-prev{ color: #fff;font-size: 20px; }
.base-iconfont.iconfont-next{ color: #fff;font-size: 20px; }
/* 滚动 */
.cms-main-nav{ position: fixed;top: 0;z-index: 9999;width: 100%; }
.main .cms-main-nav .cms-nav-list-item.active{ font-weight: bold; }
.main .cms-main-nav{ box-shadow:0px 0px 18px 0px rgba(0,0,0,0.1);border-color: transparent; }
.main.active .cms-main-nav{ background:rgba(255,255,255,.15);color: #fff;width: 100%;border-color: transparent;box-shadow: none; }
.main.active .cms-main-nav .cms-nav-list-item{ color: #fff; }
.main.active .cms-main-nav .cms-nav-list-item:after{ background: #fff; }
.main.active .cms-main-nav .cms-index-other-btn{ color: #fff; }
.main.active .cms-main-nav .cms-index-login-btn{ color: #fff;border-color: #fff; }
.main.active .cms-main-nav .cms-index-login-btn:hover{ background: #fff;color: #333333; }
body .cms-footer{ margin-top: 0; }
.index-banner-area{ width: 100%;height: 588px;position: relative;color: #ffffff; }
.index-banner-wrap{ height: 100%;position: relative;z-index: 0;background: fff; }
.index-banner-content{ max-width: 1200px;height: 100%;position: absolute;right: calc( (100% - 1200px) / 2 );;top: 0; }
/* .index-banner-content{ width: 1200px;height: 100%;position: absolute;left: 50%;top: 0;transform: translateX(-50%); } */
.index-title-wrap{ margin-top: 190px; }
.index-title{ font-size: 64px;line-height: 90px;letter-spacing: 2px; }
.index-title-line{ display: block;width: 120px;height: 5px;background: #fff;margin: 15px 0 20px; }
.index-title-desc{ font-size: 30px;line-height: 42px; }
.index-banner-login-wrap{ width: 400px;height: 388px;background: #fff;border-radius: 15px;margin-top: 110px; }
.index-login-status-wrap{ text-align: center;margin-top: 30px; }
.index-login-status-item{ font-size: 16px;color: #CCCCCC;margin: 0 40px;line-height: 16px;cursor: pointer; }
.index-login-status-item.active{ color: #333333;position: relative;font-weight: bold; }
.index-login-status-item.active:after{ content:"";display: inline-block;width: 20px;height: 2px;background: #fd8d3e;position: absolute;left: 50%;bottom: -14px;margin-left: -10px; }
.index-login-inner{ padding: 0 30px;margin-top: 15px; }
.index-login-item{  }
.index-login-item-inp{ width: 100%;height: 40px;/*line-height: 40px;*/border: 1px solid #EEEEEE;border-radius: 5px;box-sizing: border-box;padding: 13px 14px; }
.index-login-item-inp.index-login-item-code-inp{ width: 250px;border-radius: 5px 0 0 5px; }
.index-login-item-code-btn{ width: 90px;height: 40px;background-color: #fd8d3e;text-align: center;line-height: 40px;color: white;border-radius: 0 5px 5px 0; }
.index-login-item-code-btn:hover{ color: #fff; }
.index-login-item-other-code-btn{ background: transparent; }
.index-login-item-other-code-btn img{ width: 100%;height: 100%; }
.index-login-item-error-wrap{ line-height: 30px;padding: 0 14px;height: 30px; }
.index-login-item-error{ font-size: 12px;color: #fc6460;display: none; }
.index-login-type-wrap{  }
.index-login-type-btn{ color: #1C9FF7;font-size: 12px;margin-top: -24px; }
.index-login-type-btn:hover{ color: #1C9FF7; }
.index-login-handle-wrap{ margin-top: 9px;line-height: 22px; }
.index-login-handle-item{ color: #666666; }
.layui-form-onswitch { border-color: #fc6460;background-color: #fc6460; }
.layui-form-switch { width: 40px;margin: 0 8px 0 0; }
.layui-form-switch i{ top: 2px; }
.layui-form-onswitch i{ left: 18px; }
.index-login-handle-item-btn{ color: #666666; }
.index-login-btn{ display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;color: #fff;border-radius: 20px;background: linear-gradient(to right, #FFBF8F , #fd8d3e);box-shadow: 0 0 18px 0 rgba(0,0,0,.15);/*margin-top: 30px;*/ }
.index-login-btn:hover{ color: #fff; }
.index-login-link{ display: block;font-size: 12px;color: #666666;margin-top: 20px;text-align: center; }
.index-login-area-code{ height: 23px;line-height: 23px; }
.index-login-area-item{ font-size: 12px;color: #fc6460;display: none;padding-left: 14px; }
.index-login-area-code-btn{ color: #1C9FF7;cursor: pointer;margin-left: 8px; }
.index-login-error{ height: 30px;line-height: 30px;text-align: center;color: #fc6460; }
/* 区号选择框 */
.country_code_layer{width:350px;height:180px;background-color: #fff;text-align: center;position: absolute;cursor: default;z-index: 110;box-shadow: 0 0 2px 2px #eee;border: 1px solid #eee;}
.country_code_layer .close-button {right: 4px;top: 5px;position: absolute;background: url(../images/close-button_2.png) no-repeat;width: 17px;height: 17px;}
.country_code_layer .arrow {display: block;position: absolute;background-image: url(../images/tips_2.gif);background-repeat: no-repeat;width: 16px;height: 9px;background-position: 0 0;overflow: hidden;top: -9px;right: 70px;border:none;margin: 0;}
.country_code_layer .switchbar .ui-switchable-item {width: 61px;display: inline-block;margin-right: -5px;border-bottom: 2px solid #eee;height: 38px;line-height: 38px;}
.country_code_layer .switchbar .ui-switchable-item.ui-switchable-selected {color: #C81623;border-color: #e4393c;}
.country_code_layer .ui-switchable-panel-main .ui-switchable-panel ul li {float: left;width: 105px;height: 22px;display: inline-block;line-height: 22px;}
.country_code_layer a:hover {color: #C81623;}
.country_code_layer .ui-switchable-panel-main {height: 124px;padding-left: 25px;padding-top: 17px;color: #666; font-size: 12px;text-align: left;}
.index-data-wrap{ width: 1300px;height: 120px;margin-top: -60px;position: relative;z-index: 9;background: #ffffff;box-shadow: 0 0 18px 0 rgba(0, 0, 0, .1);border-radius: 60px 60px 60px 60px;margin-left: calc( ( 100% - 1300px ) / 2 ); }
/* .index-data-bg{ width: 50%;height: 100%;background: #fff;position: absolute;left: 0;right: 0;z-index: -1; } */
.index-data-inner{ width: 1200px;height: 100%; }
.index-data-item{ width: 25%;height: 100%;text-align: center;padding-top: 30px; }
.index-data-item-detail{ font-size: 30px;line-height: 32px;font-family:'Mittelschrift'; }
.index-data-item-unit{ font-size: 18px;line-height: 32px; }
.index-data-item-title{ font-size: 14px;margin-top: 10px; }
.index-item-wrap{ width: 1200px;margin: 100px auto 0; }
.index-item-title{ text-align: center; }
.index-item-title-top{ font-size: 38px;color: #333333;line-height: 38px;position: relative;z-index: 1;font-weight: bold;letter-spacing: 2px; }
.index-item-title-bottom{ font-size: 34px;color: #EAF0F4;line-height: 34px;margin-top: -10px;position: relative;z-index: 0; }
.index-item-desc{ font-size: 18px;line-height: 27px;color: #666666;text-align: center;margin-top: 50px; }
.index-item-img-wrap{ width: 1044px;height: 542px;margin: 50px auto 0;overflow: hidden; }
.index-item-img{ width: 100%;height: 100%; }
.index-trend-type-wrap{ text-align: center;margin-top: 50px; }
.index-trend-type-item{ display: inline-block;padding: 13px 30px;font-size: 18px;border-radius: 22px;color: #333333;margin: 0 20px;cursor: pointer; }
.index-trend-type-item.active{ background: #fd8d3e;color: #fff;font-weight: bold; }
.index-trend-wrap{ margin-top: 40px; }
.index-trend-sort-wrap{ width: 164px;height: 384px;box-shadow: 0 3px 20px 0 rgba(29, 50, 109, 0.1);background: #fff;border-radius: 10px; }
.index-trend-sort-item{ height: 64px;text-align: center;line-height: 64px;font-size: 18px;color: #666666;cursor: pointer; }
.index-trend-sort-item.active{ color: #fd8d3e; }
.index-trend-sort-item:hover{ color: #fd8d3e; }
.index-trend-detail-wrap{ width: 1016px;height: 384px;box-shadow: 0 3px 20px 0 rgba(29, 50, 109, 0.1);background: #fff;border-radius: 10px; }
.index-trend-detail-left{ width: 338px; }
.index-trend-detail-left .index-line-30{ position: absolute;right: 0;top: 50%;height: 84px;margin-top: -42pxß; }
.index-trend-detail-avatar-wrap{ width: 80px;height: 80px;border-radius: 50%;position: relative;margin: 30px auto 20px; }
.index-trend-detail-avatar{ display: inline-block;;width: 80px;height: 80px;border-radius: 50%; }
.index-trend-detail-avatar-wrap .sex-type-icon{ position: absolute;right: 0;bottom: 0; }
.index-trend-detail-name{ color: #333333;font-size: 18px;text-align: center;margin-bottom: 20px;font-weight: bold; }
.index-trend-detail-info{ font-size: 14px;color: #AAAAAA;text-align: center;margin-bottom: 15px; }
.index-trend-detail-desc-wrap{ text-align: center;line-height: 14px; }
.index-trend-detail-desc{ color: #666666;font-size: 14px;margin-left: 10px;display: inline-block;max-width: 220px; }
.index-trend-detail-desc-more{ color: #666666;font-size: 12px;max-width: 278px;text-align: center;margin: 0 auto; }
.index-trend-detail-data{ margin: 30px 0; }
.index-trend-detail-data-item{ width: 50%;text-align: center; }
.index-trend-detail-data-item-num{ font-size: 14px;color: #333333; }
.index-trend-detail-data-item-num span{ font-family:'Mittelschrift';font-size: 22px; }
.index-trend-detail-data-item-title{ font-size: 14px;color: #AAAAAA;margin-top: 10px; }
.index-trend-detail-btn{ display: block;;width: 116px;height: 34px;line-height: 34px;text-align: center;color: #fd8d3e;border: 1px solid #fd8d3e;border-radius: 5px;margin: 0 auto; }
.index-trend-detail-btn:hover{ color: #fff;background: #fd8d3e; }
.index-trend-detail-right{ width: 677px;padding: 30px; }
.index-trend-type-one{ margin-bottom: 33px;text-align: center; }
.index-trend-type-one-item{ font-size: 14px;color: #333333;margin: 0 25px;display: inline-block;cursor: pointer; }
.index-trend-type-one-item.active{ color: #fd8d3e;position: relative;font-weight: bold; }
.index-trend-type-one-item.active:after{ content: "";display: inline-block;width: 36px;height: 3px;border-radius: 1.5px;background: #fd8d3e;position: absolute;left: 50%;bottom: -13px;margin-left: -18px; }
.index-trend-type-other-wrap{ height: 24px; }
.index-trend-type-two{  }
.index-trend-type-two-item{ font-size: 14px;color: #AAAAAA;margin-right: 20px;cursor: pointer;display: inline-block;position: relative; }
.index-trend-type-two-item:hover{ color: #fd8d3e; }
.index-trend-type-two-item.active{ color: #fd8d3e; }
.index-trend-type-two-item.active:after{ content: "";display: inline-block;width: 28px;height: 2px;border-radius: 1px;background: #fd8d3e;position: absolute;left: 50%;bottom: -6px;margin-left: -14px; }
.index-trend-type-three{  }
.index-trend-type-three-item{ font-size: 12px;color: #AAAAAA;width: 42px;height: 24px;border-radius: 12px;line-height: 24px;text-align: center;border: 1px solid #AAAAAA;margin-left: 10px;display: inline-block;cursor: pointer; }
.index-trend-type-three-item.active{ color: #fd8d3e;border-color: #fd8d3e; }
.index-trend-area{ height: 230px;margin-top: 20px; }
.index-trend-other-wrap{ margin-top: 20px; }
.index-trend-other-item{ width: 285px;height: 190px;box-shadow: 0 3px 20px 0 rgba(29, 50, 109, 0.1);background: #fff;border-radius: 10px;margin-right: 20px;padding: 20px;position: relative; }
.index-trend-other-item:last-of-type{ margin-right: 0; }
.index-trend-other-item a{ display: block;width: 100%;height: 100%; }
.index-trend-other-item:hover .index-trend-other-item-arrow-right{ background: #AAAAAA;color: #fff; }
.index-trend-other-item-arrow-right{ display: inline-block;width: 20px;height: 20px;border-radius: 50%;text-align: center;line-height: 20px;position: absolute;right: 10px;top: 10px;border: 1px solid #AAAAAA;color: #AAAAAA;box-sizing: border-box;padding-left: 3px; }
.index-trend-other-info-wrap{  }
.index-trend-other-avatar-wrap{ width: 58px;height: 58px;border-radius: 50%;overflow: hidden;margin-right: 15px; }
.index-trend-other-avatar{ width: 100%;height: 100%; }
.index-trend-other-info{  }
.index-trend-other-info-name{ font-size: 14px;color: #333333;line-height: 14px;;margin: 9px 0 15px;font-weight: bold; }
.index-trend-other-info-more{ font-size: 12px;color: #AAAAAA;line-height: 12px; }
.index-trend-other-data{ margin-top: 30px; }
.index-trend-other-data-item{ width: 50%;text-align: center; }
.index-trend-other-data-item .index-line-30{ position: absolute;right: 0;top: 50%;margin-top: -15px; }
.index-trend-other-data-item-num{ font-size: 14px;color: #333333; }
.index-trend-other-data-item-num span{ font-family:'Mittelschrift';font-size: 22px; }
.index-trend-other-data-item-title{ font-size: 14px;color: #AAAAAA;margin-top: 10px; }

.index-marketing-case{ width: 100%;height: 822px;background: url(../images/marketing_case_bg_2.png) no-repeat center center;background-size: cover;margin-top: 150px;padding-top: 60px; }
.index-marketing-case .index-item-wrap{ margin-top: 0; }
.index-marketing-case .index-item-title-top{ color: #FFFFFF; }
.index-marketing-case .index-item-title-bottom{ color: #FFC4AB; }
.index-marketing-case-wrap{ margin-top: 50px; }
.index-marketing-case-left-wrap{ width: 590px;height: 590px;background: orange;border-radius: 15px 0 0 15px;box-shadow: 3px 3px 15px 0 rgba(115, 44, 43, 0.3);position: relative;z-index: 2;position: relative;overflow: hidden; }
.index-marketing-case-index{ width: 65px;height: 65px;line-height: 65px;text-align: center;font-size: 30px;color: #fff;background: linear-gradient(to left bottom,#F5AA84,#fd8d3e);position: absolute;left: 525px;bottom: 65px;z-index: 10; }
/* .index-marketing-case-left-btn{ width: 65px;height: 65px;background: #895958;position: absolute;right: 0;bottom: 0; }
.index-marketing-case-right-btn{ width: 65px;height: 65px;background: #895958;position: absolute;right: -65px;bottom: 0; } */
.index-marketing-case-right-wrap{ width: 610px;height: 590px;background: #fff;border-radius: 0 15px 15px 0;position: relative;z-index: 1;padding: 40px 50px; }
.index-marketing-case-title{ font-size: 38px;color: #333333;line-height: 38px;max-width: 510px;font-weight: bold; }
.index-marketing-case-tag-time{ margin-top: 30px;padding-bottom: 40px;border-bottom: 1px solid #EEEEEE; }
.index-marketing-case-tag-wrap{  }
.index-marketing-case-tag-item{ padding: 10px 30px;font-size: 16px;background: linear-gradient(to right,#fd8d3e,#F5AA84);border-radius: 18px;color: #fff;display: inline-block;margin-right: 20px;font-weight: bold; }
.index-marketing-case-time{ font-size: 14px;color: #AAAAAA;line-height: 36px; }
.index-marketing-case-data-wrap{ margin: 70px 0; }
.index-marketing-case-data-item{ width: 33.3%;text-align: center; }
.index-marketing-case-data-item .index-line-30{ position: absolute;right: 0;top: 50%;margin-top: -15px; }
.index-marketing-case-data-item-num{ font-size: 14px;color: #333333; }
.index-marketing-case-data-item-num span{ font-family:'Mittelschrift';font-size: 34px;color: #fd8d3e; }
.index-marketing-case-data-item-title{ font-size: 14px;color: #666666;margin-top: 10px; }
.index-marketing-case-desc{ color: #666666;line-height: 24px;margin-bottom: 20px; }
.index-marketing-case-desc span{ font-weight: bold; }
.index-brand-wrap{ margin-top: 40px; }
.index-brand-item{ width: 224px;height: 100px;border-radius: 10px;margin: 20px 20px 0 0;overflow: hidden; }
.index-brand-item img{ width: 100%;height: 100%;}
.index-brand-item:nth-of-type(5n+5){ margin-right: 0; }
.index-brand-item:hover{ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
.index-contact-wrap{ background: #EEEEF4;padding: 60px 0;margin-top: 150px; }
.index-contact-inner{ width: 1200px;margin: 0 auto; }
.index-contact-item-wrap{ margin: 0 60px;text-align: center; }
.index-contact-title{ font-size: 38px;color: #333333;line-height: 38px;font-weight: bold; }
.index-contact-desc{ font-size: 18px;color: #666666;line-height: 16px;margin: 30px 0; }
.index-contact-btn{ display: inline-block;width: 285px;height: 44px;text-align: center;line-height: 44px;color: #fff;font-size: 16px;background: linear-gradient(to right,#FFBF8F,#fd8d3e);border-radius: 22px;box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15); }
.index-contact-btn:hover{ color: #fff; }
.order-dialog.layui-layer.layui-layer-dialog .layui-layer-content{ padding: 0; }
.layer-order{  }
.layer-order-title{ height: 40px;line-height: 40px;color: #666666;border-bottom: 1px solid #EEEEEE;padding: 0 20px; }
.layer-order-content{ padding: 30px 60px 0; }
.layer-order-item{  }
.layer-order-inp{ width: 100%;height: 30px;font-size: 12px;line-height: 30px;color: #333333;padding: 0 10px;border: 1px solid #EEEEEE;border-radius: 5px;box-sizing: border-box; }
.layer-order-error{ height: 24px;font-size: 12px;color: #fd8d3e;line-height: 24px;padding: 0 10px; }
.layer-order-btn{ width: 240px;height: 44px;line-height: 44px;text-align: center;background: #fd8d3e;border-radius: 22px;color: #fff;display: block;margin: 30px auto 0; }
.layer-order-btn:hover{ color: #fff; }
.layer-order-other{ margin-left: 20px;line-height: 30px; }
input[type='checkbox'].account-info-check{ display: none; }
input[type='checkbox'].account-info-check+label.iconfont-checkbox{ display: inline-block; }
input[type='checkbox'].account-info-check~label.iconfont-checkbox-checked{ display: none; }
input[type='checkbox'].account-info-check:checked+label.iconfont-checkbox{ display: none; }
input[type='checkbox'].account-info-check:checked~label.iconfont-checkbox-checked{ display: inline-block; }
.base-iconfont.iconfont-checkbox{ font-size: 14px;color: #cccccc;cursor: pointer; }
.base-iconfont.iconfont-checkbox-checked{ font-size: 14px;color: #fd8d3e;cursor: pointer; }
.base-iconfont.iconfont-close{ cursor: pointer; }
.account-info-check-label{ font-size: 14px;color: #666666;cursor: pointer; }
.self-inp-disabled{ background: #EEEEEE; }
.swiper-container-banner{ width: 100%;height: 100%; }
.swiper-container-banner .swiper-slide{ overflow: hidden; }
.swiper-container-banner .swiper-slide img{ min-width: 100%;height: 100%;margin-left: 50%;transform: translateX(-50%); }
.swiper-pagination-banner.swiper-pagination-bullets{ width: 1200px;left: 50%;margin-left: -600px;text-align: left;bottom: 70px;}
.swiper-pagination-banner .swiper-pagination-bullet{ width: 22px;height: 22px;line-height: 22px;color: #666666;background: rgba(255, 255, 255, .6);text-align: center;margin-right: 10px;outline: none; }
.swiper-pagination-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 26px;height: 26px;line-height: 26px;background: #fff;font-size: 14px; }
.swiper-container-case{ border-radius: 15px; }
.swiper-container-case .swiper-slide{ height: 100%; }
/* .swiper-container .swiper-pagination.swiper-pagination-fraction{ width: 65px;height: 65px;line-height: 65px;text-align: center;font-size: 30px;color: #fff;background: linear-gradient(to left bottom,#F5AA84,#fd8d3e);position: absolute;left: 525px;bottom: 65px; } */
.swiper-container-case .swiper-pagination-case.swiper-pagination-bullets{ z-index: 100;width: 590px; }
.swiper-container-case .swiper-pagination-case .swiper-pagination-bullet{ background:#fff;opacity:0.8; }
.swiper-container-case .swiper-pagination-case .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;width: 47px;border-radius: 6px;opacity: 1; }
.swiper-container-case .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background: none;width: 65px;height: 65px;background: #895958;text-align: center;line-height: 65px;left: 525px;top: 525px;margin-top: 0; }
.swiper-container-case .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background: none;width: 65px;height: 65px;background: #895958;text-align: center;line-height: 65px;left: 590px;top: 525px;margin-top: 0; }