body{ box-sizing: border-box; border: 1px solid transparent;margin:0; font-size:12px; background:#f6f6f6; font-family:Lantinghei SC,Lucida Grande,Lucida Sans Unicode,STHeitiSC,Helvetica,microsoft yahei,Arial,sans-serif; -webkit-text-size-adjust:none; overflow-x:hidden; color:#333; letter-spacing:1px;}
img{ border:0; vertical-align:middle}
div,ul,li{ margin:0; padding:0; }
ul,li{ list-style:none}
h1,h2,h3,h4,h5,h6{ margin:0; font-weight: 100}
h2{ font-size:32px; font-weight:100}
h3{ font-size:12px; font-weight:100}
h4{ font-size:12px; margin:0}
p{ margin:5px 0; line-height:180%; font-size: 14px;}
hr{ height: 1px; overflow: hidden; border: 0; background-color: #444; margin: 5px 0;}
input,select{ vertical-align:middle; margin:0}
form{ display:inline; margin:0; padding:0}
i{ display:inline-block; width:30px; height:30px; vertical-align:middle}
sup{ font-size:12px;}
header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{ display:block}
::-webkit-input-placeholder{ font-size:1.14rem; }

a:link,a:visited{ color:#333; text-decoration:none; outline:none}
a:hover{ color:#0087EB; }

.fl{ float:left}
.fr{ float:right}
.fn{ float:none}
.f16{ font-size:16px}
.f18{ font-size:18px}
.red,a.red{ color:#c00}
.blue,a.blue{ color:#0087EB}
.gray{ color: #666;}
.yellow{ color: #fad37a; }
.mgt{ margin-top:10px}
.mgt2{ margin-top: 20px;}
.mgt5{ margin-top: 50px;}
.mgl{ margin-left:10px;}
.mgr{ margin-right:10px;}
.mgb{ margin-bottom:10px;}
.mgb2{ margin-bottom: 20px;}
.p10{ padding:10px;}
.cen{ text-align:center}
.pre{ position: relative; z-index: 1;}
.container{ width:1180px; margin-left:auto; margin-right:auto;}
.tbor{ border-top:1px solid #EAEAEA}
.bgw{ background-color:#fff;}
.bgr2{ background-color:#f7f7f7}
.bg_gray{ background-color: #f6f6f6}
.f-small{ font-size: 12px; }

.gob_clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.gob_clearfix { display: inline-block; }
.gob_clearfix[class] { display: block; }

/* 共同引用 */
.ico_tel,
.ico_user,
.sys .tabs li i,
.sys .tabs li em,
.cus li span,
.cus li span i,
.oss li .i i{ background-image:url(../images/index_p.png); }

/* 按钮图标 */
.ico{ display:inline-block; width:24px; height:24px; vertical-align:middle; background-position:  center; background-repeat: no-repeat;}

.go{ display: inline-block; line-height: 12px; background: url('../images/arrow_1.png') right center no-repeat; background-size: 6px 11px; padding-right: 10px; }

/* 按钮 */
.cmd,
a.cmd{ display:inline-block; width:228px; height:54px; line-height:54px; font-size:16px; text-align:center; border-radius:3px; -webkit-border-radius:3px;}
.cmd_blue,
a.cmd_blue{ background:#0087eb; color:#fff;}
.cmd_blue:hover{ background:#009BEF}

.tbar{ font-size:26px; padding:40px 0 20px 0; letter-spacing:0;}
.tbar span{ font-size:30px; color:#0087eb; margin-right:10px; vertical-align:baseline;}

/* 顶部 */
header{ background:#2a5bc4; height:50px; line-height:50px; color:#fff; font-size: 14px; position: relative; z-index: 999;}
header .logo{ width: 129px; height: 25px; margin-right: 70px; background-size: 129px 25px; background-repeat: no-repeat; margin-top: 14px; background: url('../images/logo.png') center no-repeat; background-size: 100% auto;}
header .nav{ float: right; }
header .nav a{ color: #fff; margin: 0 12px;}
header .nav a:hover{ opacity: 0.8}
header .fr { display: inline-block; width: 100px; position: absolute; z-index: 1; right: 0; top: 0; }
header .fr span{ display: inline-block; width: 80px; height: 32px; line-height: 32px; border:1px solid #0073eb; color: #0073eb; text-align: center; float: right; margin-top: 8px; }
header .fr .ov{ width: 150px; position:absolute; right: 0; top: 42px; z-index: 2; background-color: #fff; display: none; }
header .fr span.curr{ background-color:#0073eb; color: #fff }
header .fr:hover .ov{ display: block;}
header .fr a{ display: block; line-height: 40px; text-align: center; transition:all .3s;}
header .fr a:hover{ background-color: #0073eb; color: #fff}
header .reg{ position: absolute; right: 100px; top: 0; z-index: 3;}
header .reg a{ color: #fff; }
header .reg a:hover{ text-decoration: underline;}

.tbar{ padding: 40px 0 30px 0;}
.tbar p{ font-size: 14px; color: #666}

.button{
    border: none; background-color: rgba(255,255,255,.12); transition: all .3s; color: #fff; cursor: pointer; height: 30px; line-height: 30px; padding: 0 16px; display: inline-block; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.button:hover{
    opacity: .85;
}
.button.yellow{
    background-color: #f6da8c;
}
a.button.yellow:hover{
    color: #000;
}
.button.circle{
    border-radius: 30px;
}
.button.light{
    border: 1px solid #eee;
}

.box{
    padding: 20px 0;
}

img[src=""],
img:not([src]) {
  visibility: hidden;
}


/*底栏*/
.cbar{ height: 170px; background: url('../images/bg_contact.png') #0060f9 center no-repeat; background-size: auto 100%; color:#fff; overflow: hidden; box-sizing: border-box; padding: 20px 0; }
.cbar h3{ font-weight: 600; font-size: 20px; margin: 20px 0; }
.cbar .button{ height: 40px; line-height: 40px; font-size: 14px; }

.article{ padding-right:20px; padding-top:20px;}
.article p{ color:#666}
.article img{ margin:5px auto;}

.content{ padding-top:25px; margin-right:20px;}
.content .le{ width:265px; }
.content .le .t{ line-height:30px; margin-bottom:20px;}
.content .f{ width:260px;}
.content .f .p{ width:255px; height:142px; text-align:center; border:1px solid #ddd}
.content .f .p img{ width:255px; height:142px;}
.content p{ color:#666; }

.tpop{ width: 200px; position: relative; overflow: visible; display: inline-block;}
.tpop .con{ width: 280px; background-color: #fff; border-radius: 10px; padding: 12px 16px; font-size: 14px; box-shadow: 0 0 40px #888; position: absolute; left:-50px; top: 50px; z-index: 3; display: none;}
.tpop:hover .con{ display: block;}
.tpop .con.con1{ width: 600px; text-align: left; left: -210px;}

.navWrap{ display: inline-block; height: 50px; cursor: pointer; position: relative; z-index: 1; margin: 0 12px; }
.navWrap .list{ width: 140px; box-sizing: border-box; position: absolute; background-color: #fff; border-radius: 8px; box-shadow: 0 5px 30px #ccc; padding: 10px; text-align: center; left: -36px; top: 46px; display: none; }
.navWrap .list a{ display: block; line-height: 28px; color: #444; }
.navWrap:hover .list{ display: block; }

.page{ height:30px; line-height:30px; padding:30px 0; text-align:center; margin-top:30px; border-top:1px solid #eee; text-align:left}
.page a,.page span{ display:inline-block; height:20px; line-height:20px; padding:0 8px; margin:0 2px; border-radius:3px; -webkit-border-radius:3px;}
.page span{ color:#094372;}
.page .prev,.page .prev:hover{ background:url(../images/ar_left.gif) left center no-repeat; padding-left:15px;}
.page .prev:hover{ color:#ccc}
.page .next,.page .next:hover{ background:url(../images/ar_right.gif) right center no-repeat; padding-right:15px;}
.page .next:hover{ color:#ccc}
.page .prev:hover strong,
.page .next:hover strong{ color:#094372}
.page .prev:hover strong,
.page .next:hover strong{ text-decoration:underline}
.page a:hover,.page a.curr,.page span.curr{ background:#094372; color:#fff; text-decoration:none;}

.ico_mail,
.ico_qq,
.ico_tel{ width: 60px; height: 60px; background-size: 60px;}

footer{ background:#121723; padding:80px 0; color:#fff; line-height:200%; font-size:12px; color:#fff;}
footer.copyright a{ color:#fff;}
footer.copyright a:hover{ opacity: 0.7; }
footer.copyright h3{ font-size: 18px; margin-bottom: 10px;}
footer.copyright .b{ width: 180px;}
footer.copyright .b a{ display: block; line-height: 30px;}
footer .code{ display: inline-block; width: 300px; margin-left: 80px; }
footer .code .t{ width: 140px; margin-top: 24px; }
footer p{ margin:0;}

.ico_code{ display:inline-block; width:105px; height:105px; background: url('../images/code.png') center no-repeat; background-size: 105px; margin-right: 24px; }

.btm{
    color: #000;
}
.btm a{
    color: #000; display: inline-block; margin: 0 10px;
}
.btm a:hover{
    color: #0060f9;
}

header .nav .avater{display: inline-block;width: 40px;height: 40px;line-height: 40px;font-size: 26px; overflow: hidden;color: #fff;white-space: nowrap;text-align: center;vertical-align: middle;background: #ccc; border-radius: 50%;}

.content-empty{
    min-height: 100px; display: flex; justify-content: center; align-content: center;
}

.form-container{ display: block; width: -moz-fit-content; width: fit-content; margin: auto; padding: 40px 60px 80px; box-sizing: border-box; background: #F4F6FC; border-radius: 10px;}
.form-container.readonly .form-item input[disabled]{ border: none; background-color: transparent;}

.row .form-item{display:inline-block;padding: 8px 10px;}
.row .form-item input,
.row .form-item .input,
.row .form-item select{ display: inline-block;width: 390px; height: 45px; line-height: 45px; padding: 0 10px;  box-sizing: border-box; font-size: 16px; color: #333; background-color: transparent; border: 1px solid #ccc;  border-radius: 5px;}
.row .form-item .code{ width: 270px; height: 45px}
.row .form-item .addon-after{ width: 120px; height: 45px;padding: 0; text-align: center; line-height: 45px;vertical-align: middle; cursor: pointer; font-size: 16px; background-color: #bed6f5; border-radius: 5px; color: #0060f9; border: 1px solid #0060f9;}
.row .form-item .addon-after[disabled],
.row .form-item .addon-after[disabled="true"],
.row .form-item .addon-after.disabled{cursor: default;  background-color: transparent; border: 1px solid #ccc; color: #ccc;}

.row .form-item textarea{ width: 800px; height: 100px; vertical-align: top; line-height: 1.5; padding: 0 10px;  box-sizing: border-box; font-size: 18px;  background-color: transparent; border: 1px solid #ccc;  border-radius: 5px;}
.form-container button{ cursor: pointer; border: none; color: #333; font-size: 18px; padding: 0 40px; height:48px; line-height: 48px; text-align: center}
.form-container button:hover{ opacity: 0.8; }
.row .form-item label{ display: block; text-align: left;font-size: 18px; margin-bottom: 16px; padding-left: 10px; position: relative;}
.row .form-item label.required:before{ position: absolute; left: 0px; content: "*"; color: #f00; margin-right: 5px;}
.row .form-item .hint{font-size: 12px; color: #999; white-space: break-spaces}
.row .form-item .hint:before{ content: "("}
.row .form-item .hint:after{content: ")"}
.row .form-item input[type="checkbox"]{ width: auto; height: auto; margin-right: 5px;}
.row .form-item input[type="radio"]{ width: auto; height: auto; margin-right: 5px;}
.row .form-item select option{padding: 6px 12px}
.row .form-item.line label{ display: inline-block; vertical-align: middle; text-align: right; width: 120px; margin-right: 10px;}

.row .form-item .file-item{position: relative;overflow: hidden;text-overflow: ellipsis;padding-right: 45px;}
.row .form-item .file-item .icon-close{ position: absolute; top: 50%;right: 10px; transform: translateY(-50%); cursor: pointer;}
.row .form-item .file-item .file-name{ white-space: nowrap }
.row .form-item input::placeholder,
.row .form-item .input .placeholder,
.row .form-item textarea::placeholder,
.row .form-item select::placeholder{ color: #ccc; font-size:1em;}

.row .form-item .input{height: inherit;min-height: 45px;}
.row .form-item .annex-file{display: inline-block; width: 390px; }

.form-item .err-msg{ display: none; text-align: left; color: #f00; font-size: 12px;}
.form-item.error{ color: #f00; }
.form-item.error input,
.form-item.error .input,
.form-item.error select,
.form-item.error textarea,
.form-item.error .cover-container{border-color: #f00}

#details img{ width: auto; max-width: 100% }
#details .detail-container-head{text-align: center;box-shadow: 0 0 5px #ccc;padding: 70px; margin-bottom: 70px;}
#details .content.richText p>img {width: 33%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;max-width: 100%;padding: 0 0.25%;}
#details .content.richText p>img:nth-child(3n) {padding-right: 0;}
#details .content.richText p>img:nth-child(3n+1) {padding-left: 0;}
#details .content.richText p{text-indent:inherit;}
.model{ display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 999;}
.model.hide{ display: none;}
.model .model-container{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);min-width: 640px; width: -moz-fit-content; width: fit-content; margin: auto; padding: 30px; box-sizing: border-box; background-color: #fff; border-radius: 8px; }
.model .model-head{position: relative; padding: 8px 10px; font-size: 18px; color: #333; }
.model .close{ position: absolute; right: -60px; top: -10px; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%;}
.model .close .icon{ display: block; margin: auto; cursor: pointer;}
.model .model-content{ padding: 20px;  text-align: center}
.model .model-content img{ height: 260px; width: 260px;}
.model .model-footer {text-align: center}
.model .model-footer .button,
.btn{ display: inline-block; width: 120px; border: 1px solid #333;border-radius: 4px; color: #333; background-color:white; font-size: 16px; height: 48px; line-height: 48px; text-align: center; margin: 0 15px; cursor: pointer;}
/*.btn {width: auto; height: auto; line-height: 1.5;}*/

.model .button.primary,
.btn.primary{ background-color:  #0060f9; color: #fff; border: 1px solid transparent;}

.model .button.warning,
.btn.warning{ background-color: #f9b200; color: #fff; border: 1px solid transparent;}

.model .button.default,
.btn.default{ border: 1px solid #333; color: #333; background-color:white;,}
.model .button:hover{ opacity: 0.8; }

.btn.plain.primary{font-size: 16px;background-color: #bed6f5;border-radius: 5px;color: #0060f9;border: 1px solid #0060f9;}
.btn.primary[disabled],
.btn.primary[disabled="true"],
.btn.primary.disabled,
.btn.plain.primary[disabled],
.btn.plain.primary[disabled="true"],
.btn.plain.primary.disabled{cursor: default;  background-color: transparent; border: 1px solid #ccc; color: #ccc;}




#login-model .form-container{padding-bottom: 40px;}
#login-model.model .model-footer{text-align:right}
#login-model button.button{margin-top: 30px;}
#login-model .model-footer .button[class$="-text"]{width: auto;height: auto;line-height:1.5; font-size: 12px; color: #333; padding: 4px 8px; border-radius: 4px;}
#login-model .login-form-tips {margin-top:30px; text-align: left; color: #666; font-size: 12px;}
#login-model .login-form-tips .link{font-size: 14px; color: #2a5bc4; cursor: pointer;}


#login-model.register .account,
#login-model.register button.login{display: none}
#login-model.register .button[class^="login-"]{display: none}
#login-model.register .row.nickName{display: block}
#login-model.register .model-head .login-text{position: absolute; top: 8px; right:10px; font-size: 14px; color: #2a5bc4; cursor: pointer;}
#login-model.register .login-form-tips .register-text{display: none;}

#login-model.register.email-register .register-email-text,
#login-model.register.email-register .mobile{display: none}
#login-model.register.email-register .register-mobile-text{display: inline-block}

#login-model.register.mobile-register .row.email,
#login-model.register.mobile-register .register-mobile-text.button{display: none}
#login-model.register.mobile-register .register-email-text{display: inline-block;}

#login-model.login .row.nickName{display: none}
#login-model.login button.register{display: none}
#login-model.login .button[class^="register-"]{display: none}
#login-model.login .model-head .register-text{position: absolute; top: 8px; right:10px; font-size: 14px; color: #2a5bc4; cursor: pointer;}
#login-model.login .login-form-tips .login-text{display: none;}


#login-model .login-code-text,
#login-model .login-email-text,
#login-model .login-pwd-text,
#login-model .register-mobile-text,
#login-model .register-email-text{display: none; text-align: right; color: #2a5bc4; cursor: pointer;}

.login-code-text:hover,
.login-email-text:hover,
.login-pwd-text:hover,
.login-pwd-text:hover{ color: #0060f9}

#login-model.login.pwd-login .row.code,
#login-model.login.pwd-login .row.email,
#login-model.login.pwd-login .row.mobile{display: none}
#login-model.login.pwd-login .login-email-text,
#login-model.login.pwd-login .login-code-text{display: inline-block}

#login-model.login.code-login .row.password,
#login-model.login.code-login .row.email,
#login-model.login.code-login .row.account{display: none}
#login-model.login.code-login .login-email-text,
#login-model.login.code-login .login-pwd-text{display: inline-block}

#login-model.login.email-login .row.password,
#login-model.login.code-login .row.account,
#login-model.login.email-login .row.mobile{display: none}
#login-model.login.email-login .login-pwd-text,
#login-model.login.email-login .login-code-text{display: inline-block}


.dropdown{position: relative; display: inline-block; height: 50px;}
.drop-btn { cursor: pointer; }
.dropdown-content { display: none; position: absolute;right: 0;background-color: rgb(255, 255, 255);border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px -4px, rgba(0, 0, 0, 0.05) 0px 9px 28px 8px;font-size: 14px;line-height: 22px}
.dropdown .dropdown-content a { padding: 12px 16px; margin: 0;text-decoration: none;display: block; width: -moz-max-content; width: max-content; color: #999; cursor: pointer;}
.dropdown-content a:hover { background-color: #f1f1f1; color: #333; }
.dropdown:hover .dropdown-content,.dropdown-content:hover {display: block;}

.article-publish.hide{display: none}
.cover-container{display: block; width: 390px;height: 200px;  border: 1px solid #ccc;  border-radius: 5px; cursor: pointer; position: relative;}
.icon-img-upload{display: block; width: 80px; text-align: center; margin: 50px auto; cursor: pointer;}
.cover{width: 100%; height: 100%}
.quill-container{height: 500px}

.toast-container{position: fixed;display: block; left: 50%; top: 100px; z-index: 9999; margin: auto; transform: translateX(-50%);}
.toast-container:empty{display: none;}
.toast-container .toast{position: relative; min-height: 25px; line-height: 25px; border-radius: 5px; text-align: center; color: #fff; background-color: rgba(0,0,0,0.5); padding: 8px 32px 8px 16px; }
.toast-container .toast-close{position: absolute; right: 8px; top: 8px; cursor: pointer;}
.toast-container .toast:not(.close-container) {padding: 8px 24px}
/*.toast-container .toast:not(.loading){animation: toast-fade 2s;}*/
/*@keyframes toast-fade {0%{opacity:1}50%{opacity: .3}100%{opacity: 0;}}*/
.toast-container .success{ background-color: #00b359; }
.toast-container .error{background-color: #ff4d4f;}
.toast-container .info{background-color: #0060f9;}
.toast-container .warning{background-color: #ff9800;}
.toast-container .loading{background-color: #ff9800;}


.menu{box-sizing: border-box;margin: 0;padding: 24px 0;font-size: 14px;font-variant: tabular-nums;color: rgba(0, 0, 0, .65);line-height: 0;list-style: none;background: #fff;outline: none;box-shadow: 0 2px 8px rgba(0, 0, 0, .15);transition: background .3s, width .2s; }
.menu-submenu-title {height: 60px; margin-top: 4px; margin-bottom: 4px; padding: 0 16px; overflow: hidden; font-size: 14px; line-height: 60px; text-overflow: ellipsis;}
.menu-submenu-title:hover{color: #0060f9; background-color: rgba(0, 96, 249, 0.1)}
.menu-submenu-title.active{color: #0060f9;background-color: rgba(0, 96, 249, 0.2)}
.menu-submenu-title a{display: inline-block; width: 100%; }

.user-article {height: 100%; padding: 16px; position:relative; box-sizing: border-box; }
.user-article .table-pagination.pagination{position: absolute; bottom: 0; height: 56px; width: 100%;}

.table-wrapper {clear: both;max-width: 100%;height: 100%;overflow: auto; min-height: inherit;}
.table{box-sizing: border-box;margin: 0;padding: 0;color: #000000d9;font-variant: tabular-nums;line-height: 1.5715;list-style: none;font-feature-settings: "tnum";position: relative;font-size: 14px;background: #fff;border-radius: 2px;}
.table-container {border-top-left-radius: 2px;border-top-right-radius: 2px;}
.table table{width: 100%;text-align: left;border-radius: 2px 2px 0 0;border-collapse: separate;border-spacing: 0;}
.table.table-fixed-header table{table-layout: fixed;}
.table-container table>thead>tr:first-child th:last-child {border-top-right-radius: 2px;}
.table-container table>thead>tr:first-child th:first-child {border-top-left-radius: 2px;}

.table-thead>tr>th {position: relative;color: #000000d9;font-weight: 500;text-align: left;background: #fafafa;border-bottom: 1px solid rgba(0, 0, 0, .06);transition: background .3s ease;}
.table-thead>tr>th,
.table-tbody>tr>td,
.table tfoot>tr>th,
.table tfoot>tr>td {position: relative;padding: 16px;overflow-wrap: break-word;}

.table-thead>tr>th:not(:last-child):not(.table-selection-column):not(.table-row-expand-icon-cell):not([colspan]):before {position: absolute;top: 50%;right: 0;width: 1px;height: 1.6em;background-color: #0000000f;transform: translateY(-50%);transition: background-color .3s;content: "";}
.table-tbody>tr>td {border-bottom: 1px solid rgba(0, 0, 0, .06);transition: background .3s;}
.ellipsis{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}


.pagination {box-sizing: border-box;margin: 0;padding: 0;color: #000000d9;font-size: 14px;font-variant: tabular-nums;line-height: 1.5715;list-style: none;font-feature-settings: "tnum";}
.table-pagination.pagination {margin: 36px 0;}
.table-pagination-right {position: absolute;right: 32px;bottom: 50%;transform: translateY(50%);}
.table-pagination {position: relative;}

.pagination-item {display: inline-block;min-width: 32px;height: 32px;margin-right: 8px;line-height: 30px;text-align: center;vertical-align: middle;list-style: none;background-color: #fff;border: 1px solid #d9d9d9;border-radius: 2px;outline: 0;cursor: pointer;}
.pagination-item-active {font-weight: 500;background: #fff;border-color: rgb(24, 144, 255);}

.pagination-prev{margin-right: 8px;}
.pagination-prev,
.pagination-next {display: inline-block;min-width: 32px;height: 32px;color: #000000d9;line-height: 32px;text-align: center;vertical-align: middle;list-style: none;border-radius: 2px;cursor: pointer;transition: all .3s;}
.pagination-prev .pagination-item,
.pagination-next .pagination-item {display: block;  width: 100%;  height: 100%;  padding: 0;  font-size: 12px;  text-align: center;  background-color: #fff;  border: 1px solid #d9d9d9;  border-radius: 2px;  outline: none;  transition: all .3s; }

.pagination-disabled,
.pagination-disabled:hover {cursor: not-allowed;}
.pagination-disabled .pagination-item,
.pagination-disabled:hover .pagination-item .icon,
.pagination-disabled:hover .pagination-item {color: #00000040;border-color: #d9d9d9;cursor: not-allowed;}

.popover {
    display: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    line-height: 1.5;
    position: absolute;

    left: 15px;
    z-index: 1030;
    max-width: 100vw;
    font-weight: 400;
    white-space: normal;
    text-align: left;
    cursor: auto;
}

.popover.popover-placement-top{
    top: calc(-100% + 50px);
}

.popover-content {
    position: relative;
    background-color: #fff;
}


.popover-inner-content {
    width: max-content;
    max-width: 100%;
    padding: 12px 16px;
    color: #000000d9;
}

.popover-inner {
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
}

.popover-placement-top .popover-arrow-content, .popover-placement-topLeft .popover-arrow-content, .popover-placement-topRight .popover-arrow-content {
    box-shadow: 3px 3px 7px #00000012;
    transform: translateY(-11px) rotate(45deg);
}

.popover-placement-top .popover-arrow {
    left: 50%;
    bottom: -22px;
    transform: translate(-50%);
}


.popover-box{
    position: relative;
}

.popover-box:hover .popover{
    display: block;
}


.popover-arrow-content {
    background-color: #fff;
    position: absolute;
    inset: 0;
    display: block;
    width: 12px;
    height: 12px;
    margin: auto;
    content: "";
    pointer-events: auto;
    border-radius: 0 0 2px;
}


.popover-title {
    min-width: 177px;
    min-height: 32px;
    margin: 0;
    padding: 5px 16px 4px;
    color: #000000d9;
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}

.popover-arrow {
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    overflow: hidden;
    background: transparent;
    pointer-events: none;
}


.user-content-container{ position: absolute; left: 270px; top: 80px; width: calc(100% - 270px);height: calc(100% - 160px); min-height: 580px; background-color: #fff; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px 0px; overflow: hidden;}
.user-content-container .userinfo-container{width: 100%; height:100%;}
.user-content-container .userinfo-container .form-container{background-color: #fff;}
.userinfo-container input[disabled] { background-color: transparent;}
.userinfo-container .avatar { background-color: #f6f6f6; border-radius: 50%; width: 128px; height: 128px; margin: 30px auto 30px;}
.userinfo-container .avatar img {width: 100%;height: 100%;border-radius: 50%; overflow: hidden;}
.userinfo-container .avatar .avatar-nick--name {display: block;text-align: center;font-size: 68px;color: #666;width: 100%;height: 100%;line-height: 128px;}


.activity-enlists-container{position: relative;border: 1px solid transparent; box-sizing: border-box;}

.enroll-container{width: 100%;height: 100%; }
.enroll-container .form-container{padding: 32px;box-sizing: border-box;}

.enroll-container .btn.primary.large{width: calc(100% - 64px);margin-top: 32px;}
.activity-voucher .qrcode-code{width: 240px; height: 240px;}
.activity-voucher .qrcode-code p { margin: 30px 0;   }
.activity-voucher .qrcode-code i.icon { display: inline-block; width: 32px; height: 32px;  margin-top: 60px}
.block-center {margin: 0 auto;}


#login-model.model-page.login .model-head .register-text{display: none;}
#login-model.model-page.register .model-head .login-text{display: none;}

.model.model-page,
.model.model-page .model-container {position: relative;top: inherit;left: inherit;width: 100%;height: inherit;margin: 0 auto;padding: 20px;transform: none;border-radius: 0;box-sizing: border-box;}

.model.model-page{background-color: transparent;}
.model.model-page .container-other,
.enroll-container .container-other,
.activity-voucher .container-other{border-top-left-radius: 16px;border-top-right-radius: 16px;}

.enroll-container .taps-container .taps-head{padding: 30px; text-align: center; font-size: 30px; margin: 15px; }
.enroll-container .taps-container .tap-item{ width: 300px; height: auto; line-height:1.5; padding: 14px; font-size: 20px; margin: 16px !important; overflow: hidden;}


.title-other {font-size: 18px;color: #fff;height: 40px;line-height: 40px;border-top-left-radius: 16px;border-top-right-radius: 16px;padding: 0 30px;margin-top: 60px;}

.footer-other {margin: 0;}
.footer-other.title-other{border-radius: 0;}

.container-other {width: 90%;background-color: #fff;margin: 45px auto 25px;box-sizing: border-box;}

@media (min-width: 992px) {
    .container-other {min-width: 962px;max-width: 1170px;}
}

#header.container-other{background-color: transparent;}

.bg {background: linear-gradient(to right, #008fd7, #acce22);}


.result{width: 72%;margin: 0 auto;text-align: center;}

.result-icon {display: inline-block;width: 72px;height: 72px;border-radius: 50%;margin-bottom: 24px;}

.qrcode-contented{display: inline-block;width: 240px;height: 240px;background: #f7f7f7;}

.result-title {margin-bottom: 16px;color: #17233d;font-weight: 500;font-size: 24px;line-height: 32px;}

.result-desc {margin-bottom: 24px;color: #808695;font-size: 14px;line-height: 22px;}

.result-extra {padding: 24px 40px;text-align: left;background: #f8f8f9;border-radius: 4px;}

.grid{position: relative;}

.grid-item {position: relative;float: left;width: 33.33%;box-sizing: border-box;border: 1px solid #f0f0f0;border-radius: 0;}

.grid-item .grid-item-main .label:after {content: ": ";height: 100%;}

/* 墙报 */
.user-poster{height: 100%;min-height: 400px;}
.user-poster .user-poster-header{margin: 15px}
.user-poster .user-poster-header .explain,
#poster .process .step-bar{padding: 30px;font-size: 24px}
#poster .process .step-bar{text-align: center}
#poster .process .step-bar .step-bar-item{display: inline-block;padding: 30px;font-size: 24px}


.process .explain
{margin: 18px; padding: 12px 18px; border-left: 4px solid #eee; background-color: #f5f6ff; font-size: 18px}

body[data-mobile-adaptation="media"] .form-item-value-container{display: inline-block; vertical-align: top;}

@media screen and (min-width: 1140px){
    body[data-mobile-adaptation="media"] .model .row .form-item label{display: block; width: 120px; font-size: 16px; margin-bottom: 14px;}
    body[data-mobile-adaptation="media"] .row .form-item label{display: inline-block; vertical-align: middle; width: 120px; font-size: 16px; margin-bottom: 14px;}
    body[data-mobile-adaptation="media"] .form-container{background-color: transparent}
    body[data-mobile-adaptation="media"] .container{ width: 100% }
    body[data-mobile-adaptation="media"] .enroll-container .row{display: inline-block;}
    body[data-mobile-adaptation="media"] .enroll-container{margin-top: 90px; width: 1180px; height: -moz-fit-content; height: fit-content;}

}

@media screen and (max-width: 1180px){
    body[data-mobile-adaptation="media"] .container{ width: 100% }
    body[data-mobile-adaptation="media"] .form-container{background-color: transparent}
    body[data-mobile-adaptation="media"] .row .form-item label{display: inline-block; vertical-align: middle; width: 120px; font-size: 16px; margin-bottom: 14px;}
    body[data-mobile-adaptation="media"] .model .row .form-item label{display: block; width: 120px; font-size: 16px; margin-bottom: 14px;}
    body[data-mobile-adaptation="media"] .grid-item{ width: 50%; }
    body[data-mobile-adaptation="media"] .row .form-item textarea{ width: 100%; line-height: 1.5; padding: 0 10px; font-size: 16px; }
}

@media screen and (max-width: 768px) {
    body[data-mobile-adaptation="media"] .form-container{ margin: auto; padding: 20px 30px 40px; border-radius: 8px; }
    body[data-mobile-adaptation="media"] .row .form-item{display:inline-block;padding: 6px 8px;}
    body[data-mobile-adaptation="media"] .row .form-item .cover-container{ width: 300px; }
    body[data-mobile-adaptation="media"] .row .form-item input,
    body[data-mobile-adaptation="media"] .row .form-item .input,
    body[data-mobile-adaptation="media"] .row .form-item select{ width: 300px; height:38px; line-height: 1.5; padding: 0 10px;  font-size: 16px; border-radius: 5px;}
    body[data-mobile-adaptation="media"] .row .form-item .annex-file{ width: 300px; }
    body[data-mobile-adaptation="media"] .row .form-item .code{ width: 200px; }
    body[data-mobile-adaptation="media"] .row .form-item .addon-after{ width: 90px; height: 38px; line-height: 38px; font-size: 16px; border-radius: 5px; }
    body[data-mobile-adaptation="media"] .form-container .button{ font-size: 16px; padding: 0 30px; height:40px; line-height: 40px;}

    body[data-mobile-adaptation="media"] .row .form-item label{display: inline-block; vertical-align: middle; width: 120px; font-size: 16px; margin-bottom: 14px;}

    body[data-mobile-adaptation="media"] .model .model-footer .button,
    body[data-mobile-adaptation="media"] .btn{ width: 90px; font-size: 16px; height: 38px; line-height: 38px; margin: 0 12px;}
    body[data-mobile-adaptation="media"] .model .model-footer .button.tap-item{width: 200px; height: auto; line-height: 1.5},

    body[data-mobile-adaptation="media"] #login-model .form-container{padding-bottom: 30px;}
    body[data-mobile-adaptation="media"] #login-model button.button{margin-top: 24px; }
    body[data-mobile-adaptation="media"] .model .model-container{width: 100%;min-width: inherit;box-sizing: border-box;padding: 20px 0;}
    body[data-mobile-adaptation="media"] .grid-item{ width: 100%; }
    body[data-mobile-adaptation="media"] #poster .process .step-bar .step-bar-item {padding: 15px;font-size: 16px;}
    body[data-mobile-adaptation="media"] #poster .process .step-bar  {font-size: 16px;}
}
@media screen and (max-width: 720px) {
    body[data-mobile-adaptation="media"] .row .form-item label{display: block; width: 120px; font-size: 16px; margin-bottom: 14px;}
    body[data-mobile-adaptation="media"] .enroll-container{ width: 100%;}
    body[data-mobile-adaptation="media"] .model .model-content {padding: 0;}
    body[data-mobile-adaptation="media"] .form-container {margin: auto;padding: 0;border-radius: 8px;}
    body[data-mobile-adaptation="media"] .row .form-item textarea{ width: calc(100% - 0px); line-height: 1.5; padding: 0 10px; font-size: 16px; box-sizing: border-box}
}
@media screen and (max-width: 420px) {
    body[data-mobile-adaptation="media"] .form-container{width: -moz-min-content;width: min-content; margin: auto; padding: 12px 18px 20px; border-radius: 5px; }
    body[data-mobile-adaptation="media"] .row .form-item{display:inline-block;padding: 4px 6px;}
    body[data-mobile-adaptation="media"] .row .form-item .cover-container{ width: 260px; }
    body[data-mobile-adaptation="media"] .row .form-item input,
    body[data-mobile-adaptation="media"] .row .form-item .input,
    body[data-mobile-adaptation="media"] .row .form-item .textarea,
    body[data-mobile-adaptation="media"] .row .form-item select{ width: 260px; line-height: 1.5; padding: 0 10px;  font-size: 16px; border-radius: 5px;}
    body[data-mobile-adaptation="media"] .row .form-item .annex-file{ width: 260px; }
    body[data-mobile-adaptation="media"] .row .form-item .code{ width: 160px; }
    body[data-mobile-adaptation="media"] .form-container {padding: 12px 0 12px;}


    body[data-mobile-adaptation="media"] .model,
    body[data-mobile-adaptation="media"] .model .model-container {padding-left:0; padding-right: 0;}
    body[data-mobile-adaptation="media"] .model .model-container{min-width: 280px;}
}


span[data-lang],div[data-lang]{display: none; }

body.zh-cn span[data-lang="zh-cn"] {display: inline;}
body.zh-cn div[data-lang="zh-cn"] {display: block;}

body.en-us span[data-lang="en-us"] {display: inline;}
body.en-us div[data-lang="en-us"] {display: block;}

.icon-font.icon-close:before {content: "x";}
.icon {display: inline-block;vertical-align: middle;font-size: 24px;cursor: pointer;width: 30px;height: 30px;line-height: 30px;text-align: center;}

.icon.icon-pay-wx-dark,
.icon.icon-pay-ali-dark {display: inline-block;}

.active.wx-pay .icon-pay-wx-bright{display: inline-block;}
.active.wx-pay .icon-pay-wx-dark{display: none;}
.active.ali-pay .icon-pay-ali-bright{display: inline-block;}
.active.ali-pay .icon-pay-ali-dark{display: none;}
.icon-pay-wx-bright,
.icon-pay-ali-bright {display: none;}