.container{
    background-color: #f4f5f6;padding-bottom: 76px;padding-top: 40px;box-sizing: border-box;
}
.position{width: 1280px;margin: auto;padding-top: 0px;margin-bottom: 20px;color:#999;}
.select{padding:15px 24px 10px 24px;/*border:#ddd 1px solid;*/border-radius:4px;background-color: #FFFFFF;/*box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);*/}
.select li{list-style:none;padding:14px 0 12px 80px}
.select .select-list:not(:last-child){border-bottom:#eee 1px dashed}
.select dl{zoom:1;position:relative;line-height:24px;}
.select dl:after{content:" ";display:block;clear:both;height:0;overflow:hidden}
.select dt{width:100px;margin-bottom:5px;position:absolute;top:0;left:-110px;text-align:right;color:#333333;height:24px;line-height:24px}
.select dd{float:left;display:inline;margin:0 0 5px 24px;}
.select a{display:inline-block;white-space:nowrap;height:24px;padding:0 8px;text-decoration:none;color:#666666;border-radius:2px;}
.select a:hover{color:#FFFFFF;background-color:#607CB9}
.select .selected a{color:#fff;background-color:#607CB9}
.clearSelect{width: 88px;height: 32px!important;line-height: 32px;text-align: center;background-color: #FFFFFF;border-radius: 4px;border: 1px solid #DDDDDD;}
.clearSelect:hover{color: #C4C4C4;}

.detail-left{width: 920px;border-radius: 4px;padding: 0;}
.detail-left .detail-title{font-family: Microsoft YaHei;font-size: 28px;color: #333333;font-weight: bold;margin-bottom: 16px;}
.detail-left .detail-figure span{padding: 3px 8px;border: 1px solid #DDDDDD;border-radius: 4px;display: inline-block;margin-right: 8px;margin-bottom: 5px;}
.detail-left .detail-intro{overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;color: #666666;margin-top: 16px;line-height: 24px;}
.detail-left .detail-author{display: flex;justify-content: space-between;height: 40px;line-height: 40px;margin-top: 16px;border-bottom: 1px dashed #E5E5E5;padding-bottom: 10px;}
.detail-left .detail-author .cgra span{margin-right: 16px;}
.detail-left .detail-author .cgra .detail-line{width: 1px;height: 12px;display: inline-block;background-color:#d8d8d8;vertical-align: middle;}
.detail-left .detail-author .report{margin-left: 27px;}
.detail-left .detail-author .report img{width: 16px;height: 16px;vertical-align: text-bottom;}
.detail-left .detail-author .report span{font-size: 14px;color: #333333;}
.detail-bot{background-color: #FFFFFF;margin-top: 12px;padding: 5px 32px 32px;border-radius: 4px;}
.layui-tab-title li{padding: 0;margin-right: 32px;color: #333333;font-size: 16px;}
.detail-left .detail-content{min-height: 300px;line-height: 300px;background-color: #EAE5E5;margin: 0 auto;}
.detail-left .detail-content img{width: 100%;}
.detail-left .pre{color: #333333;margin:16px auto 0;}
.residue{color: #999999;}
.residue img{vertical-align: bottom;width: 20px;height: 20px;}
.detail-details{width: 812px;background-color: #F3F5F7;border-radius: 4px;padding: 28px 32px;display: flex;}
.detail-details img{width: 44px;height: 44px;margin-right: 16px;}
.free-download{background-color: #5F7CB9;color: #FFFFFF;border-radius: 4px;}
.layui-btn-primary:hover{color: #5F7CB9;border-color:#5F7CB9;}
.free-download:hover{color: #FFFFFF;}
.mt32{margin-top: 32px;}
.detail-left .detail-download{margin: 20px auto 0;height: 48px;line-height: 48px;}
.detail-left .detail-download .pay{padding: 12px 24px;background-color: #5F7CB9;color: #FFFFFF;border-radius: 4px;}
.detail-left .detail-download .detail-down{background-color: #AB2C62;color: #FFFFFF;padding: 12px 22px;border-radius: 4px;}
.detail-left .help{border-radius: 4px;margin-top: 60px;border-top: 1px dashed #E5E5E5;background-color:unset;}
.detail-left .help .detail-lp img{width: 20px;height: 20px;vertical-align: middle;margin-right: 4px;}
.detail-left .help .detail-lp span{font-size: 14px;color: #333333;vertical-align: middle;line-height: 20px;}
.detail-left .help .detail-text{margin-top: 12px;}
.detail-left .help .detail-text p{color:#666666;font-size: 12px;line-height: 24px;}
.detail-top .rg-pay{width: 148px;height: 48px;line-height: 48px;display: inline-block;color: #FFFFFF;background-color: #5F7CB9;border-radius: 4px;}
.free-down{background-color: rgb(255,141,26)!important;color: #ffffff;border-color: rgb(255,141,26);}
.free-down:hover{background-color: rgb(255,141,26)!important;color: #ffffff;border-color: rgb(255,141,26);}
.detail-top .rg-pay:hover{background-color: #5471AD;}
.detail-top .rg-down{width: 120px;height: 48px;line-height: 48px;display: inline-block;margin-left: 6px;color: #FFFFFF;background-color: #AB2C62;border-radius: 4px;}
.detail-top .rg-down:hover{background-color: #A8255D;}
.detail-bg{height: 48px;margin-top: 12px;line-height: 48px;display: flex;justify-content:space-between;padding: 0 15px 0 16px;background: url(../images/tp.png) no-repeat;background-size: 100% 100%;background-position: center center;}
.detail-bg .free{font-size: 12px;color: #333333;line-height: 60px;}
.detail-bg .detail-open{margin-top: 16px;background: linear-gradient(180deg, #FFF8B9 0%, #FFF8B9 0%, #F4C74B 125%, #F4C74B 125%);width: 67px;height: 24px;line-height: 24px;color: #AB2C62;font-size: 12px;border-radius: 10px;text-align: center;}
.detail-content1{text-align: center;}
.detail-content1 img{width: 80px;height: 80px;border-radius: 50%;}
.detail-content1 .detail-name{color: #333333;margin-top: 12px;margin-bottom: 8px;}
.ct{height: 72px;margin: 20px auto;display: flex;justify-content: space-between;background-color: #EFF1F4;border-radius: 4px;}
.ct .detail-num{width: 93px;}
.detail-number{margin-top: 16px;font-size: 16px;color: #333;}
.ct .file{    margin-top: 6px;
    border-right: 1px solid #dfe2e8;
    font-size: 12px;
    color: #999;}
.follow{width: 133px;height: 40px;line-height: 40px;border-radius: 4px;border: 1px solid #DDDDDD;color: #333333;}
.detail-bt{margin-top: 32px;}
.verticalLine{width: 2px;height: 16px;display: inline-block;background-color: #004281;vertical-align: middle;line-height: 20px;}
.other{color: #333333;margin-left: 8px;vertical-align: middle;line-height: 20px;}
.courseware ul{list-style: none;}
.courseware ul li{color: #333333;font-size: 14px;margin-top: 20px;}
.courseware ul li.md-title{display: flex;}
.courseware ul li .md-sign{text-align: center;
    padding: 0px 5px;
    background-color: #f59403;
    color: #FFFFFF;
    border-radius: 4px;
    width: 30px;height: 20px;line-height: 20px;font-size: 12px;margin-right: 8px;}
.courseware ul li .md-sign-image{background-color: #D158A1;}
.courseware ul li .md-sign-audio{background-color: #3680A4;}
.courseware ul li .md-sign-video{background-color: #025E9C;}
.courseware ul li .md-sign-other{background-color: #03B289;}
.courseware ul li .md-sign-doc{background-color: #8053B2;}
.courseware ul li .md-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 5px;
    width: 270px;
}
.courseware ul li .md-text:hover{color: #004281;}

.favd{color:#004281;}
.favd:hover{color:#004281;}

.dtree>li{
    padding-left: 0;
}

.dtree-icon-dian:before {
    content: "\e60";
}

.dtree-nav-item {
    padding-left: 30px;
}
@media screen and (max-width: 1700px) and (min-width: 1300px){
    .dtree-nav-item {
        padding-left: 30px;
    }
}

.zip-preview{
    max-height: 400px;
    overflow: auto;
    border: dashed 1px #c0c4cc;
    padding: 10px;
}
.dtree-theme-item-this {
    background-color: #eee!important;
}
.detail-img{width: 320px;height: 180px;margin-top: 16px;}