@charset "utf-8";

/* CSS Document */

@media(min-width:421px) {
    .phon_main {
        display: none;
    }
    /*页面block1样式*/
    .side1 {
        width: 720px;
        float: left;
        margin-right: 20px;
    }
    .block1 {
        width: 718px;
        height: auto;
        float: left;
        margin-top: 20px;
        border: 1px solid #E6E6E6;
        overflow: hidden;
    }
    .block-top1 {
        height: 60px;
        border-bottom: 1px solid #EDEDED;
    }
    .block-titile1 {
        float: left;
        margin: 15px 0 0 15px;
        font-size: 22px;
    }
    .block-titile1 a {
        color: #333;
        margin-left: 9px;
    }
    .block-content1 {
        padding: 19px;
        /*width: 680px;*/
        height: 740px;
    }
    /*页面list1样式*/
    .list1 {
        width: 258px;
        height: 150px;
        float: left;
        margin-top: 20px;
        border: 1px solid #E6E6E6;
        overflow: hidden;
    }
    .list-info1 {
        padding-left: 20px;
    }
    .list-title1 {
        width: 100%;
        float: left;
        margin-top: 16px;
        margin-bottom: 6px;
        font-size: 18px;
        color: #2d8cf0;
    }
    .list-text1 {
        width: 100%;
        float: left;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        color: #666;
    }
    .list-down1 {
        width: 260px;
        height: 42px;
        float: left;
        margin-top: 10px;
        line-height: 42px;
        font-size: 18px;
        color: #fff;
        display: block;
        border-radius: 2px;
        background-color: #0BBD7F;
        cursor: pointer;
    }
    .list-down1 a {
        color: #fff;
    }
    .list-box1 {
        width: 122px;
        height: 42px;
        margin: 0 auto;
    }
    .list-down1 img {
        float: left;
        margin-right: 10px;
    }
    .list-down1 span {
        float: left;
    }
    /*页面block3样式*/
    .block3 {
        width: 258px;
        height: 390px;
        margin-top: 10px;
        float: left;
        border: 1px solid #E6E6E6;
        overflow: hidden;
    }
    .block-title3 {
        margin: 16px 0 0 19px;
        font-size: 20px;
        color: #333;
    }
    .block-list3 {
        width: 220px;
        float: left;
        margin-top: 10px;
        margin-left: 19px;
    }
    .block-list3 ul li {
        float: left;
        width: 100%;
        height: 40px;
        line-height: 36px;
    }
    .block-list3 ul li a {
        color: #666;
    }
    .block-list3 ul li span {
        width: 194px;
        float: left;
    }
    .block-list3 ul li a.hover {
        color: #2d8cf0;
    }
    .block-list3 ul li .num1 {
        float: left;
        margin-top: 10px;
        margin-right: 10px;
        width: 16px;
    }
    /*页面评论区域样式*/
    .pagecon-con3 {
        width: 100%;
        float: left;
        overflow: hidden;
        margin-top: 8px;
    }
    .CommentDiv {
        border-left: 1px solid #e2e2e2;
        border-right: 1px solid #e2e2e2;
        border-top: 1px solid #e2e2e2;
        border-bottom: 0;
    }
    .CommentTextArea {
        width: 710px;
        height: 71px;
        resize: none;
        padding: 10px 5px 5px 5px;
        border: 0;
        line-height: 20px;
    }
    .UserLoginDiv {
        width: 718px;
        height: 46px;
        background: #FAFAFA;
        border: 1px solid #e2e2e2;
    }
    .LoginCSS {
        float: left;
        margin-top: 10px;
        line-height: 24px;
        padding-left: 10px;
    }
    .Input_Text3 {
        float: left;
        width: 118px;
        height: 26px;
        padding: 0 5px;
        border: 1px solid #CACBCB;
        margin-right: 10px;
    }
    .Input_Text4 {
        width: 58px;
        height: 26px;
        padding: 0 5px;
        border: 1px solid #CACBCB;
    }
    .PubInfoBtnCSS {
        margin: 10px 10px 0 0;
        float: right;
    }
    .Input_Btn1 {
        border: none;
        float: left;
        width: 86px;
        height: 26px;
        color: #fff;
        font-size: 12px;
        background-color: #2d8cf0;
        border-radius: 2px;
        cursor: pointer;
    }
    .CommentsDiv2 {
        border: 1px solid #E2E2E2;
        padding: 0 19px 38px 19px;
        margin-top: 10px;
    }
    .CommentsTitle {
        border-bottom: 2px solid #2d8cf0;
        margin-top: 25px;
        height: 25px;
    }
    .CommentsTitle span {
        font-size: 14px;
        color: #7f7f7f;
    }
    .CommentsContent {
        height: 90px;
        border-bottom: 1px dashed #e2e2e2;
    }
    .CommentsContent .contentInfo {
        float: left;
        width: 100%;
    }
    .CommentsContent .UserHead {
        width: 52px;
        float: left;
        margin: 20px 10px 0 0;
    }
    .CommentsContent .CommentMainInfo {
        margin-top: 27px;
    }
    .CommentsContent .CommentUserName {
        color: #2d8cf0;
        margin-right: 10px;
    }
    .zymc {
        display: block;
        padding-left: 60px;
        margin-top: -20px;
    }
}

