/* reset.css -----------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, header, footer, section, article, aside, nav, figure, figcaption { margin: 0; padding: 0; }

html, body { width: 100%; font-family: "Microsoft Yahei", "Helvetica"; color: #333333; }

img { max-width: 100%; border: 0; /*-webkit-touch-callout: none;*/ }

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

ul, ol { list-style: none; }

/* form-reset.css -----------------------------------------------------------------*/
table { border-collapse: collapse; border-spacing: 0; }

button { background: none; }

input, textarea, button { border: none; }

input, button, textarea, select, optgroup, option { font: 1rem "Microsoft Yahei", "Helvetica"; }

input[type="button"], input[type="text"], input[type="submit"], input[type="search"], input[type="tel"], input[type="number"], select, option, .appNone { appearance: none; -webkit-appearance: none; -moz-appearance: none; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }

input:-moz-placeholder, textarea:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }

/* const.css -----------------------------------------------------------------*/
.icon { display: inline-block; background-color: transparent; background-repeat: no-repeat; }

.VAM:after { content: ""; display: inline-block; overflow: hidden; height: 100%; width: 0; font-size: 0; vertical-align: middle; }

.wbwr { word-break: break-all; word-wrap: break-word; }

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

.clr:after { clear: both; }

.clr { zoom: 1; }

.fll { float: left; }

.flr { float: right; }

.vam { vertical-align: middle; }

.db { display: block; }

.dib { display: inline-block; }

.tar { text-align: right; }

.tac { text-align: center; }

.ovh { overflow: hidden; }

.vat { vertical-align: top; }

.vam { vertical-align: middle; }

.posr { position: relative; }

.auto { margin-left: auto; margin-right: auto; }

em, i { font-style: normal; }

input, button { outline: none; }

li { list-style: none; }

.wrap-b { min-width: 1200px; }

.wrap { width: 1200px; margin: 0 auto; }

