body, ul, li, ol, img, div, p {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.split-data ul li div, .split-data ul li a, .split-data ul, .split-data ul li {
    line-height: initial !important;
}

body, html {
    background-color: #f5f6f9;
}

ul, li {
    list-style: none;
}

.center {
    width: 1200px;
    margin: auto;
}

footer .desc p {
    margin-bottom: 10px;
}

footer .desc {
    text-align: left;
    margin-left: 50px;
    display: inline-block;
    margin-top: 20px;
}

footer a {
    color: #fff;
}

footer {
    clear: both;
    width: 100%;
    text-align: left;
    background: url('/Content/2020/images/common/footer_bottom.png') no-repeat left center;
    height: 140px;
    color: #fff;
    background-size: cover;
}

.studio .studio-img img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.studio .studio-img {
    height: 152px;
    width: 152px;
    position: relative;
}

.studio {
    width: 171px;
    float: left;
    margin-bottom: 24px;
    position: relative;
}

#studioContainer {
    display: table;
    margin-top: 20px;
}

.studio-name {
    text-align: center;
    margin-top: 10px;
    font-weight: 500;
    font-size: 14px;
    width: 152px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ztpic-studio-info span {
    display: block
}

.ztpic-studio-info {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #2d8cf0;
    color: #fff;
    opacity: .8;
    width: 100%;
    height: 100%;
    display: none;
}

.ztpic-studio-name {
    line-height: 30px;
    text-indent: 12px;
    text-overflow: ellipsis;
    width: 152px;
    overflow: hidden;
    white-space: nowrap;
}

.ztpic-studio-subject {
    line-height: 30px;
    text-indent: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztpic-studio-sign {
    max-height: 81px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px 2px 12px;
}


.studio:hover .ztpic-studio-info {
    display: block;
    cursor: pointer;
}

.site-container li .val {
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: #fff;
}


.site-container li .text {
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
}


.site-container li img {
    height: 60px;
    display: none;
}

.site-container li {
    float: left;
    width: 195px;
    height: 69px;
    text-align: center;
    font-weight: normal;
    margin: 0 5px 5px 0;
    padding-top: 40px;
    /*
    background: url('/Content/2020/images/common/total_line.png') no-repeat right center;
    */
}

.site-container {
    display: table;
    background: url('/Content/2020/images/common/footer_top.png') no-repeat left center;
    width: 100%;
    height: 265px;
    background-size: cover;
}


footer .logo img {
    width: 100%;
    height: 100%;
    margin: 10px auto;
}

footer .logo {
    display: inline-block;
    float: left;
    width: 100px;
    height: 100px;
    visibility: hidden;
}


footer .app-container .android img {
    width: 100%;
    height: 100%;
}

footer .app-container .android {
    height: 100px;
    width: 100px;
    text-align: center;
}

footer .app-container {
    display: inline-block;
    float: right;
    height: 100px;
    width: 100px;
    margin-top: 10px;
    margin-right: 5px;
    visibility: hidden;
}

.title-container.center {
    color: #2d8cf0;
    margin-top: 20px;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
}


#loginbox .controls {
    padding: 0 20px;
}

#loginbox .control-group {
    padding: 20px 0;
    margin-bottom: 0px;
    padding-bottom: 0;
}

#loginbox form {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    height: 300px;
}


#logo, #loginbox {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#loginbox {
    overflow: hidden !important;
    z-index: 100;
    text-align: center;
    position: relative;
    margin-top: 0;
    padding-left: 15px;
    width: auto;
}

#windows1 {
    position: absolute;
    top: 52px;
    width: 250px;
    right: 100px;
    display: none !important;
    background: url('/Images/home_login.png') no-repeat left center;
}

#loginbox .main_input_box input {
    height: 30px;
    border: 1px solid #d7d7d7;
    display: inline-block;
    width: 100%;
    line-height: 28px;
    margin-bottom: 3px;
    text-indent: 32px;
    border-radius: 2px;
}

#loginbox .form-actions {
    padding: 14px 20px 15px;
}

.form-vertical, .form-actions {
    margin-bottom: 0;
    background: none;
    border-top: 1px solid #3f4954;
}

.form-remmber {
    text-align: left;
    margin-top: 5px;
    text-indent: 21px;
}

