*,body,html{
    margin: 0px;
    padding: 0px;
    font-family: "PingFang SC", -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif !important;
}
ul,li{
    list-style: none;
}
a{
    text-decoration: none;
}
a:hover{
    color: #3491f1;
}
body{
    background: #f8f9fa;
}
i,em{
    font-style: normal;
    font-weight: normal;
}
.pt64{
    padding-top: 64px;
    margin: 0 auto;
    overflow: auto;
}
::-webkit-input-placeholder{color:#a4b0bd}
.head {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    background: #fff;
    box-shadow: 0 3px 8px rgb(0 0 0 / 8%);
    z-index: 201820182018;
}
.head_container {
    width: 1260px;
    height: 64px;
    margin: 0 auto;
}
.logo_a {
    float: left;
    display: block;
    margin: 18px 0 0 0;
}
.left_list {
    float: left;
}
.left_list_li {
    float: left;
    padding: 0 0 0 30px;
}
.left_list_a {
    font-size: 14px;
    font-weight: 400;
    line-height: 64px;
    color: #3d464d;
}

.head_search {
    float: right;
    width: 320px;
    height: 34px;
    position: relative;
    margin: 15px 0 0 0;
}
.search_text {
    float: left;
    width: 253px;
    height: 32px;
    color: #3d464d;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #f3f5f6;
    border: 1px solid #f3f5f6;
    border-right: 0;
    outline: 0;
    font-size: 14px;
    line-height: 32px;
    text-indent: 16px;
    display: inline;
}
.search_text.search_focus {
    background: #fff;
    border: 1px solid #dce1e6;
    border-right: 0;
}
.search_sub {
    float: right;
    cursor: pointer;
    border: 0;
    outline: 0;
    width: 66px;
    height: 34px;
    line-height: 34px;
    background: #3491f1;
    color: #fff;
    font-size: 13px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.zl_search {
    background: #fff;
    width: 100%;
    min-width: 1200px;
    padding: 57px 0 70px;
    margin-bottom: 30px;
}
.zl_search_con {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.ziliao_logo {
    display: block;
    float: left;
    margin-left: 130px;
    margin-right: 40px;
}
.search_in {
    float: left;
    margin-right: 23px;
}
.zl_search .search_in_text {
    outline: 0;
    float: left;
    width: 587px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    border: 2px solid #3491f1;
    border-right: 0;
    border-radius: 8px 0 0 8px;
    background-color: #fff;
    font-size: 16px;
    text-indent: 0;
    color: #3d464d;
}
.zl_search .search_in_sub {
    float: left;
    width: 120px;
    height: 40px;
    line-height: 40px;
    border: 0;
    color: #fff;
    background-color: #3491f1;
    cursor: pointer;
    font-size: 16px;
    border-radius: 0 8px 8px 0;
}
.hot_search {
    font-size: 14px;
    color: #999;
    line-height: 21px;
    margin-top: 12px;
}
.hot_search a {
    display: inline-block;
    vertical-align: top;
    margin: 0 6px;
    cursor: pointer;
}
.index_search_form{
    overflow: hidden;
}
.mid_con {
    width: 1200px;
    margin: 0 auto 50px;
    overflow: hidden;
}
.mcb_nav {
    float: left;
    width: 132px;
    border-radius: 3px;
    box-shadow: 1px 0 6px rgb(0 0 0 / 5%);
    margin-right: 20px;
    background: #fff;
    z-index: 99;
}
.mcbn_p {
    text-align: center;
    color: #3491f1;
    line-height: 61px;
    font-weight: bold;
    font-size: 16px;
    border-top: 2px solid #3491f1;
}
.mcbn_p i {
    display: inline-block;
    width: 16px;
    height: 12px;
    background: url(zl_index_icon_03.png) no-repeat scroll -34px -27px;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: -2px;
}
.mcbn_content li {
    position: relative;
    padding-left: 42px;
    border-top: 1px solid #f1f1f1;
}
.mcbn_content li i {
    display: inline-block;
    vertical-align: middle;
    background: url(left_icon.png) no-repeat scroll;
    position: absolute;
    left: 16px;
}

.mcbn_content li a.li_a {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    line-height: 44px;
    cursor: pointer;
    color: #3d464d;
    font-size: 14px;
}
.mcbn_content li s {
    display: inline-block;
    width: 6px;
    height: 9px;
    background: url(zl_index_icon_03.png) no-repeat scroll -70px -29px;
    position: absolute;
    right: 13px;
    top: 18px;
}
.mcbn_content li .mcbn_div {
    position: absolute;
    left: 132px;
    background: #fff;
    z-index: 100;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
    padding: 17px 30px 24px;
    width: 700px;
    overflow: hidden;
    display: none;
    height: 400px;
    overflow-y: scroll;

}
.mcbn_content li:hover a.li_a {
    color: #3491f1;
}
.mcbn_content li i.s_yypx {
    background-position: 0 -63px;
    top: 14px;
    width: 16px;
    height: 16px;
}
.mcbn_content li:hover i.s_yypx,.mcbn_content li.active i.s_yypx {
    background-position: 0 -294px;
}
.mcbn_content li i.s_cglx {
    background-position: 0 -42px;
    top: 14px;
    width: 16px;
    height: 16px;
}
.mcbn_content li:hover i.s_cglx,.mcbn_content li.active i.s_cglx{
    background-position: 0 -273px;
}
.mcbn_content li i.s_dly {
    background-position: 0 -189px;
    width: 15px;
    height: 16px;
    top: 14px;
}
.mcbn_content li:hover i.s_dly,.mcbn_content li.active i.s_dly {
    background-position: 0 -420px;
}
.mcbn_content li i.s_xlxw {
    background-position: 0 -1px;
    top: 14px;
    width: 16px;
    height: 15px;
}
.mcbn_content li:hover i.s_xlxw,.mcbn_content li.active i.s_xlxw{
    background-position: 0 -232px;
}
.mcbn_content li i.s_zyjn {
    background-position: 0 -168px;
    width: 16px;
    height: 16px;
    top: 14px;
}
.mcbn_content li:hover i.s_zyjn,.mcbn_content li.active i.s_zyjn{
    background-position: 0 -399px;
}
.mcbn_content li i.s_jsj {
    background-position: 0 -85px;
    width: 16px;
    height: 15px;
    top: 15px;
}
.mcbn_content li:hover i.s_jsj,.mcbn_content li.active i.s_jsj{
    background-position: 0 -316px;
}
.mcbn_content li i.s_glyx {
    background-position: 0 -21px;
    top: 14px;
    width: 16px;
    height: 16px;
}
.mcbn_content li:hover i.s_glyx,.mcbn_content li.active i.s_glyx{
    background-position: 0 -252px;
}
.mcbn_content li i.s_wtxq {
    background-position: 0 -148px;
    width: 16px;
    height: 14px;
    top: 15px;
}
.mcbn_content li:hover i.s_wtxq,.mcbn_content li.active i.s_wtxq{
    background-position: 0 -379px;
}
.mcbn_content li:hover s ,.mcbn_content li.active s {
    background-position: -60px -29px;
}
.mcbn_content li.active a.li_a{
    color: #3491f1;
}
.mcbn_list_tit {
    padding-top: 12px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #3d464d;
}
.mcbn_list_con{
    overflow: hidden;
}
.mcbn_list_con a {
    display: block;
    float: left;
    margin: 0 18px 16px 0;
    border: 1px solid #dce1e6;
    border-radius: 14px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    min-width: 110px;
    text-align: center;
    color: #3d464d;
    font-size: 14px;
}
.mcbn_list_con a:hover {
    color: #fff;
    background: #3491f1;
    border-color: #3491f1;
}
.mcl_card {
    float: right;
    margin-right: 22px;
    width: 700px;
    position: relative;
}
.type_box{
    background: #fff;
    box-shadow: 1px 0 6px rgb(0 0 0 / 5%);
    border-radius: 3px;
    overflow: hidden;
    padding: 15px 30px;
    margin-bottom: 20px;
}
.classify_tit {
    float: left;
    display: block;
    font-size: 14px;
    color: #3d464d;
    line-height: 30px;
    margin-right: 20px;
    font-weight: 600;
}
.classify_txt {
    float: left;
}
.classify_txt a,.classify_box a {
    padding: 0 12px;
    display: block;
    float: left;
    border-radius: 3px;
    color: #666;
    line-height: 30px;
    height: 30px;
    text-align: center;
    min-width: 48px;
    font-size: 14px;
    cursor: pointer;
}
.classify_txt a.on,.classify_box a.on {
    color: #fff ;
    background: #3491f1;
}
.classify_txt a.on:hover,.classify_box a.on:hover{
    color: #fff;
}
.classify_txt a:hover,.classify_box a:hover{
    color:#3491f1 ;
}
.type{
    overflow: hidden;
    width: 640px;
}
.classify_box {
    padding: 0px 0px 17px 0px;
    width: 640px;
    margin: 0 auto 17px;
    border-bottom: 1px solid #dce1e6;
    overflow: hidden;
}
.mcl_card_con {
    background: #fff;
    box-shadow: 1px 0 6px rgb(0 0 0 / 5%);
    border-radius: 3px;
    overflow: hidden;
    padding-bottom: 26px;
}
.card_classify {
    padding: 0 30px;
    height: 63px;
    border-bottom: 1px solid #dce1e6;
    position: relative;
}
.card_classify a {
    display: inline-block;
    vertical-align: top;
    line-height: 63px;
    color: #a4b0bd;
    font-size: 16px;
    cursor: pointer;
    margin-right: 20px;
}
.card_classify a.active {
    color: #3d464d ;
    font-weight: 600;
}
.card_classify a i {
    display: none;
    position: relative;
    margin: 0 auto;
    bottom: 1px;
    background: #3491f1;
    height: 2px;
    width: 32px;
}
.card_classify a.active i {
    display: block;
}
.card_classify a:hover {
    color: #3491f1;
}
.card_classify a.active:hover {
    color: #3d464d;
}
.card_list_ul2 {
    margin-top: 10px;
    padding: 0 30px;
    margin-bottom: 20px;
    display: none;
    overflow: hidden;
}
.card_list_ul2 li {
    padding: 24px 0;
    border-bottom: 1px solid #f1f1f1;
    float: left;
    width: 100%;
}
.card_list_ul2 li .ul2_file_type {
    display: block;
    float: left;
    width: 34px;
    height: 44px;
}
.card_list_ul2 li .ul2_file_type.dwg {
    background: url(dwg.png) no-repeat center;
}
.card_list_ul2 li .ul2_file_info {
    float: right;
    width: 590px;
}
.card_list_ul2 li .ul2_file_info .ul2_tit {
    float: left;
    font-size: 16px;
    line-height: 20px;
    max-width: 450px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    color: #3d464d;
    height: 20px;
}
.card_list_ul2 li .ul2_file_info .ul2_tit .ul1_vip_only {
    text-align: center;
    border: 1px solid #e0ae5e;
    color: #e0ae5e;
    font-size: 12px;
    line-height: 18px;
    width: 57px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
    margin-right: 8px;
}
.card_list_ul2 li .ul2_file_info .grade_span {
    float: right;
    height: 18px;
}
.card_list_ul2 li .ul2_file_info .ul2_tit:hover {
    color: #3491f1;
}
.grade_span i {
    display: inline-block;
    width: 68px;
    height: 11px;
    background: url(star_bg.png) no-repeat scroll 0 0;
    vertical-align: middle;
}
.grade_span .grade_star7 {
    background-position: -132px -26px;
}
.card_list_ul2 li .ul2_file_info .grade_span em {
    font-size: 14px;
    line-height: 18px;
    color: #f75165;
    margin-left: 8px;
    vertical-align: middle;
}
.card_list_ul2 li .ul2_txt {
    margin-top: 8px;
    font-size: 14px;
    color: #828e9a;
    display: block;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
}
.card_list_ul2 li .file_write,.card_list_ul2 li .file_classify,.card_list_ul2 li .file_download_num{
    float: left;
    font-size: 12px;
    line-height: 22px;
    color: #b0bbc6;
}
.card_list_ul2 li .ul2_line {
    float: left;
    width: 1px;
    height: 10px;
    background: #a4b0bd;
    margin: 7px 10px 0;
}
.card_list_ul2 li .file_download_num {
    float: right;
}
.card_list_ul2 li .file_classify a {
    display: inline-block;
    vertical-align: top;
    color: #3491f1;
}
.card_list_ul2 li .ul2_file_info .ul2_tit .ul1_vip_free {
    text-align: center;
    border: 1px solid #3491f1;
    color: #3491f1;
    font-size: 12px;
    line-height: 18px;
    width: 57px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
    margin-right: 8px;
}
.card_list_ul2 li .ul2_file_info .ul2_tit .ul1_pay_only {
    text-align: center;
    border: 1px solid #f75165;
    color: #f75165;
    font-size: 12px;
    line-height: 18px;
    width: 38px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
    margin-right: 8px;
}
.card_list_ul2 li .ul2_file_type.doc {
    background: url(doc.png) no-repeat center;
}
.card_list_ul2 li .ul2_file_type.ppt {
    background: url(ppt.png) no-repeat center;
}
.card_list_ul2 li .ul2_file_type.pdf {
    background: url(pdf.png) no-repeat center;
}
.card_list_ul2 li .ul2_file_type.xls {
    background: url(xls.png) no-repeat center;
}
.card_list_ul2 li .ul2_file_type.rar {
    background: url(zip_rar.png) no-repeat center;
}
.grade_span .grade_star6 {
    background-position: -132px 0;
}
.page_div {
    margin: 14px 0 10px;
    text-align: center;
}
.page_div a {
    margin: 0 6px;
    display: inline-block;
    font-size: 14px;
    color: #51779d;
    line-height: 20px;
}
.s_page.selected {
    color: #fff;
    background: #3491f1;
    border-radius: 10px;
    padding: 0 6px;
}
.login{
    float:right;height: 34px;line-height: 34px;background: #3491f1;border-radius:4px;font-size: 13px;padding:0px 20px;cursor: pointer;
}
.logout{
    float:right;height: 34px;line-height: 34px;background: #3491f1;border-radius:4px;font-size: 13px;padding:0px 20px;cursor: pointer;
}
/*右侧*/
.mcb_right {
    float: right;
    width: 320px;
}
.mcb_right .r_div {
    background: #fff;
    box-shadow: 1px 0 6px rgb(0 0 0 / 5%);
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 30px 0px 10px 0px;
}
.upload_file_con {
    position: relative;
}
.rb_icon {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
}
.rb_icon.b_zlsy {
    background: url(person.jpg) no-repeat center;
    background-size: 100%;
}
.rb_icon_p {
    color: #3d464d;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    display: block;
    height: 28px;
    overflow: hidden;
}
.r_div .rb_tip {
    width: 240px;
    line-height: 18px;
    color: #828e9a;
    font-size: 12px;
    margin: 0 auto 16px;
}
.r_btn {
    text-align: center;
    margin-bottom: 25px;
}
.r_btn a {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    width: 108px;
    height: 34px;
    border: 1px solid #3491f1;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
}
.r_btn a.r_btn1 {
    color: #fff;
    background: #3491f1;
}
.r_btn a.r_btn2 {
    color: #3491f1;
}
.r_btn a.r_btn3 {
    color: #3491f1;
}
.r_btn.r_order a {
    width: 78px;
    margin: 0 5px;
}
.r_btn a.r_btn1:hover {
    background: #4d9ef1;
}
.r_btn a.r_btn2:hover,.r_btn a.r_btn3:hover {
    background: #e4f1ff;
}
.r_div_info{
    overflow: hidden;
}
.r_div_info div {
    float: left;
    width: 106px;
    text-align: center;
}
.r_div_info div .info_tit {
    color: #a4b0bd;
    font-size: 12px;
    line-height: 18px;
}
.r_div_info div .info_txt {
    color: #3d464d;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}
.r_div_info span {
    float: left;
    width: 1px;
    height: 30px;
    background: #f1f1f1;
    margin-top: 7px;
}
.r_div_title {
    color: #3d464d;
    font-size: 16px;
    line-height: 16px;
    padding-left: 10px;
    border-left: 2px solid #3491f1;
    margin-bottom: 20px;
    position: relative;
    font-weight: bold;
}
.get_yours {
    width: 280px;
    padding: 22px 20px;
}
.r_recommend {
    border-top: 1px solid #f1f1f1;
}
.msr_div6_a1 {
    display: block;
    width: 280px;
    margin-top: 20px;
}
.msr_div6_a2 {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    line-height: 36px;
    color: #3d464d;
    font-size: 16px;
}
.msr_div6_ul {
    padding: 10px 0 0;
    overflow: hidden;
}
.msr_div6_ul li {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.msr_div6_ul li i {
    float: left;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #828e9a;
    margin-top: 9px;
}
.msr_div6_ul li a {
    float: left;
    margin-left: 8px;
    width: 258px;
    line-height: 22px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.msr_div6_ul li a:hover{
    color: #3491f1;
}
.simple_footer {
    width: 100%;
    min-width: 1200px;
    padding: 6px 0;
    background: #2d3237;
    text-align: center;
}
.simple_footer a, .simple_copyright {
    color: #c0c6cc;
    font-size: 12px;
    display: inline-block;
    line-height: 24px;
}
.simple_footer span {
    color: #c0c6cc;
    margin: 0 5px;
    position: relative;
    top: -1px;
}
.simple_footer a:hover {
    color: #e1e9f5;
}


/*内容页*/
.mid_con {
    padding: 16px 0;
}
.mc_nav {
    float: left;
}
.mc_con2{
    overflow: hidden;
}
.mc_nav a {
    color: #a4b0bd;
    font-size: 14px;
}
.mc_nav span {
    color: #a4b0bd;
}
.mid_section {
    padding: 5px 0 0;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.ms_left {
    float: left;
    width: 870px;
    position: relative;
}
.ziliao_left {
    border-radius: 3px;
    box-shadow: 0 1px 6px rgb(0 0 0 / 5%);
    margin-bottom: 20px;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.zl_mark {
    width: 100%;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 2;
}
.zl_mark_tit {
    width: 84px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    text-indent: 10px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
}
.zl_mark.hyzl .zl_mark_tit {
    color: #906523;
    background: url(hyzl.png) no-repeat center;
    background-size: 100% 100%;
}
.zl_mark.gxzl .zl_mark_tit {
    background: url(gxzl.png) no-repeat center;
    background-size: 100% 100%;
}
.zl_mark.bqzl .zl_mark_tit {
    background: url(bqzl.png) no-repeat center;
    background-size: 100% 100%;
}
.zl_mark_intro {
    width: fit-content;
    height: 21px;
    padding: 12px 14px;
    font-size: 14px;
    line-height: 21px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #dce1e6;
    box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
    position: absolute;
    top: 35px;
    left: 0;
    display: none;
}
.zl_mark_intro:before {
    content: "";
    position: absolute;
    left: 62px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-bottom: 8px solid #fff;
    border-right: 6px solid transparent;
    z-index: 3;
}
.zl_mark_intro:after {
    content: "";
    position: absolute;
    left: 61px;
    top: -9px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-bottom: 8px solid #dce1e6;
    border-right: 7px solid transparent;
    z-index: 2;
}

.ziliao_left .zl_top {
    padding: 33px 30px 0;
    position: relative;
    width: 810px;
    margin-bottom: 19px;
    overflow: hidden;
}
.ziliao_left .zl_top .msld_type {
    float: left;
    display: block;
    width: 32px;
    height: 30px;
    background: url(typebg.png) no-repeat 0 0;
    margin-right: 10px;
    position: relative;
    top: 3px;
}
.ziliao_left .zl_top .msld_type.dwg {
    background-position: -52px -50px;
}
.ziliao_left .zl_top .msld_type.doc, .ziliao_left .zl_top .msld_type.docx, .ziliao_left .zl_top .msld_type.wps {
    background-position: 0 -50px;
}
.ziliao_left .zl_top .msld_type.ppt, .msl_top .msld_type.pptx {
    background-position: 0 -150px;
}
.ziliao_left .zl_top .msld_type.pdf {
    background-position: -52px 0;
}
.ziliao_left .zl_top .msld_type.xls, .ziliao_left .zl_top .msld_type.xlsx {
    background-position: 0 -100px;
}
.ziliao_left .zl_top .msld_type.zip, .ziliao_left .zl_top .msld_type.rar {
    background-position: -52px -100px;
}
.ziliao_left .zl_top h1 {
    float: left;
    display: block;
    max-width: 585px;
    line-height: 36px;
}
.ziliao_left .zl_top h1 .dzl_title {
    color: #3d464d;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
}
.ziliao_left .dzl_div {
    padding-bottom: 21px;
    border-bottom: 1px solid #f1f1f1;
    width: 810px;
    margin: 0 auto 24px;
    overflow: hidden;
}
.ziliao_left .dzl_div span {
    display: block;
    float: left;
    font-size: 12px;
    color: #a4b0bd;
    line-height: 18px;
    margin-right: 15px;
}
.ziliao_left .dzl_div .dzl_xx {
    float: right;
}
.ziliao_left .dzl_div .dzl_xx span {
    margin-right: 19px;
}
.ziliao_left .dzl_div .dzl_xx span i {
    display: inline-block;
    vertical-align: middle;
    background: url(ziliao_last_03.png) no-repeat scroll;
    margin-right: 6px;
    position: relative;
    top: -1px;
}
.ziliao_left .dzl_div .dzl_xx .read i {
    width: 14px;
    height: 10px;
    background-position: 0 0;
}
.ziliao_left .dzl_div .dzl_xx .download_times i {
    width: 13px;
    height: 13px;
    background-position: -20px 0;
}
.ziliao_left .dzl_div span a {
    color: #3491f1;
}
.ziliao_left .dzl_div .dzl_xx .evaluate i {
    width: 13px;
    height: 13px;
    background-position: -39px 0;
}
.grade_span em {
    font-size: 14px;
    line-height: 18px;
    color: #fc930a;
    margin-left: 8px;
    vertical-align: top;
}
.dzl_summary {
    padding: 46px 40px 36px 50px;
    width: 720px;
    margin: 0 auto 40px;
    background: #f8f9fa;
    position: relative;
}
.dzl_summary .dzl_yh {
    display: inline-block;
    width: 18px;
    height: 15px;
    background: url(ziliao_last_03.png) no-repeat scroll -58px 0;
    position: absolute;
    left: 24px;
    top: 24px;
}
.drawing_div {
    width: 100%;
    margin: 0 0 55px;
    position: relative;
}
.drawing_div img {
    margin: 0 auto 20px;
    width: 80%;
    display: block;
    border: 1px solid #dce1e6;
}
.img_title {
    text-align: center;
    margin-bottom: 20px;
    color: #666;
    font-size: 14px;
}
.about_recommend {
    width: 870px;
    height: auto;
    background: #fff;
    box-shadow: 0 1px 6px rgb(0 0 0 / 5%);
    margin-bottom: 20px;
    position: relative;
    margin-top: 20px;
}
.about_reco_tab {
    width: 810px;
    height: 65px;
    padding: 0 30px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 auto;
}
.about_reco_tab a {
    float: left;
    color: #a4b0bd;
    font-size: 14px;
    line-height: 65px;
    margin-right: 40px;
    cursor: pointer;
}
.about_reco_tab a.active {
    color: #3d464d;
    font-size: 16px;
    font-weight: 600;
}
.about_reco_warp{
    overflow: hidden;
}
.about_recommend_list{
    overflow: hidden;
    width: 810px;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.about_recommend_list li {
    float: left;
    width: 100%;
    height: auto;
    padding: 24px 0;
    border-bottom: 1px solid #e5e5e5;
}
.about_recommend_list li:nth-child(5n){
    border-bottom: none;
}
.about_recommend_list li .about_reco_title {
    width: 810px;
    height: 24px;
    margin: 0 auto;
    position: relative;
}
.about_reco_title a {
    float: left;
    display: block;
    width: 650px;
    padding-left: 35px;
    font-size: 14px;
    line-height: 24px;
    color: #3d464d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}
.about_reco_title a:hover{
    color: #3491f1;
}
.about_reco_title .zl_reco_type {
    display: block;
    width: 25px;
    height: 24px;
    background: url(icon.png) no-repeat -119px -39px;
    position: absolute;
    left: 0;
    top: -2px;
}
.about_reco_title .zl_reco_type.dwg {
    background-position: -40px 0;
}
.about_reco_title .zl_reco_type.doc,
.about_reco_title .zl_reco_type.docx,
.about_reco_title .zl_reco_type.wps{background-position:0 0}
.about_reco_title .zl_reco_type.ppt,
.about_reco_title .zl_reco_type.pptx{background-position:-80px 0}
.about_reco_title .zl_reco_type.pdf{background-position:-40px -39px}
.about_reco_title .zl_reco_type.xls,
.about_reco_title .zl_reco_type.xlsx{background-position:0 -39px}
.about_reco_title .zl_reco_type.zip,
.about_reco_title .zl_reco_type.rar{width:24px;background-position:-120px 0}
.about_reco_title .about_reco_time {
    float: right;
    color: #3d464d;
    font-size: 14px;
    line-height: 24px;
}
.about_reco_text {
    width: 810px;
    height: 24px;
    color: #a4b0bd;
    font-size: 14px;
    line-height: 24px;
    padding-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.about_recommend_list li .about_edureco_pic {
    float: left;
    display: block;
    width: 134px;
    height: 75px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.about_edureco_pic img {
    display: block;
    margin: 0 auto;
}
.about_edureco_others {
    float: left;
    width: 650px;
    height: 75px;
    margin-left: 26px;
    display: inline;
    position: relative;
}
.about_edureco_others a {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #3d464d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 2px;
}
.about_edureco_others .about_edureco_intro {
    width: 100%;
    height: 22px;
    font-size: 14px;
    color: #a4b0bd;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.about_edureco_others .about_edureco_price {
    font-size: 16px;
    line-height: 24px;
    color: #f75165;
    position: absolute;
    left: 0;
    bottom: 0;
}



.ms_right {
    float: right;
    width: 310px;
}
.ziliao_download_about {
    width: 270px;
    padding: 20px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgb(0 0 0 / 5%);
    margin-bottom: 12px;
    position: relative;
}
.msr_clear {
    display: block;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    color: #a4b0bd;
}
.msr_clear i {
    display: inline-block;
    width: 14px;
    height: 16px;
    background: url(2020bg.png) no-repeat -150px 0;
    margin-right: 10px;
    position: relative;
    top: 3px;
}
.msr_pay {
    width: 100%;
    padding-bottom: 6px;
}
.nzl_box {
    width: 270px;
    height: 116px;
    background: #f8f9fa;
    margin-top: 17px;
    overflow: hidden;
}
.nzl_box .nzl_download {
    display: block;
    width: 180px;
    height: 36px;
    line-height: 36px;
    background: #3491f1;
    text-align: center;
    color: #fff;
    border-radius: 18px;
    font-size: 14px;
    margin: 20px auto;
}
.nzl_box .nzl_txt {
    text-align: center;
    color: #999;
    font-size: 14px;
    line-height: 20px;
}
.nzl_box .nzl_txt .nzl_vip_only {
    display: inline-block;
    color: #e0ae5e;
    text-align: center;
    vertical-align: top;
    border-radius: 2px;
    border: 1px solid #e0ae5e;
    line-height: 18px;
    width: 57px;
    font-size: 12px;
    margin-right: 16px;
}
.nzl_box .nzl_txt .nzl_vip_free {
    display: inline-block;
    color: #3491f1;
    text-align: center;
    vertical-align: top;
    border-radius: 2px;
    border: 1px solid #3491f1;
    line-height: 18px;
    width: 57px;
    font-size: 12px;
    margin-right: 16px;
}
.nzl_box .nzl_txt .nzl_pay_only {
    display: inline-block;
    color: #ee5a54;
    text-align: center;
    vertical-align: top;
    border-radius: 2px;
    border: 1px solid #ee5a54;
    line-height: 18px;
    font-size: 12px;
    margin-right: 16px;
    width: 38px;
}
.nzl_bq_box .nzl_bq_vip {
    float: left;
    margin-top: -6px;
}
.nzl_box .nzl_bq_box {
    width: 204px;
    margin: 20px auto;
}
.nzl_bq_box .nzl_bq {
    color: #f75165;
    line-height: 36px;
    float: left;
    font-size: 24px;
}
.nzl_box .nzl_download2 {
    float: right;
    color: #fff;
    background: #3491f1;
    text-align: center;
    display: block;
    width: 110px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    border-radius: 18px;
}
.ziliao_member {
    width: 286px;
    padding: 20px 12px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgb(0 0 0 / 5%);
    margin-bottom: 12px;
    position: relative;
}
.msr_vip_privilege {
    width: 286px;
    height: 230px;
    background: #fafafa;
    border-radius: 4px;
    margin: 0 auto;
}
.privilege_list {
    width: 286px;
    height: 53px;
    margin: 20px auto 30px;
    position: relative;
}
.msr_vip_privilege .privilege_tit {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #3d464d;
    font-weight: 600;
    padding-top: 20px;
}
.msr_vip_privilege .privilege_txt {
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    color: #a4b0bd;
}
.privilege_list li {
    float: left;
    width: 71px;
    height: 53px;
}
.privilege_list li i {
    display: block;
    margin: 0 auto;
}
.privilege_list li i.zl {
    width: 29px;
    height: 30px;
    background: url(icon1.png) no-repeat center;
}
.privilege_list li span {
    display: block;
    width: 100%;
    height: 22px;
    font-size: 12px;
    color: #3d464d;
    text-align: center;
    line-height: 22px;
}
.privilege_list li i.sd {
    width: 26px;
    height: 29px;
    background: url(icon2.png) no-repeat center;
    margin-top: 1px;
}
.privilege_list li i.pb {
    width: 37px;
    height: 31px;
    background: url(icon3.png) no-repeat center;
}
.privilege_list li i.kf {
    width: 25px;
    height: 29px;
    background: url(icon4.png) no-repeat center;
    margin-top: 1px;
}
.msr_download_vip {
    display: block;
    width: 220px;
    height: 40px;
    font-size: 14px;
    font-weight: 600;
    color: #5e400f;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    background: #dfb779;
    background: -webkit-linear-gradient(left,#dfb779 0,#f0d6a3 100%);
    background: -o-linear-gradient(right,#dfb779 0,#f0d6a3 100%);
    background: -moz-linear-gradient(right,#dfb779 0,#f0d6a3 100%);
    background: -ms-linear-gradient(right,#dfb779 0,#f0d6a3 100%);
    background: linear-gradient(to right,#dfb779 0,#f0d6a3 100%);
    margin: 0 auto;
    position: relative;
}
.msr_download_vip i {
    display: block;
    padding: 0 10px;
    background: #f75165;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    border-radius: 9px 9px 9px 0;
    position: absolute;
    left: 55%;
    top: -12px;
}
.msr_download_vip:hover{
    color: #5e400f;
}
.r_type {
    width: 270px;
    padding: 26px 20px 22px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgb(0 0 0 / 5%);
    margin-bottom: 12px;
}
.r_type .dty_box {
    position: relative;
}
.r_type .dty_box i {
    display: block;
    float: left;
    margin-top: 3px;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background: url(10.png) no-repeat center;
}
.r_type .dty_txt {
    float: left;
}
.r_type .dty_txt .dty_p1 {
    margin: 2px 0 8px;
    color: #3d464d;
    font-size: 16px;
    line-height: 24px;
}
.r_type .dty_txt .dty_p2 {
    font-size: 12px;
    line-height: 18px;
    color: #a4b0bd;
}
.r_type .dty_a {
    display: block;
    width: 80px;
    height: 26px;
    border-radius: 13px;
    background: #3491f1;
    color: #fff;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
}
.today_free {
    width: 290px;
    padding: 0 10px 28px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgb(0 0 0 / 5%);
    position: relative;
}
.right2021_title {
    width: 280px;
    height: 58px;
    margin: 0 auto;
    color: #3d464d;
    font-size: 16px;
    line-height: 58px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    font-weight: 600;
}
.today_free .today_free_ul {
    display: block;
    width: 290px;
    margin: 0 auto;
    overflow: hidden;
}
.today_free .today_free_ul li {
    float: left;
    width: 125px;
    height: 156px;
    margin: 24px 10px 0;
    display: inline;
    position: relative;
}
.today_free_ul li .today_free_pic {
    display: block;
    width: 128px;
    height: 78px;
    border: 1px solid #dce1e6;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.today_free_pic img {
    display: block;
    margin: 0 auto;
}
.today_free_ul li .today_free_link {
    display: block;
    width: 130px;
    height: 42px;
    text-align: justify;
    margin: 8px auto;
    line-height: 21px;
    font-size: 14px;
    color: #3d464d;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.today_free_about {
    width: 100%;
    height: 18px;
    margin: 0 auto;
    overflow: hidden;
}
.today_free_about .today_free_star {
    float: left;
    padding-left: 18px;
    background: url(star.png) no-repeat left center;
    color: #a4b0bd;
    font-size: 12px;
    line-height: 18px;
}
.today_free_about .today_free_times {
    float: right;
    color: #a4b0bd;
    font-size: 12px;
    line-height: 18px;
}
.today_free_times i {
    color: #a4b0bd;
    font-size: 12px;
    line-height: 18px;
}
.today_free_ul li .today_free_link:hover {
    color: #3491f1;
}



/*个人中心*/
.center_head {
    height: 160px;
    width: 100%;
    position: relative;
}
.center_mask {
    width: 100%;
    height: 160px;
    background: url(banner.png) repeat-x scroll 0 0;
    position: relative;
    overflow: hidden;
}
.center_middle, .middle {
    width: 100%;
    background: #f6f6f6;
}
.center_middle .middle_box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    top: -18px;
}
.center_middle .mid_left {
    float: left;
    width: 320px;
}
.center_middle .mid_mid {
    float: right;
    width: 800px;
    background: #fff;
    border-radius: 3px;
    padding: 10px 30px 100px;
}
.clearfix {
    display: block;
}
.clearfix:after {
    clear: both;
    display: table;
    width: 100%;
    content: '';
    visibility: hidden;
    height: 0;
}
.center_middle .ml_info.ml_info_new {
    padding: 20px 24px 10px 30px;
    width: 272px;
    background: #fff;
    border-radius: 3px;
    margin-bottom: 12px;
    overflow: hidden;
    position: relative;
}
.hide {
    display: none;
}
.gjgz_news{
    float: left;
    width: 100%;
    border-bottom: 1px solid #dce1e6;

}
.gjgz_news h2{
    float: left;
    font-size: 16px;
    line-height: 54px;
    height: 54px;
    color: #a4b0bd;
    margin-right: 50px;
    font-weight: normal;
    cursor: pointer;
}
.gjgz_news h2.active {
    color: #3491f1;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px #3491f1 solid;
}
.vip{
    display: inline-block;
    width: 25px;
    height: 20px;
    background: url(2020bg.png) no-repeat -150px -40px;
    position: absolute;
    top: 45px;
    left: 150px;
}
.nvip{
    display: inline-block;
    width: 25px;
    height: 20px;
    background: url(2020bg.png) no-repeat -150px -79px;
    position: absolute;
    top: 45px;
    left: 150px;
}
.payCenter_middle {
    padding: 43px 0 60px;
}
.payCenter_middle_box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.payCenter_left {
    float: left;
    width: 118px;
    text-align: right;
}
.payCenter_left_in {
    padding-top: 26px;
    width: 118px;
    overflow: hidden;
}
.payCenter_left_in a {
    width: 118px;
    height: 40px;
    line-height: 40px;
    color: #3d464d;
    font-size: 16px;
    margin-bottom: 10px;
    float: left;
}
.payCenter_left_in a span {
    float: right;
    height: 40px;
    line-height: 40px;
    color: #3d464d;
    font-size: 18px;
    font-weight: bold;
}
.payCenter_left_in a .pl_vip {
    float: right;
    display: block;
    width: 22px;
    height: 18px;
    background: url(icon11.png) no-repeat center;
    margin: 11px 10px 0 0;
}
.payCenter_right {
    float: right;
    background: #fff;
    width: 988px;
    min-height: 500px;
    padding: 42px 36px 48px;
    border-radius: 5px;
}
.lab {
    float: left;
    width: 100px;
    color: #3d464d;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
}
.payCenter_account .payCenter_name {
    float: left;
    color: #3d464d;
    font-size: 16px;
    line-height: 24px;
    margin-left: 9px;
}
.payCenter_account em {
    display: block;
    float: left;
    width: 20px;
    height: 15px;
    background: url(head.png) no-repeat scroll -46px -130px;
    margin-top: 4px;
    margin-left: 5px;
}
.payCenter_money {
    font-size: 14px;
    line-height: 40px;
    margin-bottom: 30px;
    margin-top: 20px;
}
.payCenter_money .lab {
    margin-top: 15px;
}
.payCenter_money .payCenter_txt {
    float: left;
    margin-left: 9px;
    color: #3d464d;
}
.payCenter_money .payCenter_txt span {
    color: #f75165;
    font-size: 30px;
    margin-right: 5px;
}
.payCenter_money .payCenter_txt em {
    color: #a4b0bd;
    font-size: 12px;
    margin-left: 12px;
}
.payCenter_account,.payCenter_money{
    overflow: hidden;
}
.payCenter_pay {
    width: 100%;
    height: auto;
    position: relative;
}
.payCenter_pay_title {
    width: 100%;
    height: 40px;
}
.payCenter_pay_title .line {
    float: left;
    width: 294px;
    height: 1px;
    border-top: 1px solid #edf0f2;
    margin-top: 19px;
}
.payCenter_pay_txt {
    width: 400px;
    float: left;
    text-align: center;
}
.payCenter_pay_txt .payCenter_pay_code, .payCenter_pay_txt .payCenter_pay_bank {
    display: inline-block;
    cursor: pointer;
    color: #828e9a;
    font-size: 14px;
    line-height: 40px;
}
.payCenter_pay_txt .payCenter_pay_code.choose, .payCenter_pay_txt .payCenter_pay_bank.choose {
    color: #3491f1;
}
.payCenter_code_box {
    padding: 34px 35px 0;
    width: 540px;
    margin: 0 auto;
    overflow: hidden;
}
.payCenter_pay_tit {
    height: 26px;
    text-align: center;
    position: relative;
    margin-bottom: 7px;
}
.payCenter_pay_zfb, .payCenter_pay_wx {
    float: left;
    width: 200px;
    margin: 0 35px;
    display: inline;
}
.payCenter_pay_tit i {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 4px;
}
.payCenter_pay_tit .payCenter_zfb_icon {
    background: url(zhi.png) no-repeat center;
}
.payCenter_code {
    display: block;
    margin: 0 auto 7px;
}
.payCenter_code img {
    display: block;
    width: 142px;
    height: 142px;
    border-radius: 5px;
    margin: 0 auto;
}
#zhifubao img {
    border: 1px solid #1296db;
}
.payCenter_pay_tit .payCenter_wx_icon {
    background: url(wei.png) no-repeat center;
}
#weixin img {
    border: 1px solid #41b035;
}


.rlf-group{
     position: relative;
     margin-top:30px;
    float: left;
    width: 100%;
}
.rlf-areacode {
    position: absolute;
    cursor: pointer;
    left: 16px;
    top: 12px;
    font-size: 16px;
    color: #1c1f21;
    text-align: left;
    line-height: 24px;
}
.js-phonecode-box{
    color: #37f;
    cursor: pointer;
    position: absolute;
    top:12px;
    right:14px;
}
.xa-phone-login{
    color: #fff;
    border:none;
    background: #3491f1;
    padding: 11px 32px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 24px;
    width: 100%;
    margin-top:30px;
    margin-bottom: 20px;
}
.rlf-autoin{
    color: #9199a1;
}
.auto-cbx{
    margin-right:10px;
}
.ipt{
    width: 100%;
    height: 48px;
    line-height: 20px;
    box-sizing: border-box;
    padding: 14px;
    box-shadow: 2px 0 5px 0 #fff;
    background: rgba(28,31,33,.06);
    border-radius: 8px;
    border: 0;
    outline: none;
    font-size: 16px;
}
.fixed{
      position: fixed;
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      z-index: 2018201820182;
      background: rgba(0,0,0,0.5);
      display: none;
  } 
  .passportbox{
      background: #fff;
      width:400px;
      margin:130px auto;
      padding:20px 50px 50px 50px;
      position: relative;;
  }
  .del{
      position: absolute;
      right:10px;
      top:5px;
      font-size: 30px;
       cursor: pointer;
  }
  .login-wrap{
      float:left;
      width:100%;
  }
  .login-wrap h2{
      float:left;
      width:50%;
      text-align: center;
      line-height: 60px;
      border-bottom:2px #eee solid;
      cursor: pointer;
  }
  .login-wrap h2.active{
      color: #3491f1;
      border-bottom:2px #3491f1 solid;
  }

   .wechat-title{
       text-align: center;
       margin-top:30px;
   }
   #wx_login{
        text-align: center;
    }
   #wx_login img{
       display: block;
       margin:100px auto 0px auto;
   }