@charset "utf-8";
li{list-style:none}
.toLogin{display:none;}
/**
 * PC端
 */
@media screen and (min-width:768px){
    body{background-color: #F7F7F7;}
    ::-webkit-input-placeholder {
        color: #ffffff;
    }
    :-moz-placeholder {/* Firefox 18- */
        color: #ffffff;
    }
    ::-moz-placeholder{/* Firefox 19+ */
        color: #ffffff;
    }
    :-ms-input-placeholder {
        color: #ffffff;
    }
    .header{width: 100%;height: 80px;background: linear-gradient(90deg, #FF8B45, #E15616);box-sizing: border-box;padding: 18px 0;}
    .wrap-header{width: 1200px;height: 100%;line-height: 44px;font-size: 20px;color: #ffffff;margin: 0 auto;}
    .wrap-header .logo{width: 52px;height: 44px;margin-right: 10px;}
    .wrap-header .search{width: 400px;height: 44px;float: right;border-radius: 22px;background-color: rgba(255,255,255,0.16);box-sizing: border-box;padding: 0 20px;}
    .wrap-header .search .input{width: 316px;height: 44px;background-color: rgba(255,255,255,0);box-sizing: border-box;border: none;font-size: 16px;color: #ffffff;}
    .wrap-header .search .icon-search{width: 44px;height: 44px;float: right;box-sizing: border-box;padding: 10px;cursor: pointer;}
    .wrap-header .search .icon-search img{width: 22px;height: 22px;display: block;cursor: pointer;}
    .document-content{width: 100%;min-height:900px;float: left;}
    .document-content .inner{width: 1200px;margin: 0 auto;}
    .document-content .document-list{width: 100%;height: auto;margin-top: 40px;}
    .document-list .list-item{width: 100%;min-height: 160px;background-color: #FFFFFF;border-radius: 4px;box-sizing: border-box;padding: 20px 20px 0 20px ;float: left;margin-bottom: 20px;}
    .document-list .list-item .list-item-top{width: 100%;height:auto;float: left;padding-bottom:20px; position: relative;}
    .document-list .list-item .list-item-top .image{width: 140px;height: 120px;float: left;border: 1px solid #F3F6F9;border-radius: 4px;margin-right: 20px;}
    .document-list .list-item .list-item-top .image img{width: 140px;height: 120px;display: block;}
    .document-list .list-item .list-item-top .icon{width: 24px;height: 24px;border-radius: 2px;background-color: #FFF5F1;position: absolute;bottom: 20px;right: 0;cursor: pointer;}
    .document-list .list-item .list-item-top .icon:before{width: 24px;height: 24px;background-position: -148px 2px;}
    .document-list .list-item .list-item-top .icon.top:before{width: 24px;height: 24px;background-position: -178px 2px;}
    .document-list .list-item .list-item-top .main {width: 800px;height: 120px;float: left;}
    .document-list .list-item .list-item-top .main h1{font-weight: normal;font-size: 20px;line-height: 40px;color: #E15616;text-align: left;}
    .document-list .list-item .list-item-top .main p{font-weight: normal;font-size: 16px;line-height: 34px;color: #666666;text-align: left;}
    .document-list .list-item .list-item-bot{width: 100%;height: auto;padding: 20px 0;border-top: 1px solid #CFDBE2;float: left;}
    .document-list .list-item .list-item-bot .pdf-li{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #999999;float: left;margin: 5px 0;}
    .document-list .list-item .list-item-bot .pdf-li .img{width: 18px;height: 20px;display: block;float: left;margin-top: 5px;}
    .document-list .list-item .list-item-bot .pdf-li .name{float: left;margin-left: 10px;cursor: pointer;}
    .document-list .list-item .list-item-bot .pdf-li .name:hover{color: #E15616;}
    .document-list .list-item .list-item-bot .pdf-li .time{float: right;}
    .document-footer{width: 100%;height: 120px;background-color: #F0F0F0;box-sizing: border-box;padding: 30px 0;float: left;}
    .wrap{color: #999999;font-size: 14px;line-height: 30px;}
}

/**
* 移动端
*/
@media screen and (max-width:768px){
    ::-webkit-input-placeholder {
        color: #ffffff;
    }
    :-moz-placeholder {/* Firefox 18- */
        color: #ffffff;
    }
    ::-moz-placeholder{/* Firefox 19+ */
        color: #ffffff;
    }
    :-ms-input-placeholder {
        color: #ffffff;
    }
    .mIcon:before{transition:none;}
    .header{width: 100%;height: 17.8vw;background: linear-gradient(90deg, #FF8B45, #E15616);box-sizing: border-box;padding: 3.4vw 4vw;}
    .wrap-header{width: 100%;height: 100%;line-height: 10vw;font-size: 2vw;color: #ffffff;}
    .wrap-header .logo{width: 10vw;height: 8.8vw;margin-right: 10px;}
    .wrap-header .search{width: 56.9vw;height: 10vw;float: right;border-radius: 5vw;background-color: rgba(255,255,255,0.16);box-sizing: border-box;padding: 0 2vw;}
    .wrap-header .search .input{width: 43.9vw;height: 8vw;line-height:8vw;background-color: rgba(255,255,255,0);box-sizing: border-box;border: none;font-size:3vw;color: #ffffff;}
    .wrap-header .search .icon-search{width:8vw;height: 8vw;float: right;box-sizing: border-box;padding: 2vw;cursor: pointer;margin-top: 0.5vw;}
    .wrap-header .search .icon-search img{width: 4vw;height: 4vw;display: block;cursor: pointer;}
    .document-content{width: 100%;min-height:108vw;float: left;}
    .document-content .inner{width:100%;margin: 0 auto;}
    .document-content .document-list{width: 100%;height: auto;margin-top: 4vw;box-sizing: border-box;padding: 0 3vw;}
    .document-list .list-item{width: 100%;min-height: auto;background-color: #FFFFFF;border-radius: 1.5vw;box-sizing: border-box;padding: 3vw 3vw 0 3vw;float: left;margin-bottom: 4vw;}
    .document-list .list-item .list-item-top{width: 100%;height:auto;float: left;padding-bottom:2vw; position: relative;}
    .document-list .list-item .list-item-top .image{width:20vw;height: 20vw;float: left;border: 1px solid #F3F6F9;border-radius: 1.5vw;margin-right: 2vw;}
    .document-list .list-item .list-item-top .image img{width: 20vw;height: 20vw;display: block;}
    .document-list .list-item .list-item-top .icon{width: 24px;height: 24px;border-radius: 2px;background-color: #FFF5F1;position: absolute;bottom: 20px;right: 0;cursor: pointer;}
    .document-list .list-item .list-item-top .icon:before{width: 24px;height: 24px;background-position: -59vw 0;}
    .document-list .list-item .list-item-top .icon.top:before{width: 24px;height: 24px;background-position: -67vw 0;}
    .document-list .list-item .list-item-top .main {height: 20vw;float: left;width: 56vw;}
    .document-list .list-item .list-item-top .main h1{font-weight: normal;font-size: 4vw;line-height: 6.5vw;color: #E15616;text-align: left;}
    .document-list .list-item .list-item-top .main p{width: 100%;font-weight: normal;font-size: 3vw;line-height: 6.5vw;color: #666666;text-align: left;	white-space: normal;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
    .document-list .list-item .list-item-bot{width: 100%;height: auto;padding: 2vw 0;border-top: 1px solid #CFDBE2;float: left;}
    .document-list .list-item .list-item-bot .pdf-li{width: 100%;height: 8vw;font-size: 3vw;color: #999999;float: left;margin:1vw 0;}
    .document-list .list-item .list-item-bot .pdf-li .img{width: 7vw;height:8vw;display: block;float: left;margin-top: 0;}
    .document-list .list-item .list-item-bot .pdf-li .name{float: left;margin-left: 3vw;cursor: pointer;width: 56vw;}
    .document-list .list-item .list-item-bot .pdf-li .name:hover{color: #E15616;}
    .document-list .list-item .list-item-bot .pdf-li .time{float: left;margin-left: 3vw;width: 56vw;}
    .document-footer{width: 100%;height: auto;background-color: #F0F0F0;box-sizing: border-box;padding: 30px 0;float: left;}
    .wrap{color: #999999;font-size: 14px;line-height: 30px;}



}
