/**header**/
.deantop {
     border-top: none; 
    width: 100%;
    background: #f5f5f5;
}
.deantop1 {
    width: 1200px;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
}

.deanlogo {
    width: 165px;
    float: left;
    margin-top: 9px;
}

.deanlogo img{
	height: 42px;
}

.deannav {
    width: 580px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    float: left;
}

.deansearch {
    width: 185px;
    height: 30px;
    float: right;
     margin-top: 14px; 
    border: #ededed 1px solid;
    overflow: hidden;
}

#scbar_txt {
    width: 150px;
    height: 30px;
    float: left;
    text-indent: 10px;
    line-height: 30px;
}

.scbar_btn_td {
	width: 35px;
    background: url(http://www.haokouzi.com/template/hl_moonseo/images/search.gif) 7px 7px no-repeat;
}

/**banner 切换**/

@keyframes load {0% {width:0%;} 100% {width:100%;}}
.trent-slider {width:100%;position:relative;overflow:hidden;min-width: 1200px; max-width: 1920px;margin: 0 auto;max-height: 250px;}
.t-slide {position:absolute;left:0;right:0;bottom:0;top:0;transition:.65s;}
.t-slide img {width:100%;height:100%;}
.t-slider-controls {position:absolute;top:0;bottom:0;left:0;right:0;} 
.t-slider-controls .arrow {min-height:100%;width:50px;position:relative;transition:.25s;}
.t-slider-controls .arrow:hover {cursor:pointer;}
.t-slider-controls .right-arrow {float:right;} .t-slider-controls .left-arrow {float:left;}
.t-slider-controls .arrow .arrow-container {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;}
.t-slider-controls .arrow .arrow-container .arrow-icon {position:relative;width:42px;height:42px;color:#fafafa;border-radius:50%;}
.t-slider-controls .arrow .arrow-container .arrow-icon i {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.t-slider-controls .t-load-bar {width:100%;height:5px;}
.t-slider-controls .t-load-bar .inner-load-bar {background:rgba(200,200,200,0.65);height:100%;}
.t-slider-controls .t-dots-container {position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:20px;min-width:350px;}
.t-slider-controls .t-slide-dots-wrap {height:100%;width:100%;position:relative;}
.t-slider-controls .t-slide-dots {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:table;content:"";clear:both;}
.t-slider-controls .t-slide-dots .t-dot {background:#fafafa;border: solid 1px #F2F0F0; width:6px;height:6px;margin:5px;float:left;border-radius:20px;transition:.65s;} 
.t-slider-controls .t-slide-dots .t-dot.current-dot,.t-slider-controls .t-slide-dots .t-dot:hover {background:#772C00;border: solid 1px #542000;cursor:pointer;}
@media screen and (min-width:768px) {.t-slider-controls .arrow:hover {background:rgba(0,0,0,0.32);}}

/** main **/

.main{
    width: 1200px;
    margin-bottom: 20px;
    /*overflow: hidden;*/
}


/*菜单*/
.menu{
    float: left;
}

.menu h4{
    
    width: 216px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background-color: #FCA144;
}

.menu .tree{
    /*border-right: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;*/
    width: 214px;
}
.menu .tree li{
    width: 214px;
    height: 38px;
    line-height: 38px;
    border-left: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    color: #999;
    position: relative;
}
.menu .tree li:hover{
    border-left: 1px solid #FEB43B;
    border-right: 1px solid #fff;

    -moz-box-shadow: -2px 2px 2px rgba(220, 220, 220, 0.2);
    -webkit-box-shadow: -2px 2px 2px rgba(220, 220, 220, 0.2);
    box-shadow: -2px 2px 2px rgba(220, 220, 220, 0.2);

    /*transition: all 0.6s;*/

}
.menu .tree li:hover .sub{
    display: inline-block;  
}
.menu .tree li .sub{
    display: none;
    float: right;
    width: 380px;
    position: absolute;
    left: 216px;
    top: 0px;
    padding-right: 24px;
    background-color: #fff;
    -moz-box-shadow: 3px 4px 4px rgba(50, 50, 50, 0.2);
    -webkit-box-shadow: 3px 4px 4px rgba(50, 50, 50, 0.2);
    box-shadow: 3px 1px 3px rgba(50, 50, 50, 0.3);
    opacity: 1;
    z-index: 20;
    min-height: 78px;
}
.menu .tree li .sub a{
    display: inline-block;
    margin-left: 24px;
    color: #999;
}
.menu .tree li .a1{
    float: left;
    padding-left: 10px;
    width: 52px;
    
    font-size: 12px;
    display: inline-block;  
    /*overflow: hidden;*/
}

.look-more{text-align: center; margin-top: 10px;}
.look-more a{display: block;padding: 8px 5px;border: 1px solid #FCA144;font-size: 14px;font-weight: 800;color: #FCA144;text-decoration: none;}
.look-more a:hover{border-color: #EF7C07;background-color: #FCA144;color: #ffffff;}

.menu .tree li .a1 a{
    color: #999;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    /*display: -webkit-box;
    -webkit-line-clamp: 1;*/
    /*-webkit-box-orient: vertical;
    word-break: break-all;*/
    display: block;
}
.menu .tree li span:first-child a{

    color: #333;
    font-size: 14px;
}
.menu .tree .arrow{
    float: right;
    padding-right: 10px;
}


/*主体内容*/
.content{
    float: left;
    width: 682px;
    padding: 0 18px;
    -moz-box-shadow:5px 0px 10px rgba(220, 220, 220, 0.2);
    -webkit-box-shadow:5px 0px 10px rgba(220, 220, 220, 0.2);
    box-shadow:5px 0px 10px rgba(220, 220, 220, 0.2);
}

.toutiao{
    border: 1px solid #E0E0E0;
}
.toutiao .list{
    width: 100%;
    height: 82px;
    /*line-height: 82px;*/
    border-bottom: 1px solid #E0E0E0;
}
.toutiao .list:last-child{
    border-bottom:none;
}
.toutiao .list .right{
    float: left;
    width: 94px;
    line-height: 82px;
    text-align: center;
    color: #333;
    font-size: 14px;
}
.toutiao .list .left{
    width: 580px;
    margin-top: 20px;
    float: left;
    /*height: 82px;*/
}
.toutiao .list .left .box{
    border-left: solid 1px #E0E0E0;
    height: 42px;
}

.toutiao .list .left .box span{
    position: relative;
    display: inline-block;
    width: 190px;
    clear: both;
    z-index: 1;
}
.toutiao .list .left .box a{
    float: left;
    display: inline-block;
    padding-left: 40px;
    color: #333;
    max-width: 130px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: -12px;
    line-height: 36px;
    height: 36px;
}
.toutiao .list .left .box .ishot a{
    color: #FDA245;
}
.toutiao .list .left .box .hot{
    display: none
}
.toutiao .list .left .box .ishot .hot{
    display: inline-block;
    float: left;
    position: absolute;
    top: -6px;
    z-index: 1;
    background-color: #FDA245;
    padding: 0 2px; 
    font-size: 10px;
    color: #fff;
    border-radius: 2px;
    margin-left: 2px;
    height: 14px;
    line-height: 14px;
    

}

/*楼层*/
.floor{
    width: 100%;
    margin-top: 10px;
}
.floor-title{
    border-bottom: solid 1px #E0E0E0;
}
.floor-title h2{
    font-size: 16px;
    font-weight: 400;
    color: #464646;
    line-height: 32px;
}
.floor-main{
    height: auto;
    overflow: hidden;
}
.floor-main .item{
    float: left;
    width: 100%;
}
.floor-main .wth-percent50{
    float: left;
    width: 50%;
}
.item .item-pic{
    margin-top: 10px;
    float: left;
    margin-right: 20px;
}
.item .item-pic img{
    width: 72px;
    height: 72px;
}
.item .item-desc{
    float: left;
}
.item .item-desc p{
    line-height: 20px;
    font-size: 12px;
    color: #918788;
}
.item .item-desc .title , .item .item-desc .title a{
    font-size: 16px;
    color: #333;
    margin: 0px;
    padding: 0px;
    font-weight: 400;
    margin-top: 8px;
    max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item .item-desc .condition{
    overflow: hidden;
    margin-top: 2px;
}

.item .item-desc .quota{
    display: inline-block;
    color: #508DE6;
}
.item .item-desc .credit{
    margin-left: 10px;
}

.floor2 .item{
    border-bottom: solid 1px #E0E0E0;
    padding-bottom: 10px;
}
.item .item-desc .condition .line{
    overflow: hidden;
}
.item .item-desc .condition .line2{
    overflow: hidden;
}
.item .item-desc .condition .column{
    float: left;
    padding: 0px;
    margin: 0px;
    line-height: 20px;
    display: inline-block;
    width: 160px;
}
.item .item-desc .condition .line2 .column{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 480px;
}
.color-508DE6{
    color: #508DE6;
}

.item .item-btn{
    float: right;
}
.item .item-btn p{
    margin-top: 12px;
    overflow: hidden;

}
.item .item-btn p a{
    display: inline-block;
    float: left;
    width: 68px;
    height: 26px;
    background-color: #FEB43B;
    border: solid 1px #FEB43B;
    color: #fff;
    line-height: 26px;
    text-align: center;
    border-radius: 2px;
}
.item .item-btn p .t{
    background-color: #fff;
    color: #999;
}
.item .item-btn p .t:hover{
    background-color: #FEB43B;
    color: #fff;
    transition: all 0.6s;
}
/*分页*/
.bm{
    /*overflow: hidden;
    clear:both;*/
    text-align: center;
    margin-top: 34px;
}
#fd_page_bottom{
    text-align: center;
   /* overflow: hidden;
    margin: 0 auto;*/
}
.pg{
    float: none;
    /*clear:both; */
    margin: 0 auto;
   display: inline-block;
   
}
.pg a, .pgb a, .pg label,.pg a.nxt,.pg a.prev{
    height: 34px;
    min-width: 34px;
    line-height: 34px;
    background-color: #fff;
    border: solid 1px #ddd;
    float: left;
    overflow: hidden;
    width: auto;   
}
.pg a:first-child{
    margin-left: 0px;
}

.pg a.prev, .pg a.nxt{
    text-indent:0px;
    padding: 0px 10px;
}
.pg strong{
    height: 34px;
    min-width: 34px;
    line-height: 34px;
    background-color: #FE603B;
    border: solid 1px #FE603B;
}
.pg strong:hover, .pg a:hover,.pg a.nxt:hover ,.pg a.prev:hover{
    background: #FE603B;
    color: #fff;
    border: solid 1px #FE603B;
}


/*右侧栏*/
.main-right{
    padding-left: 24px;
    float: right;
    width: 242px;
}
.user{
    padding-top: 22px;
    padding-bottom: 28px;
    overflow: hidden;
}
.user .user-pic{
    float: left;
    display: inline-block; 
    background-color: #E6E6E6;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    line-height: 60px;
}
.user .user-pic img{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.user .user-info{
    float: left;
    margin-left: 20px;
    color: #999999;
}
.user .user-info p{
    line-height: 20px;
}
.user .btn{
    margin-top: 16px;
    float: left;
    width: 100%;
}
.user .btn a{
    float: left;
    width: 110px;
    height: 34px;
    display: inline-block;
    color: #fff;
    line-height: 34px;
    text-align: center;
    background-color: #F04848;
    border-radius: 2px;
    font-size: 14px;
}
.user .btn .btn2{
    margin-left: 10px;
    background-color: #7BC7AB;
}

.main-right .ad img{max-width: 100%;}


.rrecom{
    max-width: 100%;
    overflow: hidden;
}
.rrecom .t{
    height: 46px;
    line-height: 46px;
    border-bottom: solid 1px #E0E0E0;
}
.rrecom .t h3{
    font-weight: 400;
    font-size: 16px;
    float: left;
}
.rrecom .more {
    float: right;
}
.rrecom .more i{
    font-size: 14px;
    margin-left: 8px;
}
.rrecom{
    margin: 10px 0px;
     overflow: hidden;
}
.rrecom .module{
    
   
}
.module-time li{
    margin-top: 12px;
}
.module-time li:last-child{
    margin-bottom: 12px;
}
.module-time li a{
    display: inline-block;
    max-width: 100%;
    color: #5189A4;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.module-time .comment-num{
    margin-left: 20px;
}


/*footer*/
.deanfooter{
    width: 1200px;
}