* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #f7f7f7;
}

.placeh-div {
    height: 50px;
    width: 100%;
}

.placeh-div2 {
    height: 15px;
    width: 100%;
}

.main {
    width: 1200px;
    /* width: 80%; */
    margin: 0 auto;
    background: #ffffff;
    padding: 50px;
}

.t1 {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #0076F6;
    /* line-height: 44px; */
}

.tp {
    text-align: right;
}

.t2 {
    font-size: 16px;
    /* font-weight: bold; */
    color: #0076F6;
}

.lbtn {
    width: 83px;
    color: #0076f6;
    border-color: #0076f6;
}

.lbtn:hover {
    color: #3E6BED;
    border-color: #3E6BED;
}

.topwidth {
    width: 1200px;
    height: 55px;
    margin: 0 auto;
}


/********************资源列******************************/

.comment-list .comment-info {
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #ececec;
}

.comment-list .comment-info header {
    width: 65px;
    position: absolute;
    display: block;
}

.comment-list .comment-info header img {
    /* width: 52px;
    height: 46px; */
    padding: 5px;
}

.comment-list .comment-info .comment-right {
    padding: 10px 0px 5px 65px;
    display: block;
}

.comment-list .comment-info .comment-right p {
    /* margin: 5px 0px; */
    font-weight: 400;
    font-size: 15px;
    /* font-weight: bold; */
    color: #333333;
    line-height: 20px;
}

.loadnum {
    font-size: 16px;
    margin-left: 5px;
    color: #FC9A00;
}

.longtime {
    font-size: 16px;
    margin-left: 5px;
    /* font-weight: bold; */
    color: #FC9A00;
}

.font-gray {
    font-weight: 400;
    color: #999999;
}
.mr-b{
    margin-bottom: 10px;
}

/********************资源列end******************************/

#page {
    text-align: center;
}

a {
    cursor: pointer;
}

.biglogo {
    z-index: 30000000 !important;
    /* position: absolute; */
    /* top: 15%; */
    left: 46%;
    position: fixed;
    top: calc(calc(100vh - 50vh - 300px))
}


/* @media (min-width: 1024px) {
    .biglogo {
        top: 15%;
    }
}

@media (min-width: 1100px) {
    .biglogo {
        top: 15%;
        left: 43%;
    }
}

@media (min-width: 1366px) {
    .biglogo {
        top: 15%;
        left: 45%;
    }
}

@media (min-width: 1920px) {
    .biglogo {
        top: 15%;
        left: 45.1%;
    }
} */


/* 头部导航和logo */

.layui-nav {
    background-color: transparent;
}

.layui-nav .layui-nav-item {
    line-height: 90px;
}

.layui-nav .layui-nav-item a {
    color: #000 !important;
}

.layui-nav .layui-this:after,
.layui-nav-bar {
    background-color: transparent;
}

.logoblue {
    height: 55px;
    /* padding-left: 10%; */
}

.logoblue img {
    padding-top: 8px;
}

.title {
    font-size: 22px;
    color: #333333;
    margin-left: 15px;
    line-height: 50px;
}

.top {
    height: 55px;
    width: 100%;
    background: #ffffff;
    /* overflow: hidden; */
}

.center {
    height: 235px;
    background-color: #000;
    /* background: #E5EBF2; */
}

/*.banner {*/
/*    background-image: url(/img/banner.png);*/
/*    background-repeat: no-repeat;*/
/*    width: 1200px;*/
/*    height: 235px;*/
/*    margin: 0 auto;*/
/*    position: relative;*/
/*    !* padding-left: -15px; *!*/
/*}*/

.text {
    position: absolute;
    top: 50px;
    left: 10px;
    color: #ffffff;
}

.layui-laypage a:hover {
    color: #3E6BED;
}