body{background: #f5f5f5;}
.clearfix:after{content: "";height: 0;display: block;visibility: hidden;clear: both;}
.style_container{width: 1148px;margin:0 auto;position: relative;background: #f5f5f5;padding: 50px 0;}
.style_container img{width: 100%;display: block;}

.topbar{width: 7.5rem;height: 0.8rem;background: #fff;position: fixed;top: 0;left:0;z-index: 99;}

.top_navs{width: 7.5rem;height: 0.8rem; overflow-x:auto; overflow-y:hidden;-webkit-overflow-scrolling:touch;position: relative;white-space: nowrap; }
.top_navs a{color: #9c9c9c;font-size: 0.32rem;height: 0.8rem; line-height: 0.8rem;display: inline-block;margin-right: 0.4rem;position: relative;vertical-align: middle;}
.top_navs a:first-child{margin-left: 0.4rem;}
.top_navs a.act{color: #ff6b22;}
.top_navs a.act:after{content: "";width: 100%;height: 0.06rem;background: #ff6b22;position: absolute;top: 0.74rem;left: 0;z-index: 9;}



.c_main_title{
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #333333;
}
.c_main{width: 100%;position: relative;}
.c_ul{
/*    display: flex;
    flex-wrap: wrap;;*/
    /*justify-content: space-around;*/
}
.c_ul li{
	/*background: #fff;*/
	position: relative;
    width: 524px;
    /*border-radius: 10px;*/
    float: left;
    margin-left: 50px;
    margin-top: 50px;
    height: 172px;
    /*box-shadow: 0 0 8px rgba(0,0,42,.11);*/
}

.c_box_li{
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    border-radius: 10px;
    width: 100%;
    overflow: hidden;
    /*box-shadow: 0 0 8px rgba(0,0,42,.11);*/
    transtion: all 1s;
}

.c_box_li.on{
    box-shadow: 0 0 20px rgba(0,0,42,.31);
}




.c_ul li .c_box_li:before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 132px;
    width: 20px;
    height: 10px;
    border-radius: 0 0 10px 10px;
    background: #f5f5f5;
}

.c_ul li .c_box_li:after {
    content: '';
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 132px;
    width: 20px;
    height: 10px;
    border-radius:10px 10px 0 0 ;
    background: #f5f5f5;
}



.c_box{width: 100%;
	display: flex;
	border-bottom: 1px dashed #eaeaea

}
.c_award{
	width: 142px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 1px dashed #eaeaea;
    height: 130px;
}
.c_award img{
	width: 124px;
}

.c_flex{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 20px;		
}
.c_award_right{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;	
	/*border-bottom: 1px dattle #f0f0f0;*/
}

.c_dir{flex:1;padding-right: 0.32rem;}
.c_name{width: 100%;color: #333333;font-size: 18px;font-weight: bold;line-height: 30px;}
.c_rank{width: 100%;color: #666666;font-size: 14px;line-height: 20px;margin-top: 6px;}
.c_rank span{color: #666666;}
.c_time{color: #666666;font-size: 14px;flex: 1;}
.detail_btn{font-size: 0;}
.detail_txt{color: #666;font-size: 14px;float: left;vertical-align: middle;margin-right: 9px;}
.detail_icon{width: 12px;height: 12px;background: url(../images/c_down.png) no-repeat;background-size: 100% 100%;text-indent: -9999rem;float: right;vertical-align: middle;}
.detail_icon.act{background: url(../images/c_up.png) no-repeat;background-size: 100% 100%;}
/*.c_right{width: 1.8rem;float: left;}*/
.c_icon{width: 1.25rem;margin: 0 auto;padding-top: 0.4rem;display: block;}
.c_txt{color: #5490d6;font-size: 0.5rem;text-align: center;line-height: 0.57rem;padding-top: 0.3rem;font-weight: bold;}
.smalltxt { font-size: 0.32rem;}
.c_txt span{ font-size: 0.3rem;}

.c_kq{width: 1.2rem; height: 0.44rem;margin: 0.6rem auto 0;background: #cccccc;border-radius: 0.25rem; color: #fff;font-size: 0.19rem;text-align: center;line-height: 0.44rem;}
.c_kq span{font-size: 0.17rem;}
.kq_time{width:100%;padding-top:0.1rem;text-align:center;font-size:0.22rem;color:#666666}



.c_btn{width: 108px;height: 38px;background: #2ba9e0;display: block;color: #fff;font-size: 18px;line-height: 38px;text-align: center;border-radius: 38px;}
.c_btn.act{background: #bfbfbf;}

.c_slide{
    padding:10px 20px 20px;display: none;

    background: #fff;
    position: relative;
    /*width: 524px;*/
    border-radius: 0 10px 10px 0;

}
.c_slide_t{width: 100%;color: #666;font-size: 14px;line-height: 20px; word-break: break-all;}
.c_slide_t span{color: #888;}
.c_slide_t a{color: #2ba9e0;display: inline-block;font-size: 14px;line-height: 20px;}

.pop_fc{width: 450px;background: #fff;border-radius: 20px;padding-bottom: 20px;display: none;}
.pop_fc img{width: 100%;display: block;}
.pop_t{color: #181818;font-size: 16px;text-align: center;padding: 40px;}
.sure_btn{width: 100px;margin: 0 auto;display: block;}


.qiwang {
    width: 7rem;
    position: fixed;
    left: 0.25rem;
    bottom: 0.5rem;
    z-index: 100;
    background: #2ba9e0;
    border-radius: 0.45rem;
    line-height: 0.9rem;
    text-align: center;
    color: #fffefe;
    font-size: 0.3rem;

}

.qiwang a{
    color: #fffefe;
    font-size: 0.3rem;            
}

.c_main {
    padding-bottom: 2rem;
}

.c_slide {
    display: block;
}

.w_btn {
    width: 100%;
}

.c_right .w_btn{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    top: 0;
    opacity: 0;
}