.a-hover:hover { color: #5c89e2; }

h1, h2, h3, h4, h5 { font-weight: normal; }

.all-img { width: 100%; vertical-align: top; }

.fl { float: left; }

.fr { float: right; }

.clearfix { zoom: 1; }

.clearfix:after { content: ''; display: block; clear: both; }

.icon-avar { position: absolute; bottom: 10px; right: 0; width: 27px; height: 27px; background: no-repeat;background-position: 0 -52px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mb30 { margin-bottom: 30px; }

.header-b { background: #6798fc; height: 60px; width: 100%; z-index: 2; top: 0; left: 0; }

.header-b .logo { margin-top: 15px; margin-right: 31px; }

.header-b .logo-word { padding: 0 10px; height: 30px; margin-left: 10px; color: #6798fc; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; font-size: 24px; line-height: 30px; }

.header-b .nav { line-height: 60px; font-size: 16px; }

.header-b .nav-list { z-index: 1; position: relative; -webkit-transition: all .5s; transition: all .5s; border-left: 1px solid transparent; border-right: 1px solid transparent; color: #fff; }

.header-b .nav-list:hover { background: #5c89e2; border-color: #5c89e2; }

.header-b .nav-list:hover .nav-list-show { display: block; }

.header-b .nav-list:hover .icon-header-down { background-position: -144px -111px; }

.header-b .icon-header-down { width: 10px; vertical-align: middle; height: 5px; background: no-repeat center;background-position: -147px -139px; }

.header-b .nav-list-head { display: block; padding: 0 18px; color: #fff; }

.header-b .nav-list-head-word { display: inline-block; }

.header-b .nav-list-show { position: absolute; top: 60px; left: -1px; width: 100%; display: none; border-top: none; border: 1px solid #dddddd; }

.header-b .nav-list-show .nav-list-show-list:first-child { border-top: none; }

.header-b .nav-list-show-list { display: block; text-align: center; line-height: 41px; background: #fff; font-size: 14px; border-top: 1px solid #dddddd; }

.header-b .icon-navlast { width: 16px; height: 9px; background: no-repeat center;background-position: -111px -139px; }

.header-b .nav-more { position: absolute; width: 460px; top: 60px; padding: 10px 20px 10px 30px; right: -1px; border: 1px solid #dddddd; background: #fff; display: none; }

.header-b .nav-mw-left { font-weight: bold; font-size: 14px; line-height: 42px; width: 73px; }

.header-b .nav-mw-right { width: 385px; line-height: 42px; }

.header-b .nav-mw-right-list { margin-right: 12px; }

.header-b .nav-more-list { display: block; line-height: 41px; font-size: 14px; text-align: center; border-top: 1px solid #dddddd; color: #333; }

.header-b .nav-more-list:hover { color: #6798fc; }

.header-b .nav-list-last { cursor: pointer; position: relative; }

.header-b .nav-list-last:hover .icon-navlast { background-position: -75px -139px; }

.header-b .nav-list-last:hover .nav-more { display: block; }

.header-b .rightnav-title { line-height: 60px; font-size: 14px; color: #fff; }

.header-b .icon-nav { margin-top: 22px; margin-right: 7px; width: 16px; height: 16px; background: no-repeat center;background-position: -144px -39px; }

.header-b .rightnav-more { display: none; position: absolute; top: 60px; right: 0; border: 1px solid #dddddd; padding: 21px 22px 18px 20px; width: 285px; background: #fff; }

.header-b .rightnav-more:before { content: ''; display: block; width: 0; height: 0; border: 12px solid transparent; border-bottom: 12px solid #fff; position: absolute; top: -24px; right: 9px; }

.header-b .rightnav-more .a-hover { color: #000; font-size: 14px; margin: 0 14px; }

.header-b .rightnav-more .a-hover:hover { color: #6798fc; }

.header-b .rightnav { z-index: 1; position: relative; }

.header-b .rightnav:hover .rightnav-more { display: block; }

.head-login { height: 60px; margin-right: 30px; position: relative; }

.head-login .head-tologin-head { height: 60px; line-height: 60px; }

.head-login .head-tologin-head:before { content: ''; display: none; width: 0; position: absolute; border: 6px solid transparent; border-bottom-color: #fff; bottom: -1px; left: 50%; margin-left: -6px; z-index: 2; }

.head-login .icon-login-user { width: 15px; height: 16px; margin-top: 21px; margin-right: 7px; background: no-repeat center;background-position: -40px -139px; }

.head-login .head-tologin-word { font-size: 14px; color: #fff; }

.head-login .head-tologin-show { display: none; position: absolute; width: 270px; background: #fff; top: 60px; right: -81px; padding: 0 30px 33px; border: 1px solid #dddddd; z-index: 1; }

.head-login .head-tls-inpwrap { line-height: 43px; height: 43px; border: 1px solid #dddddd; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; margin-bottom: 20px; }

.head-login .head-tls-inpwrap-focus { border-color: #6798fc; }

.head-login .head-tls-inp { height: 100%; width: 100%; font-size: 14px; text-indent: 13px; }

.head-login .head-tls-choose { font-size: 14px; margin-bottom: 20px; line-height: 16px; }

.head-login .head-tls-choose .a-hover { color: #6798fc; }

.head-login .head-tls-choose .a-hover:hover { text-decoration: underline; }

.head-login .head-tls-sub { display: block; width: 100%; text-align: center; line-height: 45px; height: 45px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 18px; background: #5ec029; color: #fff; margin-bottom: 25px; cursor: pointer; }

.head-login .head-tls-sub:hover { opacity: 0.8; }

.head-login .head-tls-sub-wait { background: #a1a1a1; }

.head-login .head-tls-others-list { line-height: 32px; font-size: 14px; color: #666; }

.head-login .head-tls-others-list span:hover { color: #6798fc; }

.head-login .head-tls-others-list:first-child { margin-right: 33px; }

.head-login .icon-login-qq { width: 32px; height: 32px; margin-right: 7px; background: no-repeat center;background-position: 0 0; }

.head-login .icon-login-wb { width: 32px; height: 32px; margin-right: 7px; background: no-repeat center;background-position: -52px 0; }

.head-login .head-tls-tips { font-size: 14px; height: 30px; line-height: 30px; }

.head-login .head-logined-head-left { width: 32px; height: 32px; margin-top: 14px; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 6px; }

.head-login .icon-login-arrow { width: 0; border: 5px solid transparent; border-top-color: #fff; margin-top: 28px; }

.head-login .head-logined-head { height: 60px; position: relative; }

.head-login .head-logined-head:before { content: ''; display: none; width: 0; position: absolute; border: 6px solid transparent; border-bottom-color: #fff; bottom: -1px; left: 50%; margin-left: -6px; z-index: 2; }

.head-login .head-logined-show { position: absolute; display: none; width: 198px; background: #fff; top: 60px; left: 50%; margin-left: -99px; background: #fff; text-align: center; border: 1px solid #dddddd; z-index: 1; }

.head-login .head-les-head { padding: 19px 0 14px; border-bottom: 1px solid #dddddd; }

.head-login .head-les-head-img { display: block; width: 48px; height: 48px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; margin: 0 auto; margin-bottom: 7px; }

.head-login .head-les-head-name { line-height: 21px; font-size: 16px; color: #333333; font-weight: normal; text-align: center; max-width: 160px; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.head-login .head-les-head-grade { line-height: 18px; font-weight: normal; font-size: 12px; color: #999999; text-align: center; }

.head-login .head-les-list { display: block; border-bottom: 1px solid #dddddd; line-height: 44px; font-size: 14px; color: #6675a2; }

.head-login .head-les-list .a-hover { font-size: 14px; color: #6798fc; font-style: normal; }

.head-login .head-les-list:hover { color: #6798fc; }

.head-login .icon-login-tosolve { width: 20px; height: 20px; background: no-repeat center;background-position: -40px -99px; margin-left: 19px; margin-top: 11px; margin-right: 8px; }

.head-login .icon-login-topro { width: 20px; height: 20px; background: no-repeat center;background-position: 0 -99px; margin-left: 19px; margin-top: 11px; margin-right: 8px; }

.head-login .icon-login-mypro { width: 20px; height: 20px; background: no-repeat center;background-position: -104px -40px; margin-left: 19px; margin-top: 11px; margin-right: 8px; }

.head-login .icon-login-mymsg { width: 20px; height: 20px; background: no-repeat center;background-position: -104px 0; margin-left: 19px; margin-top: 11px; margin-right: 8px; }

.head-login .head-les-exit { text-align: center; line-height: 44px; font-size: 14px; color: #999999; }

.head-login .head-les-exit:hover { color: #6798fc; }

.rightnav { z-index: 1; position: relative; cursor: pointer; }

.rightnav:hover .rightnav-more { display: block; }

.rightnav .rightnav-title { font-size: 14px; }

.rightnav .icon-nav { margin-right: 7px; width: 16px; height: 16px; background: no-repeat center;background-position: -144px -39px; }

.rightnav .rightnav-more { display: none; position: absolute; top: 60px; right: 0; border: 1px solid #dddddd; padding: 30px 30px 0; width: 540px; background: #fff; }

.rightnav .rightnav-more:before { content: ''; display: block; width: 0; height: 0; border: 7px solid transparent; border-bottom: 7px solid #fff; position: absolute; top: -14px; right: 9px; }

.rightnav .rightnav-more .a-hover { color: #000; font-size: 14px; }

.rightnav .rightnav-more .a-hover:hover { color: #6798fc; }

.rightnav .rightnav-more-ls { width: 235px; margin-bottom: 25px; }

.rightnav .icon-header-rm { width: 20px; height: 20px; margin-right: 10px; background: no-repeat;background-position: -47px -52px; }

.rightnav .icon-header-rm2 { background-position: -144px 0; }

.rightnav .icon-header-rm3 { background-position: 0 -139px; }

.rightnav .icon-header-rm4 { background-position: -80px -99px; }

.rightnav .rightnav-more-ls-title { line-height: 20px; font-size: 16px; }

.rightnav .rightnav-more-main { margin-left: 24px; }

.rightnav .rightnav-more-ls-long { width: 300px; }

.rightnav .rightnav-more-main-ls { line-height: 16px; font-size: 14px; }

.rightnav .rightnav-more-main-ls .a-hover { border-left: 1px solid #dadada; padding: 0 6px; margin: 7px 0; color: #666666; }

.rightnav .rightnav-more-main-ls .a-hover:hover { color: #6798fc; }

.rightnav .rightnav-more-main-ls .a-hover:first-child { border-left: none; }

.head-login:hover .head-tologin-show, .head-login:hover .head-tologin-head:before, .head-login:hover .head-logined-show, .head-login:hover .head-logined-head:before { display: block; }


/*.search-box { margin: 12px 30px 0 0; padding: 0 20px; width: 200px; height: 36px; -webkit-border-radius: 40px; border-radius: 40px; background: #5c89e2; }*/

/*.search-box .search-inp { width: 174px; height: 36px; line-height: 36px; font-size: 14px; color: #fff; background: #5c89e2; }*/

/*.search-box .search-link { float: right; display: inline-block; margin-top: 10px; margin-left: 10px; width: 16px; height: 26px; }*/

/*.search-box .icon-search { display: inline-block; width: 16px; height: 16px; background: no-repeat;background-position: -144px -75px; }*/

/*.search-inp::-webkit-input-placeholder { color: #ffF; }*/

/*.footer-wrap { min-width: 1200px; background: #eee; }*/

/*.footer-top { padding: 27px 0; border-bottom: #dbdbdb 1px solid; }*/

/*.footer-code { float: right; width: 318px; }*/

/*.footer-code li { float: left; margin-left: 26px; font-size: 14px; color: #999; text-align: center; }*/

/*.footer-code li img { width: 80px; height: 80px; }*/

/*.footer-subnav { margin-right: 90px; }*/

/*.footer-subnav .footer-subnav-fh { overflow: hidden; padding-top: 18px; }*/

/*.footer-subnav .footer-subnav-fh li { float: left; font-size: 16px; }*/

/*.footer-subnav .footer-subnav-fh li:last-of-type { border-right: none; }*/

/*.footer-subnav .footer-subnav-fh-link { padding: 0 12px; color: #666; border-right: #bbb 1px solid; }*/

/*.footer-subnav .footer-subnav-fh-link:hover { color: #3e8bf4; }*/

/*.footer-subnav .footer-subnav-fh-link:last-of-type { border-right: none; }*/

/*.footer-subnav .footer-subnav-friend { padding-top: 28px; }*/

/*.footer-subnav .footer-subnav-friend li { float: left; margin-right: 2px; line-height: 30px; }*/

/*.footer-subnav .footer-subnav-friend .friendship-link { padding: 0 15px; font-size: 16px; color: #fff; background: #999; }*/

/*.footer-subnav .footer-subnav-friend .footer-subnav-friend-link { display: block; padding: 0 15px; font-size: 14px; color: #666; background: #ddd; }*/

/*.footer-subnav .footer-subnav-friend .footer-subnav-friend-link:hover { background: #ccc; }*/

/*.footer-copy { padding: 30px 0 50px; }*/

/*.footer-copy-link { float: left; padding-right: 30px; margin-right: 30px; width: 176px; height: 80px; border-right: #dbdbdb 1px solid; }*/

/*.footer-copy-txt { font-size: 14px; color: #999; }*/

/*.footer-copy-txt > span { display: block; margin-bottom: 3px; }*/

.wrap-list-paging { text-align: center; padding: 14px 0; clear: both; }

.wrap-list-paging p { display: inline; }

.wrap-list-paging p a { font-size: 16px; padding: 9px 16px; color: #666; line-height: 20px; border: 1px solid #e1e1e1; margin-right: 5px; }

.wrap-list-paging p .current, .wrap-list-paging p a:hover { font-size: 16px; padding: 9px 16px; line-height: 20px; border: 1px solid #23c6a5; background: #23c6a5; color: #fff; margin-right: 5px; }


/* ../images/base.inc.png */
.icon-avar,
.header-b .nav-list:hover .icon-header-down,
.header-b .icon-header-down,
.header-b .icon-navlast,
.header-b .nav-list-last:hover .icon-navlast,
.header-b .icon-nav,
.head-login .icon-login-user,
.head-login .icon-login-qq,
.head-login .icon-login-wb,
.head-login .icon-login-tosolve,
.head-login .icon-login-topro,
.head-login .icon-login-mypro,
.head-login .icon-login-mymsg,
.rightnav .icon-nav,
.rightnav .icon-header-rm,
.rightnav .icon-header-rm2,
.rightnav .icon-header-rm3,
.rightnav .icon-header-rm4,
.search-box .icon-search{
background-image: url(../images/base.inc.png);
}


/*确认验证*/
.ver-pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, .5);
}
.ver-main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 40px 20px;
    width: 400px;
    background: #fff;
    border-radius: 4px;
}
.get-code {
    position: relative;
}
.get-code-inp {
    padding: 0 10px;
    width: 300px;
    height: 40px;
    color: #999;
    line-height: 40px;
    font-size: 14px;
    border: 1px solid #eee;
    border-radius: 4px;
    box-sizing: border-box;
}
.get-code-pic {
    margin: 5px 0 0 10px;
    overflow: hidden;
    background: #fff;
}

.get-submit {
    margin-top: 30px;
    text-align: center;
}
.btn-submit {
    display: inline-block;
    margin-right: 20px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background: #23c6a5;
    border-radius: 4px;
}
.btn-cancel {
    background: #ddd;
}
.code-tags {
    position: absolute;
    right: 110px;
    top: 8px;
    width: 24px;
    height: 24px;
}

.tj-img {display:none}