@charset "UTF-8";
body, html { font: 14px/1.6 "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-overflow-scrolling: touch; background: #ffffff; color: #333333; min-width: 1200px; }
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
input { outline: 0; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; vertical-align: bottom; }
body{ padding-top: 70px;}
textarea { resize: none; }
h1, h2, h3 { font-weight: normal; }
ol, ul, li { list-style: none; }
li { list-style-type: none; }
ol { margin: 0px; padding: 0px; }
i, em { font-style: normal; }
fieldset, img { border: 0; }
img { border: 0px; outline-width: 0px; vertical-align: text-bottom; width: 100%; }
strong { font-weight: normal; }
button, input, select, textarea { font-size: 100%; }
input::-webkit-input-placeholder { color: #262626; }
table { border-collapse: collapse; border-spacing: 0; }
b { font-weight: 500; }
a { color: #262626; text-decoration: none; }
a:hover { color: #486ba8; text-decoration: none; }
.fl, .fr { display: inline; }
.fl { float: left; }
.fr { float: right; }
.fb { font-weight: 700; }
.clear { clear: both; height: 0; overflow: hidden; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
input::-webkit-input-placeholder { color: #bfbfbf; }
input::-moz-placeholder { color: #bfbfbf; }
input:-moz-placeholder { color: #bfbfbf; }
input:-ms-input-placeholder { color: #bfbfbf; }
@font-face { font-family: dinm; src: url("../fonts/dinm.otf"); }
.arrow-right { background: url(../images/arrow-right.png) no-repeat; vertical-align: middle; width: 6px; height: 21px; display: inline-block; background-position: 0 47%; margin-left: 4px; }
.cnzz-b { display: none; }
.hide { display: none; }
.h70 { height: 70px; width: 100%; }
.cl-red { color: red; }
.default-top-ads { width: 100%; height: 90px; position: fixed; top: 0; left: 0; z-index: 9998; }
.default-top-ads img { width: 100%; height: 90px; }
.top-ads-block { width: 100%; height: 90px; background: #fff; }
.default-top-ads .icon-false { color: #e3dfdf; background: url('../images/icon_false.png') no-repeat;}

/* 选择历史记录的文字颜色和背景颜色 */
input:-webkit-autofill { -webkit-animation: autofill-fix 1s infinite !important;  /* 选择历史记录的文字颜色*/  /*-webkit-text-fill-color: #bfbfbf;*/
-webkit-transition: background-color 50000s ease-in-out 0s !important; transition: background-color 50000s ease-in-out 0s !important; background-color: transparent !important; background-image: none !important;  /* 选择历史记录的背景颜色 */ -webkit-box-shadow: 0 0 0 1000px transparent inset !important; }
[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; }
input[type=number], input[type=password], input[type=text], textarea { -webkit-appearance: none; }

/*scss*/
.ico_ind { display: inline-block; background: url("../images/ind_xl.png") no-repeat; }
.bg_ind_1 { width: 114px; height: 114px; background-position: -10px -10px; }
.bg_ind_2 { width: 114px; height: 114px; background-position: -144px -10px; }
.bg_ind_3 { width: 114px; height: 114px; background-position: -10px -144px; }
.bg_ind_4 { width: 114px; height: 114px; background-position: -144px -144px; }
.bg_ind_5 { width: 114px; height: 114px; background-position: -278px -10px; }
.bg_ind_6 { width: 114px; height: 114px; background-position: -278px -144px; }
.bg_ind_7 { width: 114px; height: 114px; background-position: -10px -278px; }
.bg_ind_8 { width: 114px; height: 114px; background-position: -144px -278px; }
.ico_bod { display: inline-block; background: url("../images/bod_ico.png") no-repeat; }
.bg_download { width: 37px; height: 30px; background-position: -10px -10px; }
.bg_ico_bq { width: 6px; height: 10px; background-position: -119px -10px; }
.bg_ico_bq_h { width: 6px; height: 10px; background-position: -119px -40px; }
.bg_user_vip { width: 23px; height: 20px; background-position: -67px -62px; }
.bg_wx { width: 35px; height: 31px; background-position: -10px -60px; }
.bg_zfb { width: 32px; height: 32px; background-position: -67px -10px; }
.ico_user { display: inline-block; background: url("../images/ico_user.png") no-repeat; }
.user_ico1 { width: 36px; height: 36px; background-position: -10px -10px; }
.user_ico2 { width: 36px; height: 26px; background-position: -10px -119px; }
.user_ico3 { width: 32px; height: 26px; background-position: -122px -119px; }
.user_ico4 { width: 33px; height: 32px; background-position: -122px -10px; }
.user_ico5 { width: 33px; height: 33px; background-position: -10px -66px; }
.user_ico6 { width: 36px; height: 36px; background-position: -177px -113px; }
.ico-ba-logo { display: inline-block; background: url("../images/beian.png") no-repeat; width: 20px; height: 20px; margin-right: 6px; vertical-align: middle; }

.wp_ico{ display: inline-block; vertical-align: middle; background: url("../images/ins/wp_ico.png") no-repeat;}
.wp_ico.wp1 {width: 34px; height: 34px; background-position: -118px -10px;}
.wp_ico.wp2 {width: 34px; height: 34px; background-position: -118px -64px;}
.wp_ico.wp3 {width: 34px; height: 34px; background-position: -10px -118px;}
.wp_ico.wp4 {width: 34px; height: 34px; background-position: -64px -118px;}
.wp_ico.wp5 {width: 34px; height: 34px; background-position: -10px -10px;}
.wp_ico.wp6 {width: 34px; height: 34px; background-position: -64px -10px;}
.wp_ico.wp7 {width: 34px; height: 34px; background-position: -10px -64px;}
.wp_ico.wp8 {width: 34px; height: 34px; background-position: -64px -64px;}


/*通用*/
.m { width: 1200px; margin-right: auto; margin-left: auto; }
.tit { display: inline-block; width: 100%; text-align: center; }
.tit h2 { font-size: 36px; line-height: 46px; color: #2d3141; margin-bottom: 14px; font-weight: bold; }
.tit p { font-size: 18px; line-height: 24px; color: #2d3141; opacity: 0.7; }
#download p { color: #cb0725; font-weight: bold; font-size: 20px; margin-bottom: 20px; }
.crumbs { color: #151617; opacity: 0.7; line-height: 1; font-size: 12px; }
.crumbs i { display: inline-block; vertical-align: middle; font-size: 16px; }
.crumbs a { display: inline-block; vertical-align: middle; }
.crumbs a:hover { opacity: 1; color: #202330; }
.crumbs font { display: inline-block; vertical-align: middle; }
.m_fl { float: left; width: 300px; margin-right: 50px; }
.m_rl { float: left; width: 850px; }
header { height: 70px; background-color: #202330; width: 100%; z-index: 9999; position: fixed; top: 0; }
.fix-header { position: fixed; top: 0; z-index: 9; height: 70px; background: rgba(32, 35, 48, 0.86); }
header .logo { display: inline-block; width: 136px; margin-right: 96px; vertical-align: top; margin-top: 20px; }
header .nav { display: inline-block; height: 100%; }
header .nav li { position: relative; display: inline-block; height: 70px; line-height: 70px; margin: 0 22px; }
header .nav li:hover a { color: #f8d970; }
header .nav li:hover .li_popup{ display: block;}
header .nav li a { display: inline-block; color: #ffffff; font-size: 16px; }
header .nav li img { position: absolute; top: 6px; left: 36px; width: 52px; }
header .http_nav a { font-weight: bold; }
header .nav .http_nav img { width: 61px; }
header .nav .active a { color: #f8d970; }
header .nav .kefu_nav a { width: 94px; height: 32px; line-height: 32px; vertical-align: middle; text-align: center; background-color: #f8d970; border-radius: 4px; color: #232330; }
header .nav .kefu_nav:hover a { color: #232330; }
header .nav .kefu_nav img { width: 70px; }
header .login { font-size: 0; display: inline-block; padding-left: 28px; position: relative; }
header .login:before { position: absolute; content: ''; height: 18px; width: 1px; background-color: rgb(255 255 255 / 25%); left: 12px; top: 50%; margin-top: -9px; }
header .login a { display: inline-block; vertical-align: middle; width: 60px; height: 32px; line-height: 32px; text-align: center; color: #ffffff; font-size: 16px; border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
header .login .reg { position: relative; display: inline-block; line-height: 70px; }
header .login .reg a { color: #202330; background-color: #f8d970; }
header .login .reg img { position: absolute; top: 6px; left: 28px; width: auto; }
header .login .log { display: inline-block; line-height: 70px; margin-right: 10px; }
header .login .log a:hover { color: #f8d970; }
header .user { float: right; font-size: 0; position: relative; padding: 15px 20px 0 0; width: 60px; }
header .user .user_logo { display: inline-block; width: 40px; height: 40px; cursor: pointer; }
header .user .user_logo i { position: absolute; right: 12px; top: 6px; }
header .m { position: relative; }
header .soft-agreement-box { position: absolute; color: #ffffff; opacity: 0.3; font-size: 12px; right: -350px; width: 336px; top: 6px; }
header .soft-agreement-box a { color: #ffffff; }

/*header .user ul { position: absolute; display: none; z-index: 10000; right: -22px; top: 56px; }*/
header .user ul { position: absolute; display: none; z-index: 10000; right: 0; top: 70px; }
header .user ul::before { position: absolute; top: -10px; right: 32px; content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 12px solid #ffffff; }
header .user ul li { display: inline-block; width: 100%; border-bottom: dashed 1px #eaeaea; background-color: #ffffff; }
header .user ul li:first-child { border-radius: 4px 4px 0 0; }
header .user ul li:last-child { border-bottom: 0; border-radius: 0 0 4px 4px; }
header .user ul li a { display: inline-block; width: 100%; padding: 10px 20px; font-size: 16px; text-align: center; color: #202330; white-space: nowrap; }
footer { width: 100%; background: #1F222E; }
footer a { color: #fff; }
footer .ico-windows { font-size: 25px; color: #ffffff; }
footer .ico-pingguo { font-size: 26px; color: #ffffff; }
footer .ico-android-fill { font-size: 26px; color: #ffffff; }
footer .m { font-size: 0; color: #fff; padding: 60px 0 40px; }
footer .m a:hover { color: #f8d970; }
footer .dl-box { width: 324px; height: 152px; border-right: 1px solid #333; }
footer .dl-box h3 { font-size: 18px; height: 24px; line-height: 24px; overflow: hidden; }
footer .dl-box .dl h3 { font-size: 16px; height: 24px; line-height: 24px; overflow: hidden; margin-bottom: 10px; margin-bottom: 18px; }
footer .dl-box .dl .I_link { display: block; border: 1px solid rgb(255 255 255 / 14%); text-align: center; float: left; margin-right: 8px; width: 90px; height: 86px; background-color: rgb(255 255 255 / 4%); border-radius: 4px; }
footer .dl-box .dl .I_link:last-child { margin-right: 0; }
footer .dl-box .dl .I_link .img-box { width: 28px; height: 30px; margin: 10px auto 16px; }
footer .dl-box .dl .I_link:hover { background: rgb(255 255 255 / 8%); }
footer .dl-box .dl .I_link img { vertical-align: middle; display: inline-block; margin: 0 auto; width: inherit; opacity: .8; }
footer .dl-box .dl .I_link p { font-size: 14px; height: 18px; line-height: 18px; overflow: hidden; color: #fff; opacity: .8; }
footer .dl-box .dl .I_link_http { width: 86px; height: 94px; display: block; text-align: center; float: left; margin-right: 14px; }
footer .dl-box .dl .I_link_http:last-child { margin-right: 0; }
footer .dl-box .dl .I_link_http .img-box { width: 28px; height: 30px; margin: 12px auto 18px; }
footer .dl-box .dl .I_link_http:hover { background: #151617; }
footer .dl-box .dl .I_link_http img { vertical-align: middle; display: inline-block; margin: 0 auto; width: inherit; }
footer .dl-box .dl .I_link_http p { font-size: 13px; height: 18px; line-height: 18px; overflow: hidden; color: #fff; }
footer .meun { width: 764px; height: 152px; }
footer .meun .fl { margin-right: 42px; border-left: 1px solid #333; padding-left: 46px; }
footer .meun .fl:first-child { border-left: 0; }
footer .meun h3 { font-size: 16px; height: 24px; line-height: 24px; overflow: hidden; }
footer .meun ul { margin-top: 16px; }
footer .meun ul li { font-size: 14px; line-height: 20px; overflow: hidden; opacity: 0.8; margin-top: 8px; }
footer .meun ul li a, footer .meun ul li { color: #939599; }
footer .meun ul li a:hover { color: #f8d970; }
footer .meun img { width: 94px; height: 94px; display: block; margin-top: 22px; }
footer .gz-box { width: 94px; text-align: center; }
footer .gz-box img { width: 94px; }
footer .gz-box h3 { font-size: 16px; margin-top: 6px; }
footer .bottom { position: relative; text-align: center; background: #1B1D29; font-size: 12px; padding: 12px 0 24px; color: #65676c; font-size: 14px; line-height: 24px; }
footer .bottom p { margin: 0 auto; max-width: 840px; margin-top: 12px; }
footer .bottom p a, footer .bottom p a:hover { color: #65676c; }
footer .bottom p span { margin-right: 14px; }
footer .bottom .ba-box { height: 20px; line-height: 20px; margin-top: 6px; }
footer .bottom .logo { position: absolute; width: 136px; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-left: -532px; }
.fixed-bottom { position: fixed; bottom: 0; left: 0; }
footer .friendlink { width: 1200px; margin-right: auto; margin-left: auto; padding-bottom: 20px; }
footer .friendlink span{ color: #939599; }
footer .friendlink a{ color: #939599; padding-right: 10px; }

.sup-navigation { position: fixed; display: none; top: 210px; width: 92px; text-align: center; left: 50%; margin-left: 600px; z-index: 99; }
.banner { position: relative; width: 100%; height: 600px; overflow: hidden; background-color: #202330; }
.banner .bd { position: absolute; left: 50%; vertical-align: top; width: 100%; height: 470px; margin-left: -50%; object-fit: cover; }
.banner .ti { position: absolute; top: 110px; left: 0; width: 100%; text-align: center; }
.banner .ti h2 { color: #ffffff; font-size: 50px; font-family: Microsoft YaHei; font-weight: bold; line-height: 66px; margin-bottom: 19px; }
.banner .ti p { color: #ffffff; font-size: 20px; line-height: 26px; opacity: 0.7; }
.banner .ti span { display: inline-block; margin: 0 12px; }
.banner .bi { position: absolute; top: 300px; left: 0; width: 100%; text-align: center; }
.banner .bi p{ display: inline-block; width: 340px; height: 73px; line-height: 73px; border-radius: 12px; color: #fff; font-size: 0; text-align: center; background: linear-gradient(90deg, #F34752 0%, #D8212D 100%); box-shadow: 0px 6px 18px 1px rgba(0,0,0,0.16);}
.banner .bi p i { display: inline-block; vertical-align: middle; margin-left: 12px; font-size: 28px; }
.banner .bi p font { display: inline-block; vertical-align: middle; font-size: 26px; }
.banner .bi p .ico_an1{ display: inline-block; vertical-align: middle; width: 29px; height: 26px; margin-right: 7px; margin-left: 0; background: url('../images/ico_an1.png') no-repeat;}

.banner img { width: auto; }
.banner .discount .ti { top: 110px; }
.banner .discount .ti p { font-size: 36px; color: #ffedcf; opacity: 1; margin-top: 24px; }
.banner .discount .ti p span { font-family: dinm; color: #fff; font-size: 48px; margin: 0 2px; }
.banner .discount .bi { top: 300px; }
.download_in { display: inline-block; vertical-align: top; height: 130px; width: 100%; background-color: #030E17; font-size: 0; margin-top: -130px; position: absolute; z-index: 999; }
.download_in .do { position: relative; display: inline-block; padding-top: 15px; width: 400px; height: 130px; border-left: 1px solid rgba(255, 255, 255, 0.15); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 74px; }
.download_in .do:first-child { border-left: 0; }
.download_in .do img { position: unset; width: 100px; height: 100px; float: left; margin-left: 0; }
.download_in .do .bga1 { display: inline-block; vertical-align: middle; text-align: center; width: auto; height: 32px; padding: 0 16px; line-height: 32px; background-color: #f8d970; border-radius: 16px; color: #2d3141; font-size: 16px; margin: 6px 0 0 18px; }
.download_in .do .bga1:hover + .sqr { display: block; }
.download_in .do font { display: block; vertical-align: top; color: #ffffff; font-size: 18px; margin-left: 22px; height: 50px; line-height: 50px; }
.download_in .do i { display: inline-block; vertical-align: middle; }
.download_in .do .ico-windows { font-size: 32px; color: #ffffff; margin-right: 12px; }
.download_in .do .ico-pingguo { font-size: 26px; color: #ffffff; margin-right: 4px; margin-top: -6px; margin: -6px 4px 0 -6px; }
.download_in .do .ico-android-fill { font-size: 26px; color: #ffffff; margin-right: 4px; margin-top: -6px; margin: -6px 4px 0 -6px; }
.download_in .do .bg_download { margin-left: 20px; }
.download_in .do span { display: inline-block; vertical-align: middle; margin-right: 2px; font-size: 16px; color: #fff; }
.download_in .do .bga2 { display: inline-block; vertical-align: middle; text-align: center; width: auto; height: 32px; padding: 0 16px; margin: 6px 0 0 8px; line-height: 28px; background-color: #DE2935; border-radius: 16px; color: #2d3141; font-size: 16px; }
.download_in .do .bga2:hover + .sqr { display: block; }
.download_in .do .ico-xiazai { display: inline-block; vertical-align: middle; font-size: 16px; color: #fff; }
.download_in .do .sqr { display: none; width: 112px; height: 118px; background: url("../images/dow_ico2.png") no-repeat; z-index: 2; }
.download_in .do .sqr img { width: 88px; height: 88px; margin-top: 16.5px; margin-left: 12px; }
.download_in .do .po1 { position: absolute; left: 166px; bottom: -94px; }
.download_in .do .po2 { position: absolute; bottom: -94px; }
.in_1 { padding-top: 60px; }
.in_1 .box1 { background-color: #fff; }
.in_1 .box1 ul { display: inline-block; width: 100%; margin-top: 66px; margin-bottom: 97px; font-size: 0; }
.in_1 .box1 li { display: inline-block; width: 370px; text-align: center; border-left: 1px solid #e2e2e2; }
.in_1 .box1 li:first-child, .in_1 .box1 li:last-child { width: 230px; }
.in_1 .box1 li:first-child { text-align: left; border-left: 0; }
.in_1 .box1 li:last-child { text-align: right; }
.in_1 .box1 li div { display: inline-block; text-align: center; }
.in_1 .box1 li em { display: block; clear: both; font-size: 40px; color: #2d3141; line-height: 52px; margin-bottom: 23px; }
.in_1 .box1 li font { display: inline-block; font-size: 16px; line-height: 21px; color: #2d3141; opacity: 0.5; }
.in_1 .box2 ul { margin: 50px 0 70px 0; font-size: 0; }
.in_1 .box2 li { display: inline-block; width: 270px; padding: 40px 0 36px 0; margin-left: 40px; border: solid 1px #fff; border-radius: 10px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.in_1 .box2 li:first-child { margin-left: 0; }
.in_1 .box2 li:hover { box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.05); border: solid 1px #2d3141; }
.in_1 .box2 li img { width: 126px; margin: 0 auto 26px auto; }
.in_1 .box2 li .p1 { font-size: 20px; color: #2d3141; line-height: 26px; font-weight: bold; margin-bottom: 10px; }
.in_1 .box2 li .p2 { font-size: 18px; color: #2d3141; line-height: 24px; opacity: 0.5; }
.in_2 { padding-top: 40px; padding-bottom: 60px; background: url("../images/ind_ban.png") no-repeat 48% 200px #f8f8f8; overflow: hidden; }
.in_2 .ul1, .in_2 .ul2 { display: inline-block; width: 372px; margin-top: 123px; }
.in_2 .ul1 li, .in_2 .ul2 li { position: relative; width: 372px; padding-left: 72px; }
.in_2 .ul1 li i, .in_2 .ul2 li i { position: absolute; top: -20px; left: -30px; }
.in_2 .ul1 li .box, .in_2 .ul2 li .box { width: 100%; height: 174px; }
.in_2 .ul1 li h3, .in_2 .ul2 li h3 { font-size: 18px; color: #2d3141; line-height: 24px; margin-bottom: 5px; font-weight: bold; }
.in_2 .ul1 li p, .in_2 .ul2 li p { font-size: 14px; color: #2d3141; line-height: 20px; opacity: 0.5; text-align: justify; }
.in_2 .ul2 { float: right; }
.in_3 { padding: 60px 0; }
.in_3 .top { margin-top: 10px; text-align: center; font-size: 0; }
.in_3 .top a { display: inline-block; width: 112px; margin: 0 20px; line-height: 31px; text-align: center; color: #9698a0; font-size: 16px; border: 1px solid #d5d5d9; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.in_3 .top .active { color: #e9f4ff; background-color: #2d3141; border: 1px solid #2d3141; }
.in_3 ul { margin-top: 22px; font-size: 0; }
.in_3 li { display: inline-block; width: 340px; margin-right: 90px; border-bottom: 1px dashed #e1e2e6; }
.in_3 li:nth-child(3n) { margin-right: 0; }
.in_3 li:hover a { font-weight: bold; }
.in_3 li:hover i { background-position: -119px -40px; }
.in_3 li a { display: inline-block; width: 100%; line-height: 59px; color: #2d3141; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.in_3 li i { margin-right: 7px; }
.banner_download { width: 100%; height: 420px; overflow: hidden; background: url("../images/banner_xz.png") no-repeat; }
.banner_download .m { position: relative; }
.banner_download .ti { position: absolute; top: 80px; left: 0; width: 570px; }
.banner_download .ti h2 { margin-bottom: 22px; line-height: 59px; color: #151617; font-size: 44px; font-weight: bold; }
.banner_download .ti p { color: #151617; font-size: 18px; line-height: 24px; }
.banner_download .ti span { font-size: 14px; margin-top: 120px; display: block; width: 240px; text-align: center; }
.banner_download .free { position: absolute; top: 256px; left: 0; padding-top: 2px; display: inline-block; width: 240px; height: 66px; background-color: #2d3141; border-radius: 10px; color: #ffffff; font-size: 0; text-align: center; }
.banner_download .free i { display: inline-block; vertical-align: middle; margin-left: 12px; font-size: 28px; height: 38px; }
.banner_download .free font { display: inline-block; vertical-align: middle; font-size: 25px; height: 38px; }
.banner_download .free span { display: block; font-size: 14px; }
.banner_download .free .hot { position: absolute; left: 0; top: -23px; width: 140px; height: 36px; background: url("../images/dow_hot.png") no-repeat; color: #fff; padding-left: 10px; font-size: 14px; text-align: left; line-height: 23px; }
.banner_download .software { position: absolute; top: 3px; right: 0; width: auto; }
.banner_download .free_new { position: absolute; left: 257px; top: 256px; background-color: #DE2935; }
.nwt_ico { display: inline-block; vertical-align: middle; background: url("../images/nwt/nwt_ico.png") no-repeat; }
.nwt1 { width: 14px; height: 2px; background-position: -222px -187px; }
.nwt2 { width: 14px; height: 14px; background-position: -162px -128px; }
.nwt3 { width: 32px; height: 32px; background-position: -222px -10px; }
.nwt4 { width: 20px; height: 20px; background-position: -10px -220px; }
.nwt5 { width: 25px; height: 25px; background-position: -222px -62px; }
.nwt6 { width: 18px; height: 18px; background-position: -184px -162px; }
.nwt7 { width: 30px; height: 18px; background-position: -222px -107px; }
.nwt8 { width: 16px; height: 16px; background-position: -50px -220px; }
.nwt9 { width: 38px; height: 38px; background-position: -162px -70px; }
.nwt10 { width: 38px; height: 38px; background-position: -10px -162px; }
.nwt11 { width: 38px; height: 38px; background-position: -68px -162px; }
.nwt12 { width: 38px; height: 38px; background-position: -126px -162px; }
.nwt13 { width: 40px; height: 40px; background-position: -86px -86px; }
.nwt14 { width: 40px; height: 40px; background-position: -162px -10px; }
.nwt15 { width: 22px; height: 22px; background-position: -222px -145px; }
.nwt16 { width: 56px; height: 56px; background-position: -86px -10px; }
.nwt17 { width: 56px; height: 56px; background-position: -10px -86px; }
.nwt18 { width: 56px; height: 56px; background-position: -10px -10px; }
.download_ye { padding: 48px 0 48px 0; }
.download_ye h2 { margin-bottom: 8px; }
.download_ye .download_yejj { display: block; width: 530px; height: 28px; margin: 0 auto; line-height: 28px; background: url("../images/nwt/nwtbg5.png") no-repeat; text-align: center; }
.download_ye .download_yejj i { display: inline-block; vertical-align: top; margin-top: 1.5px; }
.download_ye .download_yejj font { display: inline-block; vertical-align: top; margin-left: 4px; font-size: 16px; color: #FC0026; }
.download_ye ul { display: inline-block; width: 100%; margin-top: 30px; font-size: 0; }
.download_ye li { position: relative; display: inline-block; width: 386px; padding: 34px 0 28px; margin-left: 20px; border-radius: 20px; text-align: center; background-color: #F7F7F7; }
.download_ye li img { display: none; width: 100px; height: 100px; margin: 0 auto 0 auto; }
.download_ye li:first-child { margin-left: 0; }
.download_ye li em { display: inline-block; width: 100%; font-size: 20px; color: #151617; line-height: 26px; margin-bottom: 4px; }
.download_ye li span { display: inline-block; width: 100%; line-height: 19px; font-size: 14px; color: #A5A5A5; margin-bottom: 20px; }
.download_ye li span i { display: inline-block; vertical-align: text-bottom; width: 1px; height: 16px; margin: 0 10px; background-color: #E0E3F1; }
.download_ye li .bga1 { display: inline-block; width: 210px; line-height: 56px; border-radius: 12px; color: #151617; background-color: #F8D970; position: relative; z-index: 3;}
.download_ye li .bga1:hover + .sqr { display: block; }
.download_ye li font { display: inline-block; vertical-align: middle; font-size: 18px; margin-right: 7px; text-indent: 6px; }
.download_ye li i { display: inline-block; margin: 0 auto 14px auto; font-size: 80px; vertical-align: top; line-height: 1; }
.download_ye li .ico-pingguo, .download_ye li .download_ye li .ico-android-fill { font-size: 84px; margin-bottom: 30px; }
.download_ye li .ico-xiazai { display: inline-block; vertical-align: middle; font-size: 17px; font-weight: bold; margin-bottom: 0; }
.download_ye li .sqr { display: none; width: 168px; height: 186px; background: url("../images/nwt/nwtbg6.png") no-repeat; z-index: 2; }
.download_ye li .sqr img { display: inline-block; width: 116px; height: 116px; margin-top: 20px; }
.download_ye li .po1 { position: absolute; left: 109px; bottom: 70px; }
.download_ye li .p1 { display: block; margin-top: 10px; font-size: 14px; color: #da5066; text-align: center; }
.download_ri { display: block; padding-bottom: 80px; }
.download_ri .dow_ico { display: inline-block; vertical-align: middle; background: url("../images/dow_ico.png") no-repeat; }
.download_ri .dow_hot2 { width: 28px; height: 24px; background-position: -10px -58px; }
.download_ri .dow_ico1 { width: 16px; height: 16px; background-position: -150px -10px; }
.download_ri .dow_ios { width: 24px; height: 24px; background-position: -58px -58px; }
.download_ri .dow_ios_h { width: 24px; height: 24px; background-position: -106px -10px; }
.download_ri .dow_time { width: 28px; height: 28px; background-position: -10px -10px; }
.download_ri .dow_time_h { width: 28px; height: 28px; background-position: -58px -10px; }
.download_ri .dow_win { width: 24px; height: 24px; background-position: -106px -54px; }
.download_ri .dow_win_h { width: 24px; height: 24px; background-position: -10px -102px; }
.download_ri .dow_android { width: 24px; height: 24px; background-position: -54px -102px; }
.download_ri .dow_android_h { width: 24px; height: 24px; background-position: -98px -102px; }
.download_ri .dow_ico2 { width: 14px; height: 17px; background-position: -150px -46px; }
.download_ri h2 { display: block; font-size: 36px; color: #2d3141; text-align: center; font-weight: bold; line-height: 1; }
.download_ri .dow_log_top { display: block; width: 488px; height: 56px; padding: 4px; margin: 28px auto 0 auto; text-align: center; background-color: #f7f7f8; border-radius: 8px; font-size: 0; }
.download_ri .dow_log_top a { display: inline-block; width: 160px; height: 48px; line-height: 48px; border-radius: 8px; }
.download_ri .dow_log_top a.active { background-color: #2d3141; }
.download_ri .dow_log_top a.active .dow_win { background-position: -10px -102px; }
.download_ri .dow_log_top a.active .dow_android { background-position: -98px -102px; }
.download_ri .dow_log_top a.active .dow_ios { background-position: -106px -10px; }
.download_ri .dow_log_top a.active font { color: #fff; }
.download_ri .dow_log_top font { display: inline-block; vertical-align: middle; margin-left: 8px; font-size: 16px; color: #2d3141; }
.download_ri .dow_log_conent { display: block; width: 100%; margin-top: 14px; }
.download_ri .dow_log_conent .conts { display: none; }
.download_ri .dow_log_conent .conts.active { display: block; width: 100%; }
.download_ri .dow_log_conent .year { display: block; margin-bottom: 15px; }
.download_ri .dow_log_conent .year .dow_ico1 { transform: rotate(-90deg); }
.download_ri .dow_log_conent .year ul { display: none; }
.download_ri .dow_log_conent .year.active .dow_ico1 { transform: rotate(0deg); }
.download_ri .dow_log_conent .year.active ul { display: inline-block; width: 100%; }
.download_ri .dow_log_conent h3 { display: block; }
.download_ri .dow_log_conent h3 font { display: inline-block; vertical-align: middle; margin-right: 12px; font-size: 26px; color: #2d3141; font-weight: bold; }
.download_ri .dow_log_conent ul { position: relative; display: block; width: 100%; margin-top: 10px; }
.download_ri .dow_log_conent ul::before { position: absolute; top: 5px; left: 110px; content: ''; width: 1px; height: calc(100% - 5px); background-color: #dddddd; }
.download_ri .dow_log_conent li { position: relative; display: inline-block; width: 100%; z-index: 1; }
.download_ri .dow_log_conent li:last-child .sp { margin-bottom: 0; }
.download_ri .dow_log_conent li .ti { float: left; width: 140px; padding-right: 15px; line-height: 36px; text-align: right; background-color: #fff; }
.download_ri .dow_log_conent li .ti font { display: inline-block; vertical-align: middle; line-height: 33px; margin-right: 10px; font-size: 16px; color: #808080; }
.download_ri .dow_log_conent li .box { float: left; width: 1060px; }
.download_ri .dow_log_conent li .tt { display: block; font-size: 22px; color: #2d3141; line-height: 34px; }
.download_ri .dow_log_conent li .tt a { float: right; width: 108px; height: 34px; line-height: 30px; background-color: #f8d970; text-align: center; border-radius: 4px; }
.download_ri .dow_log_conent li .tt a font { display: inline-block; vertical-align: middle; margin-right: 7px; font-size: 14px; color: #232330; }
.download_ri .dow_log_conent li h5 { float: left; line-height: 36px; }
.download_ri .dow_log_conent li h5 font { display: inline-block; vertical-align: top; margin-top: 2px; margin-right: 12px; line-height: 32px; font-size: 22px; }
.download_ri .dow_log_conent li h5 .dow_hot2 { display: inline-block; vertical-align: top; margin-top: 2px; }
.download_ri .dow_log_conent li .sp { display: inline-block; width: 100%; padding: 10px 22px; margin-top: 12px; margin-bottom: 40px; background-color: #fbfbfb; border-radius: 8px; }
.download_ri .dow_log_conent li .sp p { display: block; margin: 5px 0; font-size: 14px; color: #92949c; }
.download_ri .dow_log_conent li .sp i { display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin-right: 10px; background-color: #bebfc4; border-radius: 50%; }
.download_ri .dow_log_conent li .sp .red { color: #da5066; }
.download_ri .dow_log_conent li .sp .red i { background-color: #da5066; }
.download_ri .dow_log_conent li .bgr { background-color: #fff7f9; }
.versionHistory .tabBox { text-align: center; margin-top: 8px; }
.versionHistory .tabBox .tab { font-size: 22px; line-height: 46px; color: #2d3141; margin-bottom: 14px; display: inline-block; min-width: 164px; margin: 0 40px; cursor: pointer; }
.versionHistory .tabBox .tab:last-child { text-align: left; }
.versionHistory .tabBox .tab.active { position: relative; }
.versionHistory .tabBox .tab.active:before { position: absolute; content: ''; bottom: 0; width: 100%; height: 4px; background: #f8d970; }
.versionHistory .tabBox .tab:last-child:before { width: 108px; }
.versionHistory .content { padding: 30px 20px; background-color: #fff; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 10%); border-radius: 15px; color: #636673; font-size: 20px; margin: 24px 0 68px; }
.versionHistory .content .titleList { display: flex; justify-content: space-around; margin-bottom: 10px; font-weight: bold; text-align: center; }
.versionHistory .content .titleList span { flex: 1; margin-right: 3px; }
.versionHistory .content ul li { display: flex; justify-content: space-around; height: 75px; line-height: 75px; background-color: #fff; }
.versionHistory .content ul li:nth-child(2n+1) { background-color: #f9fafb; }
.versionHistory .content ul li span { flex: 1; position: relative; text-align: center; }
.versionHistory .content ul li.active span:first-child::after { content: '最新版'; position: absolute; height: 20px; line-height: 20px; color: #fff; font-size: 16px; padding: 3px 10px 5px; border-radius: 5px; margin-left: 10px; background-color: #f53d59; top: 50%; transform: translateY(-50%); min-width: 48px; }
.versionHistory .content ul li a { flex: 1; text-align: center; color: #169bd5; }
.banner_set { position: relative; width: 100%; height: 420px; overflow: hidden; }
.banner_set img { position: absolute; left: 50%; width: 1920px; height: 420px; margin-left: -960px; }
.set { font-size: 0; padding: 60px 0 70px 0; overflow: hidden; min-height: 520px; }
.set .set_li { display: inline-block; vertical-align: top; width: 216px; padding: 0 13px 15px 13px; margin-top: 46px; margin-left: 30px; box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.05); border-radius: 10px; border: solid 1px #fff; }
.set .set_li:first-child { margin-left: 0; }
.set .set_li:hover { border: solid 1px #202330; }
.set .ti { border-bottom: 1px solid #e6e6e6; text-align: center; font-size: 0; line-height: 1; }
.set .ti .sp1 { display: inline-block; width: 100%; margin: 18px 0 7px 0; color: #2d3141; font-size: 16px; line-height: 21px; }
.set .ti .sp2 { color: #2d3141; font-size: 60px; line-height: 80px; }
.set .ti .sp2 em { font-size: 14px; color: #2d3141; line-height: 1; }
.set .ti .sp3 { display: inline-block; width: 100%; margin: 1px 0 9px 0; color: #2d3141; opacity: 0.4; font-size: 16px; line-height: 21px; text-decoration: line-through; }
.set .ti .sp4 { display: inline-block; width: 100%; margin-bottom: 18px; color: #2d3141; opacity: 0.9; font-size: 16px; line-height: 21px; }
.set .ti a { display: inline-block; width: 164px; margin-bottom: 25px; line-height: 45px; background-color: #f8d970; border-radius: 6px; text-align: center; color: #151617; font-size: 16px; }
.set .bo li { display: flex; align-items: center; width: 100%; margin-bottom: 15px; line-height: 1; }
.set .bo span { display: inline-block; color: #808080; font-size: 14px; line-height: 19px; margin-top: 12px; margin-bottom: 15px; }
.set .bo font { display: inline-block; vertical-align: middle; font-size: 14px; color: #2d3141; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.set .bo .ico-dagou, .set .bo .ico-cuowu { font-size: 18px; display: inline-block; vertical-align: middle; margin-right: 6px; }
.set .through { opacity: 0.2; }


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
.icon-true { font-size: 14px; display: inline-block; vertical-align: middle; margin-right: 2px; margin-top: -2px; margin: -2px 2px 0 10px; }
.icon-true:before { content: "\e603"; }
.icon-true:first-child { margin-left: 0 }
.icon-false { font-size: 20px; display: inline-block; position: absolute; top: 8px; right: 8px; color: #999; }
.icon-false:before { content: "\e67a"; }
.icon-false:first-child { margin-left: 0 }
.icon-false:hover { cursor: pointer; }

/*http*/
.http-hd { height: 612px; background: url(../images/http/hdbg.jpg) no-repeat center; background-size: 100% 100%; text-align: center; }
.http-hd h2 { font-size: 52px; padding-top: 62px; color: #fff; }
.http-hd .des { font-size: 24px; margin-top: 12px; color: #fff; opacity: 0.8; height: 38px; line-height: 38px; }
.http-hd .des span { font-size: 8px; color: #fff; opacity: 0.8; display: inline-block; vertical-align: top; margin: 1px 12px; }
.http-hd .ip-box { display: inline-block; margin-top: 56px; }
.http-hd .ip-box .fl { position: relative; padding: 0 42px; }
.http-hd .ip-box .fl:first-child:after { position: absolute; content: ''; right: 0; height: 42px; width: 1px; background: rgb(157 158 164 / 50%); top: 50%; transform: translate(0, -50%); }
.http-hd .ip-box .fl p { font-size: 30px; color: #f8d970; }
.http-hd .ip-box .fl span { font-size: 16px; color: #fff; opacity: 0.8; }
.http-hd .btn { display: block; width: 282px; height: 60px; line-height: 60px; background-color: #f4d868; border-radius: 8px; margin: 0 auto; font-size: 22px; margin-top: 38px; color: #222; }
.http-hd .btn:hover { background: #f6e189; }
.http-in-1 { background: rgb(3 11 23 / 50%); padding-top: 30px; height: 114px; margin-top: -114px; }
.http-in-1 ul li:nth-child(2) { margin-left: 100px }
.http-in-1 ul li:nth-child(3) { margin-left: 112px; }
.http-in-1 ul li:nth-child(4) { float: right; }
.http-in-1 ul li img { width: inherit; margin: 4px 18px 0 0; }
.http-in-1 ul li p { }
.http-in-1 ul li .p1 { color: #dcdcdf; font-size: 18px; }
.http-in-1 ul li .p2 { color: #9698a0; font-size: 15px; margin-top: 2px; }
.http-in-2 { text-align: center; padding: 60px 0 68px; }
.http-in-2 h2 { font-size: 34px; }
.http-in-2 ul { margin-top: 60px; }
.http-in-2 ul li { text-align: center; display: inline-block; margin-right: 186px; width: 160px; }
.http-in-2 ul li img { width: 102px; }
.http-in-2 ul li strong { font-size: 28px; display: block; margin-top: 10px; margin-bottom: 4px; }
.http-in-2 ul li p { font-size: 15px; color: #9b9ba3; }
.http-in-2 ul li:last-child { margin-right: 0; }
.http-in-3 { background: #f4f6f8 url(../images/http/in3_bg.png) no-repeat center; padding: 78px 0 56px; }
.http-in-3 h2 { font-size: 34px; color: #222; text-align: center; }
.http-in-3 .hd { border-bottom: solid 1px #e4eaef; height: 52px; line-height: 49px; margin-top: 26px; }
.http-in-3 .hd span { font-size: 20px; float: left; margin-left: 80px; display: block; width: 98px; text-align: center; color: #666; cursor: pointer; }
.http-in-3 .hd span:first-child { margin-left: 450px; }
.http-in-3 .hd span.active { border-bottom: 3px solid #379aff; color: #379aff; }
.http-in-3 .bd { box-shadow: 0px 0px 8px 0px rgba(140, 175, 210, 0.1); margin-top: 44px; }
.http-in-3 .bd .menu { background: #fff url(../images/http/top-label.png) no-repeat right top; }
.http-in-3 .bd .menu li { width: calc(100% / 4); border: solid 1px #edeff2; overflow: hidden; padding: 30px 35px 0; height: 460px; position: relative; }
.http-in-3 .bd .menu li .sp1 { font-size: 24px; text-align: center; color: #f33037; font-weight: bold; }
.http-in-3 .bd .menu li .sp1 .price { font-size: 40px; font-weight: normal; margin-left: -4px; }
.http-in-3 .bd .menu li .sp2 { font-size: 20px; margin: 8px 0 16px; text-align: center; }
.http-in-3 .bd .menu li .sp3 { border-top: solid 1px #f0f1f2; padding-top: 20px; border-right: 0; }
.http-in-3 .bd .menu li .sp3 p { padding-left: 26px; margin-bottom: 10px; position: relative; font-size: 15px; color: #666666; line-height: 24px; }
.http-in-3 .bd .menu li .sp3 p:before { position: absolute; left: 14px; content: ''; width: 4px; height: 4px; background: #666; top: 10px; }
.http-in-3 .bd .menu li .buy { width: 230px; height: 42px; line-height: 42px; color: #fff; background-color: #f23e44; border-radius: 4px; margin-top: 20px; display: block; font-size: 16px; text-align: center; }
.http-in-3 .bd .menu li .buy:hover { opacity: 0.9; }
.http-in-3 .bd .menu li:hover { border-color: #f33037; }
.http-in-3 .bd .month { height: 460px; background: #fff; text-align: center; }
.http-in-3 .bd .month .com-box { width: 610px; height: 460px; position: relative; }
.http-in-3 .bd .month .com-box:after { content: ''; border: 30px solid; border-color: transparent transparent transparent #fff; position: absolute; right: -58px; top: 50%; transform: translate(0, -50%); }
.http-in-3 .bd .month .com-box strong { font-size: 34px; color: #f33037; display: block; margin-top: 160px; }
.http-in-3 .bd .month .com-box a { display: inline-block; font-size: 24px; color: #2d3142; background-color: #f8d95e; border-radius: 26px; width: 320px; height: 46px; line-height: 46px; margin-top: 14px; }
.http-in-3 .bd .month .serve-box { width: 588px; background-color: #f9f9f9; height: 460px; }
.http-in-3 .bd .month .serve-box strong { font-size: 28px; color: #2d3142; margin-top: 48px; display: block; }
.http-in-3 .bd .month .serve-box .img-box { width: 192px; height: 192px; margin: 30px auto 36px; border: 1px solid #e5e5e5; }
.http-in-3 .bd .month .serve-box img { }
.http-in-3 .bd .month .serve-box a { width: 180px; display: inline-block; height: 42px; line-height: 40px; margin-left: 16px; border-radius: 4px; color: #379aff; border: 1px solid #379aff; }
.http-in-3 .bd .month .serve-box a:first-child { margin-left: 0; }
.http-in-3 .bd .month .serve-box a:hover { background-color: #379aff; color: #fff; }
.http-in-4 { background: url(../images/http/in4_bg.jpg) no-repeat center; height: 200px; }
.http-in-4 h2 { font-size: 34px; margin-left: 82px; color: #fff; line-height: 200px; float: left; }
.http-in-4 .http-kefu { padding-top: 50px; margin-right: 86px; float: right; width: 354px; }
.http-in-4 .http-kefu img { width: 100px; height: 100px; margin-right: 16px; float: left; }
.http-in-4 .http-kefu a { width: 152px; display: block; height: 42px; line-height: 40px; border-radius: 4px; border: solid 1px #ffffff; text-align: center; margin-bottom: 16px; float: left; color: #fff; font-size: 15px; }
.http-in-4 .http-kefu a:hover { background: #fff; color: #379aff; }
.http-in-5 { padding: 106px 0; background: url(../images/http/in5_bg.png) no-repeat center; }
.http-in-5 h2 { font-size: 34px; width: 340px; line-height: 52px; }
.http-in-5 img { width: inherit; }
.http-in-5 ul { width: 822px; margin-left: -32px; margin-top: -54px; }
.http-in-5 ul li { margin-left: 32px; width: 242px; margin-top: 54px; }
.http-in-5 ul li:hover { cursor: pointer; }
.http-in-5 ul li strong { margin-top: 6px; font-size: 18px; display: block; }
.http-in-5 ul li p { font-size: 14px; color: #9b9ba3; }
.http-in-6 { background: url(../images/http/in6_bg.jpg) no-repeat center; height: 230px; padding-top: 48px; text-align: center; }
.http-in-6 h2 { font-size: 34px; color: #fff; }
.http-in-6 a { width: 220px; height: 48px; line-height: 48px; background-color: #ffffff; box-shadow: 0px 0px 4px 0px 
rgba(242, 130, 0, 0.82); border-radius: 6px; display: block; margin: 24px auto 0; }
.http-in-6 a:hover { opacity: 0.98; }
.http-in-6 strong { display: inline-block; color: #ff7700; font-size: 18px; }
.http-in-6 i { }
.ico-http-b-arrow { display: inline-block; margin: -4px 0 0 16px; vertical-align: middle; background: url(../images/http/http-right-b-arrow.png) no-repeat; width: 30px; height: 30px; }
.ico-http-arrow { display: inline-block; margin: -6px 0 0 8px; vertical-align: middle; background: url(../images/http/http-right-arrow.png) no-repeat; width: 24px; height: 24px; }
.ico-http-qq, a:hover .ico-http-qq-blue { display: inline-block; margin: -4px 10px 0 0; vertical-align: middle; background: url(../images/http/http-qq.png) no-repeat; width: 16px; height: 18px; }
.ico-http-qq-blue, a:hover .ico-http-qq { display: inline-block; margin: -4px 10px 0 0; vertical-align: middle; background: url(../images/http/http-qq-active.png) no-repeat; width: 16px; height: 18px; }
.serve-window { z-index: 999; position: absolute; width: 572px; display: none; background: #fff; border-radius: 6px; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); position: fixed; box-shadow: 0px 0px 8px 0px 
rgba(0, 0, 0, 0.24); }
.serve-window>.fl { width: 252px; height: 300px; border-radius: 4px 0px 0px 4px; background: url(../images/http/serve-bg.png); object-fit: cover; }
.serve-window>.fl h3 { font-size: 20px; color: #fff; margin: 46px 0 6px; }
.serve-window>.fl p { font-size: 16px; color: #fff; opacity: 0.8; }
.serve-window>.fl span { width: 38px; height: 25px; line-height: 22px; background: url(../images/http/serve-lab.png) no-repeat; font-size: 14px; position: absolute; }
.serve-window>.fl .lab-a { top: 154px; left: 102px; }
.serve-window>.fl .lab-b { top: 204px; left: 38px; }
.serve-window>.fl .lab-c { top: 198px; left: 158px; }
.serve-window>.fr { width: 320px; height: 300px; border-radius: 0 4px 4px 0; position: relative; }
.serve-window>.fr .sc-logo { display: block; width: 70px; height: 70px; margin: 50px auto 0; }
.serve-window>.fr h3 { font-size: 18px; color: #f33037; margin: 30px 0 2px; }
.serve-window>.fr p { font-size: 15px; color: #666; margin-bottom: 30px; }
.serve-window>.fr .close { background: url(../images/http/close.png) no-repeat; opacity: 1; width: 16px; height: 16px; position: absolute; right: 20px; top: 18px; }
.serve-window>.fr .close:hover { opacity: 0.7; }
.serve-window>.fr .btn { width: 126px; height: 38px; line-height: 36px; font-size: 15px; display: inline-block; background-color: #fff; border: 1px solid #3696ff; border-radius: 4px; margin-right: 10px; color: #3696ff; }
.serve-window>.fr .btn:last-child { margin-right: 0; background-color: #444759; color: #fff; border: 1px solid #444759; }
.serve-window .ico-b-qq { display: inline-block; margin: -4px 8px 0 0; vertical-align: middle; background: url(../images/http/http-qq-active.png) no-repeat; width: 16px; height: 18px; }

/*优惠活动*/
.activity-adv { width: 100%; height: 228px; }
.purchase { display: inline-block; width: 100%; padding: 20px; padding-top: 30px; padding-bottom: 60px; background-color: #F8F8FA; }

.purchase .box { display: block; background-color: #fff; border-radius: 20px; }

.purchase .pur_ul { font-size: 0; margin: 30px 30px 0 30px; }

.purchase .pur_ul li { position: relative; display: inline-block; width: 270px; height: 199px; border: solid 1px #E0E3F1; margin-left: 20px; border-radius: 18px; cursor: pointer; text-align: center; background-color: #F7F9FA; }

.purchase .pur_ul li:first-child { margin-left: 0; }

.purchase .pur_ul .active { background-image: linear-gradient(90deg, #F53D59 0%, #F89C65 100%); border: 0; padding: 1px; }

.purchase .pur_ul .active .ti { background-color: #FCF2F5; }

.purchase .pur_ul .active .sp4 { color: #fff; }

.purchase .pur_ul .active .sp4 font { color: #fff; }

.purchase .pur_ul .active .sp5 { left: 0; top: -6px; }

.purchase .pur_ul .active .sp6 { left: 0; top: -6px; }

.purchase .pur_ul .active .sp7 { left: 0; top: -6px; }

.purchase .pur_ul .ti { display: block; width: 100%; height: 160px; background-color: #FFFFFF; border-radius: 18px; }

.purchase .pur_ul .ti .sp1 { display: inline-block; width: 100%; margin: 20px 0 7px 0; color: #2D3141; font-size: 22px; font-weight: bold; line-height: 29px; }

.purchase .pur_ul .ti .sp2 { color: #FC0026; font-size: 48px; font-weight: bold; line-height: 64px; }

.purchase .pur_ul .ti .sp2 em { font-size: 22px; line-height: 1; }

.purchase .pur_ul .ti .sp3 { display: inline-block; width: 100%; margin: 1px 0 9px 0; color: #A4A8AF; font-size: 15px; line-height: 21px; text-decoration: line-through; }

.purchase .pur_ul .sp4 { display: inline-block; width: 100%; color: #5A4500; font-size: 16px; line-height: 36px; font-weight: bold; }

.purchase .pur_ul .sp4 font { color: #F53D59; }

.purchase .pur_ul .sp5 { position: absolute; left: -1px; top: -7px; height: 24px; line-height: 24px; color: #F9FCFF; font-size: 12px; padding: 0 9px; background-image: linear-gradient(266deg, #fb1b3d 0%, #f17142 100%); border-radius: 12px 0px 12px; }

.purchase .pur_ul .sp6 { position: absolute; left: -1px; top: -7px; display: inline-block; height: 24px; line-height: 24px; color: #F9FCFF; font-size: 12px; padding: 0 9px 0 76px; border: 1px solid #FA243E; border-radius: 12px 0px 12px; background-color: #FFFFFF; }

.purchase .pur_ul .sp6 span { position: absolute; left: -1px; top: -1px; display: inline-block; width: 74px; height: 24px; font-size: 12px; color: #F9FCFF; background: url("../images/nwt/nwtbg1.png") no-repeat; }

.purchase .pur_ul .sp6 font { display: inline-block; vertical-align: top; line-height: 22px; font-size: 13px; color: #FA1C3D; font-weight: bold; }

.purchase .pur_ul .sp7 { position: absolute; left: -1px; top: -7px; height: 24px; line-height: 20px; color: #FFFFFF; font-size: 12px; padding: 0 9px; background: linear-gradient(270deg, #C91CF5 0%, #EC3877 80%, #EE3971 84%, #F53E59 100%); border-radius: 12px 0px 12px; }

.purchase .pur_ul .sp7 font { display: inline-block; vertical-align: middle; margin-left: 2px; line-height: 1; }

.purchase .intro { display: block; height: 74px; margin: 20px 30px 28px 30px; border: 1px solid #E0E3F1; border-radius: 12px; font-size: 0; }

.purchase .intro .intro_left { position: relative; display: inline-block; vertical-align: top; width: 132px; height: 74px; line-height: 74px; font-size: 18px; font-weight: bold; color: #222222; text-align: center; }

.purchase .intro .intro_left span { position: relative; }

.purchase .intro .intro_left::before { position: absolute; left: 29px; bottom: 24px; display: block; content: ''; width: 82px; height: 8px; background-image: linear-gradient(90deg, #F8D970 0%, #FFFBEC 100%); }

.purchase .intro .intro_left::after { position: absolute; right: 0; bottom: 9px; content: ''; display: block; width: 1px; height: 56px; background: linear-gradient(180deg, #FFFFFF 0%, #E6E6E6 48%, #FFFFFF 100%); }

.purchase .intro ul { display: inline-block; width: 900px; vertical-align: top; padding-top: 5px; margin-left: 30px; }

.purchase .intro li { float: left; width: 300px; margin: 5px 0; line-height: 20px; }

.purchase .intro li font { display: inline-block; vertical-align: middle; margin-left: 8px; font-size: 15px; color: #8C8D95; }

.purchase .sup { display: block; margin-bottom: 28px; }

.purchase .sup ul { display: flex; justify-content: space-between; margin: 26px 32px 0 32px; text-align: center; }

.purchase .sup li { display: inline-block; font-size: 0; }

.purchase .sup li span { display: inline-block; vertical-align: middle; margin-right: 8px; line-height: 46px; font-size: 16px; color: #8F8F8F; }

.purchase .sup li input { display: inline-block; vertical-align: middle; width: 230px; padding: 0 14px; line-height: 44px; border: solid 1px #F2BE0E; font-size: 16px; color: #202330; background-color: #FCFBF2; border-radius: 6px; }

.purchase .sup li .select { position: relative; display: inline-block; vertical-align: middle; }

.purchase .sup li .select::after { content: "▼"; padding: 12px 8px; position: absolute; right: 15px; top: 0; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; box-sizing: border-box; font-size: 16px; line-height: 1; color: #808080; }

.purchase .sup li .select select { width: 180px; height: 40px; padding: 0 10px; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; color: #f53d59; border: 1px solid #e5e5e5; outline: none; cursor: pointer; }

.purchase .sup li .inputNum { display: inline-block; vertical-align: middle; width: 118px; height: 46px; line-height: 46px; border-top: 1px solid #E0E3F1; border-bottom: 1px solid #E0E3F1; border-left: 0; border-right: 0; text-align: center; font-size: 16px; color: #202330; border-radius: 0; background-color: #FFFFFF; }

.purchase .sup li .code { display: inline-block; vertical-align: middle; line-height: 40px; padding: 0 24px; font-size: 16px; color: #fff; background-color: #f53d59; border-radius: 20px; text-align: center; }

.purchase .sup li .btn { display: inline-block; vertical-align: middle; background: #FAFAFA no-repeat center; border: 1px solid #E0E3F1; width: 46px; height: 46px; color: #202330; transition: color .2s, background-color .2s; }

.purchase .sup li .btn_plus { background-image: linear-gradient(to top, currentColor, currentColor), linear-gradient(to top, currentColor, currentColor); background-size: 14px 2px, 2px 14px; border-radius: 0 6px 6px 0; background-color: #F8D357; border: 1px solid #F8D357; }

.purchase .sup li .btn_minus { background-image: linear-gradient(to top, currentColor, currentColor); background-size: 14px 2px; border-radius: 6px 0 0 6px; color: #BEBEBE; }

.purchase .sup li .sup_zk { position: relative; display: inline-block; vertical-align: middle; margin-left: 8px; padding-left: 0; }

.purchase .sup li .sup_zk:hover .sup_zk_img { display: block; }

.purchase .sup li .sup_zk .sup_zk_span { display: inline-block; width: 114px; height: 40px; line-height: 40px; background-color: #FFF0F0; text-align: center; border-radius: 20px; }

.purchase .sup li .sup_zk .sup_zk_span font { display: inline-block; vertical-align: middle; font-size: 16px; color: #FC0026; }

.purchase .sup li .sup_zk .sup_zk_img { display: none; z-index: 2; position: absolute; width: 708px; left: 32px; top: -366px; left: -350px; }

.purchase .sup li .sup_zk .sup_zk_img img { -webkit-box-shadow: 0px 3px 8px 1px #1b2630; box-shadow: 0px 3px 8px 1px #1b2630; border-radius: 8px; }

.purchase .sup .coupon { position: relative; display: inline-block; width: 250px; height: 46px; border-radius: 6px; border: 1px solid #E0E3F1; cursor: pointer; background: url("../images/nwt/nwtbg7.png") no-repeat; background-position: 220px center; }

.purchase .sup .coupon p { display: block; width: 100%; height: 46px; padding: 0 16px; font-size: 16px; color: #222222; line-height: 46px; text-align: left; }

.purchase .sup .coupon .couponList { display: block; width: 250px; position: absolute; left: -1px; top: 50px; margin: 0; box-shadow: 0px 4px 10px #eeeeee; border-radius: 6px; overflow: hidden; background-color: #fff; z-index: 2; border: 1px solid #E0E3F1; }

.purchase .sup .coupon .couponList li { display: block; line-height: 40px; padding: 0 10px; font-size: 16px; color: #222; }

.purchase .sup .coupon .couponList li:hover { background-color: #f8f8f8; }

.purchase .sup .coupon .couponList .active { background-color: #f8f8f8; }

.purchase .sup_zf { display: block; width: 100%; height: 109px; background: linear-gradient(180deg, #F7F9FA 0%, #FEFEFE 100%); border-radius: 0 0 20px 20px; }

.purchase .sup_zf .price { float: left; padding-left: 30px; margin-top: 15px; }

.purchase .sup_zf .price .p1 { font-size: 22px; color: #2D3141; }

.purchase .sup_zf .price .p1 font { color: #FC0026; font-weight: bold; }

.purchase .sup_zf .price .p1 em { font-size: 48px; color: #FC0026; font-weight: bold; line-height: 1; }

.purchase .sup_zf .price .p2 { color: #8F8F8F; font-size: 15px; line-height: 19px; }

.purchase .sup_zf .price .p2 a { font-size: 15px; color: #8F8F8F; }

.purchase .sup_zf .dsf { float: right; text-align: center; font-size: 0; margin-top: 29px; margin-right: 28px; }

.purchase .sup_zf .dsf li { display: inline-block; width: 176px; height: 52px; line-height: 52px; border-radius: 6px; margin: 0 4px; font-size: 0; }

.purchase .sup_zf .dsf li:first-child { background-color: #07C160; }

.purchase .sup_zf .dsf li:last-child { background-color: #2C71FF; }

.purchase .sup_zf .dsf li a { display: inline-block; width: 100%; height: 100%; }

.purchase .sup_zf .dsf li i { display: inline-block; vertical-align: middle; margin-right: 4px; }

.purchase .sup_zf .dsf li font { display: inline-block; vertical-align: middle; font-size: 17px; color: #fff; }
.list_cen { display: block; width: 100%; background: url("../images/nwt/nwtbg3.png") no-repeat top center #F8F8FA; background-size: 1920px 176px; }
.list_cen h2 { display: block; margin-top: 38px; font-size: 48px; color: #FFFFFF; font-weight: bold; line-height: 64px; text-align: center; }
.list_cen form { display: block; width: 740px; height: 58px; margin: 37px auto 0 auto; background-color: #fff; border-radius: 8px; box-shadow: 0px 3px 6px 1px rgba(172, 168, 168, 0.16); font-size: 0; overflow: hidden; }
.list_cen form input { display: inline-block; width: 637px; height: 58px; padding-left: 52px; line-height: 58px; font-size: 16px; color: #888888; border: 0; border-radius: 8px; background: url("../images/nwt/nwt3.png") no-repeat 12px center; }
.list_cen form button { display: inline-block; width: 103px; height: 58px; line-height: 58px; font-size: 20px; color: #222222; text-align: center; border: 0; background: #F8D970; }
.list_cen .list_cen_hot { display: block; width: 100%; height: 194px; margin-top: 30px; padding-top: 20px; background: url("../images/nwt/nwtbg2.png") no-repeat; background-position: 1033px 4px; background-color: #fff; box-shadow: 0px 3px 16px 1px #F3F3F3; border-radius: 8px; }
.list_cen .list_cen_hot h3 { display: block; width: 100%; padding-left: 25px; }
.list_cen .list_cen_hot h3 font { display: inline-block; vertical-align: middle; margin-left: 4px; font-size: 22px; color: #151617; font-weight: bold; }
.list_cen .list_cen_hot ul { margin-left: 30px; margin-top: 10px; }
.list_cen .list_cen_hot li { float: left; width: 280px; line-height: 34px; }
.list_cen .list_cen_hot li .dian_ico { display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin-right: 12px; background-color: #909294; border-radius: 50%; }
.list_cen .list_cen_hot li font { display: inline-block; vertical-align: middle; font-size: 16px; color: #2D3141; }
.list_cen .list_cen_hot li a:hover font { color: #F9AA00; }
.list_cen .list_cen_box { float: left; width: 386px; height: 351px; margin-top: 20px; margin-bottom: 60px; padding-top: 20px; margin-right: 20px; background-color: #fff; box-shadow: 0px 3px 16px 1px #F3F3F3; border-radius: 8px; }
.list_cen .list_cen_box:last-child { margin-right: 0; }
.list_cen .list_cen_box h3 { display: block; width: 100%; padding-left: 25px; }
.list_cen .list_cen_box h3 font { display: inline-block; vertical-align: middle; margin-left: 4px; font-size: 22px; color: #151617; font-weight: bold; }
.list_cen .list_cen_box a:hover font { color: #F9AA00; }
.list_cen .list_cen_box ul { margin-left: 30px; margin-right: 24px; margin-top: 10px; padding-bottom: 20px; border-bottom: 1px solid #F2F2F2; height: 232px; }
.list_cen .list_cen_box li { display: block; width: 100%; line-height: 34px; }
.list_cen .list_cen_box li .dian_ico { display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin-right: 12px; background-color: #909294; border-radius: 50%; }
.list_cen .list_cen_box li font { display: inline-block; vertical-align: middle; font-size: 16px; color: #2D3141; height: 34px; overflow: hidden; width: 315px; }
.list_cen .list_cen_box .more { display: block; margin: 0 30px; line-height: 48px; }
.list_cen .list_cen_box .more font { display: inline-block; vertical-align: middle; font-size: 16px; color: #F9AA00; }
.list { margin-top: 20px; }
.list .m_fl, .list .m_rl { margin-top: 40px; min-height: 500px; }
.list .list_content li { border: 1px solid #d4d5d8; margin-bottom: 40px; }
.list .list_content li:hover { border: 1px solid #2d3141; }
.list .list_content li:hover .time a { border: 1px solid #2d3141; background-color: #2d3141; color: #f8d970; }
.list .list_content li h2 { margin: 0 20px; padding: 20px 0; font-size: 20px; color: #2d3141; font-weight: bold; border-bottom: 1px solid #e9e9eb; line-height: 26px; }
.list .list_content li h2 a:hover { color: #2d3141; }
.list .list_content li p { margin: 15px 20px; color: #575a67; font-size: 16px; line-height: 30px; max-height: 90px; overflow: hidden; }
.list .list_content li .time { display: inline-block; width: 100%; padding: 0 20px; margin-bottom: 20px; }
.list .list_content li .time span { font-size: 16px; color: #2d3141; opacity: 0.3; line-height: 36px; }
.list .list_content li .time a { display: inline-block; width: 127px; line-height: 34px; font-size: 14px; color: #2d3141; border-radius: 6px; border: 1px solid #d5d5d9; text-align: center; font-size: 0; }
.list .list_content li .time font, .list .list_content li .time i { display: inline-block; vertical-align: middle; }
.list .list_content li .time font { font-size: 14px; text-indent: 6px; }
.list .page { text-align: center; }
.pagination { display: inline-block; margin: 0 auto 58px auto; }
.pagination li { float: left; margin-right: 4px; }
.pagination a, .pagination span { display: inline-block; width: 100%; height: 36px; line-height: 36px; padding: 0 14px; font-size: 13px; color: #222; text-align: center; border: solid 1px #e1e1e1; }
.pagination a:hover, .pagination span:hover { background-color: #2d3141; color: #f8d970; border: solid 1px #2d3141; }
.pagination .active a { background-color: #2d3141; color: #f8d970; border: solid 1px #2d3141; }
.wig_list1 { margin-bottom: 20px; }
.wig_list1 li:nth-child(2n) a { background-color: #f1f1f3; }
.wig_list1 li a { display: inline-block; width: 100%; padding: 0 15px; line-height: 50px; color: #565966; background-color: #f8f8f9; font-size: 16px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.wig_list1 li i { float: right; }
.wig_list1 li.active a { width: 100%; padding: 0 15px; line-height: 50px; background-color: #2d3141; color: #f8d970; font-size: 16px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.wig_list2 { display: inline-block; width: 100%; background-color: #f8f8f9; margin-bottom: 20px; }
.wig_list2 h2 { width: 100%; padding: 0 15px; line-height: 50px; background-color: #2d3141; color: #f8d970; font-size: 16px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.wig_list2 ul { margin: 10px 0 5px 0; }
.wig_list2 li { width: 100%; padding: 0 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; line-height: 1; }
.wig_list2 li a { display: inline-block; vertical-align: top; width: 100%; color: #565966; font-size: 14px; line-height: 19px; margin-top: 10px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wig_list2 li i { margin-right: 6px; }
.detail { margin-top: 20px; }
.detail .m_fl, .detail .m_rl { margin-top: 40px; }
.detail h1 { color: #2d3141; font-size: 24px; font-weight: bold; line-height: 31px; }
.detail .time { padding: 15px 0; border-bottom: solid 1px #e9eaeb; color: #2d3141; opacity: 0.3; font-size: 16px; }
.detail .article { width: 100%; margin: 20px 0; }
.detail .article p { font-size: 16px; line-height: 30px; color: #2d3141; margin-bottom: 15px; }
.detail .article p span { font-size: 16px !important; }
.detail .prev, .detail .next { display: inline-block; width: 100%; padding: 15px 20px; margin-top: 20px; border: solid 1px #e9eaeb; color: #6c6e7a; font-size: 16px; }
.detail .prev span.date, .detail .next span.date { float: right; text-align: right; }
.detail .prev:hover, .detail .next:hover { color: #2d3141; font-weight: bold; border: solid 1px #2d3141; }
.detail .prev span.fl { float: left; color: #383c4e; }
.detail .recommend { margin-top: 35px; margin-bottom: 65px; }
.detail .recommend h2 { color: #2d3141; font-size: 16px; font-weight: bold; }
.detail .recommend ul { font-size: 0; }
.detail .recommend li { display: inline-block; width: 47.5%; margin-right: 5%; margin-top: 20px; }
.detail .recommend li:nth-child(2n) { margin-right: 0; }
.detail .recommend li:hover { font-weight: bold; }
.detail .recommend li:hover font, .detail .recommend li:hover span { color: #2d3141; }
.detail .recommend li i { display: inline-block; vertical-align: middle; font-size: 16px; margin-right: 6px; line-height: 21px; }
.detail .recommend li font { display: inline-block; vertical-align: middle; width: 290px; font-size: 16px; color: #575a67; line-height: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detail .recommend li span { float: right; font-size: 16px; color: #9698a0; line-height: 21px; }
.user_in { font-size: 0; margin-bottom: 40px; }
.user_in .user_nav { display: inline-block; vertical-align: top; width: 130px; }
.user_in .user_nav li:first-child { border-top: 0; }
.user_in .user_nav li { position: relative; display: inline-block; width: 130px; height: 100px; text-align: center; background: #202330; border-top: solid 1px #63656e; }
.user_in .user_nav li::after { display: none; content: '▶'; position: absolute; right: -14px; top: 53.5px; font-size: 20px; color: #202330; }
.user_in .user_nav a { display: flex; flex-wrap: wrap; width: 100%; height: 100%; align-items: center; align-content: center; justify-content: center; }
.user_in .user_nav font { display: inline-block; width: 100%; margin-top: 10px; color: #fff; font-size: 16px; }

/*.user_in .user_nav .active::after { display: block; }*/
.user_in .user_nav .active font { color: #f8d970; }
.user_in .user_nav .active .user_ico1 { background-position: -66px -10px; }
.user_in .user_nav .active .user_ico2 { background-position: -66px -119px; }
.user_in .user_nav .active .user_ico3 { background-position: -175px -10px; }
.user_in .user_nav .active .user_ico4 { background-position: -122px -62px; }
.user_in .user_nav .active .user_ico5 { background-position: -63px -66px; }
.user_in .user_nav .active .user_ico6 { background-position: -177px -60px; }
.user_in .user_content { display: inline-block; vertical-align: top; width: 1068px; min-height: 600px; margin-left: 2px; }
.user_in .user_content .title { margin: 24px 30px 54px 30px; color: #202330; font-size: 20px; font-weight: bold; line-height: 1; }
.user_in .user_content .recepit-title { margin-bottom: 26px; }
.user_in .user_content .coupon-title { margin-bottom: -2px; }
.user_in .info li { margin: 0 30px; border-bottom: solid 1px #f2f2f2; line-height: 96px; height: 96px; }
.user_in .info li:first-child { height: 90px; line-height: 90px; }
.user_in .info li:last-child { border: 0; }
.user_in .info li font { display: inline-block; width: 140px; color: #797b83; font-size: 18px; }
.user_in .info li span { display: inline-block; width: 794px; color: #202330; font-size: 18px; }
.user_in .info li a { display: inline-block; font-size: 18px; color: #f53d59; }
.user_in .user_content .changeForm { width: 440px; margin: 0 auto; padding: 0 45px; }
.user_in .user_content .changeForm li { width: 100%; position: relative; }
.user_in .user_content .changeForm li p.name { font-size: 16px; color: #666; }
.user_in .user_content .changeForm input { display: inline-block; width: 100%; height: 46px; padding-left: 10px; border-radius: 6px; border: solid 1px #e6e6e6; font-size: 16px; }
.user_in .user_content .changeForm input[type="button"] { display: inline-block; width: 100%; height: 46px; background-color: #f8d970; border-radius: 6px; border: solid 1px #f8d970; color: #202330; font-size: 16px; cursor: pointer; margin-top: 10px; }
.user_in .user_content .error { display: inline-block; width: 100%; height: 30px; line-height: 30px; color: #f53d59; font-size: 12px; }
.user_in .user_content #vis { display: inline-block; width: 100%; padding-bottom: 30px; color: #f53d59; }
.user_in .user_content #vis span { font-size: 14px; height: 46px; line-height: 46px; }
.user_in .user_content .certificationForm { width: 440px; margin: 0 auto; }
.user_in .user_content .certificationForm li { width: 100%; position: relative; }
.user_in .user_content .certificationForm li { margin-bottom: 22px; }
.user_in .user_content .certificationForm li p.name { font-size: 16px; color: #666; float: left; height: 46px; line-height: 46px; }
.user_in .user_content .certificationForm input { display: inline-block; width: 320px; float: right; height: 46px; padding-left: 10px; border-radius: 6px; border: solid 1px #e6e6e6; font-size: 16px; }
.user_in .user_content .certificationForm input[type="button"] { display: inline-block; width: 100%; height: 46px; background-color: #f8d970; border-radius: 6px; border: solid 1px #f8d970; color: #202330; font-size: 16px; cursor: pointer; margin-top: 10px; }
.user_in .user_content .certificationForm #vis { display: inline-block; width: 320px; float: right; color: #f53d59; }
.user_in .user_content .certificationForm #vis span { font-size: 14px; height: 46px; line-height: 46px; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"] { -moz-appearance: textfield; }
.user_in .recharge .tp { margin: 0 15px; }
.user_in .recharge .tp span { display: inline-block; margin: 0 15px; }
.user_in .recharge .tp font { display: inline-block; vertical-align: middle; margin-right: 16px; font-size: 16px; color: #797b83; }
.user_in .recharge .tp .select { position: relative; display: inline-block; vertical-align: middle; width: 152px; height: 41px; padding: 0 8px; border: solid 1px #d2d3d5; color: #8f9187; border-radius: 6px; }
.user_in .recharge .tp .select::after { content: "▼"; padding: 12px 8px; position: absolute; right: 15px; top: 0; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; box-sizing: border-box; font-size: 16px; line-height: 1; color: #808080; }
.user_in .recharge .tp .select select { width: 100%; height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; border: 0; outline: none; cursor: pointer; }
.user_in .recharge .tp input[type="date"] { display: inline-block; vertical-align: middle; width: 150px; height: 41px; padding: 0 5px; border: solid 1px #d2d3d5; font-size: 16px; cursor: pointer; border-radius: 6px; }
.user_in .recharge .tp a { display: inline-block; vertical-align: middle; padding: 2px 33px; margin: 0 10px; line-height: 35px; border-radius: 6px; border: solid 1px #202330; font-size: 16px; color: #202330; }
.user_in .recharge .tp a.submit-btn { margin-left: 0; background: #f8d970; border-color: #f8d970; }
.user_in .recharge .tp a:last-child { margin-right: 0; margin-left: 16px; }
.user_in .recharge .tp .btn { background: #f8d970; border: solid 1px #f8d970; }
.user_in .recharge .tb { width: 100%; padding: 0 30px; }
.user_in .recharge .none-tip { margin-top: 60px; }
.user_in .coupon { width: 100%; padding: 0 30px; }
.user_in .invoice { width: 100%; padding: 0 30px; }
.user_in .invoice input[type="button"] { border: solid 1px #e8e8ea; background-color: #fff; vertical-align: middle; font-size: 14px; padding: 2px 10px; border-radius: 4px; color: #666; cursor: pointer; }
.user_in .invoice input[type="button"][disabled] { color: #c5c8ce; background-color: #f7f7f7; border-color: #dcdee2; cursor: not-allowed; }
.user_in .invoice input.ed-btn { background-color: #2d8cf0; border-color: #2d8cf0; color: #fff; }
.user_in table { width: 100%; margin-top: 10px; font-size: 16px; border: solid 1px #d2d3d5; }
.user_in table th { height: 42px; line-height: 42px; background-color: #ebebee; font-weight: normal; border: solid 1px #d6d6da; color: #333; }
.user_in table tr:hover td { background-color: #f2f2f3; }
.user_in table td { height: 54px; line-height: 54px; border: solid 1px #d6d6da; text-align: center; color: #666; }
.user_in .pt { margin: 44px 0 0 0; border-bottom: solid 1px #d5d5d9; }
.user_in .pt li { display: inline-block; padding: 5px 10px 8px; margin: 0 30px; border-bottom: solid 3px transparent; }
.user_in .pt li.active { border-bottom: solid 3px #202330; }
.user_in .pt li.active a { color: #202330; font-size: 16px; font-weight: bold; }
.user_in .pt li:first-child { margin-left: 0; }
.user_in .pt li a { font-size: 16px; color: #8f9197; }

/*登录注册（老）*/
.fixlogin { display: inline-block; width: 100%; min-height: 800px; }
.fixlogin .box { width: 440px; margin: 120px auto; padding: 30px 45px; background: #fff; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.06); border-radius: 20px; }
.fixlogin .box li { width: 100%; position: relative; }
.fixlogin .box h1 { color: #202330; font-size: 24px; line-height: 31px; text-align: center; font-weight: bold; }
#password_eye, #m_password_eye { position: absolute; margin-left: -36px; top: 16px; width: 28px; padding: 6px; cursor: pointer; }
.reset-btn { color: #2d3141; font-size: 14px; display: none; cursor: pointer; }
.fixlogin .box input[type="number"], .fixlogin .box input[type="password"], .fixlogin .box input[type="text"] { display: inline-block; width: 100%; height: 46px; padding-left: 10px; background-color: #f5f5f5; border-radius: 6px; border: solid 1px #e6e6e6; font-size: 16px; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"] { -moz-appearance: textfield; }
.fixlogin .box .wic_submit_button { display: inline-block; width: 100%; height: 46px; background-color: #f5f5f5; border-radius: 6px; border: solid 1px #f5f5f5; color: #adaeb3; font-size: 16px; }
.fixlogin .box .wic_submit_button_ok { display: inline-block; width: 100%; height: 46px; background-color: #f8d970; border-radius: 6px; border: solid 1px #f8d970; color: #202330; font-size: 16px; cursor: pointer; }
.fixlogin .box .error { display: inline-block; width: 100%; height: 30px; line-height: 30px; color: #f53d59; font-size: 12px; }
.fixlogin .box #vis { display: inline-block; width: 100%; padding-bottom: 30px; color: #f53d59; font-size: 14px; }
.fixlogin .box .jj { display: inline-block; width: 100%; color: #f53d59; font-size: 12px; line-height: 16px; margin: 6px 0 24px 0; text-align: center; }
.fixlogin .box .wic_agree { display: flex; -webkit-display: flex; margin-top: 14px; align-items: center; justify-content: space-between; width: 100%; font-size: 16px; color: #949599; }
.fixlogin .box .wic_agree .bp { font-size: 0; display: inline-block; vertical-align: middle; }
.fixlogin .box .wic_agree .bp input[type="checkbox"] { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin: 0 6px 0 0; border: solid 1px #949599; }
.fixlogin .box .wic_agree input[type="checkbox"] { display: inline-block; vertical-align: text-top; width: 16px; height: 16px; margin: 0 6px 0 0; border: solid 1px #949599; }
.fixlogin .box .wic_agree label { display: inline-block; vertical-align: middle; line-height: 25px; font-size: 16px; }
.fixlogin .box .wic_agree .blue { display: inline-block; vertical-align: middle; font-size: 16px; color: #949599; line-height: 25px; }
.fixlogin .box .wic_agree .re { font-size: 12px; color: #929397; }
.fixlogin .box .wic_agree .re a { display: inline-block; color: #1a53d8; font-size: 12px; vertical-align: auto; }
.fixlogin .box .wic_agree .dl { color: #2d3141; font-size: 14px; }
.fixlogin .box .reg { display: inline-block; width: 100%; margin-top: 30px; text-align: center; font-size: 16px; color: #2d3141; }

/*登录注册*/
.login-modals, .register-modals { height: 480px; background: #fff; position: fixed; transform: translate(-50%, -50%); top: 50%; left: 50%; -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%); box-shadow: 0 3px 9px rgb(0 0 0 / 50%); border-radius: 12px; visibility: hidden; transition: opacity 0.25s 0s, transform 0.25s; }
.login-modals.active { width: 528px; }
.login-modals.show, .register-modals.show { visibility: visible; transition: opacity 0.25s 0s, transform 0.25s; z-index: 9999; }
.login-modals .fl { width: 188px; height: 480px; }
.login-modals .fr { width: 420px; height: 480px; }
.login-modals .adv-m img { width: 100%; height: 100%; }
.login-modals .login-m { text-align: center; padding: 26px 36px 0; position: relative; }
.login-modals .login-m .icon-false { top: 14px; right: 14px; }
.login-modals .login-m #l_loginForm { margin-top: 20px; }
.login-modals .login-m .logo { width: 70px; height: 70px; }
.login-modals .login-m .tit { font-size: 18px; color: #666; margin: 12px 0 0; }
.login-modals .login-m input[type="number"], .login-modals .login-m input[type="password"], .login-modals .login-m input[type="text"] { display: inline-block; width: 100%; height: 46px; padding-left: 10px; background-color: #f5f5f5; border-radius: 6px; border: solid 1px #e6e6e6; font-size: 16px; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"] { -moz-appearance: textfield; }
.login-modals .login-m .wic_agree { display: flex; -webkit-display: flex; margin-top: 22px; align-items: center; justify-content: space-between; width: 100%; font-size: 16px; color: #949599; }
.login-modals .login-m .wic_agree .bp { font-size: 0; display: inline-block; vertical-align: middle; }
.login-modals .login-m .wic_agree .bp input[type="checkbox"] { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin: 2px 6px 0 0; border: solid 1px #949599; }
.login-modals .login-m .wic_agree input[type="checkbox"] { display: inline-block; vertical-align: text-top; width: 16px; height: 16px; margin: 0 6px 0 0; border: solid 1px #949599; }
.login-modals .login-m .wic_agree label { display: inline-block; vertical-align: middle; line-height: 25px; font-size: 16px; }
.login-modals .login-m .wic_agree .blue { display: inline-block; vertical-align: middle; font-size: 16px; color: #949599; line-height: 25px; }
.login-modals .login-m .wic_agree .re { font-size: 12px; color: #929397; }
.login-modals .login-m .wic_agree .re a { display: inline-block; color: #1a53d8; font-size: 12px; vertical-align: auto; }
.login-modals .login-m .wic_agree .dl { color: #2d3141; font-size: 14px; }
.login-modals .login-m .reg { display: inline-block; width: 100%; margin-top: 26px; text-align: center; font-size: 16px; color: #2d3141; }
.login-modals .login-m .wic_submit_button { display: inline-block; width: 100%; height: 46px; background-color: #f5f5f5; border-radius: 6px; border: solid 1px #f5f5f5; color: #adaeb3; font-size: 16px; }
.login-modals .login-m .wic_submit_btn_ok { display: inline-block; width: 100%; height: 46px; background-color: #f8d970; border-radius: 6px; border: solid 1px #f8d970; color: #202330; font-size: 16px; cursor: pointer; margin-top: 4px; }
.login-modals .login-m .error { display: inline-block; width: 100%; height: 30px; line-height: 30px; color: #f53d59; font-size: 12px; text-align: left; }
.tabs-table { display: none; width: 100%; overflow: auto; height: 376px; }
.none-tip { width: 100%; height: 40px; line-height: 40px; font-size: 16px; text-align: center; }
.pur_ul .none-tip { height: 218px; line-height: 218px; }
.register-modals { height: 610px; }
.register-modals.active { width: 730px; }
.register-modals .fl { width: 280px; height: 610px; }
.register-modals .fr { width: 450px; height: 610px; }
.register-modals .adv-m img { width: 100%; height: 100%; }
.register-modals .register-m { text-align: center; padding: 16px 30px 0; position: relative; }
.register-modals .register-m .des { background: url(../images/red-notied.png) center center no-repeat; width: 100%; height: 68px; line-height: 60px; color: #fff; margin-top: -2px; font-size: 16px; padding-left: 6px; }
.register-modals .register-m .logo { width: 70px; height: 70px; }
.register-modals .register-m .tit { font-size: 18px; color: #666; margin: 12px 0 0; }
.register-modals .register-m input[type="number"], .register-modals .register-m input[type="password"], .register-modals .register-m input[type="text"] { display: inline-block; width: 100%; height: 46px; padding-left: 10px; background-color: #f5f5f5; border-radius: 6px; border: solid 1px #e6e6e6; font-size: 16px; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"] { -moz-appearance: textfield; }
.register-modals .register-m li { position: relative; }
.register-modals .register-m .wic_agree { display: flex; -webkit-display: flex; margin-top: 14px; align-items: center; justify-content: space-between; width: 100%; font-size: 16px; color: #949599; }
.register-modals .register-m .wic_agree .bp { font-size: 0; display: inline-block; vertical-align: middle; }
.register-modals .register-m .wic_agree .bp input[type="checkbox"] { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin: 2px 6px 0 0; border: solid 1px #949599; }
.register-modals .register-m .wic_agree input[type="checkbox"] { display: inline-block; vertical-align: text-top; width: 16px; height: 16px; margin: 0 6px 0 0; border: solid 1px #949599; }
.register-modals .register-m .wic_agree label { display: inline-block; vertical-align: middle; line-height: 25px; font-size: 16px; }
.register-modals .register-m .wic_agree .blue { display: inline-block; vertical-align: middle; font-size: 16px; color: #949599; line-height: 25px; }
.register-modals .register-m .wic_agree .re { font-size: 12px; color: #929397; }
.register-modals .register-m .wic_agree .re a { display: inline-block; color: #1a53d8; font-size: 12px; vertical-align: auto; }
.register-modals .register-m .wic_agree .dl { color: #2d3141; font-size: 14px; }
.register-modals .register-m .reg { display: inline-block; width: 100%; margin-top: 16px; text-align: center; font-size: 16px; color: #2d3141; }
.register-modals .register-m .wic_submit_button { display: inline-block; width: 100%; height: 46px; background-color: #f5f5f5; border-radius: 6px; border: solid 1px #f5f5f5; color: #adaeb3; font-size: 16px; }
.register-modals .register-m .wic_submit_btn_ok { display: inline-block; width: 100%; height: 46px; background-color: #f8d970; border-radius: 6px; border: solid 1px #f8d970; color: #202330; font-size: 16px; cursor: pointer; }
.register-modals .register-m .error { display: inline-block; width: 100%; height: 24px; line-height: 24px; color: #f53d59; font-size: 12px; text-align: left; }
.register-modals .register-m #m_vis { display: inline-block; width: 100%; padding-bottom: 24px; color: #f53d59; font-size: 14px; }
.register-modals .register-m .jj { display: inline-block; width: 100%; color: #f53d59; font-size: 12px; line-height: 16px; margin: 6px 0 24px 0; text-align: center; }
.register-modals .register-m .wic_agree { display: flex; -webkit-display: flex; margin-top: 14px; align-items: center; justify-content: space-between; width: 100%; font-size: 16px; color: #949599; }
.register-modals .register-m .wic_agree .bp { font-size: 0; display: inline-block; vertical-align: middle; }
.register-modals .register-m .wic_agree .bp input[type="checkbox"] { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin: 0 6px 0 0; border: solid 1px #949599; }
.register-modals .register-m .wic_agree input[type="checkbox"] { display: inline-block; vertical-align: text-top; width: 16px; height: 16px; margin: 0 6px 0 0; border: solid 1px #949599; }
.register-modals .register-m .wic_agree label { display: inline-block; vertical-align: middle; line-height: 25px; font-size: 16px; }
.register-modals .register-m .wic_agree .blue { display: inline-block; vertical-align: middle; font-size: 16px; color: #949599; line-height: 25px; }
.register-modals .register-m .wic_agree .re { font-size: 12px; color: #929397; }
.register-modals .register-m .wic_agree .re a { display: inline-block; color: #1a53d8; font-size: 12px; vertical-align: auto; }
.register-modals .register-m .wic_agree .dl { color: #2d3141; font-size: 14px; }
.register-modals .register-m .reg { display: inline-block; width: 100%; margin-top: 30px; text-align: center; font-size: 16px; color: #2d3141; }

/*充值记录*/
.tabs-table ul { width: 100%; }
.tabs-table ul li { position: relative; width: 100%; border: 1px solid #f2f2f2; margin-top: 20px; padding: 20px; }
.tabs-table ul li p { font-size: 14px; }
.tabs-table ul li .goPay, .tabs-table ul li .goCancel { border-radius: 18px; width: 80px; text-align: center; overflow: hidden; height: 36px; background: #fff; line-height: 36px; border: 1px solid #f2f2f2; font-size: 14px; cursor: pointer; }
.tabs-table ul li .goPay { position: absolute; right: 50px; top: 20px; color: #3edcab; border-color: #3edcab; }
.tabs-table ul li .goCancel { position: absolute; right: 50px; top: 70px; color: #999; border-color: #999; }
.ivu-checkbox-input { width: 16px; height: 16px; vertical-align: middle; margin: 0 6px; }

/*优惠券*/
.user_in .coupon .list { margin-top: 0; max-height: 500px; overflow-y: auto; }
.user_in .coupon .list li { font-size: 14px; width: 420px; border-radius: 12px; background: #fff; color: red; position: relative; margin-right: 16px; margin-top: 16px; }
.user_in .coupon .list li .price { float: left; display: block; color: red; font-size: 20px; vertical-align: middle; height: 80px; line-height: 80px; padding: 0 22px; font-weight: bold; }
.user_in .coupon .list li .info { height: 80px; float: left; width: 220px; padding-top: 8px; }
.user_in .coupon .list li .info > span { display: block; }
.user_in .coupon .list li .btn { position: absolute; right: 0; top: 0; height: 80px; background-image: linear-gradient(95deg, #f9d866 0%, #eca730 100%); border-radius: 0 6px 6px 0; font-size: 16px; width: 80px; padding-top: 7px; text-align: center; line-height: 22px; color: rgb(0 0 0 / 68%); }
.user_in .coupon .list .none-tip { height: 50px; line-height: 50px; margin-top: 60px; }
.user_in .coupon .disabled-coupon li, .user_in .coupon .disabled-coupon li .price { color: #999 }
.user_in .coupon .disabled-coupon li .btn { opacity: 1; background: #dfdfdf; color: rgb(153 153 153 / 80%); }

/*微信支付页*/
.payment_wx { width: 100%; margin-bottom: 20px; }
.payment_wx .lu_log { width: 100%; border-bottom: 1px solid #ccc; padding: 10px 0; background-color: #fff; }
.payment_wx .lu_log img { width: auto; }
.payment_wx .lu_main { width: 100%; }
.payment_wx .lu_main .lu_maintop { margin-top: 20px; }
.payment_wx .lu_main .lu_maintop .jaige { font-size: 30px; color: #3cb034; font-weight: 600; margin-top: -20px; }
.payment_wx .lu_main .lu_mianer { width: 100%; min-height: 600px; background: #fff; border-radius: 1px; border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; position: relative; }
.payment_wx .lu_main .lu_mianer img { width: auto; }
.payment_wx .lu_main .lu_mianer .contentBox { position: absolute; background-color: #fff; padding: 10px; left: 50%; top: 50%; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); }
.payment_wx .lu_main .lu_mianer .contentBox .leftBox { display: inline-block; vertical-align: middle; padding: 10px; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; }
.payment_wx .lu_main .lu_mianer .contentBox .bottom { text-align: center; }
.payment_wx .lu_main .lu_mianer .contentBox .bottom img { margin: 0px 15px 5px 0; width: 28px; }
.payment_wx .lu_main .lu_mianer .contentBox .bottom p { display: inline-block; line-height: 22px; text-align: left; }
.payment_wx .lu_main .lu_mianer .contentBox .pr { display: inline-block; width: 200px; height: 200px; }
.payment_wx .lu_main .lu_mianer .contentBox .pr img { width: 200px; }
.payment_wx .lu_main .lu_mianer .contentBox .title { margin: 5px 0; text-align: center; text-decoration: underline; color: #999; font-size: 14px; }
.payment_wx .lu_main .lu_mianer .contentBox .weixin { vertical-align: middle; }

/*兑换码*/
.exchange { border: none; padding: 4px 6px; background: rgb(67, 210, 171); border-radius: 10px; vertical-align: middle; color: #fff; font-size: 12px; vertical-align: middle; cursor: pointer; margin-right: 20px; position: relative; z-index: 100; }
.exchange_box { width: 256px; height: 186px; background: white; border-radius: 3px;    /* box-shadow: -2px 5px 10px #c3cfea; */ position: absolute; left: 50%; margin-left: -128px; top: 23%; }
.exchange_box-form { padding: 20px; color: #797979; }
.exchange_box-form h3 { text-align: center; font-weight: bold; }
.exchange_box-form input { width: 100%; height: 32px; line-height: 32px; padding: 3px; box-sizing: border-box; margin-top: 25px; border-radius: 6px; border: 1px solid #d8d5d5; }
.exchange_box-form button:nth-child(1) { border: 1px solid #adadad; border-radius: 15px; padding: 5px 15px; background: #fff; margin-top: 32px; }
.exchange_box-form button:nth-child(2) { border: 1px solid rgb(67, 210, 171); border-radius: 15px; padding: 5px 15px; color: #fff; background: rgb(67, 210, 171); float: right; margin-top: 32px; }
.exchange_box-form button:hover { opacity: .5; }
.modal-layer, .modal-layer-default { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); visibility: hidden; transform: scale(1.1); transition: opacity 0.25s 0s, transform 0.25s; }
.modal-layer.show, .modal-layer-default.show { visibility: visible; transform: scale(1.0); transition: opacity 0.25s 0s, transform 0.25s; z-index: 9998; }
.modal-dialog-container { position: absolute; top: 23%; left: 50%; transform: translate(-50%, -50%); background-color: white; border-radius: 0.5rem; }

/*开具发票*/
.invoiceForm { width: 700px; padding: 30px 45px; font-size: 16px; }
.invoiceForm li { width: 100%; position: relative; margin-bottom: 20px; }
.invoiceForm li p.name { font-size: 15px; height: 40px; line-height: 40px; color: #666; float: left; width: 150px; }
.invoiceForm li span { float: left; line-height: 40px; margin: 0 30px 0 4px; font-size: 15px; }
.invoiceForm input { float: left; width: 400px; font-size: 15px; }
.invoiceForm input[type="number"], .invoiceForm input[type="text"] { display: inline-block; height: 40px; padding-left: 10px; border-radius: 6px; border: solid 1px #e6e6e6; font-size: 16px; }
.invoiceForm input[type="button"] { display: inline-block; height: 40px; width: 140px; margin-right: 40px; background-color: #f8d970; border-radius: 6px; border: solid 1px #f5f5f5; color: #202330; font-size: 16px; cursor: pointer; margin-top: 10px; }
.invoiceForm input[type="radio"] { width: 16px; height: 16px; margin-top: 12px; }

/*.verify-wrap { position: relative; width: 100%; height: 49px; background-color: #e6e6e6; border: 1px solid #e6e6e6; border-radius: 6px; }
.verify-wrap .drag-btn { position: absolute; left: -1px; top: -1px; width: 69px; height: 49px; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAxCAMAAAC1SeqjAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAb1BMVEX////l5eXo6Ojn5+fn5+fm5ub6+vrn5+fp6en6+vrm5ubo6Oj5+fnq6urm5ubr6+v5+fnp6enn5+fm5ub9/f3///+4ub+4ub7n5+mYmqL29veZmqKwsrivsbeQkpvHyM2hoqrQ0NSIipPX2Nvv7/HnvZzPAAAAE3RSTlMAJ7DwKuv66qr476j4JOwn7SOeamRpfQAAAAFiS0dEAIgFHUgAAAAHdElNRQflAwcADCIp/2wQAAAAnElEQVRIx+3WuRLCMAwE0A1XOMMRDIk5Q/j/b2QyTiuPWLXaxm6eR1a1AIrJtGYDzOaLc2CDoqTtwJcrE1/zkw+8tmjnzp2PuVzT2bSR4fF2T5dH1ovD67z8d5XPrE7jc5uPz9fo3wzvPk16pu0IrtAZrtEyV2mR9yot86TDtw8MV8a5c+f/cWOv22xNfFeZOPblwdCogeOpovv8D9Te+Gu0xlWbAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAzLTA2VDE2OjEyOjM0KzA4OjAwrJbXNgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMy0wNlQxNjoxMjozNCswODowMN3Lb4oAAAAgdEVYdHNvZnR3YXJlAGh0dHBzOi8vaW1hZ2VtYWdpY2sub3JnvM8dnQAAABh0RVh0VGh1bWI6OkRvY3VtZW50OjpQYWdlcwAxp/+7LwAAABd0RVh0VGh1bWI6OkltYWdlOjpIZWlnaHQANDnwZ7e7AAAAFnRFWHRUaHVtYjo6SW1hZ2U6OldpZHRoADYyrSzMPAAAABl0RVh0VGh1bWI6Ok1pbWV0eXBlAGltYWdlL3BuZz+yVk4AAAAXdEVYdFRodW1iOjpNVGltZQAxNjE1MDE4MzU0HBXfAAAAABJ0RVh0VGh1bWI6OlNpemUAMTM0N0JCHKcyTwAAAEZ0RVh0VGh1bWI6OlVSSQBmaWxlOi8vL2FwcC90bXAvaW1hZ2VsYy9pbWd2aWV3Ml85XzE2MDk5MDM1MTIwMjM1NTYwXzQ3X1swXa+nRXAAAAAASUVORK5CYII=) no-repeat center center; background-size: 100% 100%; z-index: 2; cursor: pointer; border-radius: 0 5px 5px 0; }
.verify-wrap .suc-drag-btn { background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAAAxCAMAAAC74JTMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAUVBMVEX///8gIjAgIzAgIDAgIjAgIzAgIjAgIzBYWmSsrbL///+Cg4vy8vM8PkpKTFd0dX6en6WdnqRmaHHk5OarrLHx8fIuMD3j4+W6ur/V1djW1tk5+83DAAAAB3RSTlMA779AgMDwLIe6JQAAAAFiS0dEAIgFHUgAAAAHdElNRQflAwcABiQ6cyGvAAAAt0lEQVRIx+3XwQ6CMAwG4CFCXcGBokN9/we1ISbjQiu0B4zbrZcv2b9uWR0oV3EonXNahdbRRIHSRKlMlMJEgaxk5U+Uk4XisdErHtuzWiEkqHfUIC7EskLpEDvQKhzCKP1lXl05hFEGvKUi3NHDFiW0iREQLpfESAibLgU6tWoc8QGblc+5xCe+okKZmC8QqV+IGWVE7DpiFm7gGgX6IYjIL7+YWcnKXpR6R39vkznAYCapK5qP3v3SXsA3GhMDAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAzLTA2VDE2OjA2OjM2KzA4OjAw82y5pQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMy0wNlQxNjowNjozNiswODowMIIxARkAAAAgdEVYdHNvZnR3YXJlAGh0dHBzOi8vaW1hZ2VtYWdpY2sub3JnvM8dnQAAABh0RVh0VGh1bWI6OkRvY3VtZW50OjpQYWdlcwAxp/+7LwAAABd0RVh0VGh1bWI6OkltYWdlOjpIZWlnaHQANDnwZ7e7AAAAFnRFWHRUaHVtYjo6SW1hZ2U6OldpZHRoADY5Ov4VtAAAABl0RVh0VGh1bWI6Ok1pbWV0eXBlAGltYWdlL3BuZz+yVk4AAAAXdEVYdFRodW1iOjpNVGltZQAxNjE1MDE3OTk2C1pkoAAAABF0RVh0VGh1bWI6OlNpemUANjI5QkKUNfigAAAAR3RFWHRUaHVtYjo6VVJJAGZpbGU6Ly8vYXBwL3RtcC9pbWFnZWxjL2ltZ3ZpZXcyXzEwXzE2MDk5MDM1MTQwODI2NTIyXzk5X1swXfPdwNEAAAAASUVORK5CYII=) no-repeat center center; background-size: 100% 100%; }
.verify-wrap .drag-progress { position: absolute; left: -1px; top: -1px; height: 49px; line-height: 49px; border-radius: 6px 0 0 5px; width: 0; background-color: #f8d970; color: #fff; font-size: 18px; text-align: center; }
.verify-wrap .fix-tips, .verify-wrap .verify-msg { position: absolute; right: 0; left: -1px; width: 100%; height: 100%; padding-left: 85px; color: #51555c; z-index: 1; line-height: 49px; font-size: 14px; border-radius: 6px 0 0 5px; }
.verify-wrap .verify-msg { position: absolute; right: 0; left: -1px; width: 100%; padding-left: 10px; text-align: left; background-color: #f8d970; color: #202330; display: none; }*/
.nc-container { position: relative; background-color: #e6e6e6; border: 1px solid #e6e6e6; border-radius: 6px; }

/*这个是验证码相关*/
.nc-container #nc_1_wrapper, .nc-container #nc_2_wrapper { width: 100% !important; font-size: 14px; margin: 0 auto; }
.nc-container #nc_1_nocaptcha, .nc-container #nc_2_nocaptcha, .nc-container .nc_scale, .nc-container #nc_1_wrapper, .nc-container #nc_2_wrapper, .nc-container .nc_scale span { height: 48px !important; line-height: 48px !important; }
.nc-container .nc_scale span { width: 60px !important; font-size: 20px; }
.nc-container .nc_scale span.nc-lang-cnt { width: 100% !important; color: #51555c; font-size: 14px; }
#nc, #r-nc { position: relative !important; }

/*.nc-container .nc_scale .btn_ok { background: #202330 !important; }*/
.nc-container .nc_scale .nc_ok, .nc-container .nc_scale .nc_bg { background: #f8d970 !important; }

/*实名认证*/
{ font-size: 14px; }
#certification { margin-top: -12px; }
.certificationForm .sm-pop-inner { width: 320px; float: right; }
.certification-list { margin-top: -12px; font-size: 14px; }
.certification-list > a { width: 650px; margin: 15px auto; }
.certification-list li { width: 650px; padding: 16px 20px; font-size: 14px; display: flex; align-items: center; -webkit-box-shadow: 0 0 10px 1px #eee; box-shadow: 0 0 10px 1px #eee; border-radius: 6px; }
.certification-list li.active { background: #edf9ff; }
.certification-list li .img-box { width: 60px; text-align: center; }
.certification-list li .img-box img { width: auto; align-items: center; }
.certification-list li:hover { cursor: pointer; -webkit-transform: scale(1.05); transform: scale(1.05); }
.certification-list li .intro { float: left; width: 468px; min-height: 65px; margin-left: 25px; }
.certification-list li .intro strong { color: #333; font-size: 18px; margin-bottom: 6px; display: block; font-weight: normal; }
.certification-list li .intro strong span { display: inline-block; padding: 0px 8px; background-color: #f53d59; color: #fff; margin-left: 10px; border-radius: 4px; font-size: 16px; }
.certification-list li .intro p { font-size: 12px; color: #7f7f7f; line-height: 22px; margin-bottom: 0px; }
.certification-list li > span { cursor: pointer; color: #1181ff; }
.certification-desc { margin: 38px 0 0 30px; }
.certification-desc strong { color: #f00; display: block; font-size: 16px; margin-bottom: 12px; }
.certification-desc p { color: #7f7f7f; margin-bottom: 4px; font-size: 14px; }
.certification-box { font-size: 14px; }
.certification-box .top { width: 340px; height: 54px; margin: -12px auto 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }
.certification-box .top.active::after { content: ""; width: 140px; height: 6px; background-color: #02a7f0; position: absolute; top: 10px; left: 20px; }
.certification-box .top::before { content: ""; width: 300px; height: 6px; background-color: #f2f2f2; position: absolute; top: 10px; left: 20px; }
.certification-box .top span { display: inline-block; width: 60px; margin-bottom: 20px; position: relative; z-index: 10; color: #aaa; }
.certification-box .top span::before { display: block; margin: 0 auto 10px; content: '1'; width: 30px; height: 30px; background-color: #aaa; color: #fff; border-radius: 50%; line-height: 30px; text-align: center; }
.certification-box .top span:nth-child(2)::before { content: '2'; }
.certification-box .top span:nth-child(3)::before { content: '3'; }
.certification-box .top span.active { color: #02a7f0; }
.certification-box .top span.active::before { background-color: #02a7f0; }
.certification-box .scanPage .content { margin: 30px auto; overflow: hidden; width: 220px; height: 220px; border-radius: 5px; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; }
.certification-box .scanPage .content .img { display: block; width: 150px; height: 150px; margin: 20px auto; }
.certification-box .scanPage .content p { text-indent: 75px; position: relative; }
.certification-box .scanPage .content p i { position: absolute; width: 25px; height: 25px; top: -3px; left: 41px; background: url(../images/renlian.png) no-repeat; background-size: 100% auto; }
.certification-box .scanPage .content p i.weixin { top: -1px; background: url(../images/wxsm.png) no-repeat; background-size: 100% auto; }
.user_in .user_content .certificationForm input[type="button"].go-back { background-color: #e8e8e8; border-color: #e8e8e8; }
.goto-ivu-form { width: 220px; height: 46px; background-color: #e8e8e8; border-radius: 6px; border: solid 1px #f5f5f5; color: #202330; font-size: 16px; cursor: pointer; display: block; margin: 10px auto 0; }
.user_in .user_content .certificationForm .ivu-radio { line-height: 46px; }
.user_in .user_content .certificationForm .ivu-radio .name { width: 120px; }
.user_in .user_content .certificationForm .ivu-radio input { width: 14px; height: 14px; float: none; vertical-align: middle; margin: -2px 4px 0; }
.user_in .user_content .certificationForm .ivu-radio span { margin-right: 20px; }

/**返回顶部**/
#netmonitor { display: none; position: fixed; z-index: 5; width: 68px; height: 68px }
.gotop { width: 68px; height: 68px; border-radius: 50%; }
.gotop > a, .kefu > a { display: block; border-radius: 50%; width: 100%; height: 100%; background: #fff url(../images/npu_top.png) no-repeat; box-shadow: 0px 6px 10px rgb(136 136 136 / 30%); }
.gotop a:hover { background: #F8D970 url(../images/npu_top_hover.png) no-repeat; }
.kefu { margin-bottom: 30px; position: relative; width: 68px; height: 68px; }
.kefu > a { background: url(../images/kefu.png) no-repeat; }
.kefu:hover > a { background: url(../images/kefu_hover.png) no-repeat; }
.kefu .show-box { position: absolute; width: 280px; height: 130px; background-color: #ffffff; left: -280px; top: -20px; box-shadow: 0px 8px 10px 0px rgb(0 0 0 / 7%); display: none; border-radius: 6px; padding: 18px; }
.kefu .show-box > a { width: 116px; height: 34px; line-height: 34px; background-color: #f8d970; text-align: center; border-radius: 4px; display: block; font-size: 16px; }
.show-box .qq-icon { background: url(../images/qq-icon.png) no-repeat; width: 20px; height: 22px; display: inline-block; vertical-align: middle; margin: -4px 4px 0 0; }
.show-box a:hover { opacity: .8; color: unset; }
.show-box p { font-size: 16px; padding-top: 17px; border-top: 1px solid rgb(45 49 65 / 20%); margin-top: 18px; }

/*公告*/
.popup { position: fixed; width: 340px;    /*height: 280px;*/ padding: 20px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9998; box-shadow: 1px 1px 10px #999; background-color: #fff; border-radius: 12px; }
.popup .close_popup { background: url(../images/http/close.png) no-repeat; opacity: 1; width: 16px; height: 16px; position: absolute; right: 12px; top: 12px; }
.popup h4 { height: 40px; font-size: 18px; }
.popup .des { text-indent: 2em; font-size: 13px; line-height: 22px; }
.popup .check-notice { height: 22px; line-height: 22px; float: left; margin-top: 20px; }
.popup .check-notice input { vertical-align: middle; margin: -2px 6px 0 0; }
.popup span { text-align: right; margin-top: 20px; float: right; }
.popup i { font-style: normal; color: red; }

/*企点*/
#qidian_wpa_3009053764_499 { right: 0 !important; box-shadow: 0px 6px 10px rgb(136 136 136 / 20%); }
#qidian_wpa_3009053764_501 { display: none; z-index: 1 !important; opacity: 0; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); box-shadow: 0px 6px 10px rgb(136 136 136 / 70%); }

/*双十二*/
.banner_s12 { position: relative; width: 100%; background: #ffab48 url(../images/activity/d12/bg.png) no-repeat top center; height: 1722px; }
.banner_s12 .head { position: absolute; top: 272px; left: 50%; width: 1200px; margin-left: -600px; text-align: center; }
.banner_s12 .head a { display: block; width: 272px; text-align: center; height: 62px; line-height: 62px; color: #fff; font-size: 34px; font-weight: bold; margin: 0 auto; border-radius: 32px; background-image: linear-gradient(180deg, #ff4f5d 0%, #ff0533 100%); }
.banner_s12 .head p { font-size: 20px; color: #ffffff; margin-top: 16px; font-weight: bold; }
.banner_s12 .head img { margin-top: 34px; width: 602px; }
.banner_s12 .tit { font-size: 38px; color: #ffffff; line-height: 50px; font-weight: bold; }
.banner_s12 .course { position: absolute; top: 686px; left: 50%; width: 1200px; margin-left: -600px; text-align: center; }
.banner_s12 .course img { margin-top: 20px; display: inline-block; width: 542px; }
.banner_s12 .rule { position: absolute; top: 1188px; left: 50%; width: 1200px; margin-left: -600px; }
.banner_s12 .rules { padding: 24px 48px 0 118px; border-radius: 14px; }
.banner_s12 .rules h4 { margin: 9px 0 12px 0; line-height: 26px; color: #000; font-size: 18px; font-weight: normal; }
.banner_s12 .rules dl { display: inline-block; width: 100%; margin: 11px 0; }
.banner_s12 .rules dt { float: left; width: 50px; position: relative; }
.banner_s12 .rules dd { line-height: 26px; font-size: 18px; font-weight: bold; color: #fff; }
.banner_s12 .rules em { display: inline-block; width: 30px; height: 30px; line-height: 28px; font-size: 20px; color: #fff; text-indent: 8px; position: relative; top: 6px; font-style: oblique; left: -4px; }
.banner_s12 .rules dt:before { position: absolute; content: ''; top: 0; width: 26px; height: 26px; border-radius: 50%; background-image: linear-gradient(90deg, #ff8c53 0%, #ff6e56 100%); }

/*购买页活动按钮*/
#myGiveModal { z-index: 9999; display: none; width: 268px; padding: 0 24px; height: 318px; background: #fff; border-radius: 6px; left: 50%; top: 50%; transform: translate(-50%, -50%); position: fixed; box-shadow: 0px 0px 8px 0px 
rgba(0, 0, 0, 0.24); }
#myGiveModal h4 { text-align: center; display: block; font-size: 26px; font-weight: bold; color: #eb3a57; margin-top: 20px; }
#myGiveModal span { font-size: 14px; margin-top: 14px; display: block; }
#myGiveModal input { width: 218px; height: 32px; line-height: 32px; border: 1px solid #d0d0d0; margin-top: 6px; padding-left: 12px; }
#myGiveModal .sel-coupon { position: relative; margin-top: 6px; width: 218px; height: 36px; box-sizing: border-box; border: 1px solid #d0d0d0; color: #757575; display: inline-block; vertical-align: middle; }
#myGiveModal .sel-coupon::after { position: absolute; content: ""; width: 14px; height: 14px; right: 8px; top: 50%; transform: translateY(-50%); background: url(../images/pullDownRed.png)no-repeat center; }
#myGiveModal .sel-coupon.active::after { top: 13px; transform: rotateX(180deg); }
#myGiveModal .sel-coupon.loading::after { background: url('../images/loading.gif') no-repeat; }
#myGiveModal .sel-coupon p { text-indent: 10px; font-size: 14px; line-height: 34px; color: #eb3a57; text-align: left; cursor: pointer; }
#myGiveModal .giveCouponList { width: 218px; background-color: #f5f7f9; left: -1px; top: 34px; position: absolute; overflow-x: hidden; overflow-y: auto; border: 1px solid #dad2d2; border-top: transparent; display: none; }
#myGiveModal .giveCouponList li { height: 36px; line-height: 36px; cursor: pointer; text-indent: 10px; font-size: 14px; overflow: hidden; color: #f53d59; text-align: left; }
#myGiveModal .giveCouponList li.active { background-color: #fff; }
#myGiveModal .giveCouponList::-webkit-scrollbar { width: 4px; }
#myGiveModal .giveCouponList::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2); }
#myGiveModal .giveCouponList::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: rgba(0, 0, 0, 0.1); }
#myGiveModal .btn { display: block; width: 100%; line-height: 38px; margin-top: 32px; background: #eb3a57; color: #fff; border-radius: 4px; text-align: center; }
#myGiveModal .close { background: url(../images/http/close.png) no-repeat; opacity: 1; width: 16px; height: 16px; position: absolute; right: 20px; top: 18px; }
#myGiveModal .close:hover { opacity: 0.7; }
#getCouponModal { z-index: 9999; width: 270px; padding: 0 26px; height: 300px; background: #fff; border-radius: 6px; left: 50%; top: 50%; transform: translate(-50%, -50%); position: fixed; box-shadow: 0px 0px 8px 0px 
rgba(0, 0, 0, 0.24); display: none; }
#getCouponModal h4 { text-align: center; display: block; font-size: 26px; font-weight: bold; color: #eb3a57; margin-top: 16px; }
#getCouponModal .des { height: 10px; border-bottom: 1px solid #c0c0c0; text-align: center; margin-top: 6px; }
#getCouponModal strong { font-size: 16px; color: #333; line-height: 20px; height: 20px; background: #fff; text-align: center; padding: 0 12px; }
#getCouponModal .line { height: 20px; }
#getCouponModal .line:before { position: absolute; content: '——'; left: 0; top: 50%; background: #cacaca; height: 1px; width: 100%; }
#getCouponModal .coupon-box { background: url(../images/activity/get_coupon.png) no-repeat; width: 162px; height: 78px; margin: 0 auto; color: #21b3b7; padding: 10px 32px 0 0; text-align: center; margin-top: 22px; }
#getCouponModal span { font-size: 14px; display: block; }
#getCouponModal span:last-child { font-size: 34px; line-height: 42px; margin-left: -2px; }
#getCouponModal p { color: #999; padding-left: 12px; position: relative; margin: 12px 0; }
#getCouponModal p:before { position: absolute; content: ''; left: 0; top: 8px; height: 5px; width: 5px; background: #eb3a57; border-radius: 50%; }
#getCouponModal .btn { display: inline-block; width: 100px; line-height: 32px; height: 34px; background: #eb3a57; color: #fff; border-radius: 4px; border: 1px solid #eb3a57; text-align: center; }
#getCouponModal .know { background: #f9f9f9; border-color: #f5f5f5; margin-right: 12px; color: #333; }
#getCouponModal .close:hover { opacity: 0.7; }
#addConnectModal { z-index: 2; position: absolute; width: 708px; display: none; left: 32px; top: -366px; }
#add-connect-tip { position: relative; display: inline-block; vertical-align: middle; background: url(../images/activity/icon_discount.png) no-repeat; width: 103px; font-size: 17px; color: #ed4e68; text-align: left; padding-left: 12px; height: 33px; line-height: 33px; margin: 0 0 0 8px; cursor: pointer; }
#add-connect-tip strong { font-weight: bold; }
#add-connect-tip:hover #addConnectModal { display: block; }
#addConnectModal img { -webkit-box-shadow: 0px 3px 8px 1px rgb(27 38 48 / 16%); box-shadow: 0px 3px 8px 1px rgb(27 38 48 / 16%); border-radius: 8px; }

/*首次登录优惠券
#newUserModal { background: url(../images/activity/login_coupon_bg.png) no-repeat; margin-top: -20px; display: block; width: 340px; height: 390px; z-index: 9999; left: 50%; top: 50%; transform: translate(-50%, -50%); position: fixed; padding: 134px 0px 0 55px; }
#newUserModal .coupon-card { position: relative; background: url(../images/activity/login_coupon.png) no-repeat; width: 234px; height: 62px; margin-top: 8px; }
#newUserModal .coupon-card .fl:first-child { width: 96px; text-align: center; padding: 0; }
#newUserModal .coupon-card .fl:first-child img { width: 53px; height: 53px; display: block; margin: 5px auto 0; }
#newUserModal .coupon-card .fl { width: 138px; padding: 10px 0 0 10px; }
#newUserModal .coupon-card .experience { font-size: 15px; color: #d13413; line-height: 18px; margin-top: 4px; }
#newUserModal .coupon-card .minus { color: #d13413; font-size: 24px; height: 33px; margin-top: 2px; margin-left: -2px; }
#newUserModal .coupon-card .minus span { font-size: 12px; }
#newUserModal .coupon-card .full { font-size: 12px; color: #823708; }
#newUserModal .coupon-card .name { font-size: 15px; color: #333; }
#newUserModal .coupon-card .date { font-size: 12px; color: #999; margin-top: -1px; }
#newUserModal .coupon-card .label { font-size: 12px; position: absolute; right: 0; top: 0; color: #fff; line-height: 16px; padding: 0px 4px; background-image: linear-gradient(266deg, #fb1b3d 0%, #f17142 100%); border-radius: 0px 6px 0px; }
#newUserModal .zz { position: absolute; background: url(../images/activity/login_coupon_zz.png) no-repeat; bottom: 0; left: 50%; width: 274px; height: 63px; margin-left: -136px; }
#newUserModal .btn { position: absolute; text-align: center; bottom: 14px; right: 82px; font-size: 20px; color: #fff; font-weight: bold; width: 180px; height: 42px; margin: 0 auto; line-height: 42px; border-radius: 22px; background-image: linear-gradient(180deg, #ea2500 0%, #b50700 100%); }
#newUserModal .close { background: url(../images/activity/close_w.png) no-repeat; opacity: 1; width: 39px; height: 39px; position: absolute; right: -10px; top: 0px; }
#newUserModal .close:hover, #newUserModal .btn:hover { cursor: pointer; }

/*诈骗举报*/
header .nav li.anti-fraud a { color: red; font-weight: bold; }
.contact { display: table; width: 100%; width: 100%; margin-top: 20px; }
.contact .box { display: table; width: 100%; margin-top: 20px; margin-bottom: 50px; }
.contact h2 { display: block; margin-bottom: 10px; font-size: 20px; color: #262626; }
.contact .manner_way { display: flex; width: 100%; justify-content: space-between; }
.contact .manner_way li { position: relative; width: 24%; height: 186px; padding: 30px 0; background: #FAFAFC; -webkit-box-shadow: 0px 3px 8px 1px rgba(100, 123, 143, 0.16); box-shadow: 0px 3px 8px 1px rgba(100, 123, 143, 0.16); border-radius: 4px; text-align: center; }
.contact .manner_way li:nth-child(1)::before { position: absolute; left: 0; top: 0; content: ''; display: block; width: 100%; height: 3px; background: -webkit-linear-gradient(45deg, #28C445 0%, #3ED65B 100%); background: -moz-linear-gradient(45deg, #28C445 0%, #3ED65B 100%); background: -o-linear-gradient(45deg, #28C445 0%, #3ED65B 100%); background: linear-gradient(45deg, #28C445 0%, #3ED65B 100%); border-radius: 4px 4px 0 0; }
.contact .manner_way li:nth-child(2)::before { position: absolute; left: 0; top: 0; content: ''; display: block; width: 100%; height: 3px; background: -webkit-gradient(linear, right top, left top, from(#07BDFD), to(#1C95FF)); background: -webkit-linear-gradient(right, #07BDFD 0%, #1C95FF 100%); background: -moz-linear-gradient(right, #07BDFD 0%, #1C95FF 100%); background: -o-linear-gradient(right, #07BDFD 0%, #1C95FF 100%); background: linear-gradient(270deg, #07BDFD 0%, #1C95FF 100%); border-radius: 4px 4px 0 0; }
.contact .manner_way li:nth-child(3)::before { position: absolute; left: 0; top: 0; content: ''; display: block; width: 100%; height: 3px; background: -webkit-linear-gradient(27deg, #F7B501 0%, #FBDA01 100%); background: -moz-linear-gradient(27deg, #F7B501 0%, #FBDA01 100%); background: -o-linear-gradient(27deg, #F7B501 0%, #FBDA01 100%); background: linear-gradient(63deg, #F7B501 0%, #FBDA01 100%); border-radius: 4px 4px 0 0; }
.contact .manner_way li:nth-child(4)::before { position: absolute; left: 0; top: 0; content: ''; display: block; width: 100%; height: 3px; background: -webkit-linear-gradient(27deg, #ff8fa0 0%, #f53d59 100%); background: -moz-linear-gradient(27deg, #ff8fa0 0%, #f53d59 100%); background: -o-linear-gradient(27deg, #ff8fa0 0%, #f53d59 100%); background: linear-gradient(63deg, #ff8fa0 0%, #f53d59 100%); border-radius: 4px 4px 0 0; }
.contact .manner_way i { font-size: 48px; color: #5a6ffc; }
.contact .manner_way p { margin-top: 25px; text-align: center; font-size: 16px; }
.contact .manner_way img { width: 100px; height: 100px; }
.contact .manner_way span { display: block; }
.contact .report_new span, .contact .report_new .info .upload_text { display: block; width: 80px; line-height: 34px; font-size: 16px; margin-right: 10px; float: left; }
.contact .report_new p:first-child { font-size: 18px; font-weight: bold; }
.contact .report_new .info { display: block; margin: 0 auto; overflow: hidden; position: relative; padding: 10px; }
.contact .report_new .info input, .contact .report_new .info textarea { font-size: 14px; }
.contact .report_new .info input::-webkit-input-placeholder { font-size: 14px; }
.contact .report_new .info textarea::-webkit-input-placeholder { font-size: 14px; }
.contact .report_new .info textarea { border: 1px solid #c0c4cc !important; outline: none;  /*边线不显示*/ resize: none;  /*禁止拉伸*/ background: #fff; appearance: none; border-radius: 5px; width: 50%; height: 100px; padding: 10px; resize: none; }
.contact .report_new button { color: #fff; background-color: #1890ff; border: 1px solid #1890ff; position: relative; display: inline-block; text-align: center; cursor: pointer; border-radius: 4px; font-size: 14px; width: 150px; height: 32px; }
.contact .report_new input { outline-style: none; border: 1px solid #c0c4cc; border-radius: 5px; width: 50%; padding: 0; padding: 5px 10px; box-sizing: border-box; font-family: "Microsoft soft"; }
.contact .report_new input:focus { outline: 0; }
.contact .report_new .el-upload { background-color: #fbfdff; border: 1px dashed #c0ccda; border-radius: 6px; box-sizing: border-box; width: 122px; height: 122px; cursor: pointer; line-height: 98px; vertical-align: top; position: relative; display: inline-block; }
.contact .report_new .el-icon-plus:before { content: "+"; font-size: 50px; position: absolute; top: 50%; left: 50%; color: #c0ccda; transform: translate(-50%, -60%); }
.contact .report_new .el-upload input { color: transparent; position: absolute; top: 0; right: 0; height: 100% !important; width: 100% !important; opacity: 0; z-index: 3; cursor: pointer; }
.contact .report_new .img_prompt { position: absolute; bottom: 50px; font-size: 12px; height: 20px; left: 0px; z-index: 2; }
.contact .report_new .show_upload_img { display: inline-block; height: 122px; padding: 0 !important; box-sizing: border-box; *zoom: 1; }
.contact .report_new .show_upload_img::after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.contact .report_new .show_upload_img div { width: 122px; height: 122px; padding: 0 !important; position: relative; border: 1px dashed #c0c4cc; float: left; margin-right: 5px; padding: 5px; box-sizing: border-box; }
.contact .report_new .show_upload_img img { width: 100%; height: 100%; }
.contact .report_new .show_upload_img span { position: absolute; right: 5px; top: 2px; display: inline !important; width: auto; margin: 0; font-size: 12px; color: #c0c4cc; font-weight: bold; cursor: pointer; z-index: 4; }

/*新春活动*/
.bg_body { background-color: #fef5f2; }
.xc_index { width: 100%; overflow: hidden; }
.xc_index .banner_xc { position: relative; display: block; width: 100%; height: 540px; background: url("../images/activity/ny/xc_index_02.jpg") no-repeat center; }
.xc_index .banner_xc p { position: absolute; top: 354px; left: 0; width: 100%; font-size: 24px; color: #fff; text-align: center; }
.xc_index .yh_xc { position: relative; display: block; width: 100%; }
.xc_index .yh_xc .k_xc { position: relative; display: block; margin: 0 -10px; z-index: 1; }
.xc_index .yh_xc .k_xc li { position: relative; float: left; width: 386px; height: 148px; padding: 20px 27px; margin: 0 10px; background: url("../images/activity/ny/xc_index_08.png") no-repeat center; }
.xc_index .yh_xc .k_xc .he { display: block; font-size: 18px; color: #ffffff; line-height: 18px; }
.xc_index .yh_xc .k_xc .yh { display: block; margin-top: 20px; font-size: 30px; color: #ffeec6; line-height: 30px; }
.xc_index .yh_xc .k_xc .sj { display: block; margin-top: 24px; font-size: 16px; color: #f2bfbf; line-height: 16px; }
.xc_index .yh_xc .k_xc a { position: absolute; top: 55px; right: 28px; width: 108px; height: 38px; line-height: 38px; background: #eec48f; background-image: linear-gradient(-90deg, #eec48f 0%, #f0d1aa 63%, #f1ddc4 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; border-radius: 2px; font-size: 18px; color: #7b3400; text-align: center; }
.xc_index .yh_zk { position: relative; display: block; width: 100%; }
.xc_index .yh_zk .s_xc { width: 100%; height: 400px; background: url("../images/activity/ny/xc_index_17.jpg") repeat-x; border-radius: 6px; border: solid 1px #f5dbb2; }
.xc_index .yh_zk .s_xc h4 { font-size: 24px; color: #d50208; line-height: 24px; font-weight: normal; }
.xc_index .yh_zk .s_xc i { float: left; width: 8px; height: 8px; margin-top: 8px; margin-right: 10px; border-radius: 50%; background-color: #d50208; }
.xc_index .yh_zk .s_xc .pl { float: left; width: 595px; padding: 34px; }
.xc_index .yh_zk .s_xc .pl li { display: block; margin-top: 33px; }
.xc_index .yh_zk .s_xc .pl li:first-child { margin-top: 0; }
.xc_index .yh_zk .s_xc .pl p { margin-top: 10px; font-size: 18px; color: #222222; line-height: 28px; }
.xc_index .yh_zk .s_xc .pr { float: right; width: 500px; padding: 33px 34px; }
.xc_index .yh_zk .s_xc .pr table { width: 100%; margin-top: 15px; background-color: #fdf9e4; border-collapse: separate; text-align: center; border-left: solid 1px #f5dbb2; border-radius: 4px; }
.xc_index .yh_zk .s_xc .pr th { width: 249px; background: url("../images/activity/ny/xc_index_24.jpg") repeat-x center; font-size: 18px; color: #222; font-weight: normal; line-height: 41px; }
.xc_index .yh_zk .s_xc .pr th:first-child { border-radius: 4px 0 0 0; border-right: 1px solid #fff; }
.xc_index .yh_zk .s_xc .pr th:last-child { border-radius: 0 4px 0 0; }
.xc_index .yh_zk .s_xc .pr td { width: 249px; line-height: 41px; border-right: solid 1px #f5dbb2; border-bottom: solid 1px #f5dbb2; font-size: 18px; color: #222222; }
.xc_index .yh_zk .s_xc .pr tr:last-child > td:first-child { border-radius: 0 0 0 4px; }
.xc_index .yh_zk .s_xc .pr tr:last-child > td:last-child { border-radius: 0 0 4px 0; }
.xc_index .yh_gz { position: relative; display: block; width: 100%; padding-bottom: 90px; }
.xc_index .yh_gz .g_xc { position: relative; width: 100%; height: 380px; padding: 35px; background: url("../images/activity/ny/xc_index_17.jpg") repeat-x; border-radius: 6px; border: solid 1px #f5dbb2; }
.xc_index .yh_gz .g_xc p { margin-top: 23px; font-size: 18px; color: #222; line-height: 30px; }
.xc_index .yh_gz .g_xc p:first-child { margin-top: 4px; }
.xc_index .yh_gz .g_xc i { float: left; width: 30px; height: 30px; margin-right: 23px; }
.xc_index .yh_gz .bg { display: inline-block; position: absolute; right: 29px; bottom: 6px; width: 237px; height: 214px; background: url("../images/activity/ny/xc_index_52.png") no-repeat; }
.xc_index .yh_gz .i_bg0 { background: url("../images/activity/ny/xc_index_37.png") no-repeat center; }
.xc_index .yh_gz .i_bg1 { background: url("../images/activity/ny/xc_index_40.png") no-repeat center; }
.xc_index .yh_gz .i_bg2 { background: url("../images/activity/ny/xc_index_42.png") no-repeat center; }
.xc_index .yh_gz .i_bg3 { background: url("../images/activity/ny/xc_index_44.png") no-repeat center; }
.xc_index .yh_gz .i_bg4 { background: url("../images/activity/ny/xc_index_46.png") no-repeat center; }
.xc_index .yh_gz .i_bg5 { background: url("../images/activity/ny/xc_index_48.png") no-repeat center; }
.xc_index .t_xc { margin-top: 52px; margin-bottom: 28px; text-align: center; }
.xc_index .t_xc h2 { font-size: 36px; color: #222222; line-height: 34px; font-weight: bold; }
.xc_index .t_xc p { margin-top: 16px; font-size: 18px; color: #666666; line-height: 18px; }
.xc_index .bg_01 { display: inline-block; position: absolute; bottom: 39px; left: -136px; width: 180px; height: 180px; background: url("../images/activity/ny/xc_index_05.png") no-repeat; z-index: 0; }
.xc_index .bg_02 { display: inline-block; position: absolute; bottom: -65px; right: -85px; width: 70px; height: 70px; background: url("../images/activity/ny/xc_index_12.png") no-repeat; }
.xc_index .bg_03 { display: inline-block; position: absolute; bottom: -15px; right: -216px; width: 110px; height: 110px; background: url("../images/activity/ny/xc_index_28.png") no-repeat; }
.xc_index .bg_04 { display: inline-block; position: absolute; top: 29px; left: -165px; width: 80px; height: 80px; background: url("../images/activity/ny/xc_index_33.png") no-repeat; }
.xc_index .bg_05 { display: inline-block; position: absolute; bottom: -63px; right: -153px; width: 153px; height: 153px; background: url("../images/activity/ny/xc_index_51.png") no-repeat; }
.right_ad { position: fixed; bottom: 158px; right: 18px; display: block; width: 348px; height: 200px; z-index: 5; }
.guanbi2 { position: absolute; top: 12px; right: 14px; width: 32px; height: 32px; cursor: pointer; background: url(../images/guanbi2.png) no-repeat; }

.pe_ico { display: inline-block; vertical-align: middle; background: url("../images/ins/pe_ico.png") no-repeat; }
.pe_ico.pe_ico30 { width: 34px; height: 34px; background-position: -282px -10px; }
.pe_ico.pe_ico1 { width: 21px; height: 21px; background-position: -336px -137px; }
.pe_ico.pe_ico2 { width: 22px; height: 22px; background-position: -267px -282px; }
.pe_ico.pe_ico3 { width: 22px; height: 22px; background-position: -336px -10px; }
.pe_ico.pe_ico4 { width: 21px; height: 22px; background-position: -336px -95px; }
.pe_ico.pe_ico5 { width: 60px; height: 60px; background-position: -106px -106px; }
.pe_ico.pe_ico6 { width: 60px; height: 60px; background-position: -202px -10px; }
.pe_ico.pe_ico7 { width: 60px; height: 60px; background-position: -202px -90px; }
.pe_ico.pe_ico8 { width: 60px; height: 60px; background-position: -10px -202px; }
.pe_ico.pe_ico9 { width: 10px; height: 5px; background-position: -202px -170px; }
.pe_ico.pe_ico10 { width: 16px; height: 16px; background-position: -336px -178px; }
.pe_ico.pe_ico11 { width: 76px; height: 76px; background-position: -10px -10px; }
.pe_ico.pe_ico12 { width: 76px; height: 76px; background-position: -106px -10px; }
.pe_ico.pe_ico13 { width: 76px; height: 76px; background-position: -10px -106px; }
.pe_ico.pe_ico14 { width: 14px; height: 15px; background-position: -336px -250px; }
.pe_ico.pe_ico15 { width: 21px; height: 23px; background-position: -336px -52px; }
.pe_ico.pe_ico18 { width: 40px; height: 40px; background-position: -90px -202px; }
.pe_ico.pe_ico17 { width: 40px; height: 40px; background-position: -150px -202px; }
.pe_ico.pe_ico16 { width: 40px; height: 40px; background-position: -210px -202px; }
.pe_ico.pe_ico19 { width: 16px; height: 16px; background-position: -336px -214px; }
.pe_ico.pe_ico20 { width: 26px; height: 26px; background-position: -221px -282px; }
.pe_ico.pe_ico21 { width: 9px; height: 20px; background-position: -336px -285px; }
.pe_ico.pe_ico22 { width: 29px; height: 26px; background-position: -172px -282px; }
.pe_ico.pe_ico23 { width: 34px; height: 34px; background-position: -282px -64px; }
.pe_ico.pe_ico24 { width: 34px; height: 34px; background-position: -282px -118px; }
.pe_ico.pe_ico25 { width: 34px; height: 34px; background-position: -282px -172px; }
.pe_ico.pe_ico26 { width: 34px; height: 34px; background-position: -282px -226px; }
.pe_ico.pe_ico27 { width: 34px; height: 34px; background-position: -10px -282px; }
.pe_ico.pe_ico28 { width: 34px; height: 34px; background-position: -64px -282px; }
.pe_ico.pe_ico29 { width: 34px; height: 34px; background-position: -118px -282px; }
header { position: fixed; top: 0; height: 70px; background-color: #202330; width: 100%; z-index: 9999; }
header .m { position: relative; }
header .fix-header { position: fixed; top: 0; z-index: 9; height: 70px; background: rgba(32, 35, 48, 0.86); }
header .logo { display: inline-block; width: 136px; vertical-align: top; margin-top: 20px; }
header .nav { float: right; height: 100%; }
header .nav .active a { color: #f8d970; }
header .nav li { position: relative; display: inline-block; height: 70px; line-height: 70px; margin: 0 22px; }
header .nav li:hover a { color: #f8d970; }
header .nav li a { display: inline-block; color: #ffffff; font-size: 16px; }
header .nav li .pe_ico9 { margin-left: 8px; }
header .nav li .hot { position: absolute; top: 6px; left: 28px; display: inline-block; padding: 0 8px; height: 18px; background-color: #DF0000; border-radius: 10px 10px 10px 0; font-size: 12px; color: #fff; line-height: 17px; text-align: center; white-space: nowrap; }
header .nav .li_popup { display: none; position: absolute; top: 70px; left: -115px; width: 312px; height: 386px; padding: 5px 12px 14px 12px; background-color: #FFFFFF; border-radius: 10px; font-size: 0; box-shadow: 0 0 4px #999;}
header .nav .li_popup .ti { display: flex; margin-top: 9px; font-size: 16px; color: #202330; line-height: 22px; }
header .nav .li_popup .ti::before { display: inline-block; content: ''; width: 3px; height: 16px; margin-top: 3px; margin-right: 10px; background-color: #F8D970; border-radius: 2px; }
header .nav .li_popup .go_h { display: inline-block; vertical-align: top; width: 100%; height: 92px; padding-left: 20px; margin-top: 7px; margin-bottom: 5px; }
header .nav .li_popup .go_h.ps1 { background: url("../images/ins/bg13.png") no-repeat; }
header .nav .li_popup .go_h.ps2 { background: url("../images/ins/bg12.png") no-repeat; }
header .nav .li_popup .go_h.ps3 { background: url("../images/ins/bg11.png") no-repeat; }
header .nav .li_popup .go_h .p1 { display: block; margin-top: 21px; line-height: 24px; font-size: 18px; color: #202330; font-weight: bold; }
header .nav .li_popup .go_h .p2 { display: block; margin-top: 6px; line-height: 19px; font-size: 14px; color: #6C6E7A; }
header .nav .li_popup .go_h .p2 font{ color: #FF0000;}
header .nav .kefu_nav:hover a { color: #232330; }
header .nav .kefu_nav a { width: 94px; height: 32px; line-height: 32px; vertical-align: middle; text-align: center; background-color: #f8d970; border-radius: 4px; color: #232330; }
header .login { float: right; font-size: 0; padding-left: 28px; position: relative; }
header .login::before { position: absolute; content: ''; height: 18px; width: 1px; background-color: rgba(255, 255, 255, 0.25); left: 12px; top: 50%; margin-top: -9px; }
header .login a { display: inline-block; vertical-align: middle; width: 60px; height: 32px; line-height: 32px; text-align: center; color: #ffffff; font-size: 16px; border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
header .login .reg { position: relative; display: inline-block; line-height: 70px; }
header .login .reg a { color: #202330; background-color: #f8d970; }
header .login .reg .hot { position: absolute; top: 6px; left: 28px; display: inline-block; padding: 0 8px; height: 18px; background-color: #DF0000; border-radius: 10px 10px 10px 0; font-size: 12px; color: #fff; line-height: 17px; text-align: center; white-space: nowrap; }
header .login .log { display: inline-block; line-height: 70px; margin-right: 10px; }
header .login .log a:hover { color: #f8d970; }
header .user { float: right; font-size: 0; position: relative; padding: 15px 20px 0 0; width: 60px; }
header .user .user_logo { display: inline-block; width: 40px; height: 40px; cursor: pointer; }
header .user .user_logo i { position: absolute; right: 12px; top: 6px; }
header .user ul { position: absolute; display: none; z-index: 10000; right: 0; top: 70px; }
header .user ul::before { position: absolute; top: -10px; right: 32px; content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 12px solid #ffffff; }
header .user ul li { display: inline-block; width: 100%; border-bottom: dashed 1px #eaeaea; background-color: #ffffff; }
header .user ul li:first-child { border-radius: 4px 4px 0 0; }
header .user ul li:last-child { border-bottom: 0; border-radius: 0 0 4px 4px; }
header .user ul li a { display: inline-block; width: 100%; padding: 10px 20px; font-size: 16px; text-align: center; color: #202330; white-space: nowrap; }
header .soft-agreement-box { position: absolute; color: #ffffff; opacity: 0.3; font-size: 12px; right: -350px; width: 336px; top: 6px; }
header .soft-agreement-box a { color: #ffffff; }
.banner_new1 { position: relative; width: 100%; height: 630px; margin-top: -70px; background: url("../images/ins/bg18.png") no-repeat center; background-size: 1920px 630px; }
.banner_new1 .ti { position: absolute; top: 138px; left: 0; width: 100%; text-align: center; }
.banner_new1 .ti h2 { color: #ffffff; font-size: 60px; font-family: Microsoft YaHei; font-weight: bold; line-height: 66px; margin-bottom: 14px; letter-spacing: 6px; }
.banner_new1 .ti p { display: block; width: 990px; height: 64px; margin: 0 auto; background: url("../images/ins/bg17.png") no-repeat; color: #ffffff; font-size: 20px; text-align: center; font-size: 22px; color: #DADADC; line-height: 64px; }
.banner_new1 .ti .pe_ico21 { margin: 0 15px; }
.banner_new1 .ti span { display: inline-block; margin: 0 12px; }
.banner_new1 .bi { position: absolute; top: 340px; left: 0; width: 100%; text-align: center; }
.banner_new1 .bi a { display: inline-block; width: 348px; height: 84px; line-height: 84px; background: linear-gradient(87deg, #F34752 0%, #D8212D 100%); border-radius: 10px; color: #202330; font-size: 0; text-align: center; }
.banner_new1 .bi a .pe_ico20 { margin-left: 10px; }
.banner_new1 .bi a .pe_ico22 { margin-right: 12px; }
.banner_new1 .bi a font { display: inline-block; vertical-align: middle; font-size: 26px; color: #fff; }
.download_box { position: relative; display: block; height: 120px; width: 100%; margin-top: -120px; background: linear-gradient(90deg, rgba(17, 17, 30, 0.28) 0%, rgba(17, 17, 30, 0.84) 49%, rgba(17, 17, 30, 0.28) 100%); font-size: 0; z-index: 1; }
.download_box .do { position: relative; display: inline-block; width: 400px; height: 120px; padding-top: 20px; padding-left: 74px; border-left: 1px solid rgba(255, 255, 255, 0.15); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.download_box .do:first-child { border-left: 0; }
.download_box .do .bga1 { display: inline-block; vertical-align: middle; text-align: center; width: auto; height: 32px; padding: 0 14px; margin: 10px 0 0 16px; line-height: 30px; background-color: #f8d970; border-radius: 4px; color: #020610; font-size: 14px; }
.download_box .do .bga1:hover + .sqr { display: block; }
.download_box .do .bga1 font { display: inline-block; vertical-align: middle; margin-right: 6px; font-size: 14px; color: #020610; }
.download_box .do h4 { display: block; height: 26px; margin-top: 4px; margin-left: 16px; line-height: 26px; color: #ffffff; font-weight: normal; font-size: 20px; }
.download_box .do .bga2 { display: inline-block; vertical-align: middle; text-align: center; width: auto; height: 32px; padding: 0 8px; margin: 10px 0 0 8px; line-height: 32px; background-color: #F8D970; border-radius: 4px; }
.download_box .do .bga2:hover + .sqr { display: block; }
.download_box .do .ico-xiazai { display: inline-block; vertical-align: middle; font-size: 16px; color: #fff; }
.download_box .do .sqr { display: none; width: 112px; height: 118px; background: url("../images/dow_ico2.png?v=1.0.0") no-repeat; z-index: 2; }
.download_box .do .sqr img { width: 88px; height: 88px; margin-top: 13.5px; margin-left: 12px; }
.download_box .do .po2 { position: absolute; right: 49px; bottom: 64px; }
@font-face { font-family: 'D-DINExp'; src: url("../fonts/D-DINExp.ttf") format("truetype"), url("../fonts/D-DINExp.woff") format("woff"); }
.ins1 { display: inline-block; vertical-align: top; width: 100%; }
.ins1 .tit_s { display: inline-block; width: 100%; text-align: center; }
.ins1 .tit_s h2 { font-size: 40px; line-height: 52px; color: #202330; margin-bottom: 12px; font-weight: bold; }
.ins1 .tit_s p { font-size: 18px; line-height: 24px; color: #2D3141; opacity: 0.7; }
.ins1 .box1 { display: block; padding-top: 50px; background-color: #fff; }
.ins1 .box1 ul { display: inline-block; width: 100%; margin-top: 28px; margin-bottom: 84px; font-size: 0; }
.ins1 .box1 li { display: inline-block; width: 300px; text-align: center; }
.ins1 .box1 li em { display: block; clear: both; margin-bottom: 13px; font-size: 42px; color: #222; font-family: 'D-DINExp'; font-weight: bold; line-height: 42px; }
.ins1 .box1 li span { display: block; width: 30px; height: 4px; margin: 0 auto 16px auto; border-radius: 3px; background-color: #F8D970; }
.ins1 .box1 li font { display: inline-block; vertical-align: middle; margin-left: 8px; font-size: 18px; color: #2D3141; }
.ins1 .box2 { position: relative; display: inline-block; width: 100%; height: 756px; }
.ins1 .box2 .box_img { position: absolute; left: -265px; top: 140px; width: 818px; height: 547px; }
.ins1 .box2 .box2_tab { position: relative; z-index: 1; display: block; margin-top: 30px; text-align: center; }
.ins1 .box2 .box2_tab a { display: inline-block; width: auto; height: 42px; padding: 0 36px; margin: 0 20px; line-height: 42px; font-size: 18px; color: #2D3141; border-radius: 26px; }
.ins1 .box2 .box2_tab a.active { background-color: #2D3141; color: #fff; }
.ins1 .box2 .box2_cont { position: relative; z-index: 1; display: block; width: 100%; }
.ins1 .box2 .box2_cont .cont { display: none; float: right; width: 610px; margin-top: 91px; }
.ins1 .box2 .box2_cont .cont.active { display: block; }
.ins1 .box2 .box2_cont .cont .p1 { display: block; margin-bottom: 12px; }
.ins1 .box2 .box2_cont .cont .p1 font { display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 28px; color: #222222; font-weight: bold; }
.ins1 .box2 .box2_cont .cont .p2 { display: block; width: 100%; text-align: justify; font-size: 17px; color: #4F5260; line-height: 32px; }
.ins1 .box2 .box2_cont .cont .p2 font{ text-decoration: underline solid #F8D970; text-decoration-thickness: 2px; text-underline-offset: 5px; text-decoration-skip-ink: none;}
.ins1 .box2 .box2_cont .cont a { display: inline-block; width: 208px; height: 62px; margin-top: 38px; background: url("../images/ins/bg16.png") no-repeat; text-align: center; line-height: 60px; }
.ins1 .box2 .box2_cont .cont a font { display: inline-block; vertical-align: middle; margin-right: 12px; font-size: 20px; color: #2D3141; }
.ins1 .box3 { display: inline-block; width: 100%; }
.ins1 .box3 ul { display: block; margin: 28px -10px 0 -10px; }
.ins1 .box3 ul li { position: relative; float: left; width: 285px; height: 180px; margin: 8px 10px; }
.ins1 .box3 ul li .box_b { display: block; width: 285px; height: 180px; padding-top: 40px; padding-left: 36px; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; transition: all 0.3s ease; }
.ins1 .box3 ul li .box_b .p1 { display: block; line-height: 29px; font-size: 22px; color: #fff; }
.ins1 .box3 ul li .box_b .p2 { display: block; width: 333px; margin-top: 14px; font-size: 14px; line-height: 22px; color: #FFFFFF; }
.ins1 .box3 ul li .box_b span { display: block; width: 88px; height: 1px; margin-top: 14px; background-color: #FFFFFF; }
.ins1 .box3 ul li .box_t { display: block; opacity: 1; visibility: visible; transition: opacity 0.3s ease; width: 100%; height: 180px; padding-top: 80px; padding-left: 36px; }
.ins1 .box3 ul li .box_t span { display: block; margin-top: 8px; line-height: 29px; font-size: 22px; color: #fff; }
.ins1 .box3 ul li.active .box_b { opacity: 1; visibility: visible; width: 590px; z-index: 10; }
.ins1 .box3 ul li.active .box_t { display: none; opacity: 0; visibility: hidden; }
.ins1 .box3 ul li.active:nth-child(4n) .box_b { display: block; position: relative; width: 590px; margin-left: -305px; }
.ins1 .box3 ul li.active:nth-child(3) .box_b { display: block; position: relative; width: 590px; margin-left: -305px; }
.ins1 .box3 ul li.active:nth-child(7) .box_b { display: block; position: relative; width: 590px; margin-left: -305px; }
.ins1 .box3 ul .libg1 { background: url("../images/ins/bg1.png") no-repeat right center; background-size: 592px 180px; border-radius: 6px; }
.ins1 .box3 ul .libg2 { background: url("../images/ins/bg2.png") no-repeat right center; background-size: 592px 180px; border-radius: 6px; }
.ins1 .box3 ul .libg3 { background: url("../images/ins/bg3.png") no-repeat right center; background-size: 592px 180px; border-radius: 6px; }
.ins1 .box3 ul .libg4 { background: url("../images/ins/bg4.png") no-repeat right center; background-size: 592px 180px; border-radius: 6px; }
.ins1 .box3 ul .libg5 { background: url("../images/ins/bg5.png") no-repeat right center; background-size: 592px 180px; border-radius: 6px; }
.ins1 .box3 ul .libg6 { background: url("../images/ins/bg6.png") no-repeat right center; background-size: 592px 180px; border-radius: 6px; }
.ins1 .box3 ul .libg7 { background: url("../images/ins/bg7.png") no-repeat right center; background-size: 592px 180px; border-radius: 6px; }
.ins1 .box3 ul .libg8 { background: url("../images/ins/bg8.png") no-repeat right center; background-size: 592px 180px; border-radius: 6px; }
.ins1 .box4 { display: block; margin-top: 70px; }
.ins1 .box4 ul { display: block; margin: 28px -10px 0 -10px; }
.ins1 .box4 li { position: relative; float: left; width: 386px; height: 364px; margin: 0 10px; padding: 0 30px; border-radius: 10px; border: 1px solid #F6F2EA; box-shadow: 0px 3px 8px 1px rgba(35, 29, 20, 0.03); }
.ins1 .box4 li:nth-child(1) { background: url("../images/ins/bg19.png") no-repeat; background-size: 386px 364px; }
.ins1 .box4 li:nth-child(2) { background: url("../images/ins/bg20.png") no-repeat; background-size: 386px 364px; }
.ins1 .box4 li:nth-child(3) { background: url("../images/ins/bg21.png") no-repeat; background-size: 386px 364px; }
.ins1 .box4 li .ti { display: block; margin-top: 26px; margin-bottom: 8px; }
.ins1 .box4 li .ti font { display: inline-block; vertical-align: middle; margin-left: 16px; font-size: 22px; color: #2D3141; font-weight: bold; }
.ins1 .box4 li .to a { display: block; width: 100%; font-size: 16px; color: #2D3141; line-height: 36px; height: 36px; overflow: hidden; }
.ins1 .box4 li .to a::before { content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin-right: 12px; background-color: #909294; border-radius: 50%; }
.ins1 .box4 li .to a:hover { color: #F9AD1D; }
.ins1 .box4 li .more { position: absolute; left: 30px; bottom: 0; display: inline-block; width: 326px; height: 56px; padding-top: 16px; border-top: 1px solid #F8F5EF; text-align: right; }
.ins1 .box4 li .more font { display: inline-block; vertical-align: middle; margin-right: 9px; font-size: 16px; color: #F9AD1D; }
.ins2 { display: block; width: 100%; height: 226px; margin-top: 87px; background: url("../images/ins/bg9.png") no-repeat center; background-size: 1920px 226px; }
.ins2 h2 { display: block; margin-top: 34px; font-size: 44px; font-weight: bold; color: #fff; text-align: center; }
.ins2 .bbt { display: block; width: 298px; height: 68px; margin: 10px auto 0 auto; line-height: 68px; text-align: center; background: linear-gradient(87deg, #F1444F 0%, #EC111F 100%); border-radius: 6px; }
.ins2 .bbt font { display: inline-block; vertical-align: middle; margin: 0 10px; font-size: 22px; color: #fff; }