#to-recover {
    background: #043C86;
    color: #fff;
    width: 216px;
    display: block;
    margin-top: 10px;
    margin: auto;
    margin-top: auto;
    margin-top: 8px;
    line-height: 30px;
    border-radius: 2px;
    font-size: 14px;
    cursor: pointer;
}

.main_input_box {
    position: relative;
}


.add-on img {
    width: 21px;
    height: 20px;
}

.add-on {
    position: absolute;
    left: 5px;
    top: 6px;
}


#codeImg {
    position: absolute;
    top: 1px;
    right: 0;
    height: 32px;
    line-height: 32px;
    color: #2d8cf0;
    font-weight: 500;
    cursor: pointer;
}


#smsCodeImg {
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
    line-height: 32px;
    color: #043C86;
    font-weight: 500;
    cursor: pointer;
    display: none;
}

#loginbox #loginForm .control-group {
    padding: 5px 0;
}

.form-recover {
    height: 40px;
}

.checkbox.checked {
    background: url('/Images/checkbox_check.png') no-repeat left center;
}


.checkbox.unchecked {
    background: url('/Images/checkbox.png') no-repeat left center;
}

.checkbox {
    height: 24px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 21px;
    text-indent: 0;
    line-height: 24px;
    color: #043C86;
}

.data-container .split-container .split-title b a {
    text-decoration: none;
    color: #999;
}

.data-container .split-container .split-title b i {
    font-style: normal;
}

.data-container .split-container .split-title b {
    color: #999;
    position: absolute;
    right: 0;
    top: 0;
}

.data-container .split-container .split-title {
    border-bottom: 3px solid #b0d032;
    width: 100%;
    padding-bottom: 12px;
    color: #2d8cf0;
    font-weight: 600;
    font-size: 16px;
    position: relative;
}

.data-container .split-container:last-child {
    margin-right: 0;
}

.data-container .split-container {
    display: inline-block;
    width: 32%;
    float: left;
    box-shadow: 0 2px 12px rgba(0,0,0,.2);
    padding: 10px;
    margin-right: 15px;
    height: 510px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
}

.data-container {
    display: table;
}

#mskt-rbox .split-title {
    background: url('/Content/2020/images/common/mskt-rbox.png') no-repeat left center;
    padding-left: 30px;
    background-position: inherit;
}


#dongtaiContainer .split-title {
    background: url('/Content/2020/images/common/dongtai-rbox.png') no-repeat left center;
    padding-left: 30px;
    background-position: inherit;
}


#studio-brisk .split-title {
    background: url('/Content/2020/images/common/studio-brisk.png') no-repeat left center;
    padding-left: 30px;
    background-position: inherit;
}



#information_dynamics .split-title {
    background: url('/Content/2020/images/common/information_dynamics.png') no-repeat left center;
    padding-left: 30px;
    background-position: inherit;
}



#notice_announcement .split-title {
    background: url('/Content/2020/images/common/notice_announcement.png') no-repeat left center;
    padding-left: 30px;
    background-position: inherit;
}



#policy_document .split-title {
    background: url('/Content/2020/images/common/policy_document.png') no-repeat left center;
    padding-left: 30px;
    background-position: inherit;
}


#messContainer .split-title {
    background: url('/Content/2020/images/common/messContainer.png') no-repeat left center;
    padding-left: 30px;
    background-position: inherit;
    width: 100%;
}

#honorary_good_news .split-title {
    background: url('/Content/2020/images/common/honorary_good_news.png') no-repeat left center;
    padding-left: 30px;
    background-position: inherit;
}

#messContainer {
    width: 65%;
}

#dongtaiContainer {
}

.split-data {
}

.dongtai {
    margin: 5px 0;
    clear: both;
    display: table;
    width: 84%;
    border-bottom: 1px solid #e9e9e9;
    padding: 8px 0px;
}

.dongtai_img img {
    width: 100%;
    height: 100%;
    margin-top: 7px;
}

.dongtai_img {
    width: 60px;
    height: 60px;
    float: left;
}

.dongtai_content {
    margin-left: 70px;
}

.dongtai_name {
    position: relative;
}

.dongtai_model {
    margin-left: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 292px;
}

.dongtai_time {
    position: absolute;
    right: 14px;
    top: 8px;
    font-weight: 500;
    color: #999;
}

