@charset "UTF-8";
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; }

* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }

html { outline: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; }

body { width: 100%; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-overflow-scrolling: touch; color: #222; background: #fff; overflow-x: hidden; }

img, input, select { vertical-align: middle; font-family: inherit; font-size: 100%; }

img, fieldset { border: 0; -ms-interpolation-mode: bicubic; width: 100%; }

img { border: 0px; outline-width: 0px; vertical-align: text-bottom; width: 100%; overflow: hidden; -o-object-fit: cover; object-fit: cover; }

li, ul, dl { list-style: none; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

input { border: none; outline: none; background-color: transparent; -webkit-appearance: none; resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; }

input::-webkit-input-placeholder { color: #cccccc; font-size: .29rem; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: none; }

button[disabled], input[disabled] { cursor: default; }

textarea { overflow: auto; vertical-align: top; resize: none; font-family: inherit; font-size: 100%; }

abbr, acronym { border: 0; font-variant: normal; }

del { text-decoration: line-through; }

address, caption, cite, code, dfn, em, th { font-style: normal; font-weight: 500; }

caption, th { text-align: left; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }

i, em { font-style: normal; }

b, strong, dt { font-weight: bold; }

a { color: #666; text-decoration: none; }

a, a:hover, a:active { outline: 0; -webkit-tap-highlight-color: transparent; background-color: transparent; }

a:focus { outline: 0; }

/* Clear: */
.clear { clear: both; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { clear: both; *zoom: 1; /*ie6,7*/ }

input::-webkit-input-placeholder { color: #a8a8a8; font-size: 16px; }

input::-moz-placeholder { color: #a8a8a8; font-size: 16px; }

input:-moz-placeholder { color: #a8a8a8; font-size: 16px; }

input:-ms-input-placeholder { color: #a8a8a8; font-size: 16px; }

/* 选择历史记录的文字颜色和背景颜色 */
input:-webkit-autofill { -webkit-animation: autofill-fix 1s infinite !important; /* 选择历史记录的文字颜色*/ -webkit-text-fill-color: #666; -webkit-transition: background-color 50000s ease-in-out 0s !important; -o-transition: background-color 50000s ease-in-out 0s !important; -moz-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; }

/**
* 溢出省略号
* @param {Number} 行数
*/
.m { width: 100%; margin-right: auto; margin-left: auto; }

.ico { display: inline-block; vertical-align: middle; background-image: url("../images/h5pc/ico.png"); background-repeat: no-repeat; }

.pst_ico1 { width: 24px; height: 24px; background-position: -247px -388px; }

.pst_ico2 { width: 24px; height: 24px; background-position: -335px -388px; }

.pst_ico3 { width: 24px; height: 24px; background-position: -10px -438px; }

.pst_ico4 { width: 24px; height: 24px; background-position: -54px -438px; }

.pst_ico5 { width: 24px; height: 24px; background-position: -98px -438px; }

.pst_ico6 { width: 24px; height: 24px; background-position: -186px -438px; }

.pst_ico7 { width: 24px; height: 24px; background-position: -274px -438px; }

.pst_ico8 { width: 24px; height: 24px; background-position: -362px -438px; }

.pst_ico1h { width: 24px; height: 24px; background-position: -291px -388px; }

.pst_ico2h { width: 24px; height: 24px; background-position: -452px -362px; }

.pst_ico3h { width: 24px; height: 24px; background-position: -379px -388px; }

.pst_ico4h { width: 24px; height: 24px; background-position: -452px -10px; }

.pst_ico5h { width: 24px; height: 24px; background-position: -142px -438px; }

.pst_ico6h { width: 24px; height: 24px; background-position: -230px -438px; }

.pst_ico7h { width: 24px; height: 24px; background-position: -318px -438px; }

.pst_ico8h { width: 24px; height: 24px; background-position: -406px -438px; }

.erw_ico1 { width: 38px; height: 38px; background-position: -342px -68px; }

.erw_ico2 { width: 38px; height: 38px; background-position: -342px -184px; }

.erw_ico4 { width: 38px; height: 38px; background-position: -342px -126px; }

.file_pm3 { width: 44px; height: 44px; background-position: -278px -10px; }

.file_pm4 { width: 44px; height: 44px; background-position: -278px -74px; }

.file_wjj { width: 44px; height: 44px; background-position: -278px -138px; }

.file_no { width: 44px; height: 44px; background-position: -278px -202px; }

.file_text { width: 44px; height: 44px; background-position: -10px -266px; }

.ico1 { width: 20px; height: 20px; background-position: -496px -374px; }

.ico2 { width: 16px; height: 16px; background-position: -418px -482px; }

.ico3 { width: 20px; height: 20px; background-position: -496px -414px; }

.ico4 { width: 18px; height: 18px; background-position: -304px -482px; }

.ico5 { width: 24px; height: 24px; background-position: -452px -54px; }

.ico6 { width: 26px; height: 21px; background-position: -10px -482px; }

.ico7 { width: 24px; height: 24px; background-position: -450px -438px; }

.ico8 { width: 24px; height: 24px; background-position: -496px -10px; }

.ico9 { width: 27px; height: 27px; background-position: -110px -388px; }

.ico10 { width: 20px; height: 20px; background-position: -188px -482px; }

.ico11 { width: 18px; height: 18px; background-position: -342px -482px; }

.ico12 { width: 18px; height: 18px; background-position: -380px -482px; }

.ico13 { width: 32px; height: 32px; background-position: -347px -330px; }

.ico14 { width: 26px; height: 21px; background-position: -56px -482px; }

.ico15 { width: 30px; height: 30px; background-position: -10px -388px; }

.ico16 { width: 26px; height: 26px; background-position: -157px -388px; }

.ico17 { width: 30px; height: 30px; background-position: -60px -388px; }

.ico18 { width: 34px; height: 34px; background-position: -293px -330px; }

.ico19 { width: 18px; height: 18px; background-position: -266px -482px; }

.ico20 { width: 30px; height: 30px; background-position: -400px -216px; }

.ico21 { width: 10px; height: 10px; background-position: -452px -406px; }

.ico22 { width: 11px; height: 2px; background-position: -496px -454px; }

.ico23 { width: 32px; height: 32px; background-position: -400px -10px; }

.ico24 { width: 32px; height: 32px; background-position: -400px -62px; }

.ico25 { width: 32px; height: 32px; background-position: -400px -114px; }

.ico26 { width: 38px; height: 38px; background-position: -266px -266px; }

.ico27 { width: 38px; height: 38px; background-position: -342px -10px; }

.ico28 { width: 20px; height: 20px; background-position: -496px -54px; }

.ico29 { width: 20px; height: 20px; background-position: -496px -94px; }

.ico30 { width: 24px; height: 24px; background-position: -452px -98px; }

.ico31 { width: 20px; height: 20px; background-position: -496px -134px; }

.ico32 { width: 20px; height: 20px; background-position: -496px -174px; }

.ico33 { width: 24px; height: 24px; background-position: -452px -142px; }

.ico34 { width: 24px; height: 24px; background-position: -203px -388px; }

.ico35 { width: 24px; height: 24px; background-position: -452px -186px; }

.ico36 { width: 24px; height: 24px; background-position: -452px -230px; }

.ico37 { width: 30px; height: 30px; background-position: -400px -266px; }

.ico38 { width: 24px; height: 24px; background-position: -452px -274px; }

.ico39 { width: 36px; height: 36px; background-position: -181px -330px; }

.ico40 { width: 36px; height: 36px; background-position: -125px -330px; }

.ico41 { width: 30px; height: 30px; background-position: -400px -316px; }

.ico42 { width: 30px; height: 30px; background-position: -400px -166px; }

.ico43 { width: 20px; height: 20px; background-position: -496px -214px; }

.ico44 { width: 20px; height: 20px; background-position: -496px -254px; }

.ico45 { width: 24px; height: 24px; background-position: -452px -318px; }

.ico46 { width: 20px; height: 20px; background-position: -496px -294px; }

.ico47 { width: 72px; height: 72px; background-position: -10px -10px; }

.ico48 { width: 72px; height: 72px; background-position: -102px -10px; }

.ico49 { width: 50px; height: 60px; background-position: -10px -186px; }

.ico50 { width: 64px; height: 64px; background-position: -194px -94px; }

.ico51 { width: 64px; height: 64px; background-position: -194px -10px; }

.ico52 { width: 64px; height: 64px; background-position: -10px -102px; }

.ico53 { width: 64px; height: 64px; background-position: -94px -102px; }

.ico54 { width: 45px; height: 45px; background-position: -212px -186px; }

.ico55 { width: 20px; height: 20px; background-position: -496px -334px; }

.ico56 { width: 38px; height: 38px; background-position: -10px -330px; }

.ico57 { width: 46px; height: 46px; background-position: -80px -186px; }

.ico58 { width: 37px; height: 37px; background-position: -68px -330px; }

.ico59 { width: 46px; height: 46px; background-position: -146px -186px; }
.ico60 { width: 15px; height: 15px; background-position: -450px -482px; }
.ico61 { width: 15px; height: 3px; background-position: -479px -488px; }

.file_apk { width: 44px; height: 44px; background-position: -138px -266px; }

.img_123 { width: 44px; height: 44px; background-position: -202px -266px; }

.file_img { width: 44px; height: 44px; background-position: -74px -266px; }

.erw_ico3 { width: 38px; height: 38px; background-position: -342px -242px; }

.ico6h { width: 26px; height: 21px; background-position: -102px -482px; }

.ico10h { width: 20px; height: 20px; background-position: -148px -482px; }

.ico11h { width: 18px; height: 18px; background-position: -228px -482px; }

.ico18h { width: 34px; height: 34px; background-position: -237px -332px; }

.check { display: inline-block; vertical-align: middle; margin-right: 10px; }

.check input[type=checkbox] { display: none; }

.check input[type=checkbox]:checked + label .ico { background-position: -148px -482px; }

.check label { cursor: pointer; }

.login { position: fixed; left: 0; top: 0; display: block; width: 100%; font-size: 0;}

.login .login_l { position: relative; display: inline-block; width: 43.85%; height: 100vh; background: url("../images/h5pc/bg1.png") no-repeat; background-size: cover; background-position: center; }

.login .login_img1 { position: absolute; left: 21px; top: 23px; width: auto; }

.login .login_img2 { position: absolute; left: 59px; top: 131px; width: auto; }

.login .login_r { position: relative; display: inline-block; vertical-align: top; width: 56.15%; height: 100vh; background-color: #fff; }

.login .login_r h3 { display: block; margin-top: 147px; margin-bottom: 50px; text-align: center; font-weight: bold; font-size: 32px; color: #222222; line-height: 42px; }

.login .login_r .list { position: relative; display: block; width: 420px; height: 54px; line-height: 52px; margin: 0 auto 16px auto; padding: 0 0 0 10px; border-radius: 8px; border: 1px solid #E0E0E0; color: #8A8F9A; }

.login .login_r .list input[type=text], .login .login_r .list input[type=tel], .login .login_r .list input[type=password] { display: inline-block; vertical-align: top; height: 52px; width: 364px; margin-left: 10px; line-height: 52px; font-size: 16px; }

.login .login_r .list .list_code_age { width: 250px !important; }

.login .login_r .list .list_code { float: right; height: 52px; line-height: 52px; font-size: 16px; margin-right: 20px; color: #304DFF; border: 0; background: none; }

.login .login_r .list .list_code:disabled { color: #7A849A; cursor: no-drop; }

.login .login_r .list_p { display: inline-block; width: 100%; margin: 34px auto 18px auto; text-align: center; }

.login .login_r .list_p font { display: inline-block; vertical-align: middle; font-size: 16px; color: #222222; }

.login .login_r .list_p a { display: inline-block; vertical-align: middle; font-size: 16px; color: #2644FF; }

.login .login_r .list_a { position: absolute; right: 0; bottom: -29px; display: block; text-align: right; font-size: 16px; color: #8A8F9A; line-height: 21px; }

.login .login_r .a_reg { display: block; width: 420px; height: 54px; margin: 0 auto; line-height: 54px; border-radius: 100px; background-color: #746EF6; text-align: center; color: #fff; font-size: 18px; }

.login .login_r .reg_tab { display: block; margin-top: 31px; font-size: 18px; color: #2644FF; text-align: center; line-height: 24px; }

.login .login_r .bt { position: absolute; bottom: 30px; display: block; width: 100%; text-align: center; font-size: 14px; color: #BEBEBE; line-height: 19px; }

.login .login_r .close { position: absolute; top: 16px; right: 16px; cursor: pointer; }

.member { display: flex; flex-wrap: wrap; }

.member_left { position: relative; flex: 1; float: left; width: 222px; min-width: 222px; max-width: 222px; height: 100vh; background-color: #fff; }

.member_left .logon { display: flex; justify-content: center; align-items: center; width: 198px; height: 79px; margin: 0 12px; border-bottom: 1px solid #F5F5F5;}

.member_left .logon img { width: 157px; }

.member_left .nav { display: block; width: 100%; height: calc(100% - 79px); padding-top: 20px; overflow-y: auto; overflow-x: hidden; }

.member_left .nav::-webkit-scrollbar { display: block; width: 6px; height: 1px; }

.member_left .nav::-webkit-scrollbar-thumb { border-radius: 10px; background: #C1C1C1; }

.member_left .nav::-webkit-scrollbar-track { border-radius: 10px; background: #F1F1F1; }

.member_left .nav li { display: block; width: 192px; margin: 0 15px 7px 15px; }

.member_left .nav li.active > a { background: #746EF6; }

.member_left .nav li.active > a font { color: #fff; }

.member_left .nav li.active .pst_ico1h { background-position: -247px -388px; }

.member_left .nav li.active .pst_ico2h { background-position: -335px -388px; }

.member_left .nav li.active .pst_ico3h { background-position: -10px -438px; }

.member_left .nav li.active .pst_ico4h { background-position: -54px -438px; }

.member_left .nav li.active .pst_ico5h { background-position: -98px -438px; }

.member_left .nav li.active .pst_ico6h { background-position: -186px -438px; }

.member_left .nav li.active .pst_ico7h { background-position: -274px -438px; }

.member_left .nav li.active .pst_ico8h { background-position: -362px -438px; }

.member_left .nav li .ico30 { float: right; margin-top: 12px; }

.member_left .nav li > a { display: inline-block; vertical-align: top; width: 100%; height: 48px; line-height: 48px; padding: 0 10px 0 14px; font-size: 0; border-radius: 8px; }

.member_left .nav li > a font { display: inline-block; vertical-align: middle; margin-left: 12px; color: #7A849A; font-size: 15px; }
.member_left .nav li .box{ margin-top: 8px;}
.member_left .nav li .box .lis { position: relative; display: block; height: 40px; margin-bottom: 8px; line-height: 40px; font-size: 0; color: #7A849A; padding-left: 50px; border-radius: 8px; cursor: pointer; }

.member_left .nav li .box .lis .ico40{ display: none; position: absolute; left: 7px; top: 2px;}
.member_left .nav li .box .lis:hover .ico40{ display: inline-block;}
.member_left .nav li .box .lis.active{ background: #746EF6;}
.member_left .nav li .box .lis.active font{ color: #fff;}

.member_left .nav li .box .lis font { display: inline-block; vertical-align: middle; max-width: 110px; margin-right: 8px; font-size: 15px; color: #7A849A; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.member_left .nav li .box .nav_add { display: block; height: 40px; margin-bottom: 8px; line-height: 40px; font-size: 0; color: #7A849A; padding-left: 48px; border-radius: 8px; background: #F9FAFC; border-radius: 8px; }

.member_left .nav li .box .nav_add font { display: inline-block; vertical-align: middle; margin-left: 4px; font-size: 15px; }

.member_left .nav li .box input { display: none; width: 100px; height: 26px; padding-left: 4px; border-radius: 4px; line-height: 26px; border: 1px solid #f3f3f3; font-size: 12px; }

.member_left .nav_ad { position: absolute; left: 15px; bottom: 15px; width: 192px; height: 115px; }

.member_left .nav_ad img { height: 100%; object-fit: contain;}

.member_right { flex: 1; overflow-y: scroll; width: auto; height: 100vh; padding-left: 2px; background-color: #F8F8F8; }

.member_right::-webkit-scrollbar { display: block; width: 6px; height: 1px; }

.member_right::-webkit-scrollbar-thumb { border-radius: 10px; background: #C1C1C1; }

.member_right::-webkit-scrollbar-track { border-radius: 10px; background: #F1F1F1; }

.con_top { display: block; width: 100%; height: 78px; line-height: 78px; background-color: #fff; }

.con_top .account { position: relative; }

.con_top .account .con_top_lon { float: left; font-size: 0; }

.con_top .account .con_top_lon img { display: inline-block; vertical-align: middle; width: 46px; height: 46px; margin-left: 26px; border-radius: 50%; }

.con_top .account .con_top_lon font { display: inline-block; vertical-align: middle; margin-left: 9px; margin-right: 5px; font-size: 16px; color: #222; font-weight: bold; }

.con_top .account ul { position: absolute; left: 78px; top: 60px; display: none; min-width: 132px; padding: 5px 0; background: #fff; border-radius: 8px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); z-index: 2;}

.con_top .account ul li { display: block; width: 100%; line-height: 42px; text-align: center; }

.con_top .account ul li:last-child a { border-bottom: 0; }

.con_top .account ul li a { display: block; margin: 0 20px; color: #808080; font-size: 15px; border-bottom: 1px solid #EBEBEB; }

.con_top .account ul li a:hover { color: #746EF6; }

.con_top .account ul li .ico4 { float: right; margin-top: 13px; }

.con_top .invite { display: inline-block; margin-left: 34px; }

.con_top .invite span { display: inline-block; font-size: 14px; color: #888888; }

.con_top .invite a { display: inline-block; vertical-align: middle; width: auto; height: 27px; padding: 0 8px 0 2px; margin-left: 4px; line-height: 25px; border: 1px solid #EBEBEB; border-radius: 4px; }

.con_top .invite i { vertical-align: top; margin-top: 2.5px; }

.con_top .invite font { display: inline-block; vertical-align: top; margin-left: 1px; font-size: 13px; color: #BEBEBE; }

.con_top .invite input { display: inline-block; vertical-align: top; width: 100px; height: 25px; padding-left: 1px; font-size: 13px; color: #222; line-height: 1; }

.con_top .invite input::-webkit-input-placeholder { color: #a8a8a8; font-size: 13px; }

.con_top .invite input::-moz-placeholder { color: #a8a8a8; font-size: 13px; }

.con_top .invite input:-moz-placeholder { color: #a8a8a8; font-size: 13px; }

.con_top .invite input:-ms-input-placeholder { color: #a8a8a8; font-size: 13px; }

.con_top .switch { float: right; font-size: 0;}

.con_top .switch a { margin-right: 30px; }

.con_notice { display: block; width: 100%; height: 42px; padding-left: 16px; line-height: 42px; background-color: #FEF7DA; font-size: 0; }

.con_notice font { display: inline-block; vertical-align: middle; max-width: 900px; margin-left: 5px; font-size: 15px; color: #FFA237; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.con_notice .ico17 { float: right; margin-top: 6px; margin-right: 30px; }

.diy_select { display: block; width: 156px; height: 32px; line-height: 30px; cursor: pointer; border: 1px solid #EBEBEB; border-radius: 4px; }

.diy_select .diy_select_list { display: none; position: absolute; top: 42px; left: 0; z-index: 88888; width: 100%; height: auto; padding: 15px 10px; overflow: auto; background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 8px; }

.diy_select .diy_select_list li { list-style: none; height: 43px; line-height: 43px; cursor: pointer; background: #fff; font-size: 15px; color: #808080; border-radius: 4px; text-align: center; }

.diy_select .diy_select_list li:hover { background-color: #F1F0FE; color: #746EF6; }

.diy_select .select_text { position: relative; display: block; width: 100%; }

.diy_select .diy_select_txt { float: left; width: 100%; padding-left: 16px; font-size: 15px; color: #808080; }

.diy_select .diy_select_txt font { color: #BEBEBE; }

.diy_select .diy_select_btn { position: absolute; right: 4px; top: 0; }

.crumbs { display: block; width: 100%; margin-top: 4px; }

.crumbs .ico12 { margin-right: 2px; }

.crumbs .ico4 { margin: 0 4px; }

.crumbs a { display: inline-block; vertical-align: middle; font-size: 15px; color: #C7C7C7; }

.crumbs font { display: inline-block; vertical-align: middle; font-size: 15px; color: #A3A3A3; }

.con_body { display: block; padding: 16px 16px 16px 14px; font-size: 0; }

.ind_h3 { position: relative; display: inline-block; width: 100%; height: 21px; font-size: 0; }

.ind_h3 h3 { float: left; }

.ind_h3 h3 i { display: inline-block; vertical-align: middle; width: 4px; height: 20px; margin-right: 8px; border-radius: 2px; background-color: #746EF6; }

.ind_h3 h3 font { display: inline-block; vertical-align: middle; font-size: 16px; color: #222222; font-weight: bold; }

.ind_box1{ display: flex; flex-wrap: wrap; width: 100%; height: 205px; overflow: hidden;}
.ind1 { display: inline-block; vertical-align: top; width: 580px; height: 193px; padding: 20px 24px 0 24px; margin: 0 12px 12px 0; background-color: #fff; }

.ind1 ul { display: flex; justify-content: space-between; width: 100%; }

.ind1 li { display: inline-block; margin-top: 34px; min-width: 177px;}

.ind1 li h4 { display: block; font-size: 0; }

.ind1 li font { display: inline-block; vertical-align: middle; margin-left: 2px; font-size: 14px; color: #8A8F9A; }

.ind1 li b { display: block; margin-top: 18px; margin-left: 2px; font-size: 28px; color: #222222; font-weight: bold; line-height: 37px; }

.ind2 { display: inline-block; vertical-align: top; min-width: 294px; width: auto; height: 193px; padding: 20px 24px 0 24px; margin-bottom: 12px; background-color: #fff; }
.ind2 .ind_h3{ display: block;}
.ind2 ul { display: inline-block; width: 100%; }

.ind2 li { display: inline-block; width: 107px; height: 113px; margin-top: 18px; margin-left: 32px; padding-top: 12px; text-align: center; background-color: #fff; border-radius: 6px; box-shadow: 2px 3px 14px rgba(163, 182, 233, 0.16); }

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

.ind2 li img { display: inline-block; width: 68px; height: 68px; }

.ind2 li p { display: block; margin-top: 6px; font-size: 14px; color: #222222; line-height: 19px; }

.ind3 { display: block; width: 100%; padding: 20px 24px; margin-bottom: 12px; background-color: #fff; }

.ind3 .ind3_box{ display: none;}

.ind3 .ind3_boxh{ display: block; }

.ind3 .diy_select { position: absolute; right: 0; top: -5px; }

.ind3 .ind3_left { float: left; width: 483px; height: 415px; padding: 16px 18px; margin-top: 15px; border: 1px solid #F2F2F2; border-radius: 8px; }

.ind3 .ind3_left img { display: block; width: 100%; height: 260px; object-fit: cover; border-radius: 8px; }

.ind3 .ind3_left h4 { display: block; width: 100%; margin-top: 11px; font-size: 16px; color: #222222; line-height: 23px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.ind3 .ind3_left p { display: block; width: 100%; margin-top: 8px; font-size: 14px; color: #8A8F9A; line-height: 17px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.ind3 .ind3_left span { display: inline-block; height: 28px; padding: 0 16px; margin-top: 16px; line-height: 28px; border: 1px solid #746EF6; font-size: 14px; color: #746EF6; border-radius: 30px; }

.ind3 .ind3_right { float: left; width: calc(100% - 483px); height: 415px; overflow: hidden; margin-top: 13px;}

.ind3 .ind3_right a {float: left; width: 464px; margin-left: 20px; padding-top: 20px; padding-bottom: 28px; font-size: 0; border-bottom: 1px solid #F2F2F2; }

.ind3 .ind3_right img { float: left; width: 142px; height: 96px; margin-right: 16px; border-radius: 8px; object-fit: cover; }

.ind3 .ind3_right h4 { display: block; width: 306px; font-size: 16px; color: #222222; line-height: 23px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.ind3 .ind3_right p { display: block; width: 306px; margin-top: 4px; font-size: 14px; color: #8A8F9A; line-height: 17px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.ind3 .ind3_right span { display: inline-block; height: 28px; padding: 0 16px; margin-top: 20px; line-height: 28px; border: 1px solid #746EF6; font-size: 14px; color: #746EF6; border-radius: 30px; }

.ind4{ display: inline-block; vertical-align: top; min-width: 434px; max-width: 762px; width: auto; height: 193px; padding: 20px 24px 0 24px; margin-left: 12px; margin-bottom: 12px; background-color: #fff;}
.ind4 ul { display: inline-block; width: 100%; height: 124px; margin-top: 14px; overflow: hidden;}
.ind4 li { display: inline-block; width: 100%; height: 30px; line-height: 30px; }
.ind4 li a{ display: block; width: 100%; line-height: 30px; font-size: 16px; color: #222;}
.ind4 li a i{ display: inline-block; vertical-align: middle; width: 6px; height: 6px; margin-right: 10px; background-color: #B2B2B2; border-radius: 50%;}
.ind4 li a font{ display: inline-block; vertical-align: middle; width: 368px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}

.logoff { display: block; width: 100%; min-height: 769px; padding: 20px 24px; margin-top: 16px; background-color: #fff; }

.logoff .p1 { display: block; width: 100%; height: 44px; padding: 0 18px; line-height: 44px; background-color: #FFEBEB; border-radius: 4px; font-size: 0; }

.logoff .p1 font { display: inline-block; vertical-align: middle; margin-left: 6px; font-size: 15px; color: #FB1B1B; }

.logoff h3 { display: block; margin-top: 88px; line-height: 40px; text-align: center; color: #FB1B1B; font-size: 30px; }

.logoff .p2 { display: block; margin-top: 12px; font-size: 15px; color: #7A849A; line-height: 20px; text-align: center; }

.logoff .list { display: block; width: 420px; height: 54px; margin: 40px auto 56px auto; line-height: 54px; border: 1px solid #E0E0E0; border-radius: 8px; }

.logoff .code { display: inline-block; width: 300px; height: 52px; padding-left: 20px; line-height: 52px; font-size: 16px; color: #808080; }

.logoff .code_but { float: right; height: 52px; margin-right: 20px; line-height: 52px; font-size: 16px; color: #304DFF; border: 0; background-color: unset;}
.logoff .code_but:disabled{ color: #999; cursor: no-drop;}

.logoff .logoff_tj { display: block; width: 420px; height: 54px; margin: 0 auto; line-height: 54px; text-align: center; background-color: #746EF6; font-size: 18px; color: #fff; border-radius: 50px; }

.mess { display: block; width: 100%; margin-top: 16px; background-color: #fff; min-height: 769px; }

.mess_top { position: relative; display: block; width: 100%; height: 65px; padding: 0 24px; line-height: 65px; border-bottom: 1px solid #EBEBEB; }

.mess_top .span1 { float: left; }

.mess_top .span1 input[type=checkbox] { display: inline-block; border-radius: 50%; }

.mess_top .span1 input[type=checkbox]:checked { background-position: -148px -482px; }

.mess_top .span1 font { display: inline-block; vertical-align: middle; margin-left: 8px; font-size: 16px; color: #222222; }

.mess_top .span2 { float: left; width: 101px; height: 34px; margin-top: 15px; margin-left: 24px; line-height: 34px; border-radius: 4px; background-color: #F7F8FA; font-size: 15px; color: #222222; text-align: center; }

.mess_top .diy_select { position: absolute; top: 17px; right: 24px; }

.mess_bo { display: inline-block; vertical-align: top; width: 100%; padding-bottom: 90px; padding-top: 20px; }

.mess_bo .mess_bo_cet { display: inline-block; vertical-align: top; width: calc(100% - 46px); margin-left: 12px; }

.mess_bo .list { position: relative; display: block; padding: 20px 0; margin-left: 40px; margin-right: 40px; border-bottom: 1px solid #EFEFEF; }

.mess_bo .list .p1 { display: inline-block; vertical-align: middle; width: 100%; height: 34px; line-height: 34px; font-size: 16px; color: #222222; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.mess_bo .list .p1 span { float: right; font-size: 14px; margin-top: 1px; color: #B9BCC3; }

.mess_bo .list .p2 { display: block; font-size: 14px; line-height: 26px; color: #888888; max-height: 104px; overflow: hidden; text-align: justify;}

.mess_bo .list .mb { margin-bottom: 20px; }

.mess_bo .list a { position: absolute; left: 41px; bottom: 15px; display: inline-block; font-size: 14px; color: #746EF6; }

.mess_bo .list input[type=checkbox] { position: absolute; left: -34px; top: 27px; display: inline-block; border-radius: 50%; }

.mess_bo .list input[type=checkbox]:checked { background-position: -148px -482px; }

.page { position: absolute; bottom: 0; display: block; width: calc(100% - 260px); height: 82px; padding-top: 22px; background-color: #fff; box-shadow: 0 -5px 10px rgba(213, 213, 229, 0.16); text-align: right; }

.page .all{ float: left; margin-left: 25px; margin-top: 4px; line-height: 30px;}
.page .all .checkbox{ display: inline-block; vertical-align: top; font-size: 16px; color: #222222;}
.page .all .checkbox font{ display: inline-block; vertical-align: middle; margin-left: 6px;}
.page .all input[type="checkbox"]{ cursor: pointer;}
.page .all input[type="checkbox"]:checked { background-position: -228px -482px; }
.page .all a{ display: inline-block; vertical-align: top; height: 30px; padding: 0 10px; margin-left: 20px; background-color: #F8F8F8; border-radius: 4px; font-size: 14px; color: #666666;}

.page li { float: left; width: 38px; height: 38px; margin: 0 3px; text-align: center; }

.page li.prev a { color: #F8F8F8; font-size: 0; background: url("../images/h5pc/ico.png") center; background-repeat: no-repeat; background-position: -266px -266px; }

.page li.next a { color: #F8F8F8; font-size: 0; background: url("../images/h5pc/ico.png") center; background-repeat: no-repeat; background-position: -342px -10px; }

.page li.active a { color: #fff; background: #746EF6; }

.page .disabled { cursor: no-drop; }

.page .pagination { float: right; }

.page .pagination a { display: block; width: 100%; height: 38px; line-height: 38px; font-size: 16px; color: #222222; background-color: #F5F5F5; border-radius: 4px; }

.page .pagego { float: right; margin-left: 28px; margin-right: 46px; }

.page .pagego span { display: inline-block; vertical-align: middle; font-size: 14px; color: #888888; }

.page .pagego input { display: inline-block; vertical-align: middle; width: 38px; height: 38px; margin: 0 6px; line-height: 38px; text-align: center; font-size: 16px; color: #222222; border: 1px solid #E0E0E0; border-radius: 4px; }

.yunji { display: block; background-color: #fff; min-height: 808px; }

.yunji .yunji_top { position: relative; display: block; width: 100%; height: 65px; padding: 0 24px; line-height: 65px; border-bottom: 1px solid #EBEBEB; }

.yunji .yunji_top .diy_select { position: absolute; top: 17px; right: 24px; }

.yunji .yunji_top .yunji_top_l { display: block; line-height: 65px; }

.yunji .yunji_top .yunji_top_l a { display: inline-block; vertical-align: middle; height: 34px; padding: 0 20px; margin-right: 8px; background-color: #F7F8FA; border-radius: 4px; line-height: 34px; font-size: 15px; color: #222222; }

.yunji .yunji_top .yunji_top_l a.active { color: #746EF6; background-color: #F1F0FE;}

.yunji .yunji_bo { display: block; width: 100%; padding: 24px 24px 90px 24px; border-radius: 16px; }

.yunji .yunji_bo li { position: relative; float: left; width: 146px; height: 236px; margin-bottom: 50px; margin-right: 20px; }

.yunji .yunji_bo li:nth-child(6n) { margin-right: 0; }

.yunji .yunji_bo li .content { position: relative; display: block; width: 100%; height: 100%; }

.yunji .yunji_bo li .guoqi{ display: none; float: left; width: 146px; height: 236px; margin-right: 20px; border: 3px solid  #EAF1FB; background-color: #F6FAFF; border-radius: 16px; text-align: center;}

.yunji .yunji_bo li .guoqi i{ display: inline-block; vertical-align: top; width: 88px; height: 88px; margin-top: 26px; background: url('../images/h5pc/bg14.png') no-repeat; background-size: 88px 88px;}

.yunji .yunji_bo li .guoqi .p1{ display: block; font-size: 17px; color: #222; line-height: 1;}
.yunji .yunji_bo li .guoqi .a2{ display: inline-block; width: 120px; height: 38px; margin-top: 30px; line-height: 36px; font-size: 15px; color: #746EF6; border: 1px solid #746EF6; border-radius: 46px;}

.yunji .yunji_bo li .imgbox { position: relative; display: block; width: 100%; height: 100%; }

.yunji .yunji_bo li .imgbox::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 67px; border-radius: 0 0 18px 18px; background: linear-gradient(0, #000000 0%, rgba(15, 15, 15, 0.82) 33%, rgba(84, 84, 84, 0) 100%); content: ''; z-index: 0; }

.yunji .yunji_bo li .imgbox::after { position: absolute; top: 0; left: 0; width: 100%; height: 49px; border-radius: 18px 18px 0 0; background: linear-gradient(180deg, #000000 0%, rgba(15, 15, 15, 0.82) 33%, rgba(84, 84, 84, 0) 100%); content: ''; z-index: 0; }

.yunji .yunji_bo li .imgbox .bot { position: absolute; bottom: 12px; left: 0; display: block; width: 100%; z-index: 2; }

.yunji .yunji_bo li .imgbox .bot .h4 { display: block; padding-left: 10px; font-size: 13px; color: #fff; line-height: 19px; }

.yunji .yunji_bo li .imgbox .bot .txt { display: block; padding-left: 10px; font-size: 14px; color: #FFE600; line-height: 20px; }

.yunji .yunji_bo li .checkbox-item { position: absolute; right: 10px; top: 10px; z-index: 2; cursor: pointer; display: none;}

.yunji .yunji_bo li .checkbox-item:checked { background-position: -228px -482px; }

.yunji .yunji_bo li img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 16px;}

.yunji .yunji_bo li.big { float: left; width: 256px; height: 382px; border-radius: 20px; }

.yunji .yunji_bo li .loading { display: block; width: 100%; height: 100%; background: url("../images/h5pc/bg13.png") no-repeat; }

.yunji .yunji_bo li .loading p { display: block; width: 100%; margin-top: 135px; font-size: 14px; color: #FFFFFF; text-align: center; }

.yunji .yunji_bo li .yun_more { position: absolute; bottom: -26px; left: 0; width: 100%; height: 24px; padding: 0 9px; margin-top: 2px; }

.yunji .yunji_bo li .yun_more a { float: right; }

.yunji .yunji_bo li .yun_more span { float: left; max-width: 104px; line-height: 24px; font-size: 15px; color: #222222; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.yunji .yunji_bo li .bs { float: left; width: 146px; height: 236px; padding-top: 78px; margin-right: 20px; border: 3px solid  #EAF1FB; background-color: #F6FAFF; border-radius: 16px; text-align: center; }

.yunji .yunji_bo li .bs .txt { display: block; margin-top: 12px; font-size: 15px; color: #746EF6; text-align: center; line-height: 21px; }

.yunji .yunji_bo_bot { position: absolute; bottom: 0; display: none; width: calc(100% - 260px); height: 82px; padding-top: 15px; background-color: #fff; box-shadow: 0 -5px 10px rgba(213, 213, 229, 0.16); text-align: center; }

.yunji .yunji_bo_bot a { display: inline-block; vertical-align: top; width: auto; min-width: 168px; height: 52px; padding: 0 55px; margin: 0 10px; line-height: 52px; text-align: center; border-radius: 100px; background-color: #F1F2F6; font-size: 18px; color: #8590A8; }

.yunji .yunji_bo_bot .active { color: #fff; background: #746EF6; }

.about li { display: block; width: 100%; padding: 24px 80px 40px 24px; margin-bottom: 20px; background-color: #fff; }

.about li .ind_h3 { margin-bottom: 12px; }

.about li .bs { position: relative; width: 100%; display: inline-block; }

.about li .box { position: relative; display: block; width: 100%; height: 180px; overflow: hidden; }

.about li:last-child { margin-bottom: 0; }

.about li h4 { display: block; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 5px; line-height: 30px; }

.about li p { display: block; font-size: 14px; line-height: 26px; color: #222222; text-align: justify; }

.about li .more { position: absolute; bottom: -25px; left: -7px; display: inline-block; font-size: 14px; color: #746EF6; }

.help { display: block; background-color: #fff; min-height: 769px; }

.help .help_top { position: relative; display: block; width: 100%; height: 65px; padding: 0 24px; line-height: 65px; border-bottom: 1px solid #EBEBEB; }

.help .help_top_l { display: block; line-height: 65px; }

.help .help_top_l span { display: inline-block; vertical-align: middle; margin-right: 12px; line-height: 34px; font-size: 16px; color: #888888; }

.help .help_top_l a { display: inline-block; vertical-align: middle; height: 34px; padding: 0 20px; margin-right: 8px; background-color: #F7F8FA; border-radius: 4px; line-height: 34px; font-size: 15px; color: #222222; }

.help .help_top_l .active { background-color: #F1F0FE; font-size: 15px; color: #746EF6; }

.help .box { display: none; }

.help .box.active { display: block; }

.help .list { float: left; width: 644px; padding: 20px 0 0 20px; margin-right: 48px; }

.help .list a { display: block; width: 100%; margin-bottom: 20px; font-size: 15px; color: #222222; line-height: 22px; }

.help .list a i { vertical-align: top; margin-top: 1px; }

.help .list a font { display: inline-block; vertical-align: top; margin-left: 6px; }

.help .list a span { float: right; font-size: 14px; color: #B8B8B8; }

.help .list_hot { float: left; width: 310px; padding-top: 24px; }

.help .list_hot a { position: relative; display: inline-block; width: 100%; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #EBEBEB; }

.help .list_hot a:last-child { border-bottom: 0; }

.help .list_hot img { float: left; width: 128px; height: 87px; margin-right: 16px; object-fit: cover; border-radius: 8px; }

.help .list_hot h4 { display: block; font-size: 14px; color: #222222; line-height: 24px; min-width: 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.help .list_hot span { position: absolute; bottom: 15px; display: inline-block; width: 88px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; color: #746EF6; border: 1px solid #746EF6; border-radius: 50px; }

.buy { display: block; background-color: #fff; min-height: 809px; }

.buy .buy_top { position: relative; display: block; width: 100%; height: 65px; padding: 0 24px; line-height: 65px; border-bottom: 1px solid #EBEBEB; }

.buy .buy_top .ind_h3 { line-height: 21px; vertical-align: middle; }

.buy .buy_top_l, .buy .buy_top_r { float: left; line-height: 65px; }

.buy .buy_top_l span, .buy .buy_top_r span { display: inline-block; vertical-align: middle; margin-right: 12px; line-height: 34px; font-size: 16px; color: #888888; }

.buy .buy_top_l a, .buy .buy_top_r a { display: inline-block; vertical-align: middle; height: 34px; padding: 0 20px; border-radius: 4px; line-height: 34px; font-size: 15px; color: #222222; }

.buy .buy_top_l .active, .buy .buy_top_r .active { background-color: #F1F0FE; font-size: 15px; color: #746EF6; }

.buy .buy_top_r { float: right; }

.buy .buy_bo { display: inline-block; width: 100%; padding-top: 20px; }

.buy .buy_bo .list_box { display: none; margin-left: 24px; }
.buy .buy_bo .list_box.active{ display: block;}

.buy .buy_bo .list { position: relative; float: left; width: 232px; height: 293px; padding: 8px; border: 1px solid #EBEBEB; margin-right: 18px; margin-bottom: 18px; border-radius: 8px; }

.buy .buy_bo .list.active { border: 2px solid #746EF6; background-color: #F6FAFF; }

.buy .buy_bo .list.active::before { content: ''; position: absolute; right: -2px; top: -2px; display: inline-block; width: 37px; height: 37px; background: url("../images/h5pc/ico58.png") no-repeat; z-index: 1; }

.buy .buy_bo .list.active .tc_tag { position: absolute; left: -2px; top: -2px; }

.buy .buy_bo .tc_top { position: relative; display: inline-block; width: 100%; height: 122px; padding-top: 36px; font-size: 32px; text-align: center; line-height: 46px; }

.buy .buy_bo .tc_top span { position: absolute; top: 10px; left: 16px; font-size: 16px; line-height: 24px; }

.buy .buy_bo .tc_top.bgg1 { background: url("../images/h5pc/bg10.png") no-repeat; background-size: 100% 100%; color: #3874C2; }

.buy .buy_bo .tc_top.bgg2 { background: url("../images/h5pc/bg11.png") no-repeat; background-size: 100% 100%; color: #BC8157; }

.buy .buy_bo .tc_top.bgg3 { background: url("../images/h5pc/bg9.png") no-repeat; background-size: 100% 100%; color: #B7942D; }

.buy .buy_bo .tc_top.bgg4 { background: url("../images/h5pc/bg8.png") no-repeat; background-size: 100% 100%; color: #5065B8; }

.buy .buy_bo .tc_name { display: block; margin: 4px 0px 0 8px; font-size: 19px; color: #222222; line-height: 27px; }

.buy .buy_bo .tc_name span { display: inline-block; vertical-align: top; height: 20px; line-height: 20px; margin-left: 6px; margin-top: 4px; padding: 0 6px; background-color: #F1F0FE; color: #746EF6; font-size: 13px; border-radius: 4px; }

.buy .buy_bo .tc_pz { display: block; margin: 1px 0 0 8px; font-size: 13px; color: #808080; line-height: 19px; }

.buy .buy_bo .tc_jg { display: block; margin: 7px 4px 0 8px; }

.buy .buy_bo .tc_jg_left { float: left; }

.buy .buy_bo .tc_jg_left .p1 { display: block; font-size: 13px; color: #FB1B1B; font-weight: bold; }

.buy .buy_bo .tc_jg_left .p1 span { font-size: 24px; }

.buy .buy_bo .tc_jg_left .p2 { font-size: 13px; color: #B2B2B2; text-decoration: line-through; line-height: 17px; }

.buy .buy_bo .tc_jg_right { float: right; margin-top: 11px; }

.buy .buy_bo .tc_jg_right img { display: inline-block; width: 30px; height: 30px; margin-left: -11px; border-radius: 50%; border: 2px solid #fff; }

.buy .buy_bo .tc_tag { position: absolute; left: -1px; top: -1px; height: 24px; padding: 0 8px 0 11px; line-height: 24px; background: linear-gradient(225deg, #F56300 0%, #FF4A2B 100%); font-size: 13px; color: #fff; border-radius: 8px 0px 16px 0px; }

.buy .buy_bo .tc_gm { display: inline-block; width: 100%; padding-left: 8px; margin-top: 10px; }

.buy .buy_bo .btn_minus { display: inline-block; vertical-align: top; width: 32px; height: 34px; line-height: 32px; text-align: center; border: 1px solid #F5F5F5; border-radius: 20px 0 0 20px; background-color: #fff; }

.buy .buy_bo .inputNum { display: inline-block; vertical-align: top; width: 47px; height: 34px; line-height: 32px; font-size: 14px; color: #222222; text-align: center; background-color: #fff; border-top: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5; }

.buy .buy_bo .btn_plus { display: inline-block; vertical-align: top; width: 32px; height: 34px; line-height: 32px; text-align: center; border: 1px solid #F5F5F5; background-color: #fff; }

.buy .buy_bo .go { display: inline-block; width: 90px; height: 34px; line-height: 34px; background-color: #FB1B1B; border-radius: 0 20px 20px 0; font-size: 16px; color: #fff; text-align: center; }

.buy .buy_bo .st_img { display: inline-block; vertical-align: middle; width: 150px; height: 90px; padding: 6px; border-radius: 12px; border: 1px solid #EEEEEE; padding-top: 30px; font-size: 17px; text-align: center; line-height: 25px; }

.buy .buy_bo .st_img span { position: absolute; top: 15px; left: 15px; font-size: 9px; line-height: 13px; }

.buy .buy_bo .st_bg1 { position: relative; color: #3874C2; background: url("../images/h5pc/bggm1.png") no-repeat; background-position: 5px 5px; }

.buy .buy_bo .st_bg2 { position: relative; color: #BC8157; background: url("../images/h5pc/bggm2.png") no-repeat; background-position: 5px 5px; }

.buy .buy_bo .st_bg3 { position: relative; color: #B7942D; background: url("../images/h5pc/bggm3.png") no-repeat; background-position: 5px 5px; }

.buy .buy_bo .st_bg4 { position: relative; color: #5065B8; background: url("../images/h5pc/bggm4.png") no-repeat; background-position: 5px 5px; }

.buy .buy_bo .st_name { display: inline-block; margin-left: 13px; }

.buy .buy_bo .st_name .p1 { display: block; font-size: 19px; color: #222222; line-height: 27px; }

.buy .buy_bo .st_name .p1 span { display: inline-block; vertical-align: text-top; height: 20px; padding: 0 6px; margin-top: 3px; margin-left: 6px; background-color: #F1F0FE; color: #746EF6; line-height: 20px; border-radius: 4px; font-size: 13px; }

.buy .buy_bo .st_name .p2 { display: block; font-size: 13px; color: #808080; line-height: 19px; }

.buy .buy_bo .p3 { display: block; font-size: 14px; color: #808080; line-height: 19px; text-align: center; }

.buy .buy_bo .p4 { display: block; margin-top: 8px; font-size: 16px; color: #222222; line-height: 21px; text-align: center; }

.buy .buy_bo .st_dj .p4 { color: #666666; }

.buy .buy_bo .st_jg .p3 { text-align: right; }

.buy .buy_bo .st_jg .p4 { display: block; margin-top: 5px; font-size: 24px; color: #FB1B1B; line-height: 1; text-align: right; }

.buy .buy_bo table { display: table; width: calc(100% - 64px); margin-right: 40px; margin-left: 24px; }

.buy .buy_sty { display: block; width: 100%; padding-top: 8px; }

.buy .buy_sty li { display: inline-block; width: 100%; font-size: 0; margin-top: 26px; padding-left: 23px; }

.buy .buy_sty .buy_sty_ti { display: inline-block; vertical-align: top; width: 56px; font-size: 16px; color: #808080; }

.buy .buy_sty .buysty_dq { display: inline-block; width: calc(100% - 56px); padding-right: 22px; }

.buy .buy_sty .buysty_dq .box_top { display: block; width: 100%; font-size: 15px; color: #777777; }

.buy .buy_sty .buysty_dq .box_top label { cursor: pointer; margin-left: 40px; }

.buy .buy_sty .buysty_dq .box_top label input{ cursor: pointer;}

.buy .buy_sty .buysty_dq .box_top label:first-child { margin-left: 0; }

.buy .buy_sty .buysty_dq .box_top font { display: inline-block; vertical-align: middle; margin-left: 10px; }

.buy .buy_sty .buysty_dq .box_top input[type=radio]:checked { background-position: -228px -482px; }

.buy .buy_sty .buysty_dq .box_top input[type=radio]:checked + font { color: #746EF6; }

.buy .buy_sty .buysty_dq .box_body { display: block; width: 100%; margin-left: -5px; }

.buy .buy_sty .buysty_dq .box_body a { display: inline-block; min-width: 118px; height: 38px; line-height: 36px; padding: 0 14px; margin: 10px 5px 0 5px; font-size: 15px; color: #222222; background-color: #F7F8FA; border: 1px solid #E5E6E8; border-radius: 6px; text-align: center; }

.buy .buy_sty .buysty_dq .box_body .box_body_con{ display: none;}
.buy .buy_sty .buysty_dq .box_body .box_body_con.active{ display: block;}

.buy .buy_sty .buysty_dq .box_body .active_av { border: 2px solid #746EF6; color: #746EF6; line-height: 34px; font-weight: bold; background-color: #F6F8FF; }

.buy .buy_sty .buysty_dq .box_body .active_no { cursor: no-drop; color: #C4C5C6; background-color: #F7F8FA; border: 1px solid #E5E6E8; }

.buy .buy_sty .buysty_jx { display: inline-block; width: calc(100% - 56px); }

.buy .buy_sty .buysty_jx .box_top { display: block; width: 100%; margin-left: -5px; }

.buy .buy_sty .buysty_jx .box_top .ps { float: left; width: 224px; height: 126px; margin: 0 5px; border: 1px solid #E7E7E7; background: url("../images/h5pc/sp1.png") no-repeat; border-radius: 8px; cursor: pointer; }

.buy .buy_sty .buysty_jx .box_top .p1 { display: block; margin-top: 10px; margin-left: 14px; font-size: 22px; line-height: 29px; color: #222222; font-weight: bold; }

.buy .buy_sty .buysty_jx .box_top .p2 { display: block; margin-top: 4px; margin-left: 14px; font-size: 12px; line-height: 16px; color: #576075; }

.buy .buy_sty .buysty_jx .box_top .pz { display: flex; justify-content: space-between; text-align: center; margin: 14px 14px 0 14px; }

.buy .buy_sty .buysty_jx .box_top .pz span { display: block; line-height: 19px; color: #363368; font-size: 14px; }

.buy .buy_sty .buysty_jx .box_top .pz font { display: block; margin-top: 3px; line-height: 16px; color: #A7ABB3; font-size: 12px; }

.buy .buy_sty .buysty_jx .box_top .active { border: 2px solid #746EF6; background: url("../images/h5pc/sp1h.png") no-repeat; }

.buy .buy_sty .buysty_jx .box_top .active .p1 { color: #746EF6; }

.buy .buy_sty .buysty_jx .box_body { display: inline-block; width: 100%; margin-top: 10px; }
.buy .buy_sty .buysty_jx .box_body .box_body_con{ display: none;}
.buy .buy_sty .buysty_jx .box_body .box_body_con.active{ display: block;}

.buy .buy_sty .buysty_jx .box_body .ls { display: inline-block; padding: 4px 12px 4px 8px; margin-right: 8px; background-color: #F2F5FF; border-radius: 20px; }

.buy .buy_sty .buysty_jx .box_body img { display: inline-block; vertical-align: middle; width: 26px; height: 26px; border-radius: 50%; margin-right: 4px; }

.buy .buy_sty .buysty_jx .box_body font { display: inline-block; vertical-align: middle; font-size: 14px; color: #363368; }

.buy .buy_sty .buysty_tc { display: inline-block; width: 946px; }

.buy .buy_sty .buysty_tc .box_body_con_lst{ display: none;}
.buy .buy_sty .buysty_tc .box_body_con_lst.active_box{ display: block;}

.buy .buy_sty .buysty_tc .lst { position: relative; float: left; width: 188px; height: 154px; margin-right: 16px; background-color: #F7F8FA; border: 1px solid #E5E6E8; border-radius: 8px; text-align: center; cursor: pointer; }

.buy .buy_sty .buysty_tc .p1 { display: block; margin-top: 10px; line-height: 22px; font-size: 17px; color: #444444; }

.buy .buy_sty .buysty_tc .money { display: block; margin-top: 10px; line-height: 1; font-size: 16px; color: #FB1B1B; font-weight: bold; }

.buy .buy_sty .buysty_tc .money font { font-size: 40px; }

.buy .buy_sty .buysty_tc .money_to { display: block; margin-top: 5px; font-size: 14px; color: #9796A8; text-decoration: line-through; }

.buy .buy_sty .buysty_tc .money_day { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 34px; line-height: 34px; text-align: center; font-size: 15px; color: #666666; background-color: #EBEDF0; }

.buy .buy_sty .buysty_tc .hit { position: absolute; left: -1px; top: -12px; height: 25px; padding: 0 12px; border-radius: 12px 0 12px 0; line-height: 25px; color: #fff; font-size: 14px; background: linear-gradient(135deg, #FF7A50 0%, #FF268B 100%); }

.buy .buy_sty .buysty_tc .active { border: 2px solid #746EF6; background-color: #F6F8FF; }

.buy .buy_sty .buysty_tc .active .p1 { color: #746EF6; }

.buy .buy_sty .buysty_tc .active .money_day { color: #fff; background-color: #746EF6; }

.buy .buy_sty .buysty_tc .active .money_day font { color: #FFF500; }

.buy .buy_sty .buysty_tc .active .hit { left: -2px; }

.buy .buy_sty .buysty_sl { display: inline-block; width: 946px; }

.buy .buy_sty .buysty_sl .btn_minus { display: inline-block; width: 54px; height: 50px; line-height: 48px; text-align: center; background-color: #FBFBFB; border-radius: 8px 0 0 8px; border: 1px solid #E7E7E7; }

.buy .buy_sty .buysty_sl .btn_plus { display: inline-block; width: 54px; height: 50px; line-height: 48px; text-align: center; background-color: #746EF6; border-radius: 0 8px 8px 0; border: 1px solid #746EF6; }

.buy .buy_sty .buysty_sl .inputNum { display: inline-block; width: 170px; height: 50px; line-height: 48px; text-align: center; background-color: #FFFFFF; border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; font-size: 20px; color: #222222; }

.buy .buy_sty .buy_sty_tisl { height: 50px; line-height: 50px; }

.renew_bo_zf { position: absolute; bottom: 0; display: block; width: calc(100% - 260px); height: 140px; background-color: #fff; box-shadow: 0px -5px 10px rgba(213, 213, 229, 0.16); }

.renew_bo_zf .renew_bo_zfleft { display: block; margin-left: 30px; margin-top: 27px; }

.renew_bo_zf .renew_bo_zfleft .p1 .text { display: inline-block; vertical-align: top; height: 44px; line-height: 44px; font-size: 16px; color: #222222; }

.renew_bo_zf .renew_bo_zfleft .p1 a { display: inline-block; vertical-align: middle; width: 200px; height: 44px; padding-left: 12px; margin-right: 16px; line-height: 40px; border-radius: 8px; background-color: #FAFAFA; border: 2px solid #FAFAFA; }

.renew_bo_zf .renew_bo_zfleft .p1 a .tab{ float: right; height: 21px; padding: 0 9px; margin-top: 10px; margin-right: 10px; line-height: 19px; font-size: 13px; color: #746EF6; border-radius: 12px; border: 1px solid #9296FF;}

.renew_bo_zf .renew_bo_zfleft .p1 .active { border: 2px solid #746EF6; background-color: #F6FAFF; }

.renew_bo_zf .renew_bo_zfleft .p1 font { display: inline-block; vertical-align: middle; margin-left: 12px; font-size: 16px; color: #222222; }

.renew_bo_zf .renew_bo_zfleft .p2 { display: block; height: 20px; margin-top: 15px; line-height: 20px; font-size: 14px; color: #A8ABB2; }

.renew_bo_zf .renew_bo_zfleft .p2 a { color: #746EF6; }

.renew_bo_zf .renew_bo_zfleft .p2 input[type=checkbox] { display: inline-block; vertical-align: top; margin-right: 9px; border-radius: 50%; }

.renew_bo_zf .renew_bo_zfleft .p2 input[type=checkbox]:checked { background-position: -148px -482px; }

.renew_bo_zf .renew_bo_zfright { position: absolute; right: 24px; top: 23px; }

.renew_bo_zf .renew_bo_zfright .p1 { display: block; font-size: 16px; color: #222; }

.renew_bo_zf .renew_bo_zfright .spa1 { display: inline-block; vertical-align: text-bottom; margin-right: 20px; }

.renew_bo_zf .renew_bo_zfright .spa2 { font-size: 26px; color: #FB1B1B; font-weight: bold; }

.renew_bo_zf .renew_bo_zfright a { float: right; width: 178px; height: 52px; margin-top: 12px; line-height: 52px; background-color: #FB1B1B; font-size: 18px; color: #FFFFFF; border-radius: 50px; text-align: center; }

.renew_ok { display: block; background-color: #fff; min-height: 809px; text-align: center; }

.renew_ok .p1 { display: block; margin-top: 203px; text-align: center; }

.renew_ok .p1 font { display: inline-block; vertical-align: middle; margin-left: 14px; font-size: 38px; color: #222222; }

.renew_ok .p2 { display: block; margin-top: 14px; font-size: 16px; color: #BEBEBE; text-align: center; line-height: 24px; }

.renew_ok .p2 font { color: #746EF6; }

.renew_ok a { display: inline-block; width: 168px; height: 52px; margin-top: 38px; line-height: 52px; background-color: #746EF6; text-align: center; color: #fff; font-size: 18px; border-radius: 52px; }

.renew_buy { display: block; background-color: #fff; min-height: 809px; }

.renew_buy .renew_buy_top { position: relative; display: block; width: 100%; height: 65px; padding: 0 24px; line-height: 65px; border-bottom: 1px solid #EBEBEB; }

.renew_buy .renew_buy_top .ind_h3 { line-height: 21px; vertical-align: middle; }

.renew_buy .renew_bo { display: block; width: 100%; padding-top: 20px; }

.renew_buy .renew_bo .list_box { display: block; margin-left: 24px; }

.renew_buy .renew_bo .list { position: relative; float: left; width: 232px; height: 293px; padding: 8px; border: 1px solid #EBEBEB; margin-right: 18px; border-radius: 8px; }

.renew_buy .renew_bo .list.active { border: 2px solid #746EF6; background-color: #F6FAFF; }

.renew_buy .renew_bo .list.active::before { content: ''; position: absolute; right: -2px; top: -2px; display: inline-block; width: 37px; height: 37px; background: url("../images/h5pc/ico58.png") no-repeat; z-index: 1; }

.renew_buy .renew_bo .list.active .tc_tag { position: absolute; left: -2px; top: -2px; }

.renew_buy .renew_bo .tc_top { position: relative; display: inline-block; width: 100%; height: 122px; padding-top: 36px; font-size: 32px; text-align: center; line-height: 46px; }

.renew_buy .renew_bo .tc_top span { position: absolute; top: 10px; left: 16px; font-size: 16px; line-height: 24px; }

.renew_buy .renew_bo .tc_top.bgg1 { background: url("../images/h5pc/bg10.png") no-repeat; background-size: 100% 100%; color: #3874C2; }

.renew_buy .renew_bo .tc_top.bgg2 { background: url("../images/h5pc/bg11.png") no-repeat; background-size: 100% 100%; color: #BC8157; }

.renew_buy .renew_bo .tc_top.bgg3 { background: url("../images/h5pc/bg9.png") no-repeat; background-size: 100% 100%; color: #B7942D; }

.renew_buy .renew_bo .tc_top.bgg4 { background: url("../images/h5pc/bg8.png") no-repeat; background-size: 100% 100%; color: #5065B8; }

.renew_buy .renew_bo .tc_name { display: block; margin: 4px 8px 0 8px; font-size: 19px; color: #222222; line-height: 27px; }

.renew_buy .renew_bo .tc_name span { display: inline-block; vertical-align: top; height: 20px; line-height: 20px; margin-left: 6px; margin-top: 4px; padding: 0 6px; background-color: #F1F0FE; color: #746EF6; font-size: 13px; border-radius: 4px; }

.renew_buy .renew_bo .tc_pz { display: block; margin: 1px 0 0 8px; font-size: 13px; color: #808080; line-height: 19px; }

.renew_buy .renew_bo .tc_jg { display: block; margin: 7px 4px 0 8px; }

.renew_buy .renew_bo .tc_jg_left { float: left; }

.renew_buy .renew_bo .tc_jg_left .p1 { display: block; font-size: 13px; color: #FB1B1B; font-weight: bold; }

.renew_buy .renew_bo .tc_jg_left .p1 span { font-size: 24px; }

.renew_buy .renew_bo .tc_jg_left .p2 { font-size: 13px; color: #B2B2B2; text-decoration: line-through; line-height: 17px; }

.renew_buy .renew_bo .tc_jg_right { float: right; margin-top: 11px; }

.renew_buy .renew_bo .tc_jg_right img { display: inline-block; width: 30px; height: 30px; margin-left: -11px; border-radius: 50%; border: 2px solid #fff; }

.renew_buy .renew_bo .tc_tag { position: absolute; left: -1px; top: -1px; height: 24px; padding: 0 8px 0 11px; line-height: 24px; background: linear-gradient(225deg, #F56300 0%, #FF4A2B 100%); font-size: 13px; color: #fff; border-radius: 8px 0px 16px 0px; }

.renew_buy .renew_bo .tc_gm { display: inline-block; width: 100%; padding-left: 8px; margin-top: 10px; }

.renew_buy .renew_bo .btn_minus { display: inline-block; vertical-align: top; width: 32px; height: 34px; line-height: 32px; text-align: center; border: 1px solid #F5F5F5; border-radius: 20px 0 0 20px; background-color: #fff; }

.renew_buy .renew_bo .inputNum { display: inline-block; vertical-align: top; width: 47px; height: 34px; line-height: 32px; font-size: 14px; color: #222222; text-align: center; background-color: #fff; border-top: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5; }

.renew_buy .renew_bo .btn_plus { display: inline-block; vertical-align: top; width: 32px; height: 34px; line-height: 32px; text-align: center; border: 1px solid #F5F5F5; background-color: #fff; }

.renew_buy .renew_bo .go { display: inline-block; width: 90px; height: 34px; line-height: 34px; background-color: #FB1B1B; border-radius: 0 20px 20px 0; font-size: 16px; color: #fff; text-align: center; }

.renew { display: block; background-color: #fff; min-height: 808px; }

.renew .renew_top { position: relative; display: block; width: 100%; height: 65px; padding: 0 24px; line-height: 65px; border-bottom: 1px solid #EBEBEB; }

.renew .renew_top .diy_select { position: absolute; top: 17px; right: 24px; }

.renew .renew_top .renew_top_l { display: block; line-height: 65px; }

.renew .renew_top .renew_top_l a { display: inline-block; vertical-align: middle; height: 34px; padding: 0 20px; margin-right: 8px; background-color: #F7F8FA; border-radius: 4px; line-height: 34px; font-size: 15px; color: #222222; }

.renew .renew_bo { display: block; width: 100%; padding-top: 24px; }

.renew .renew_bo .ind_h3 { margin-left: 24px; }

.renew .renew_bo_box { display: block; width: 1002px; margin-top: 20px; margin-left: 24px; }

.renew .renew_bo_box li { position: relative; float: left; width: 317px; height: 98px; padding-left: 20px; margin-right: 14px; margin-bottom: 14px; border: 2px solid #F1F2F6; background: #fff; border-radius: 8px;}

.renew .renew_bo_box li.active { background: #F6F8FF; border: 2px solid #746EF6; }

.renew .renew_bo_box li.active .p1 { color: #746EF6; }

.renew .renew_bo_box li.active input[type=checkbox] { background-position: -228px -482px; }

.renew .renew_bo_box li:nth-child(3n) { margin-right: 0; }

.renew .renew_bo_box li .p1 { display: block; margin-top: 21px; font-size: 17px; color: #000000; line-height: 25px; }

.renew .renew_bo_box li .p2 { display: block; margin-top: 7px; font-size: 14px; color: #576075; line-height: 20px; }

.renew .renew_bo_box input[type=checkbox] { position: absolute; top: 40px; right: 20px; display: inline-block; vertical-align: top; margin-right: 9px; border-radius: 50%;  cursor: pointer;}

.renew .renew_bo_box input[type=checkbox]:checked { background-position: -228px -482px; }

.renew .renew_bo_xz { display: inline-block; width: 978px; height: 120px; margin-top: 6px; margin-left: 24px; border-radius: 8px; background-color: #F6FAFF; }

.renew .renew_bo_xz .diy_select { position: relative; display: inline-block; width: 378px; height: 54px; margin-left: 16px; margin-top: 33px; background-color: #fff; border-radius: 8px; }

.renew .renew_bo_xz .diy_select .diy_select_txt { line-height: 52px; padding-right: 50px; }

.renew .renew_bo_xz .diy_select .diy_select_txt .sp1 { float: left; }

.renew .renew_bo_xz .diy_select .diy_select_txt .sp2 { float: right; margin-top: 15px; text-align: right; line-height: 1; font-size: 14px; color: #FB1B1B; }

.renew .renew_bo_xz .diy_select .diy_select_txt .sp2 font { font-size: 20px; color: #FB1B1B; }

.renew .renew_bo_xz .diy_select .diy_select_txt .nor { display: inline-block; line-height: 1; margin-right: 3px; font-size: 14px; color: #B2B2B2; text-decoration: line-through; }

.renew .renew_bo_xz .diy_select .diy_select_btn { right: 20px; line-height: 52px; }

.renew .renew_bo_xz .diy_select .diy_select_list { top: 64px; }

.renew .renew_bo_xz .diy_select .diy_select_list li { height: 52px; padding: 0 20px; line-height: 52px; text-align: left; }

.renew .renew_bo_xz .diy_select .diy_select_list .sp1 { float: left; }

.renew .renew_bo_xz .diy_select .diy_select_list .sp2 { float: right; margin-top: 15px; text-align: right; line-height: 1; font-size: 14px; color: #FB1B1B; }

.renew .renew_bo_xz .diy_select .diy_select_list .sp2 font { font-size: 20px; }

.renew .renew_bo_xz .diy_select .diy_select_list .nor { display: inline-block; line-height: 1; margin-right: 3px; font-size: 14px; color: #B2B2B2; text-decoration: line-through; }

.renew .renew_bo_xz .renew_bo_xzss { float: right; margin-top: 36px; }

.renew .renew_bo_xz .renew_bo_xzss li { float: left; width: 136px; text-align: center; }

.renew .renew_bo_xz .renew_bo_xzss li:nth-child(2) { width: 100px; }

.renew .renew_bo_xz .renew_bo_xzss li:last-child { text-align: right; margin-right: 40px; }

.renew .renew_bo_xz .renew_bo_xzss li .p1 { display: block; font-size: 14px; color: #808080; line-height: 19px; }

.renew .renew_bo_xz .renew_bo_xzss li .p2 { display: block; margin-top: 8px; font-size: 16px; color: #222222; line-height: 21px; }

.renew .renew_bo_xz .renew_bo_xzss li .p3 { display: block; margin-top: 5px; text-align: right; font-size: 24px; color: #FB1B1B; line-height: 1; }

.order { display: block; background-color: #fff; min-height: 808px; }

.order .order_top { display: block; height: 65px; padding: 0 24px; line-height: 65px; }

.order .order_top a { display: inline-block; vertical-align: middle; min-width: 100px; height: 34px; padding: 0 20px; margin-right: 8px; background-color: #F7F8FA; border-radius: 4px; line-height: 34px; font-size: 15px; color: #222222; text-align: center;}

.order .order_top .active { background-color: #F1F0FE; font-size: 15px; color: #746EF6; }

.order .order_bo { display: block; width: 100%; }

.order .order_bo table { width: 100%; margin-bottom: 66px;}

.order .order_bo table th { line-height: 52px; background-color: #FAFAFA; font-size: 14px; font-weight: bold; text-align: center; color: #808080;}

.order .order_bo table td { padding-top: 24px; padding-bottom: 18px; border-bottom: 1px solid #F5F5F5; }

.order .order_bo table .st_xq { position: relative; display: block; margin-left: 62px; margin-bottom: 10px; text-align: left; }

.order .order_bo table .st_xq span { display: inline-block; margin-right: 24px; font-size: 14px; line-height: 19px; color: #666; }

.order .order_bo table .st_xq span:last-child{ margin-right: 0;}

.order .order_bo table input[type=checkbox] { position: absolute; top: 1px; left: -38px; display: inline-block; cursor: pointer; vertical-align: top; margin-right: 9px; border-radius: 50%; }

.order .order_bo table input[type=checkbox]:checked { background-position: -228px -482px; }

.order .order_bo table .st_img { display: inline-block; vertical-align: top; width: 150px; height: 90px; padding: 6px; margin-left: 62px; border-radius: 12px; border: 1px solid #EEEEEE; padding-top: 30px; font-size: 17px; text-align: center; line-height: 25px; }

.order .order_bo table .st_img span { position: absolute; top: 15px; left: 15px; font-size: 9px; line-height: 13px; }

.order .order_bo table .st_bg1 { position: relative; color: #3874C2; background: url("../images/h5pc/bggm1.png") no-repeat; background-position: 5px 5px; }

.order .order_bo table .st_bg2 { position: relative; color: #BC8157; background: url("../images/h5pc/bggm2.png") no-repeat; background-position: 5px 5px; }

.order .order_bo table .st_bg3 { position: relative; color: #B7942D; background: url("../images/h5pc/bggm3.png") no-repeat; background-position: 5px 5px; }

.order .order_bo table .st_bg4 { position: relative; color: #5065B8; background: url("../images/h5pc/bggm4.png") no-repeat; background-position: 5px 5px; }

.order .order_bo table .st_name { display: inline-block; vertical-align: top; margin-left: 13px; margin-top: 22px; }

.order .order_bo table .st_name .p1 { display: block; font-size: 19px; color: #222222; line-height: 27px; }

.order .order_bo table .st_name .p1 span { display: inline-block; vertical-align: text-top; height: 20px; padding: 0 6px; margin-top: 3px; margin-left: 6px; background-color: #F1F0FE; color: #746EF6; line-height: 20px; border-radius: 4px; font-size: 13px; }

.order .order_bo table .st_name .p2 { display: block; font-size: 13px; color: #808080; line-height: 19px; }

.order .order_bo table .st_sun { width: 80px; padding-top: 53px; font-size: 16px; text-align: center; color: #222222; }

.order .order_bo table .st_money { width: 120px; padding-top: 53px; font-size: 16px; text-align: center; color: #666666; }

.order .order_bo table .st_state { width: 140px; padding-top: 53px; font-size: 14px; text-align: center; color: #808080; font-weight: bold; }

.order .order_bo table .st_state.red { color: #FB1B1B; }

.order .order_bo table .st_operate { width: 110px; padding-right: 20px; padding-top: 53px; text-align: center; }

.activation { display: block; }

.activation .activation_form { display: block; width: 100%; padding-bottom: 38px; background-color: #fff; }

.activation h2 { display: block; margin-top: 54px; font-size: 26px; color: #222222; text-align: center; line-height: 35px; }

.activation .form_box { display: block; width: 541px; height: 54px; margin: 40px auto 0 auto; padding: 4px; border: 1px solid #E0E0E0; background-color: #fff; border-radius: 8px; }

.activation .form_box .form_box_text { float: left; width: 400px; padding-left: 20px; height: 44px; line-height: 44px; font-size: 16px; color: #808080; }

.activation .form_box .form_box_submit { float: right; width: 113px; height: 44px; line-height: 44px; text-align: center; font-size: 16px; color: #FFFFFF; background-color: #746EF6; border-radius: 6px; border: 0;}
.activation .form_box .form_box_submit:disabled{ background-color: #F1F2F6; color: #999; cursor: no-drop;}

.activation .activation_jj { display: block; margin-top: 60px; margin-left: 48px; }

.activation .activation_jj h3 { display: block; margin-bottom: 10px; font-size: 15px; font-weight: bold; line-height: 20px; }

.activation .activation_jj p { display: block; font-size: 14px; color: #888888; line-height: 22px; }

.activation .activation_tc { display: none; width: 100%; margin-top: 12px; padding: 24px; background-color: #fff; }

.activation .activation_tc.active{ display: block;}

.activation .activation_tc .box { display: inline-block; width: 100%; height: 120px; margin-top: 12px; padding: 15px 16px; border-radius: 8px; background-color: #F6FAFF; }

.activation .activation_tc .st_img { display: inline-block; vertical-align: middle; width: 150px; height: 90px; padding: 6px; border-radius: 12px; border: 1px solid #EEEEEE; padding-top: 30px; font-size: 17px; text-align: center; line-height: 25px; }

.activation .activation_tc .st_img span { position: absolute; top: 15px; left: 15px; font-size: 9px; line-height: 13px; }

.activation .activation_tc .st_bg1 { position: relative; color: #3874C2; background: url("../images/h5pc/bggm1.png") no-repeat; background-position: 5px 5px; }

.activation .activation_tc .st_bg2 { position: relative; color: #BC8157; background: url("../images/h5pc/bggm2.png") no-repeat; background-position: 5px 5px; }

.activation .activation_tc .st_bg3 { position: relative; color: #B7942D; background: url("../images/h5pc/bggm3.png") no-repeat; background-position: 5px 5px; }

.activation .activation_tc .st_bg4 { position: relative; color: #5065B8; background: url("../images/h5pc/bggm4.png") no-repeat; background-position: 5px 5px; }

.activation .activation_tc .st_name { display: inline-block; vertical-align: middle; margin-left: 13px; }

.activation .activation_tc .st_name .p1 { display: block; font-size: 19px; color: #222222; line-height: 27px; }

.activation .activation_tc .st_name .p1 span { display: inline-block; vertical-align: text-top; height: 20px; padding: 0 6px; margin-top: 3px; margin-left: 6px; background-color: #F1F0FE; color: #746EF6; line-height: 20px; border-radius: 4px; font-size: 13px; }

.activation .activation_tc .st_name .p2 { display: block; font-size: 13px; color: #808080; line-height: 19px; }

.activation .activation_tc .st_sum { float: right; width: 100px; margin-top: 18px; text-align: center; }

.activation .activation_tc .st_sum .p3 { display: block; margin-bottom: 8px; font-size: 14px; line-height: 19px; color: #808080; }

.activation .activation_tc .st_sum .p4 { display: block; font-size: 16px; line-height: 21px; color: #666666; }

.activation .activation_sb { display: none; width: 100%; padding: 0 24px 24px 24px; background-color: #fff; }
.activation .activation_sb.active{ display: block;}

.activation .activation_sb .diy_select { position: relative; display: inline-block; width: 100%; height: 54px; margin-top: 12px; background-color: #fff; border-radius: 8px; }

.activation .activation_sb .diy_select .diy_select_txt { line-height: 52px; padding-right: 50px; }

.activation .activation_sb .diy_select .diy_select_txt .sp1 { float: left; }

.activation .activation_sb .diy_select .diy_select_txt .sp2 { float: right; margin-top: 15px; text-align: right; line-height: 1; font-size: 14px; color: #FB1B1B; }

.activation .activation_sb .diy_select .diy_select_txt .sp2 font { font-size: 20px; color: #FB1B1B; }

.activation .activation_sb .diy_select .diy_select_txt .nor { display: inline-block; line-height: 1; margin-right: 3px; font-size: 14px; color: #B2B2B2; text-decoration: line-through; }

.activation .activation_sb .diy_select .diy_select_btn { right: 20px; line-height: 52px; }

.activation .activation_sb .diy_select .diy_select_list { top: 64px; }

.activation .activation_sb .diy_select .diy_select_list li { height: 52px; padding: 0 20px; line-height: 52px; text-align: left; }

.activation .activation_sb .diy_select .diy_select_list .sp1 { float: left; }

.activation .activation_sb .diy_select .diy_select_list .sp2 { float: right; margin-top: 15px; text-align: right; line-height: 1; font-size: 14px; color: #FB1B1B; }

.activation .activation_sb .diy_select .diy_select_list .sp2 font { font-size: 20px; }

.activation .activation_sb .diy_select .diy_select_list .nor { display: inline-block; line-height: 1; margin-right: 3px; font-size: 14px; color: #B2B2B2; text-decoration: line-through; }

.activation .activation_sb .activation_sb_box { display: none; width: 100%; margin-top: 16px; font-size: 14px;}

.activation .activation_sb .activation_sb_box li { position: relative; float: left; width: 316px; height: 98px; padding-left: 20px; margin-right: 15px; margin-bottom: 14px; border: 2px solid #F1F2F6; background: #fff; border-radius: 8px; }

.activation .activation_sb .activation_sb_box li.active { background: #F6F8FF; border: 2px solid #746EF6; }

.activation .activation_sb .activation_sb_box li.active .p1 { color: #746EF6; }

.activation .activation_sb .activation_sb_box li.active input[type=checkbox] { background-position: -228px -482px;}

.activation .activation_sb .activation_sb_box li:nth-child(3n) { margin-right: 0; }

.activation .activation_sb .activation_sb_box li .p1 { display: block; margin-top: 21px; font-size: 17px; color: #000000; line-height: 25px; }

.activation .activation_sb .activation_sb_box li .p2 { display: block; margin-top: 7px; font-size: 14px; color: #576075; line-height: 20px; }

.activation .activation_sb .activation_sb_box input[type=radio] { position: absolute; top: 40px; right: 20px; display: inline-block; vertical-align: top; margin-right: 9px; border-radius: 50%; cursor: pointer;}

.activation .activation_sb .activation_sb_box input[type=radio]:checked { background-position: -228px -482px; }

.activation .activation_sub { display: inline-block; width: 100%; margin: 40px 0 16px 0; background-color: #fff; text-align: center; }

.activation .activation_sub a { display: inline-block; width: 168px; height: 52px; margin: 0 10px; line-height: 52px; font-size: 18px; color: #8590A8; text-align: center; background-color: #F1F2F6; border-radius: 50px; }

.activation .activation_sub .active { background-color: #746EF6; color: #fff; }

.file { display: block; background-color: #fff; min-height: 808px; padding-bottom: 20px;}

.file .file_top { display: block; height: 65px; padding: 0 24px; line-height: 65px; border-bottom: 1px solid #EBEBEB; }

.file .file_top a { display: inline-block; vertical-align: middle; height: 34px; padding: 0 20px; margin-right: 8px; background-color: #F7F8FA; border-radius: 4px; line-height: 34px; font-size: 15px; color: #222222; }

.file .file_top .active { background-color: #F1F0FE; font-size: 15px; color: #746EF6; }

.file .file_top .file_top_hs { float: right; height: 65px; }

.file .file_top .file_top_hs .red { display: inline-block; font-size: 14px; color: #FB1B1B; }

.file .file_top .file_top_hs .tj { display: inline-block; vertical-align: top; margin-top: 17px; margin-left: 20px; line-height: 1; }

.file .file_top .file_top_hs .tj span { display: block; font-size: 14px; color: #666666; line-height: 19px; }

.file .file_top .file_top_hs .tj .rong { position: relative; display: inline-block; width: 138px; height: 10px; margin-top: 4px; background-color: #EBEBEB; border-radius: 5px; }

.file .file_top .file_top_hs .tj .bfb { display: inline-block; position: absolute; left: 0; top: 0; width: 0; background-color: #FDD143; height: 10px; border-radius: 5px; }

.file .file_all { display: block; width: 100%; height: 53px; padding: 0 24px; line-height: 53px; }

.file .file_all .file_all_l { float: left; line-height: 53px; }

.file .file_all .file_all_l input[type=checkbox] { cursor: pointer; }
.file .file_all .file_all_l input[type=checkbox]:checked { background-position: -228px -482px;}

.file .file_all .file_all_l span { display: inline-block; vertical-align: middle; margin-left: 8px; font-size: 16px; color: #222222; }

.file .file_all .file_all_r { float: right; line-height: 53px; }

.file .file_all .file_all_r font { display: inline-block; vertical-align: middle; margin-left: 4px; font-size: 16px; color: #ABAEBA; }

.file table { width: 100%; }

.file table th { height: 52px; background-color: #FAFAFA; font-size: 14px; font-weight: bold; color: #808080; }

.file table td { height: 58px; text-align: center; }

.file table tr:hover td { background-color: #F1F0FE; }

.file table tr:hover i { display: inline-block; }

.file table .th1 { padding-left: 38px; }

.file table .th2 { width: 220px; text-align: center; }

.file table .th3 { width: 230px; text-align: center; }

.file table .td1 { text-align: left; padding-left: 24px; }

.file table .td2 { font-size: 14px; color: #AAAAAA; }

.file table .name i { margin-left: 12px; }

.file table .name img { display: inline-block; vertical-align: middle; width: 44px; height: 44px; margin-left: 12px; object-fit: cover; }

.file table .name font { display: inline-block; vertical-align: middle; margin-left: 9px; font-size: 14px; color: #222222; }

.file table input[type=checkbox] { cursor: pointer; }

.file table input[type=checkbox]:checked { background-position: -228px -482px; }

.file table .scz { position: relative; display: inline-block; vertical-align: middle; width: 88px; height: 34px; line-height: 30px; border: 2px solid #746EF6; border-radius: 20px; text-align: center; color: #746EF6; font-size: 14px; overflow: hidden; cursor: auto; background-color: #fff; }

.file table .scz::before { position: absolute; content: ''; left: 0; top: 0; width: 50%; height: 30px; background-color: #F1F0FE; z-index: 0; }

.file table .scz font { position: relative; z-index: 1; }

.file table .az { display: inline-block; vertical-align: middle; width: 88px; height: 34px; line-height: 30px; border: 2px solid #746EF6; border-radius: 20px; text-align: center; color: #fff; font-size: 14px; overflow: hidden; background-color: #746EF6; }

.file table .az_no { opacity: 0.4; cursor: no-drop; }

.file table .icosc { display: inline-block; vertical-align: middle; width: 36px; height: 36px; margin-right: 16px; }

.file table .icosc i { display: none; }

.file .file_nono { display: block; width: 100%; text-align: center; padding-bottom: 50px; }

.file .file_nono img { display: inline-block; width: auto; margin-top: 122px; }

.file .file_nono p { display: block; margin-top: -5px; font-size: 16px; color: #B9BCC3; line-height: 24px; }

.file .file_nono a { display: block; width: 120px; height: 42px; margin: 29px auto 0 auto; line-height: 42px; text-align: center; font-size: 16px; color: #fff; background-color: #746EF6; border-radius: 30px; }

.file .file_pup { position: fixed; right: 20px; bottom: 125px; width: 76px; height: 78px; background: url("../images/h5pc/bg6.png") no-repeat; }

.popup_anzhuang { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; z-index: 9999; }

.popup_anzhuang .mask { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); }

.popup_anzhuang .box { position: absolute; left: 50%; top: 50%; width: 1086px; padding: 0 54px 40px 54px; background: #fff; text-align: left; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); font-size: 0; }

.popup_anzhuang .close { position: absolute; right: 16px; top: 16px; cursor: pointer; }

.popup_anzhuang h3 { display: block; margin-top: 52px; margin-bottom: 18px; font-size: 24px; color: #222222; font-weight: bold; line-height: 31px; text-align: center; }

.popup_anzhuang .anzhuang_ul { display: block; width: 102%; max-height: 434px; overflow-x: hidden; overflow-y: scroll; margin-top: 14px; }
.popup_anzhuang .anzhuang_ul .load{ display: flex; align-items: center; padding: 60px 0 20px 0; justify-content:center; z-index: 9;}
.popup_anzhuang .anzhuang_ul .load span{ width:6px;  animation: dialog-alert-load 1s ease infinite; transform: translateY(10px); animation-delay:0.1s; margin:0 5px; height:6px; opacity:0; border-radius:6px; background:#999;}
.popup_anzhuang .anzhuang_ul .load span:nth-child(2){ animation-delay:0.2s;}
.popup_anzhuang .anzhuang_ul .load span:nth-child(3){ animation-delay:0.3s;}

.popup_anzhuang .anzhuang_ul::-webkit-scrollbar { display: block; width: 6px; height: 1px; }

.popup_anzhuang .anzhuang_ul::-webkit-scrollbar-thumb { border-radius: 10px; background: #C1C1C1; }

.popup_anzhuang .anzhuang_ul::-webkit-scrollbar-track { border-radius: 10px; background: #F1F1F1; }

.popup_anzhuang .anzhuang_ul li { position: relative; float: left; width: 317px; height: 98px; padding-left: 20px; margin-right: 14px; margin-bottom: 14px; border: 2px solid #F1F2F6; background: #fff; border-radius: 8px; }

.popup_anzhuang .anzhuang_ul li.active { background: #F6F8FF; border: 2px solid #746EF6; }

.popup_anzhuang .anzhuang_ul li.active .p1 { color: #746EF6; }

.popup_anzhuang .anzhuang_ul li.active input[type=checkbox] { background-position: -228px -482px; }

.popup_anzhuang .anzhuang_ul li:nth-child(3n) { margin-right: 0; }

.popup_anzhuang .anzhuang_ul li .p1 { display: block; margin-top: 21px; font-size: 17px; color: #000000; line-height: 25px; }

.popup_anzhuang .anzhuang_ul li .p2 { display: block; margin-top: 7px; font-size: 14px; color: #576075; line-height: 20px; }

.popup_anzhuang .anzhuang_ul .checkbox-item { cursor: pointer; }

.popup_anzhuang .anzhuang_ul input[type=checkbox] { position: absolute; top: 40px; right: 20px; display: inline-block; vertical-align: top; margin-right: 9px; border-radius: 50%; cursor: pointer;}

.popup_anzhuang .anzhuang_ul input[type=checkbox]:checked { background-position: -228px -482px; }

.popup_anzhuang .diy_select { position: relative; display: inline-block; width: 100%; height: 54px; margin-top: 12px; background-color: #fff; border-radius: 8px; }

.popup_anzhuang .diy_select .diy_select_txt { line-height: 52px; padding-right: 50px; }

.popup_anzhuang .diy_select .diy_select_txt .sp1 { float: left; }

.popup_anzhuang .diy_select .diy_select_txt .sp2 { float: right; margin-top: 15px; text-align: right; line-height: 1; font-size: 14px; color: #FB1B1B; }

.popup_anzhuang .diy_select .diy_select_txt .sp2 font { font-size: 20px; color: #FB1B1B; }

.popup_anzhuang .diy_select .diy_select_txt .nor { display: inline-block; line-height: 1; margin-right: 3px; font-size: 14px; color: #B2B2B2; text-decoration: line-through; }

.popup_anzhuang .diy_select .diy_select_btn { right: 20px; line-height: 52px; }

.popup_anzhuang .diy_select .diy_select_list { top: 64px; }

.popup_anzhuang .diy_select .diy_select_list li { height: 52px; padding: 0 20px; line-height: 52px; text-align: left; }

.popup_anzhuang .diy_select .diy_select_list .sp1 { float: left; }

.popup_anzhuang .diy_select .diy_select_list .sp2 { float: right; margin-top: 15px; text-align: right; line-height: 1; font-size: 14px; color: #FB1B1B; }

.popup_anzhuang .diy_select .diy_select_list .sp2 font { font-size: 20px; }

.popup_anzhuang .diy_select .diy_select_list .nor { display: inline-block; line-height: 1; margin-right: 3px; font-size: 14px; color: #B2B2B2; text-decoration: line-through; }

.popup_anzhuang .activation_sub { display: inline-block; width: 100%; margin-top: 16px; text-align: center; font-size: 0; }

.popup_anzhuang .activation_sub a { display: inline-block; width: 168px; height: 52px; margin: 0 10px; line-height: 52px; background-color: #F1F2F6; border-radius: 30px; font-size: 18px; color: #8590A8; text-align: center; }

.popup_anzhuang .activation_sub .active { background-color: #746EF6; color: #fff; }


.popup_upload { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; z-index: 9999; }
.popup_upload .mask { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); }
.popup_upload .box { position: absolute; left: 50%; top: 50%; width: 430px; padding: 0 30px 40px 30px; background: #fff; text-align: left; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); font-size: 0; border-radius: 28px;}
.popup_upload .close { position: absolute; right: 16px; top: 16px; cursor: pointer; }
.popup_upload h3 { display: block; margin-top: 39px; font-size: 22px; color: #222222; line-height: 29px; text-align: center; }
.popup_upload .dropZone{ display: block; width: 350px; height: 210px; padding-top: 50px; margin: 30px auto 0 auto; border: 1px dashed #DDDEE0; border-radius: 8px; text-align: center; background-color: #F9FAFC;}
.popup_upload .dropZone p{ display: block; margin-top: 10px; font-size: 16px; color: #222222;}
.popup_upload .dropZone label{ display: inline-block; color: #746EF6; cursor: pointer;}
.popup_upload .activation_sub { display: inline-block; width: 100%; margin-top: 30px; text-align: center; font-size: 0; }
.popup_upload .activation_sub a { display: inline-block; width: 168px; height: 48px; margin: 0 7px; line-height: 48px; background-color: #F1F2F6; border-radius: 30px; font-size: 16px; color: #8590A8; text-align: center; }
.popup_upload .activation_sub .active { background-color: #746EF6; color: #fff; }
.input_file{ display: none;}


.poput_yunsj { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 22; }

.poput_yunsj .box { position: absolute; left: 50%; top: 50%; width: 488px; padding: 34px 34px 30px 34px; border-radius: 28px; box-sizing: border-box; transform: translate(-50%, -50%); background-color: #fff; }

.poput_yunsj .pox_cz { display: block; width: 100%; padding-bottom: 18px; border-bottom: 3px solid #F7F7FA; }

.poput_yunsj .pox_cz .po_p1 { display: block; font-size: 0; margin-bottom: 15px; }

.poput_yunsj .pox_cz .ico1,.poput_yunsj .pox_cz .ico46{ cursor: pointer;}

.poput_yunsj .pox_cz .po_p1 font { display: inline-block; vertical-align: middle; margin-right: 8px; font-size: 24px; color: #222222; }

.poput_yunsj .pox_cz .po_p2 { display: block; font-size: 0; margin-bottom: 7px; }

.poput_yunsj .pox_cz .po_p2 font { display: inline-block; vertical-align: middle; margin-right: 6px; font-size: 16px; color: #576075; }

.poput_yunsj .pox_cz .po_p3 { display: block; font-size: 15px; color: #576075; }

.poput_yunsj .pox_cz .po_p3 font { color: #FF2727; }

.poput_yunsj .pox_cz .po_top_r { position: absolute; top: 84px; right: 34px; display: block; width: 108px; height: 40px; line-height: 40px; background-color: #FF2727; border-radius: 40px; text-align: center; font-size: 0; }

.poput_yunsj .pox_cz .po_top_r font { display: inline-block; vertical-align: middle; margin-left: 5px; color: #fff; font-size: 18px; color: #fff; }

.poput_yunsj .pox_cz .close { position: absolute; top: 16px; right: 16px; }

.poput_yunsj .pox_li { display: block; width: 100%; margin-top: 28px; }

.poput_yunsj .pox_li > li { position: relative; display: block; width: 100%; margin-bottom: 10px; background: #F1F0FE; border-radius: 8px; }

.poput_yunsj .pox_li > li:last-child { margin-bottom: 0; }

.poput_yunsj .pox_li > li > a { display: inline-block; width: 100%; min-height: 58px; padding-left: 134px; line-height: 58px; font-size: 0; }

.poput_yunsj .pox_li > li > a font { display: inline-block; vertical-align: middle; margin-left: 2px; margin-right: 7px; font-size: 18px; color: #746EF6; }

.poput_yunsj .pox_li .yun_select_box { position: absolute; top: 68px; display: none; width: 420px; max-height: 250px; padding: 20px 10px; background-color: #fff; border-radius: 8px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); z-index: 1; overflow-y: auto;}
.poput_yunsj .pox_li .yun_select_box::-webkit-scrollbar { display: block; width: 6px; height: 1px; }
.poput_yunsj .pox_li .yun_select_box::-webkit-scrollbar-thumb { border-radius: 10px; background: #C1C1C1; }
.poput_yunsj .pox_li .yun_select_box::-webkit-scrollbar-track { border-radius: 10px; background: #F1F1F1; }
.poput_yunsj .pox_li .yun_select_box a { display: block; width: 100%; height: 48px; padding-left: 20px; line-height: 48px; border-radius: 8px; font-size: 0; }

.poput_yunsj .pox_li .yun_select_box a:hover{ background-color: #F9FAFC;}

/* .poput_yunsj .pox_li .yun_select_box a:last-child{ background-color: #F9FAFC;} */

.poput_yunsj .pox_li .yun_select_box a.active { position: relative; background-color: #F1F0FE !important; color: #746EF6; }
.poput_yunsj .pox_li .yun_select_box a.active::before{ content: ''; position: absolute; right: 7px; top: 9px; display: inline-block; width: 30px; height: 30px; background: url('../images/h5pc/ico20.png') no-repeat;}


.poput_yunsj .pox_li .yun_select_box a font { display: inline-block; vertical-align: middle; font-size: 18px; }

.poput_yunsj .pox_li .yun_select_box a .ico29 { margin-right: 5px; }