.h-swiper-wrapper-index {padding-top:120px;margin-top:-80px}
.h-swiper-wrapper-index h2 {margin-bottom:16px;font-size:36px;line-height:44px}
.h-swiper-wrapper-index>p {margin-top:0;font-size:16px;font-weight:400;color:#666;line-height:24px}
.h-swiper-wrapper-index .swiper-slide {padding-left:40px;padding-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box}
.h-swiper-wrapper-index .swiper-slide:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.h-swiper-wrapper-index .swiper-slide:before {display:table;content:""}
.h-swiper-wrapper-index .swiper-container {width:1160px;margin:70px auto 0}
.h-swiper-wrapper-index .swiper-container .swiper-btns {padding-top:48px;clear:both;font-size:0}
.h-swiper-wrapper-index .swiper-container .swiper-btns .btn-blue {position:relative;border-radius:28px;vertical-align:bottom;height:50px;line-height:40px;font-size:22px}
.h-swiper-wrapper-index .swiper-container .swiper-btns .btn-blue a {position:absolute;width:100%;height:100%;top:0;left:0;color:inherit;line-height:48px}
.h-swiper-wrapper-index .swiper-container .swiper-btns .btn-blue.empty {margin-left:16px;color:#653ff4;border-color:#653ff4}
.h-swiper-wrapper-index .swiper-container .swiper-btns .btn-blue.empty:hover {-webkit-box-shadow:unset;box-shadow:unset;background:#653ff4!important;background:rgba(101,63,244,.1)!important;cursor:pointer}
.webui-popover-consult {padding:16px 24px;border:none;text-align:center}
.webui-popover-consult.bottom {-webkit-box-shadow:0 -5px 10px rgba(0,0,0,.1),0 5px 10px rgba(0,0,0,.1);box-shadow:0 -5px 10px rgba(0,0,0,.1),0 5px 10px rgba(0,0,0,.1)}
.webui-popover-consult.bottom .webui-arrow {border-bottom-color:#fff!important;top:-10px}
.webui-popover-consult .webui-popover-content {padding:0}
.webui-popover-consult .webui-popover-content div:first-child {width:100%}
.webui-popover-consult .webui-arrow {left:50%!important;border-top-color:#fff!important}
.webui-popover-consult h6 {padding-bottom:16px;font-size:16px;font-weight:600;color:#000;line-height:24px;border-bottom:1px solid #d9d9d9;text-align:left}
.webui-popover-consult p {font-size:16px;font-weight:400;color:#000;line-height:26px}
.webui-popover-consult .contact-qrcode {width:168px!important;height:168px!important;margin:24px 0 16px}
.h-swiper-wrapper-index .swiper-slide .swiper-video {float:left;width:700px;height:420px;position:relative}
.h-swiper-wrapper-index .swiper-slide .swiper-video:after {z-index:1;content:"";position:absolute;top:20px;left:0;width:100%;height:100%;background:#000;border-radius:8px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=12)";opacity:.12;-webkit-filter:blur(28px);filter:blur(28px)}
.h-swiper-wrapper-index .swiper-slide .swiper-video .video-wrapper {position:relative;z-index:2;width:100%;height:100%;border-radius:8px;border:1px solid #e1e1e1;overflow:hidden}
.h-swiper-wrapper-index .swiper-slide .swiper-video video {width:100%;height:100%}
.h-swiper-wrapper-data .h-swiper-wrapper-index .swiper-container {margin-top:0}
.h-swiper-wrapper-data .h-swiper-wrapper-index .swiper-slide img {float:left}
.h-swiper-wrapper-data .h-swiper-wrapper-index .swiper-slide .info {position:static;float:left;width:210px;padding-top:214px;margin-left:36px;text-align:left}
.h-swiper-wrapper-data .h-swiper-wrapper-index .swiper-slide .info h3 {font-size:20px;font-weight:600;color:#333;line-height:30px}
.h-swiper-wrapper-data .h-swiper-wrapper-index .swiper-slide .info p {margin-top:12px;font-size:14px;font-weight:400;color:#666;line-height:22px}
.h-swiper-wrapper-index .swiper-slide {position:relative}
.h-swiper-wrapper-index .swiper-slide .info {position:absolute;width:345px;top:70px;left:830px;text-align:left}
.h-swiper-wrapper-index .swiper-slide .info h3 {font-size:32px;font-weight:600;color:#653ff4;line-height:40px}
.h-swiper-wrapper-index .swiper-slide .info p {margin-top:12px;font-size:24px;font-weight:500;color:#000;line-height:32px}
.h-swiper-wrapper-index .swiper-slide .prop {margin-top:36px}
.h-swiper-wrapper-index .swiper-slide .prop .item {position:relative;padding-left:16px;font-size:20px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:28px}
.h-swiper-wrapper-index .swiper-slide .prop .item:not(:last-child) {margin-bottom:16px}
.h-swiper-wrapper-index .swiper-slide .prop .item:before {content:"";position:absolute;top:11px;left:0;width:6px;height:6px;border-radius:50%;background:#653ff4}
.h-swiper-wrapper-index .swiper-slide img {width:664px}



.scroll-wrapper {padding-top:80px;margin-top:-80px}
.foot-icon {display:inline-block;width:18px;height:18px;margin-left:6px;background:#d6d6d6;font-size:12px!important;color:#212121;text-align:center;line-height:20px;border-radius:50%;vertical-align:middle;padding:2px;cursor:pointer}
.foot-icon:first-child {margin-left:10px}
.popover-wrapper {font-size:12px;font-weight:400;color:#666;line-height:20px}
.popover-wrapper .contact-qrcode {width:84px;height:84px}
.index-post img {display:block;width:1080px;height:120px;margin:auto}
.market-header-wrapper .header .btn-primary-empty {border-color:#ff115e;color:#ff115e}
.market-header-wrapper .header .btn-primary-empty:hover {background:#ff115e;background:rgba(255,17,94,.08)}
.market-header-wrapper .head-drop-menu li.active a,.market-header-wrapper .head-drop-menu li:hover a,.market-header-wrapper .head-nav>li.active a,.market-header-wrapper .head-nav>li>a:hover,.market-header-wrapper .logged .logout a:hover {color:#ff115e!important}
.market-main-banner {height:500px;margin-bottom:280px;background:#ff115e;color:#fff;    margin-top: 80px;}
.m-section {width:1160px;margin:auto}
.m-section.banner-bg {position:relative;height:100%;background:url(../images/market-banner-bg.png) no-repeat;background-position:50% 0;background-size:1600px 500px}
.m-section.banner-bg .btn-black {position:absolute;top:292px;left:0}
@media (-webkit-min-device-pixel-ratio:1.5) {.m-section.banner-bg {background:url(../images/market-banner-bg@2x.png) no-repeat;background-position:50% 0;background-size:1600px 500px}
}
.btn-black {padding:10px 40px;background:#090938;font-size:20px;font-weight:600;color:#fff;line-height:30px;border:none;cursor:pointer;white-space:nowrap}
.btn-black:hover {-webkit-box-shadow:0 8px 14px 0 rgba(0,0,0,.3);box-shadow:0 8px 14px 0 rgba(0,0,0,.3)}
.banner-scroll-wrapper {position:absolute;top:0;right:0;width:480px;height:500px;overflow:hidden}
.banner-scroll-wrapper .swiper-wrapper {padding:0 20px;-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important}
.banner-scroll-wrapper:before {top:0;background:-webkit-gradient(linear,left bottom,left top,from(#ff115e),to(#ff115e));background:-webkit-linear-gradient(bottom,#ff115e,#ff115e);background:linear-gradient(0deg,#ff115e,#ff115e);background:-webkit-gradient(linear,left bottom,left top,from(rgba(255,17,94,0)),to(#ff115e));background:-webkit-linear-gradient(bottom,rgba(255,17,94,0),#ff115e);background:linear-gradient(0deg,rgba(255,17,94,0),#ff115e)}
.banner-scroll-wrapper:after,.banner-scroll-wrapper:before {content:"";position:absolute;left:0;z-index:9;width:100%;height:100px}
.banner-scroll-wrapper:after {bottom:90px;background:-webkit-gradient(linear,left top,left bottom,from(#ff115e),to(#ff115e));background:-webkit-linear-gradient(top,#ff115e,#ff115e);background:linear-gradient(180deg,#ff115e,#ff115e);background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,17,94,0)),to(#ff115e));background:-webkit-linear-gradient(top,rgba(255,17,94,0),#ff115e);background:linear-gradient(180deg,rgba(255,17,94,0),#ff115e)}
.banner-scroll-wrapper img {width:441px;}
.market-banner-intro-wrapper {position:absolute;z-index:11;bottom:-150px;width:100%}
.market-banner-intro-wrapper .shadow {position:absolute;bottom:-40px;width:100%;height:240px;background:#435b88;border-radius:8px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=9)";opacity:.09;-webkit-filter:blur(34px);filter:blur(34px)}
.market-banner-intro-wrapper .market-banner-intro {position:relative;height:240px;background:#fff;border-radius:8px;padding:32px 14px;-webkit-box-sizing:border-box;box-sizing:border-box}
.market-banner-intro-wrapper .market-banner-intro .item {float:left;width:25%;text-align:center}
.market-banner-intro-wrapper .market-banner-intro .item img {width:64px;height:64px}
.market-banner-intro-wrapper .market-banner-intro .item h5 {margin-top:16px;margin-bottom:8px;font-size:18px;font-weight:600;color:#000;line-height:28px}
.market-banner-intro-wrapper .market-banner-intro .item p {font-size:14px;font-weight:400;color:#666;line-height:22px}
.market-title {margin-bottom:48px;font-size:26px;font-weight:600;color:#000;line-height:34px}
.market-content {font-size:16px;font-weight:400;color:#666;line-height:24px}
.market-content:first-of-type {margin-top:16px}
.market-sub-intro {text-align:center}
.market-sub-intro-bg {position:relative;width:100%;height:304px;margin-top:100px;margin-bottom:125px;background:url(../images/market-sub-intro-bg.png) no-repeat 50%;background-size:contain}
.market-sub-intro-bg .market-sub-intro-title {position:absolute;font-size:20px;font-weight:400;color:#000;line-height:30px}
.market-sub-intro-bg .market-sub-intro-title:first-of-type {top:-30px;left:80px}
.market-sub-intro-bg .market-sub-intro-title:nth-of-type(2) {top:0;left:480px;font-size:26px;font-weight:400;color:#000;line-height:40px}
.market-sub-intro-bg .market-sub-intro-title:last-of-type {top:-30px;right:80px}
.market-sub-intro-item {position:absolute;width:267px;height:156px;padding:14px 24px;-webkit-box-sizing:border-box;box-sizing:border-box;background:-webkit-gradient(linear,left top,left bottom,from(#f6f8fa),to(#fff));background:-webkit-linear-gradient(top,#f6f8fa,#fff);background:linear-gradient(180deg,#f6f8fa,#fff)}
.market-sub-intro-item h4 {font-size:18px;font-weight:400;color:#000;line-height:28px}
.market-sub-intro-item p {margin-top:12px;font-size:12px;font-weight:400;color:#333;line-height:18px}
.market-sub-intro-item:first-of-type {bottom:-102px;left:140px}
.market-sub-intro-item:nth-of-type(2) {bottom:-155px;left:447px}
.market-sub-intro-item:last-of-type {bottom:-102px;right:140px}
@media (-webkit-min-device-pixel-ratio:1.5) {.market-sub-intro-bg {background:url(../images/market-sub-intro-bg@2x.png) no-repeat 50%;background-size:contain}
}
.market-video-wrapper {margin-top:280px;text-align:center}
.market-video-list {margin-top:48px}
.market-video-list .item {float:left;width:186px;-webkit-transition:all .2s linear;transition:all .2s linear}
.market-video-list .item:not(:last-child) {margin-right:48px}
.market-video-list .item:hover {-webkit-transform:translateY(-20px);transform:translateY(-20px)}
.market-video-list .item:hover .shadow {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";opacity:.3!important}
.market-video-list .item:hover .title {color:#ff115e}
.market-video-list .item .title {font-size:20px;font-weight:400;color:#000;line-height:30px}
.market-video-list .item .title .iconfont {font-size:29px;vertical-align:middle}
.market-video-list .item .video-box {position:relative;width:186px;height:376px;margin-top:24px;padding-top:9px;-webkit-box-sizing:border-box;box-sizing:border-box}
.market-video-list .item .video-box video {position:relative;width:166px;height:360px;margin:-1px auto 0}
.market-video-list .item .video-box .shadow {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;position:absolute;left:0;right:0;top:65px;width:156px;height:328px;margin:auto;background:#551011;-webkit-filter:blur(34px);filter:blur(34px);-webkit-transition:all .2s linear;transition:all .2s linear}
.market-video-list .item .video-box .layer {position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/video-layer.png) no-repeat 50%;background-size:contain}
.market-data-wrapper {margin-top:115px;text-align:center}
.market-data-wrapper .content-box {position:relative;height:630px;margin-top:32px;background:url(../images/market-data-bg.png) no-repeat 50%;background-size:contain}
.market-data-wrapper .content-box .p {position:absolute}
.market-data-wrapper .content-box .p.p1 {top:68px;left:104px;-webkit-animation-delay:0;animation-delay:0}
.market-data-wrapper .content-box .p.p2 {top:153px;right:37px;-webkit-animation-delay:.3s;animation-delay:.3s}
.market-data-wrapper .content-box .p.p3 {bottom:36px;left:305px;-webkit-animation-delay:.6s;animation-delay:.6s}
.market-advantage-wrapper {margin-top:74px;text-align:center}
.advantage-list {margin-top:56px;margin-bottom:80px}
.advantage-list .item {position:relative;float:left;width:320px;height:240px;padding:36px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s linear;transition:all .2s linear}
.advantage-list .item:not(:last-child) {margin-right:100px}
.advantage-list .item:first-child {background:url(../images/advantage-bg-1.png) no-repeat 50%;background-size:100% 100%}
.advantage-list .item:nth-child(2) {background:url(../images/advantage-bg-2.png) no-repeat 50%;background-size:100% 100%}
.advantage-list .item:last-child {background:url(../images/advantage-bg-3.png) no-repeat 50%;background-size:100% 100%}
.advantage-list .item:hover {background-size:120% 120%}
.advantage-list .item:hover .layer {background:#ff115e;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";opacity:.8}
.advantage-list .item h5 {position:relative;font-size:22px;font-weight:600;color:#fff;line-height:34px;text-align:center}
.advantage-list .item p {position:relative;margin-top:24px;text-align:left;font-size:16px;font-weight:400;color:#fff;color:hsla(0,0%,100%,.7);line-height:24px}
.advantage-list .item .layer {position:absolute;top:0;left:0;width:100%;height:100%;background:#090938;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";opacity:.8}
.market-cooperation-wrapper {margin-top:56px;margin-bottom:72px;text-align:center}
.cooperation-list {margin-top:40px}
.cooperation-list .item {float:left;width:180px;height:100px;padding:10px;margin-right:16px;margin-bottom:16px;background:#fff;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box}
.cooperation-list .item:nth-child(6n) {margin-right:0}
.market-girdle-wrapper {height:326px;background:#ff115e}
.girdle-section {position:relative;height:100%;padding-top:78px;margin:auto;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;background:url(../images/girdle-bg.png) no-repeat 50%;background-size:auto 100%}
.girdle-section:before {position:absolute;content:"";border:16px solid transparent;border-top-color:#f4f7f9;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.girdle-section .girdle-title {font-size:30px;font-weight:600;color:#fff;line-height:46px}
.girdle-section .girdle-content {margin-top:16px;margin-bottom:40px;font-size:18px;font-weight:400;color:#fff;line-height:28px}
.market-more-wrapper {text-align:center}
.market-more-wrapper .market-title {font-size:26px}
.market-more-list {width:762px;margin:0 auto 72px}
.market-more-list .item {width:162px;float:left;text-align:center}
.market-more-list .item:hover p {color:#653ff4}
.market-more-list .item:hover .iconfont {color:#fff;background:#653ff4}
.market-more-list .item:not(:last-child) {margin-right:125px}
.market-more-list .item .iconfont {padding:24px;border:2px solid #653ff4;font-size:48px;color:#653ff4;border-radius:50%}
.market-more-list .item p {margin-top:21px;font-size:18px;font-weight:400;color:#000;line-height:26px}
.market-more-list .btn-blue {width:unset;height:unset}
.btn-red,.market-more-list .btn-blue {display:inline-block;padding:12px 28px;font-size:16px;font-weight:400;color:#fff;line-height:16px;border:none;border-radius:4px;cursor:pointer}
.btn-red {background:#ff115e}
.btn-red:hover {background:#d40045}
.banner-scroll-container .swiper-slide {margin-top:-7px;min-height:600px}
.market-recruit-panel {position:relative;margin:50px auto;width:520px;background:#fff}
.market-recruit-panel textarea::-webkit-input-placeholder {color:#d2dbe3;font-size:14px}
.market-recruit-panel textarea::-moz-input-placeholder {color:#d2dbe3;font-size:14px}
.market-recruit-panel textarea::-ms-input-placeholder {color:#d2dbe3;font-size:14px}
.market-recruit-panel input::-webkit-input-placeholder {color:#d2dbe3;font-size:14px}
.market-recruit-panel input::-moz-input-placeholder {color:#d2dbe3;font-size:14px}
.market-recruit-panel input::-ms-input-placeholder {color:#d2dbe3;font-size:14px}
.market-recruit-panel .market-recruit-banner {height:184px}
.market-recruit-panel .market-recruit-banner img {width:100%;height:100%}
.market-recruit-panel .head-tips {padding:12px 24px;border-bottom:1px solid #eaeaea;font-size:12px;font-weight:400;color:#595959;line-height:18px}
.market-recruit-panel .box {padding:32px}
.market-recruit-panel .form-item {margin-bottom:24px}
.market-recruit-panel .form-item:last-child {margin-bottom:0}
.market-recruit-panel .form-item label {width:95px;text-align:right;vertical-align:middle;float:left;font-size:14px;color:#000;line-height:40px;padding:0 12px 0 0;padding-right:0;-webkit-box-sizing:border-box;box-sizing:border-box}
.market-recruit-panel .form-item label.required:before {content:"*";color:#f72941;margin-right:4px}
.market-recruit-panel .form-item label .m-label {line-height:20px}
.market-recruit-panel .form-item .form-item-content {margin-left:95px;margin-right:4px;padding-left:8px}
.market-recruit-panel .form-item .form-item-content input {-webkit-box-sizing:border-box;box-sizing:border-box}
.market-recruit-panel .form-item .form-item-content .iradio_square-green {margin-left:24px;margin-right:6px}
.market-recruit-panel .form-item .form-item-content .iradio_square-green:first-of-type {margin-left:0}
.market-recruit-panel .form-item .form-item-content .radio-wrapper {padding-top:6px}
.market-recruit-panel .market-recruit-footer {padding:20px;border-top:1px solid #eaeaea}
.market-recruit-panel .market-recruit-footer .btn-primary {display:block;margin:auto;width:120px;height:36px;border-radius:4px;font-size:14px}
.market-recruit-panel .market-recruit-footer .foot-info {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:32px;padding:16px 24px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f7f7f7;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.market-recruit-panel .market-recruit-footer .foot-info h2 {height:22px;font-size:14px;font-weight:600;padding-bottom:16px;color:#000;border-bottom:1px solid #d9d9d9}
.market-recruit-panel .market-recruit-footer .foot-info .item {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:16px 0;border-bottom:1px solid #d9d9d9;height:124px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.market-recruit-panel .market-recruit-footer .foot-info .item:last-child {border-bottom:0;padding-bottom:0}
.market-recruit-panel .market-recruit-footer .foot-info .item h5 {line-height:20px;font-size:12px;font-size:14px;font-weight:600;color:#000;margin-bottom:4px}
.market-recruit-panel .market-recruit-footer .foot-info .item .info {margin-bottom:4px;font-size:12px;line-height:20px;font-weight:400;color:#595959}
.market-recruit-panel .market-recruit-footer .foot-info .item .info.last {margin-bottom:0}
.market-recruit-panel .market-recruit-footer .foot-info .item .text-link {margin-left:0;font-size:12px}
.market-recruit-panel .market-recruit-footer .foot-info .item .qr-code {position:absolute;width:92px;height:92px;right:44px}
.side-affix-wrapper {position:fixed;right:0;top:65%;z-index:10000;-webkit-transform:translateY(-100%);transform:translateY(-100%);text-align:center}
.side-affix-wrapper .contact-bottom,.side-affix-wrapper .contact-top {-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.08);box-shadow:0 0 16px 0 rgba(0,0,0,.08);border-radius:6px 0 0 6px}
.side-affix-wrapper .picker {color:#fff;font-size:14px;display:block;height:100%;padding:12px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;line-height:22px;position:relative;font-weight:600;z-index:10010;//:#ef4e5e;border-radius:4px 0 0 4px;border:1px solid #ef4e5e}
.side-affix-wrapper .picker:hover .contact-con {display:block}
.side-affix-wrapper .picker-new {padding:11px 6px;width:40px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#595959;background:#fff;border:none;border:1px solid #d9d9d9;border-right:none;border-radius:0!important;font-size:12px;line-height:20px;font-weight:600;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:6px 0 0 6px}
.side-affix-wrapper .picker-new>.iconfont {margin-bottom:2px;color:#737373;font-size:18px}
.side-affix-wrapper .picker-new:hover,.side-affix-wrapper .picker-new:hover>.iconfont {color:#653ff4}
.side-affix-wrapper .picker-new+.picker-new {border-top:none!important;border-bottom:none;position:relative}
.side-affix-wrapper .picker-new+.picker-new:before {content:"";width:28px;height:1px;background:#eaeaea;position:absolute;left:6px;right:6px;top:0}
.side-affix-wrapper .picker-new:first-child {border-radius:6px 0 0 0!important;border-bottom:none}
.side-affix-wrapper .picker-new:last-child {border-radius:0 0 0 6px!important;border-bottom:1px solid #d9d9d9}
.side-affix-wrapper .picker-new.help-btn {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#fff;color:#595959;border:none;border:1px solid #eaeaea;border-right:none;border-radius:0 0 0 6px!important;padding:9px 5px}
.side-affix-wrapper .picker-new.help-btn:hover {color:#653ff4}
.side-affix-wrapper .picker-new .qr-code-wrapper {position:absolute;left:0;top:0;z-index:10001;-webkit-transform:translate(-102%);transform:translate(-102%);display:none;-webkit-transition:-webkit-transform .5s .1s;transition:-webkit-transform .5s .1s;transition:transform .5s .1s;transition:transform .5s .1s,-webkit-transform .5s .1s;width:140px;height:204px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px;border:1px solid #e4e7ed;text-align:center}
.side-affix-wrapper .picker-new .qr-code-wrapper:before {content:"";position:absolute;top:0;right:-5px;width:5px;height:100%}
.side-affix-wrapper .picker-new .qr-code-wrapper img {width:120px;height:120px}
.side-affix-wrapper .picker-new .qr-code-wrapper .dl-title {margin-bottom:8px;font-size:14px;font-weight:600;color:#000;line-height:22px}
.side-affix-wrapper .picker-new .title-tip {font-weight:400;font-size:14px;line-height:22px;color:#595959;cursor:pointer}
.side-affix-wrapper .contact-con {width:350px;-webkit-box-sizing:border-box;padding:21px 20px;background:#fff;position:absolute;left:0;top:-90px;z-index:10001;display:none;-webkit-transform:translate(-102%);transform:translate(-102%);-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-sizing:border-box;cursor:auto;border-radius:4px}
.side-affix-wrapper .contact-con:after {position:absolute;width:10px;height:100%;right:-10px;top:0;content:""}
.side-affix-wrapper .contact-con .tips {line-height:0;font-size:12px;font-weight:400;color:#595959}
.side-affix-wrapper .contact-con .tips .iconfont {margin-right:6px;font-size:12px}
.side-affix-wrapper .contact-con.customer-con {width:306px}
.side-affix-wrapper .customer-qr-wrapper {line-height:0;margin-top:12px}
.side-affix-wrapper .contact-list .item {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.side-affix-wrapper .contact-list .item.item:not(:last-child) {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eaeaea}
.side-affix-wrapper .contact-list .item .tag-chat {margin-left:6px;padding:0 6px;background:#3189f5;border-radius:2px;font-size:12px;line-height:20px;color:#fff;display:inline-block}
.side-affix-wrapper .contact-list .item .icon {width:46px;height:46px;margin-right:16px;line-height:46px;text-align:center;border-radius:4px;color:#fff}
.side-affix-wrapper .contact-list .item .icon img {width:100%;height:100%}
.side-affix-wrapper .contact-list .item .icon.account {background:#33d464}
.side-affix-wrapper .contact-list .item .icon.qq {background:#11a9ff}
.side-affix-wrapper .contact-list .item .icon.weichat {background:#09c77e}
.side-affix-wrapper .contact-list .item .icon.weichat-fill {background:#ffa433}
.side-affix-wrapper .contact-list .item .icon .iconfont {font-size:24px}
.side-affix-wrapper .contact-list .item .info {-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:left;position:relative}
.side-affix-wrapper .contact-list .item .info .title {//:8px;font-size:14px;font-weight:600;color:#000;line-height:22px}
.side-affix-wrapper .contact-list .item .info .title .small-text {font-size:14px;font-weight:400}
.side-affix-wrapper .contact-list .item .info>p {font-size:14px;font-weight:400;color:#595959;line-height:22px}
.side-affix-wrapper .contact-list .item .info>p:not(:last-child) {margin-bottom:6px}
.side-affix-wrapper .contact-list .item .info .copy-btn {display:inline-block;width:92px}
.side-affix-wrapper .contact-list .item .info .copy-btn:hover {cursor:pointer;color:#653ff4}
.side-affix-wrapper .contact-list .item .info .qq-wrapper {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.side-affix-wrapper .contact-list .item .info .tag-copy {display:inline-block;margin-left:6px;padding:0 11px;border-radius:2px;border:1px solid #bfbfbf;font-size:12px;line-height:18px;color:#595959;cursor:pointer}
.side-affix-wrapper .qrcode-pop {position:relative}
.side-affix-wrapper .qrcode-pop:hover .contact-qrcode-pop-wrapper {display:block}
.side-affix-wrapper .qrcode-pop:hover .tag-copy {border-color:#653ff4!important;color:#653ff4!important}
.side-affix-wrapper .qrcode-pop .contact-qrcode-pop-wrapper {display:none;background:#fff;left:-55px;bottom:calc(100% + 15px);position:absolute;width:160px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10002!important;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}
.side-affix-wrapper .qrcode-pop .contact-qrcode-pop-wrapper:after {content:"";position:absolute;border:7px solid transparent;border-top-color:#fff;bottom:-14px;left:50%}
.side-affix-wrapper .qrcode-pop .contact-qrcode-pop-wrapper .scan-tip {width:100%;display:inline-block;margin-bottom:10px;font-size:14px;line-height:22px;font-weight:400;color:#595959;text-align:center}
.side-affix-wrapper .qrcode-pop .contact-qrcode-pop-wrapper img {width:120px;height:120px}
.side-affix-wrapper .customer-qr {width:100px;height:100px;border:1px solid #d9d9d9;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px}
.side-affix-wrapper .small-btn {position:relative;width:40px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:8px;line-height:40px;background:#fff;border-radius:4px 0 0 4px;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.08);box-shadow:0 0 16px 0 rgba(0,0,0,.08);border-radius:6px 0 0 6px;color:#737373;cursor:pointer;border:1px solid #d9d9d9;border-right:none}
.side-affix-wrapper .small-btn .iconfont {font-size:18px}
.side-affix-wrapper .small-btn:hover {cursor:pointer;color:#653ff4}
.side-affix-wrapper .app-btn .iconfont {margin-right:2px;font-size:22px}
.side-affix-wrapper .app-btn:hover .qr-code-wrapper {display:block}
.side-affix-wrapper .help-btn {color:#fff;font-size:14px;display:block;height:100%;padding:12px 5px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;line-height:22px;position:relative;font-weight:600;z-index:10010;background-color:#ef4e5e;border-radius:4px 0 0 4px;border:1px solid #ef4e5e}
.side-affix-wrapper .help-btn .iconfont {font-size:18px}
.side-affix-wrapper .help-btn:hover .guide-wrapper {display:block}
.side-affix-wrapper .qr-code-wrapper {position:absolute;left:0;top:0;z-index:10001;-webkit-transform:translate(-102%);transform:translate(-102%);display:none;-webkit-transition:-webkit-transform .5s .1s;transition:-webkit-transform .5s .1s;transition:transform .5s .1s;transition:transform .5s .1s,-webkit-transform .5s .1s;width:140px;height:204px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px;border:1px solid #e4e7ed;text-align:center}
.side-affix-wrapper .qr-code-wrapper:before {position:absolute;top:0;right:-5px;content:"";width:5px;height:100%}
.side-affix-wrapper .qr-code-wrapper img {width:120px;height:120px}
.side-affix-wrapper .qr-code-wrapper .dl-tips {font-size:12px;color:#6a8094;line-height:18px}
.side-affix-wrapper .qr-code-wrapper .dl-title {margin-bottom:8px;font-size:14px;font-weight:600;color:#384047;line-height:22px}
.side-affix-wrapper .guide-wrapper {display:none;width:568px;padding:30px 32px;background:#fff;position:absolute;left:-640px;top:-141px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:auto}
.side-affix-wrapper .guide-wrapper:after {position:absolute;width:10px;height:100%;right:-10px;top:0;content:""}
.side-affix-wrapper .guide-wrapper .guide-main {line-height:normal}
.side-affix-wrapper .guide-wrapper .guide-main .guide-row {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:28px}
.side-affix-wrapper .guide-wrapper .guide-main .guide-row .guide-col {-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:left}
.side-affix-wrapper .guide-wrapper .guide-main .guide-row .guide-col:not(:first-child) {margin-left:32px}
.side-affix-wrapper .guide-wrapper .guide-main .guide-row .guide-col .head {text-align:left;margin-bottom:10px;font-size:14px;font-weight:600;color:#384047;line-height:20px;padding-bottom:10px;border-bottom:1px solid #e6ebf0}
.side-affix-wrapper .guide-wrapper .guide-main .guide-row .guide-col .head .iconfont {margin-right:7px;font-size:16px;color:#384047}
.side-affix-wrapper .guide-wrapper .guide-main .guide-row .guide-col .body .item {display:block;margin-bottom:8px;font-size:12px;font-weight:400;color:#6a8094;line-height:18px}
.side-affix-wrapper .guide-wrapper .guide-main .guide-row .guide-col .body .item.link {cursor:pointer}
.side-affix-wrapper .guide-wrapper .guide-main .guide-row .guide-col .body .item.link:hover {color:#653ff4}
.side-affix-wrapper .guide-wrapper .guide-main .guide-row .guide-col .sub-title {margin-bottom:8px;font-size:12px;font-weight:600;color:#384047;line-height:18px}
.side-affix-wrapper .guide-wrapper .guide-main .guide-row .guide-col .contact-wrapper {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.side-affix-wrapper .guide-wrapper .guide-main .guide-row .guide-col .contact-wrapper .contact-item {-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.side-affix-wrapper .guide-wrapper .guide-main .guide-row .guide-col .contact-wrapper .contact-item img {width:80px;height:80px}
.side-affix-wrapper .guide-wrapper .guide-footer {text-align:center;font-size:12px;font-weight:400;color:#6a8094;cursor:pointer;line-height:18px}
.side-affix-wrapper .guide-wrapper .guide-footer .iconfont {margin-right:6px;font-size:14px;color:#6a8094}