.dongtai_name a {
    color: #2d8cf0;
    font-size: 20px;
    text-decoration: none;
}

.dongtai_studio {
    margin: 2px 0 3px 0;
    font-size: 15px;
    color: #000 !important;
}

.dongtai_model a {
    color: #2d8cf0;
    font-size: 12px;
    text-decoration: none;
}


.studio_level {
    margin: 5px 0;
    clear: both;
    display: table;
    width: 96%;
    border-bottom: 1px solid #e9e9e9;
    padding: 8px 0px;
    padding-bottom: 15px;
}

.studio_level_face img {
    width: 100%;
    height: 100%;
}

.studio_level_face {
    display: inline-block;
    width: 60px;
    height: 60px;
    float: left;
}

.level.level_1 {
    background: url('/Content/2020/images/common/level_one.png') no-repeat left center;
}

.level.level_2 {
    background: url('/Content/2020/images/common/level_two.png') no-repeat left center;
}

.level.level_3 {
    background: url('/Content/2020/images/common/level_three.png') no-repeat left center;
}

.level {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    margin-top: 15px;
    text-align: left;
    font-size: 20px;
    text-indent: 9px;
}

.studio_level_content {
    margin-left: 70px;
}

.studio_level_creator {
    color: #2d8cf0;
    font-size: 20px;
    text-decoration: none;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.studio_level a {
    display: table;
    text-decoration: none;
}

.studio_level_subject {
    font-size: 14px;
    color: #000;
    margin-top: 5px;
}

.studio_level_creator.level_text_3 {
    color: #fe8989;
}

.studio_level_creator.level_text_2 {
    color: #ff5f5f;
}

.studio_level_creator.level_text_1 {
    color: #ff0000;
}


.news-templete.news-img-templete .news-templete-title {
    position: absolute;
    left: 0;
    bottom: 3px;
    color: #fff;
    line-height: 30px;
    text-indent: 10px;
    background-color: #000;
    width: 100%;
    opacity: .6;
    white-space: nowrap;
    width: 357px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-templete.news-img-templete .news-templete-time {
    display: none;
}


.news-templete.news-img-templete img {
    width: 100%;
    height: 120px;
}

.news-templete a {
    text-decoration: none;
    position: relative;
    display: table;
    width: 100%;
}


.news-templete {
    margin: 5px 0;
    clear: both;
    display: table;
    width: 96%;
    border-bottom: 1px dotted #999;
    padding: 8px 0px;
}

.news-templete-title {
    color: #000;
    font-size: 15px;
}

.news-templete-time {
    color: #999;
    margin-top: 20px;
}

#loginbox .main_input_box input.error {
    border-bottom: 2px solid red;
}

.J-loginTip {
    position: absolute;
    width: 100%;
    z-index: 9999;
    background-color: #000;
    color: #fff;
    line-height: 50px;
    bottom: 0;
    display: none;
}


#messContainer .split-data {
    width: 100%;
}

.dynamic-left {
    width: 45%;
    float: left;
    padding-top: 12px;
}

.dynamic-left-img img {
    width: 100%;
    height: 100%;
}

.dynamic-left-img {
    width: 100%;
    height: 201px;
    margin-bottom: 10px;
}

.dynamic-right {
    display: table;
    padding-left: 35px;
    padding-top: 10px;
    width: 50%;
}

.dynamic-title {
    color: #000;
    font-size: 15px;
}

#messContainer a {
    text-decoration: none;
}

.dynamic-content {
    color: #999;
    margin: 10px 0;
}

.dynamic-time {
    color: #999;
    font-size: 12px;
    font-weight: 500;
    margin-top: 17px;
}

.dynamic-right li {
    margin: 5px 0;
    clear: both;
    display: table;
    width: 100%;
    border-bottom: 1px dotted #999;
    padding: 0 0 9px 0;
}

#luaraContainer {
    width: 100%;
    overflow: hidden;
}

.title-container img {
    margin: 34px auto;
    height: 24px;
}

.title-container {
    text-align: center;
}

.split-data ul li:last-child {
    border-bottom: none;
}

.fssdk-tab {
    -ms-flex-direction: column;
    flex-direction: column;
}


.fssdk-tab, .fssdk-tab-nav {
    display: -ms-flexbox;
    display: flex;
}

