@charset "utf-8";
*{margin: 0;padding: 0;}
body { font-size:14px; min-height: 650px;
    font-family:  'Microsoft Yahei', 'Hiragino Sans GB' , Tahoma, Arial, Helvetica, STHeiti;
    background:#f4f4f4;color: #333;
}
li{list-style: none;}
a{text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:active{text-decoration: none;}
a:visited {text-decoration:none;}
a:focus{outline: none;}
img{vertical-align:middle;border:0;border-style: none;
    outline: none;}
::selection{background: #fff;color:#ce3939; }
em{font-style: normal;}
p {
    word-break: break-all;
}
input{
    outline: none;
    border: none;
    padding: 0 1%;
}
.greybk{
	background: #b9b9b9!important;
}
.noContent{
	min-height: 100px;
    max-height: 400px;
    font-size: 18px;
    text-align: cnter;
    margin-top: 100px;
    text-align: center;
    display: none;
}
.clear{clear: both;}
.left{float: left;}
.right{float: right;}
.hidden{display: none;}
.ellipsis{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height: 14px;
}
.clearfix:after {
    content: "";
    height: 0;
    clear: both;
    display: block;
}
/* .mgb30{
    margin-bottom: 30px!important;
} */
.ffont{
    color: #fff;
}
.redfont{
    color: #ce3939!important;
}
.fbk{
    background: #fff;
}
.greenbk{
    background: #59ba46;
}
.redbk{
    background: #ce3939;
}
.yellbk{
    background: #ff9c33;
}
.trslin3{
    transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition:all .3s linear;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
}
.gradient1{
    background :linear-gradient(to top,#e6e6e6 0%,#fff 13%,#fff 87%,#e6e6e6 100%);
    background: -ms-linear-gradient(to top,#e6e6e6 0%,#fff 13%,#fff 87%,#e6e6e6 100%);        /* IE 10 */
    background:-moz-linear-gradient(to top,#e6e6e6 0%,#fff 13%,#fff 87%,#e6e6e6 100%);/*火狐*/
    background: -webkit-gradient(to top, 0% 13%, 87% 100%, from(#e6e6e6), to(#fff));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(to top,#e6e6e6 0%,#fff 13%,#fff 87%,#e6e6e6 100%);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(to top,#e6e6e6 0%,#fff 13%,#fff 87%,#e6e6e6 100%);  /*Opera 11.10+*/
}
.opacity7{
    opacity: .7;
    -o-opacity: .7;
    -ms-opacity: .7;
    -moz-opacity: .7;
    -webkit-opacity: .7;
    filter: alpha(opacity=70);
}
.txb{
    text-align: center;
    display: block;
}
.boxz{
    box-sizing:border-box;
}
.bd1{
    border: 1px solid #ccc;
}
.bdright{
    border-right: 1px solid #ccc;
}
.bdleft{
    border-left: 1px solid #ccc;
}
.bdbottom{
    border-bottom: 1px solid #ccc;
}
.bdtop{
    border-top: 1px solid #ccc;
}
.rd3{
    border-radius: 3px;
}
.rd5{
    border-radius: 5px;
}
.rd10{
    border-radius: 10px;
}
.rd20{
    border-radius: 20px;
}
.rd50{
    border-radius: 50%;
}
.rdtl10{
    border-top-left-radius: 10px;
}
.rdtr10{
    border-top-right-radius: 10px;
}
.rdbr10{
    border-bottom-right-radius: 10px;
}
.rdbl10{
    border-bottom-left-radius: 10px;
}
.rdtl20{
    border-top-left-radius: 20px;
}
.rdtr20{
    border-top-right-radius: 20px;
}
.rdbr20{
    border-bottom-right-radius: 20px;
}
.rdbl20{
    border-bottom-left-radius: 20px;
}
.rdtl5{
    border-top-left-radius: 5px;
}
.rdtr5{
    border-top-right-radius: 5px;
}
.rdbr5{
    border-bottom-right-radius: 5px;
}
.rdbl5{
    border-bottom-left-radius: 5px;
}

.container{
    width: 100%;
}
.main{
    max-width:1200px;
    width: 100%;
    margin:0 auto;
}
.qround{
    /* position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 11px;
    height: 11px; */
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 8px;
    height: 6px;
}
.qround span{
    /* display: block;
    height: 22px;
    width: 22px;
    position: absolute;
    top: -11px;
    left: -11px;  */
    display: block;
    height: 18px;
    width: 20px;
    position: absolute;
    top: -11px;
    left: -11px;
}
.btitle{
    height: 49px;
    padding-left: 30px;
    position: relative;
}
.btitle a{
    line-height: 50px;
    font-size: 18px;cursor: pointer;
    color: #333;margin-right: 30px;
}
.btitle a.right{
    color: #999;
    font-size: 14px;
}
.btitle a.more{
    color: #999;
    font-size: 12px;
    position: absolute;
    right: 0;
}
.btitle a.active{
    color: #ce3939;line-height: 46px;
    border-bottom: 4px solid #ce3939;
}
.ere,.live{
    position: relative;
    background: #fff;
    width: 100%;
}
.topic_cont img{
       width:16px;
    }
.erecon ul li{
    width: 50%;cursor: pointer;
    float: left;
    box-sizing:border-box;
    border-top:1px solid #ccc;
}
.erecon ul li:hover{
    box-shadow:0px 0px 4px 2px #ccc;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition:all .2s linear;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
}
.erecon ul li:nth-child(2n+1){
    border-right:1px solid #ccc;
}
.erecon ul li:first-child,
.erecon ul li:nth-child(2){
    border-top: none;
}
.erecon ul li>div{
    padding:22px 5%;
    width: 90%;
}
.erecon ul li>div>p{
    height: 24px;
    line-height: 24px;
    color: #333;
    font-size: 18px;
    margin-bottom: 20px;
}
/** 颜色 **/
.color_3{
    color:#333333;
}
.color_9{
    color:#999999;
}
.clickColor{
    color:#ce3939;
    padding-bottom:5px;
    border-bottom:4px solid #ce3939;
}
/** 二级菜单条 **/
.main_menu{
    position: relative;
    margin: 30px 0px;
    /* padding: 0px 8.5%; */
    background-color: #ffffff;
    height:50px;
    color: #999;
}
.main_menu li{
    float: left;
    width: 20%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
}
/* 话题 */
.main .topic_main{
    height:151px;
    width: 50%;
    box-sizing: border-box;
    padding: 31px  2.5%;
    position: relative;
}
.main .topic_main .topic_con .topic_til span{
    width: 80%;
    display: inline-block;
}
.main .topic_main .topic_img{
    /* width:7.4%; */
}
.main .topic_main .topic_tex{
    line-height: 20px;
    margin-left: 12px;
}
.main .topic_main .topic_con{
    /*  width: 88.8%; */
    margin-left: 9.62%;
    /* line-height: 20px; */
}
.main .topic_main .topic_img img{
    width: 40px;
    height: 40px;
    border-radius: 5px;
}
.main .topic_main .topic_til{
    margin-top: 14px;
}
.main .topic_main .topic_til a{
    line-height: 14px;
}
.main .topic_main .topic_til .committee-img{
    width: 42px;
    height: 22px;
    border-radius: 2px;
    margin: -15px 10px 0px 0px;
}
.main .topic_main .topic_til .emoji img{
    width: 16px;
}
.topic_til a{
    color: #333;
}
.emoji{
    color: -webkit-link;
}
.emoji em{
    color: #333;
}
/*.main .topic_main em{
    color: -webkit-link;
}*/
.topic_cont{
    overflow:hidden;
    max-height: 15px;
}
/* 文章 */
.main .article_main .article_title{
    height: 30px;
    width:100%;
    /*  padding-left: 20px; */
    line-height: 20px;
    font-size: 14px;
}
.articles .article_cmpt img,.articles .article_auth img,.articles .article_num img{
    width: 14px;
    height: 14px;
    border-radius: 5px;
    /* padding: 0px 20px; */
}
.article_cmpt,.article_auth,.article_num,.article_title{
    height:30px;
    margin-top:2px;
}
.video_con,.article_con{
    width:53.3%;
    padding:0px 20px;
}
.article_main .article_time{
    display:none;
}
/** 视频 **/
.main .videos,.main .articles{
    /*  height:180px;  */
}
.main .video_main,.main .article_main{
    width: 50%;
    height: 180px;
    box-sizing: border-box;
    padding: 22px 2.5% 30px 2.5%;
    position: relative;
}
.main .video_main .video_img,.main .article_main .article_img,.cmpt_img{
    position: relative;
    overflow: hidden;
    width:33.3%;
    /* width:180px; */
    height:120px;
}
/* .main .video_main:nth-child(2n+1),.article_main:nth-child(2n+1),.main .topic_main:nth-child(2n+1)
,.main .cmpt_recommendation_item:nth-child(2n+1){
    border-right: 1px solid #ccc;
} */
.main .video_main,.article_main,.main .topic_main
,.main .cmpt_recommendation_item{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.main .video_main .video_img img,.main .article_main .article_img img,.cmpt_img img {
    /*  width: 180px;  */
    width:100%;
    height: 100%;
    border-radius: 5px;
}
.main .video_title div:after{
    content: "...";
    position: absolute;
    right: 1px;
    bottom: 0px;
    background: #FFF;
    font-weight: bold;
    padding: 1px 0 0px 7px;
}
.main .video_title div{
    overflow: hidden;
    /*  white-space: nowrap;
     text-overflow: ellipsis; */
    font-size:18px;
    /* display:inline-block; */
    height:45px;
    position:relative;
    /* height: 102px;
    width:100%; */
}
.main .video_main .video_img .video_tips{
    position: absolute;
    height: 21px;
    line-height: 21px;
    width: 84px;
    background: #42d800;
    transform: rotate(-45deg);
    left: -19px;
    top: 12px;
    z-index: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.main .video_main .video_con{
    float:left;
    padding:0px 20px;
}
.main .video_main .video_con .video_title{
    /*  margin-bottom: 80px; */
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
    font-size:14px;
    height: 102px;
    width:100%;
}
.ellpisis{
    color: #333;
    font-size: 13px;
}
/** 赛事推荐 **/
.erecon>div{
    float:left;
    width:50%;
    box-sizing:border-box;
}
.cmpt_recommendation_item{
    padding: 22px 30px 30px 30px;
    position: relative;
}
.cmpt_recommendation_item:hover{
    box-shadow:0px 0px 4px 2px #ccc;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition:all .2s linear;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
}

.cmpt_recommendation_item_title{
    font-size: 18px;
    line-height:18px;
    color: #333;
    margin-bottom: 20px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.more_cmpt_recommendation{
    position: absolute;
    right: 20px;
    top:0px;
    font-size: 16px;
    color: #333;
}

.cmpt_recommendation_item_pic{
    position: relative;
    overflow:hidden;
}
.cmpt_recommendation_item_pic img{
    /* width: 180px; */
    width: 100%;
    height: 120px;
    border-radius: 5px;
}
.cmpt_recommendation_item_price_tips{
    position: absolute;
    height: 21px;
    line-height: 21px;
    width: 84px;
    background: #42d800;
    transform: rotate(-45deg);
    left: -19px;
    top: 12px;
    z-index: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.cmpt_recommendation_item_info,.cmpt_recommendation_item_info1{
    margin-left: 20px;
}

.cmpt_recommendation_item_location,.cmpt_recommendation_item_start_time{
    font-size: 13px;
}
.cmpt_recommendation_item_number{
    margin-top: 10px;
}
.cmpt_recommendation_item_hot,.cmpt_recommendation_item_number{
    font-size: 10px;
    color: #ce3939;
    display: inherit;
}
.cmpt_recommendation_item_hot{
    margin-top: 14px;
}
.cmpt_recommendation_item_enroll{
    position: absolute;
    bottom: 30px;
    right:30px;
}

#btn_recommendation_enroll{
    font-size: 18px;
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
}
.red_radius_btn{
    border-radius: 20px;
    text-align: center;
    background-color: #CE3939;
    font-size: 16px;
    color: #fff;
    border:none;
    outline: 0;
}
.cmpt_recommendation_item_enroll_end_time{
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
}
.cmpt_recommendation_item_info1{
    width: 50%;
}

@media (min-width:320px) and (max-width: 420px){
    .confull{
        width:55%!important;
        height: 80px!important;
    }
    .article_time{
        display:inline-block!important;
    }
    .cmpt_recommendation_item_price_tips{
        height: 16px;
        line-height: 16px;
        width: 66px;
        left: -16px;
        top: 8px;
        font-size: 12px;
    }
    .topic_main{
        padding:10px 5% !important;
        height:130px!important;
    }
    .video_main,.article_main{
        padding:20px 5% !important;
        height:110px!important;
    }
    .cmpt_recommendation_item{
        padding:10px 5% !important;
    }
    .video_main .video_img,.article_main .article_img,.cmpt_img{
        width:32%!important;
        height: 72px!important;
    }
    .cmpt_recommendation_item_pic img{
        height: 72px;
    }
    .main .video_main .video_con .video_title{
        height:58px!important;
    }
    .article_title,.article_cmpt,.article_auth{
        height:27px!important;
        margin-top:0px!important;
        font-size: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .article_main .article_time {
        margin-left: 12%!important;
    }
    .article_auth{
        width: 120%;
    }
    .cmpt_recommendation_item_enroll{
        right: 20px;
        bottom: 12px;
    }
    #btn_recommendation_enroll {
        font-size: 12px!important;
        width: 80px!important;
        height: 20px!important;
        line-height: 20px!important;
    }
    .insurance_icon {
        height: 15px;
        float: right;
        margin: 2px 8px 2px 0px;
    }
    .cmpt_recommendation_item_enroll_end_time {
        font-size: 9px!important;
        color: #999!important;
        margin-top:4px!important;
    }
    .cmpt_recommendation_item_title{
        margin-bottom:10px;
    }
    .cmpt_recommendation_item_hot,.cmpt_recommendation_item_number{
        display:inline!important;
    }
    .cmpt_recommendation_item_hot{
        -webkit-transform:scale(0.833);
        font-size:10px;
    }
    .cmpt_recommendation_item_number{
        padding-left:20px!important;
    }
    .cmpt_recommendation_item_info1{
        width:100%!important;
        margin-left:0px!important;
    }
    .main .video_main .video_con{
        padding-left:0px 12px!important;
    }

}
@media (min-width:420px) and (max-width: 479px){
    .article_main .article_time {
        margin-left: 30%!important;
    }
}
@media (min-width:481px){
    .topic_icon{
        display:none!important;
    }
}
@media (min-width:480px) and (max-width: 767px){
    .confull{
        width:50%;
    }
    .topic_icon{
        display:none!important;
    }
    /* .topic_img{
       height:90px!important;
    } */
}
@media (min-width:768px) and (max-width: 991px){
    .bgfull{
        width: 100%;
    }
    .confull{
        width:54%;
    }
    .topic_icon{
        display:none!important;
    }
}

@media (min-width:992px) and (max-width: 1199px){
    .lgfull{
        width: 100%;
    }
    .messmodcon ul li{
        width:25%;
    }
    .mgb30{
        margin-bottom: 30px!important;
    }
    .main .topic_icon{
        display:none!important;
    }
}
@media (min-width:993px){
    .main .topic_main{
        float:left;
    }
    .mgr2{
        margin-right: 2%;
    }
    .lgfull{
        width: 100%;
    }
    .mgb30{
        margin-bottom: 30px!important;
    }
    .confull{
        width:55%;
    }
}
@media (min-width: 1200px){
    .main{
        width: 1200px;
    }
    .messmodcon ul li{
        width:25%;
    }
    .mgb30{
        margin-bottom: 30px!important;
    }
    .main .topic_icon{
        display:none!important;
    }
}

@media (max-width: 991px){
    .mgt10{
        margin-bottom: 5px!important;
    }
    .mgr20{
        margin-right:10px!important;
    }
    .hei70{
        height:35px!important;;
        padding-left:10px!important;
    }
    .btitle a{
        line-height:35px;
        font-size:15px;
    }
    .mdfull{
        width: 100%!important;
        box-sizing:border-box;
    }
    .cmpt_recommendation_item_info1{
        width:65%!important;
    }
    .imgfull{
        width:24%;
    }
    .video_img,.article_img{
        width:24%!important;
    }
    .main_menu{
        height:35px!important;
        margin-top:0px;
        margin-bottom:5px;
    }
    .main .video_main, .article_main, .main .topic_main, .main .cmpt_recommendation_item{
        border:0px;
    }
    .main_menu li{
        line-height:35px!important;
        height:35px!important;
        font-size: 14px;
    }
    .clickColor{
        border-bottom: 2px solid #ce3939;
    }
    .main .btitle{
    }
    .main .video_main:nth-child(2n),.article_main:nth-child(2n)
    ,.cmpt_recommendation_item:nth-child(2n) {
        border-top: 1px solid #ccc!important;
    }
    .topic_main:nth-child(2n+1){
        border-top: 1px solid #ccc!important;
    }
    .main .topic_main .topic_con{
        margin-left: 0px;
    }
}
@media (max-width: 767px){
    .article_main .article_time {
        margin-left: 60%!important;
    }
    .confull {
        width: 56%;
    }
    .topic_icon{
        display:none!important;
    }
}
@media (max-width:480px){
    body{
        font-size: 12px;
    }
    .confull{
        width:63%;
    }
    .mgb50{
        padding-bottom: 45px!important; 
    }
    .topic_cont img{
       width:16px;
    }
    .gapBottom{
        width: 100%;
        height: 50px;
        background-color: #f6f6f6;
        /* display: none*/
    }
    .imgfull{
        height:72px;
    }
    .article_con{
        width:63%;
    }
    .main .video_main .video_img, .main .article_main .article_img, .cmpt_img{
        height:82px;
    }
    .main .video_main .video_con .video_title{
        height:68px;
    }
    .main .video_main, .main .article_main{
        height:128px;
    }
    .topic_icon{
        height: 27px!important;
        width: 100%!important;
        margin: 0px auto!important;
        border-top: 1px solid #fff!important;
        /*      border-bottom: 1px solid #c9c9c9!important;*/
        display:block!important;
    }
    .topic_main:nth-child(2n+1){
        border:0px!important;
    }
    .cmpt_recommendation_item_title{
        font-size:14px;
    }
    .topic_icon img{
        height:17px!important;
        width:17px!important;
        margin:5px auto!important;
        border-radius:5px;
    }
    .topic_icon div{
        width: 49.5%!important;
        text-align: center!important;
        border-top:1px solid #eee!important;
    }
    .article_time{
        display:inline-block!important;
    }
    .article_num{
        display:none!important;
    }
    .article_con,.video_con{
        padding:0px 12px;
    }
    .article_main .article_time {
        margin-left: 0%!important;
        float:right;
    }
    .cmpt_recommendation_item_info1{
        width: 100%!important;
    }
    #search-div{
        display:block!important;
    }
    .main .video_title div{
        font-size:12px;
        height: 30px;
    }
    .video_num{
        font-size:11px;
    }
    .cmpt_recommendation_item_hot{
        -webkit-transform: scale(0.83);
    }
    .cmpt_recommendation_item_enroll_end_time{
        /* -webkit-transform: scale(0.75); */
    }
    .cmpt_recommendation_item_info{
        margin-left:10px;
    }
    .main .video_main .video_con{
        padding: 0px 10px;
    }
    .main .video_main .video_img .video_tips{
        height: 15px;
        line-height: 15px;
        width: 60px;
        left: -15px;
        font-size: 12px;
    }
    .topic_icon span{
        font-size:10px;
    }
    .main .video_main,.article_main,.main .topic_main,
    .main .cmpt_recommendation_item {
        border-top: 1px solid #ccc!important;
    }
    .line{
        width: 1px!important;
        height: 15px;
        margin-top: 7px;
        background-color: #eee;
    }
    .bdbottom{
        border:none!important;
    }
}
@media (max-width:479px) {

}
@media  (max-width:374px) {
    .main .topic_main .topic_con .topic_til span{
        width:74%!important;
    }
}