body{ 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:20px; height:20px; 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; 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: 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 select{ width: 390px; height: 45px; line-height: 45px; padding: 0 10px;  box-sizing: border-box; font-size: 18px; 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: #0060f9;border-radius: 5px; color: #fff}
.row .form-item .addon-after.text{display:contents; padding: 0; text-align: center; line-height: 45px;vertical-align: middle; cursor: pointer; font-size: 16px; border: none; color: #666}
.row .form-item .addon-after.confirm.text{color: rgba(0, 96, 249, 0.9)}
.row .form-item .addon-after[disabled],
.addon-after[disabled="true"],
.row .form-item .addon-after.disabled{ background-color: rgba(0, 96, 249, .5); color: #fff; cursor: default;}

.row .form-item textarea{ width: 810px; height: 100px; line-height: 45px; 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;}
.row .form-item label.required:before{ content: "*"; color: #f00; margin-right: 5px;}
.row .form-item .hint{font-size: 12px; color: #999;}
.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; text-align: right; width: 120px; margin-right: 10px;}


#details img{ width: 100%; }
.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: fit-content; margin: auto; padding: 30px; box-sizing: border-box; background-color: #fff; border-radius: 8px; }
.model .model-head{position: relative; padding: 8px 0; 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 h3{ font-size: 18px; color: #333; padding: 10px 0; }
.model p{ font-size: 16px; color: #999 }
.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{ display: inline-block; width: 120px;color: #fff; font-size: 16px; height: 48px; line-height: 48px;  border-radius: 40px; text-align: center; margin: 0 15px;}
.model .button:first-child{ background-color:  #0060f9; color: #fff; border: 1px solid transparent;}
.model .button:last-child{ border: 1px solid #333; color: #333; background-color:white;}
.model .button:hover{ opacity: 0.8; }


#login-model .form-container{padding-bottom: 40px;}
#login-model button.button{margin-top: 30px;}

#login-model.register button.login{display: none}
#login-model.register .nickName{display: block}
#login-model.register .login-text{position: absolute; top: 8px; right:10px; font-size: 14px; color: #2a5bc4; cursor: pointer;}
#login-model.register .login-pwd-text{display: block}

#login-model.login .nickName{display: none}
#login-model.login button.register{display: none}
#login-model.login .register-text{position: absolute; top: 8px; right:10px; font-size: 14px; color: #2a5bc4; cursor: pointer;}

.login-code-text,
.login-pwd-text{display: none; text-align: right; color: #2a5bc4; cursor: pointer;}
.login-code-text:hover,
.login-pwd-text:hover{ color: #0060f9}

#login-model.login.pwd-login .code{display: none}
#login-model.login.pwd-login .login-code-text{display: block}
#login-model.login.code-login .password{display: none}
#login-model.login.code-login .login-pwd-text{display: 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: 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}
.article-publish .cover-container{display: block; width: 390px;height: 200px;  border: 1px solid #ccc;  border-radius: 5px;}
.article-publish .icon-upload{display: block; width: 80px; text-align: center; margin: 50px auto; cursor: pointer;}
.article-publish .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: translateY(-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;}
.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: 16px 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 {color: #00000040;border-color: #d9d9d9;cursor: not-allowed;}


.user-content-container{ position: absolute; left: 270px; top: 80px; width: calc(100% - 270px);height: calc(100vh - 554px ); 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;}