.fssdk-tab-nav {
    list-style: none;
    box-sizing: border-box;
    z-index: 100;
}

.fssdk-tab-item .fssdk-tab-item-text {
    position: relative;
    display: inline-block;
    line-height: 20px;
}

.fssdk-tab-item-active {
    color: #043C86;
    font-weight: bolder;
}

.fssdk-tab-item {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    font-size: 14px;
    height: 20px;
    padding-bottom: 8px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    padding-top: 10px;
}

.fssdk-tab-item-active .fssdk-tab-item-text:after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
    height: 2px;
    z-index: 100;
    background-color: #043C86;
}

#password-container {
}

#loginbox .smsLogin .control-group {
    margin-bottom: 10px;
}

#loginbox .smsLogin #to-recover {
    margin-top: 18px;
}

#loginbox .main_input_box input:focus {
    outline: none;
}


header {
    position: relative;
}

.header_logo_ico {
    display: inline-block;
    position: relative;
}


header .logo {
    margin: 10px 0;
    float: left;
    display: none;
}

.header_logo_ico span {
    line-height: 64px;
    color: #043C86;
    font-weight: bold;
    font-size: 23px;
    display: inline-block;
    margin-left: 15px;
}

.login-area .login-area-login {
    margin-right: 5px;
}

.login-area .login-area-reg {
    margin-left: 5px;
}

.login-area a {
    color: #043C86;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.login-area {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 22px;
}


img.radius4 {
    border-radius: 4px;
}


.RichContent.RichContent-cover-empty .RichContent-inner .RichContent-inner-title {
    width: 340px;
}

.RichContent.RichContent-cover-empty .RichContent-cover {
    display: none;
}

.RichContent .RichContent-inner .RichContent-inner-title {
    font-size: 14px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 190px;
}


.RichContent .RichContent-inner .RichContent-inner-studio {
    font-size: 14px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 190px;
}

.RichContent .RichContent-inner .RichContent-inner-time {
    font-size: 13px;
    color: #999;
}

.RichContent .RichContent-inner {
}

.RichContent .RichContent-cover .RichContent-cover-inner img {
    width: 100%;
    height: 100%;
}

.RichContent .RichContent-cover .RichContent-cover-inner {
    height: 100%;
}

.RichContent .RichContent-cover {
    position: relative;
    width: 148px;
    height: 76px;
    margin-top: -2px;
    margin-right: 10px;
    margin-bottom: 4px;
    float: left;
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    border-radius: 4px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.RichContent:last-child {
    border-bottom: none;
}

.RichContent {
    clear: both;
    margin-top: 10px;
    cursor: pointer;
    border-bottom: 1px solid #e9e9e9;
    display: table;
    width: 100%;
    position: relative;
}

#messContainer .split-data {
}

#messContainer .RichContent:nth-child(9) {
    border-bottom: none;
}

#messContainer .RichContent {
    width: 50%;
    float: left;
    clear: inherit;
    border-right: 20px solid #f5f6f9;
}

.RichContent-infos i {
    font-style: normal;
    font-size: 14px;
    margin-left: 10px;
}

.RichContent-infos {
    color: #8590a6;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.ivu-carousel-item img {
    width: 100%;
    height: 300px;
}


.ivu-carousel-item .demo-carousel img {
    width: 100%;
}

.login-area a.declaration-area {
    padding: 0px 14px;
    color: #999;
}

.joinConaainer .ivu-btn {
    display: block;
    margin: 20px auto;
    width: 200px;
    height: 50px;
}

.joinFileConaainer .ivu-btn {
    display: block;
    margin: 20px auto;
    width: 200px;
    height: 50px;
}