@media(max-width:420px) {
    .main {
        display: none;
    }
    body {
        background: #eaf3fd;
    }
    .search {
        background: transparent !important;
    }
    .top-user {
        background: #f3f8fe;
    }
    .main_right {
        height: 100px;
    }
    .main_right>div:first-child {
        border-radius: 10px;
        overflow: hidden;
        margin-top: 10px;
        float: left;
    }
    .main_title {
        height: 100%;
        float: left;
        padding: 15px 0;
        margin-left: 0.75rem;
    }
    .showcon_title {
        display:block;
        font-size: 18px!important;
        padding-bottom: 5px;
        max-width: 160px;
    }
    .main_title p,
    .FileTitle p {
        color: #999;
    }
    .phon_box_con {
        margin-top: 10px;
        background-color: #fff;
        border-radius: 10px;
        min-height: 400px;
        padding-bottom: 160px;
    }
    .resource_box,
    .comment {
        margin: 0.75rem;
        line-height: 26px
    }
    .nav_router ul {
        display: flex;
        border-bottom: 1px solid #E6E6E6;
    }
    .nav_router li {
        float: left;
        flex: 1;
        position: relative;
        height: 50px;
        line-height: 48px;
        text-align: center;
    }
    .nav_router .navs .active .check_i {
        bottom: 0;
    }
    .resource_box p span {
        display: inline-block;
        margin-left: 3em;
        margin-top: -26px;
    }
    .FileDescBox {
        height: 73px;
        /* border-top: 1px solid #E6E6E6; */
        border-bottom: 1px solid #E6E6E6;
        padding: 10px 0;
        margin: 0 0.75rem;
    }
    .FileTitle {
        width: 80%;
        float: left;
    }
    .desc_title {
        display: block;
        /* max-width: 70%; */
        font-size: 16px;
        font-weight: bold;
    }
    .list-pc3 {
        width: 18%;
        float: right;
    }
    .list-label3 {
        width: 100%;
        height: 26px;
        line-height: 26px;
        color: #2d8cf0;
        font-size: 12px;
        /* margin-top: 20px; */
        border-radius: 13px;
        text-align: center;
        background-color: #EDEEF0;
    }
    /* 文档组件引用 */
    .block-content1 {
        /* padding: 19px; */
        width: 100%;
        height: 440px;
    }
    /* 手机分享图标位置 */
    .share2 {
        padding-top: 15px;
        float: right;
    }
}


/* 分享框 */

.share_box {
    width: 100%;
    height: 150px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    padding-top: 20px;
}

.share_title {
    color: #c01414;
    text-align: center;
    font-size: 0.5rem;
    line-height: 1rem;
}

.social-share .social-share-icon {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    margin-left: 0.5rem;
}

.social-share .icon-weibo {
    color: #ff763b;
    border-color: #ff763b;
}

.social-share .icon-wechat .wechat-qrcode {
    width: 200px;
    height: auto !important;
}

.social-share .icon-wechat .wechat-qrcode .help {
    padding-bottom: 5px;
}