@charset "UTF-8";

/*!
 * yibian
 * Version - 3.6.0
 *
 * 20181106
 */

html, body {font-family: sans-serif; size: 12px; margin: 0; padding: 0;}
.header {background-color: #f2f2f2;flex-direction: row;height: 66px;padding: 15px 20px 0px 20px;position: relative;}
.logoZone {flex-direction: row;height: 66px;line-height: 66px;}
.header-logo1 {background-image: url(https://reports.aminer.cn/img/ckcest.png); width: 70px; background-size: 70px auto; margin-right: 5px;}
/* .header-logo2 {background-image: url(https://reports.aminer.cn/img/aminer_logo.png); width: 100px; background-size: 100px auto;} */
.header-logo2 {background-image: url(https://reports.aminer.cn/img/THUlogo.png); width: 180px; background-size: 180px auto;}
.header-logo1, .header-logo2 {height: 50px; float: left;background-repeat: no-repeat; background-position: 0 0;margin-top: 13px;}
.erwei{background: url(https://reports.aminer.cn/img/erwei.jpeg) no-repeat 0 0; width: 60px; background-size: 60px auto; float: right; height: 60px; position: absolute; top: 10px; right: 20px;}
.line {font-weight: lighter;color: grey;background-position: 50%;float: left;margin-right: 5px;margin-bottom: 8px;}
.banner { text-align: center; width: 100%; height: 200px;background:#062F4D url(https://reports.aminer.cn/img/banner.png) no-repeat center center/auto 100%; height:300px; color: #fff; padding-top: 80px;}
.top-title{ font-size: 30px;}
.slogan{ font-size: 50px;}
.main { width: 1000px; margin: 0 auto;}
.main h2 {font-size: 28px;font-weight: 400;line-height: 43px;text-align: center;margin-top: 50px;}
.science .infor{font-size: 15px;line-height: 22px;color: rgba(0,0,0,.7);}
.gif-img{ background-image:}
.box { width: 1000px; display: flex; justify-content: space-between;align-items: center;}
.box div { height: 260px; width: 237px; text-align: center; font-size: 12px; color: #444;}
.box .title { font-size: 14px; font-weight: bold; color: #222;}
.more1, .more2 { width: 450px; background-color: #f7f7f7; border: 1px solid #e6e6e6; padding: 10px;}
.box-flex {display: flex; justify-content: space-between;align-items: center;}
.more img { width: 450px;}
.more .infor{font-size: 14px;line-height: 22px;color: rgba(0,0,0,.7);}
.list-group {display: flex; flex-direction: column; width: 100%; margin: 0;padding: 0;}
.list-group li {font-size: 15px;line-height: 20px;color: rgba(0, 0, 0, .5); list-style: none; background-color: #fff;border: 1px solid rgba(0, 0, 0, .125);padding: 1rem;display: flex;flex-flow: row wrap;}
.list-group li span { margin: 10px;}
.cover-box{display: -webkit-flex; display: flex; justify-content: flex-start;align-items: center; widt:1000px; flex-wrap: wrap;}
.cover{ width:182px; text-align: center; height: 330px; margin-right: 22px;}
.cover-box a{ text-decoration: none; font-size: 13px; color: #444; }
.cover-box a:hover{ color: #0089e1;}
.cover-img a{display: block; width:180px; height: 250px; overflow: hidden; border: 1px solid #062F4D;}
.cover-img a:hover{box-shadow: 0 0 0 3px #0089e1;
    transition: box-shadow .4s, transform .4s, -webkit-transform .4s;}
.cover img{width:180px;}
.cover img:hover{transform: scale(1.2);  
    transition: all 1s ease 0s;}
.cover p{ margin: 2px 0;}
.contact-erwei{ text-align: center;}
.contact-erwei img{ width: 120px;}
.footer { text-align: center; font-size: 13px; color: #444;border-top: 1px solid #E0E1E2; margin-bottom: 0;list-style: none; padding: 10px 0px}
.footer p{width:100%; margin: 10px auto; line-height: 20px;}
.footer a{ color:#0089e1;}
.footer span{ margin:5px 20px 5px 0;}
.download span{ display: inline-block; font-size:12px;}
.download span img{ width: 14px; border: none; margin-right: 4px;}
.reportBg{ background-color:#f6f6f6; padding-top: 10px;padding-bottom: 10px;}
h2{ text-align: center;}
.report, .more{ width: 1000px; margin:0 auto; margin-top: 30px;}
.titleDiv{  display: flex;
    justify-content: space-between;
    align-items: top;
    flex-wrap: wrap;}
.imgshow-m {
    display: flex;
    justify-content: space-between;
    align-items: top;
    flex-wrap: wrap;}
.list {
        width: 320px;
        transition: all .2s;
        float: left;
}
.list img {
    width: 100%;
}
.list-img:hover {
    box-shadow: 0 0 0 4px #8cc64d;
    transition: box-shadow .4s, transform .4s, -webkit-transform .4s;border-radius: 5px;}
.list .img-name .name-link {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 16px;
    color: #333;}
.imgshow-m .list .list-img {
    position: relative;
}
.imgshow-m .list .show-img {
    display: block;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 0 1px #0089e1;
    transition: box-shadow .2s, transform .2s, -webkit-transform .2s;
    position: relative;
}
.list-img:hover .play-cover{ background: url(https://reports.aminer.cn/img/video.png) 80px 0 ; }
.play-cover{ background: url(https://reports.aminer.cn/img/video.png) 40px 0 ; width: 32px; display: inline-block; height: 32px; position: absolute; left: 5%; top: 80%; }

.imgshow-m .list .img-name {
    padding: 6px 9px;
    line-height: 34px;
}
.imgshow-m .list a{color:#666;text-decoration: none;}
.imgshow-m .list a:hover{color:#0089e1;}
    .imgshow-m .list .time-length {
        display: block;
        padding: 0 6px;
        height: 15px;
        line-height: 15px;
        background: rgba(0, 0, 0, .25);
        font-size: 12px;
        color: #fff;
        border-radius: 4px;
        position: absolute;
        right: 10px;
        bottom: 10px;
        transition: all .25s ease-in;}

.imgshow-m .class-type {
        background: #f39700;
        border-radius: 2px;
        color: #fff !important;
        font-size: 12px;
        padding: 2px 5px;
        height: 19px;}
.imgshow-m .class-type:hover{background: #f39700;}

.mod_hd .mod_title {
    *zoom: 1;
    display: inline-block;
    *display: inline;
    position: relative;
    height: 40px;
    margin: 0 10px 20px 0;
    color: #111;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: top;
    white-space: nowrap;}
.mod_hd .subtitle, .mod_hd .subtitle_rule {
    margin-top: 20px;
        color: #666;
        font-size: 13px;
     text-decoration: none;}
.marginTop{ margin-top: 30px;}
.img-data p{ margin:5px; color: #666; font-size: 13px; line-height: 28px;  width: 328px; display: flex;}
.img-data p span{ margin-right: 10px; color: #444; background-color: #f7f7f7; padding:0 6px; display: inline-block; float: left; text-align: center;}
.img-data p a{ display: block; width: 240px; float: right;}
.clear { clear: both;}
.fl a img{width: 18px !important;}
@media screen and (max-width: 1200px) {
    .main {
        flex-direction: column;
        width: 100%;
    }

    .main .box {
        flex-direction: column;
        width: 100%;
    }
    .report a{
        flex-direction: column;
        width: 30%;
    }
    .imgshow-m .list .show-img {
        display: block;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 0 0 1px #ddd;
        transition: box-shadow .2s, transform .2s, -webkit-transform .2s;}
}
@media screen and ( max-width: 650px ) {
    .main {
        flex-direction: column;
        width: 100%;
    }
    h4 {
        flex-direction: column;
        width: 100%;
        text-align: center;
    }
    h2 {
        flex-direction: column;
        width: 100%;
        text-align: center;
    }
    .main .box {
        flex-direction: column;
        width: 100%;
    }
    .report {
        flex-direction: column;
        width: 100%;
    }
    .report a {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .report .cover{
        flex-direction: column;
        width: 100%;
        height: auto;
        margin: 0 auto;
        text-align: center;
    } 
    
    .report .cover{
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .more{
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
    }
    .more .box-flex{
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
    }

    .more img { width: 100%;}
    .more1,   .more2{width: 100%;}
    .report .list{
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .report .list p{ text-align: left;}
    .report .list-img{
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .more .infor, .science .infor{padding:20px;}
    .titleDiv{ margin-bottom: 10px;}
}
.infor a:hover{ color: #0089e1;}
.cover span{ display: inline-block; font-size:12px;}
.cover span img{ width: 14px; border: none; margin-right: 4px;}