.wd1200 {
    max-width: 1200px;
    margin: 0 auto 20px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.font20 {
    line-height: 28px;
}

.f20, .font20 {
    font-size: 20px;
    color: #2b2b2b;
    word-break: break-all;
}

.wd18 {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 18px;
    background: #f7f8fa;
}

.cur-p {
    cursor: pointer;
}

.mt12 {
    margin-top: 12px;
}

.wrap {
    flex-wrap: wrap;
}

.flex-st {
    display: flex;
    align-items: flex-start;
}

.topic-item {
    width: 424px;
    margin-right: 10px;
    margin-left: 10px;
    box-shadow: 0 0 6px 0 rgba(91, 114, 147, .14);
    border: 1px solid #fff;
    font-size: 14px;
}

.bf {
    background-color: #fff;
}

.rad8 {
    border-radius: 8px;
}

.pad20, .pad30 {
    box-sizing: border-box;
}

.pad20 {
    padding: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.between {
    justify-content: space-between;
}

.flex {
    display: flex;
    align-items: center;
}

.mt16 {
    margin-top: 16px;
}

.mb10 {
    margin-bottom: 10px;
}

.emcs-name {
    display: inline-block;
    max-width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.emcs-name {
    max-width: calc(100% - 170px);
}

.f18 {
    line-height: 30px;
}

.f18, .font18 {
    font-size: 18px;
    color: #2b2b2b;
    word-break: break-all;
}

.c8 {
    color: #999aaa;
}

.font12 {
    line-height: 18px;
    color: #999aaa;
    word-break: break-all;
}

.font11, .font12, .icon12 {
    font-size: 12px;
}

.c7 {
    color: #666777;
}


.emcs-line, .emcs-line10 {
    border-left: 1px solid #e1e1e1;
    margin: 0 10px;
}

.emcs-line10 {
    border-left: 1px solid #999aaa;
}

.emcs-line10 {
    height: 10px;
    line-height: 10px;
}

.com-cover-bg, .com-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.mr10 {
    margin-right: 10px;
}

.topic-item .topic-img {
    width: 160px;
    height: 90px;
    border-radius: 4px;
}

.com-image {
    width: 150px;
    min-width: 150px;
    height: 90px;
    border-radius: 2px;
}

.emcs-text-overflow.clamp4 {
    -webkit-line-clamp: 4;
}

.emcs-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
}

.emcs-text-overflow {
    line-height: 22px;
}


.topic-item:hover {
    box-shadow: 0 0 20px 0 rgba(122,135,153,.22);
    border: 1px solid rgba(66,133,244,.18)
}

.bs .ivu-carousel-item img {
    width: 100%;
    height: 400px !important;
}

.emcs-panel .panel-title .title {
    font-weight: 400;
    padding-left: 10px;
    font-size: 16px;
    color: #666777;
    border-left: 4px solid #409eff;
}

.emcs-panel .panel-title {
    padding: 20px;
    border-bottom: 1px solid #f0f2f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #999;
}

.emcs-panel {
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(6, 67, 153, .14);
    border-radius: 8px;
    font-size: 12px;
    line-height: 18px;
}

.emcs-page-content > .other-box.wd300 {
    width: 300px;
}

.emcs-page-content > .other-box {
    width: 275px;
    margin-left: 10px;
}

.wd300 {
    width: 300px;
}

.emcs-page-content .main-box {
    flex: 1;
    width: 0;
    max-width: 915px;
}

.emcs-page-content {
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
}

.pdtb10 {
    padding: 10px 0;
}

.news-item:hover {
    background: #f9f9f9
}

.news-item .rank-icon {
    font-weight: 600;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #ccccdb;
    border-radius: 50%
}

.news-item .rank0 {
    color: #fff;
    background-color: #fcb921;
    border-color: #fcb921
}

.news-item .rank1 {
    color: #fff;
    background-color: #7aaedb;
    border-color: #7aaedb
}

.news-item .rank2 {
    color: #fff;
    background-color: #e5ac72;
    border-color: #e5ac72
}

.news-item .news-title {
    width: 230px;
    font-size: 14px;
    line-height: 21px
}


.news-item {
    padding: 10px 20px
}

.vc {
    text-align: center;
}

.c3 {
    color: #2b2b2b;
}

.com-image {
    width: 64px;
    min-width: 64px;
    height: 48px;
    background-size: contain;
    border-radius: 2px;
}

.emcs-expand {
    flex: 1;
    width: 100px;
}

.mb10 {
    margin-bottom: 10px;
}

.b {
    font-weight: 700;
}

.f16, .font16 {
    font-size: 16px;
    word-break: break-all;
}

.font16 {
    line-height: 24px;
    color: #2b2b2b;
}


.emcs-panel .panel-title a, .emcs-panel .panel-title span {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
}

.fiexstyle {
    display: flex;
    justify-content: center;
    align-items: center;
}