@charset 'utf-8';

*{
	margin:0;
	padding:0;
	font-family: '微软雅黑';
}

input,
button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

body{
	font-size:14px;
	color:#333;
	background:#D5D6D6;
}

a{
	color:#333;
	text-decoration: none;
}

.clearfix::after{
	content:'';
	display:block;
	line-height:0;
	height:0;
	overflow:hidden;
	clear:both;
}

.container{
	width:1200px;
	margin:0 auto;
}

.banner{
	height:30vw;
	display: flex;
	justify-content: center;
	align-items:flex-end;
	margin-bottom:30px;
	background:url(/jyds/css3/img/banner.png) no-repeat center top / auto 92%;
}
.banner-link{
	flex:1;
	background:#1E1F1F;
}

.banner-link a{
	line-height:3vw;
	margin-right:25px;
	color:#fff;
	font-size:18px;
}

.main{
	width:890px;
	float:left;
	overflow:hidden;
}
.main .inner{
	background:#fff;
	min-height:806px;
}
.main table {
	width:100%;
	border-collapse: collapse;
	border:0;
	text-align: center;
}

.main thead{
	line-height:2.4;
	color:#000;
	font-size:16px;
	font-weight:500;
	background:#F5F1E9;
}

.main thead tr:first-child{
	font-size:20px;
	font-weight:700;
	color:#C9000B;
	line-height:3;
	box-shadow:0 1px 0 rgba(0,0,0,.4);
}
.main tbody{
	font-weight:700;
	color:#C9000B;
}
.main tbody tr:nth-child(2n){
	background:#F7F9FB;
}
.main tbody td:nth-child(7){
	color:#444;
	font-weight:500;
}
.main tbody td:first-child span{
	display: inline-block;
	width:60px;
	height:40px;
	font-weight:500;
	color:#000;
	text-align: center;
	line-height:40px;
}

.main tbody td:first-child span.topthree{
	background:url(/jyds/css3/img/icon-honor.png) no-repeat center / auto 80%;
}

.main .user{
	display:flex;
	align-items: center;
	padding:16px 0;
}

.main .user img{
	width:46px;
	height:46px;
	margin-right:5px;
}

.main .user p{
	flex:1;
	text-align:left;
	font-size:16px;
	font-weight:500;
	color:#000;
}

.main .user p span{
	font-size:14px;
	color:#676767;
}

.main  tbody td:nth-child(8) span{
	display: inline-block;
	width:40px;
	height:40px;
	background:url(/jyds/css3/img/icon-right.png) no-repeat center / auto 60%;
}

.main  tbody td:nth-child(8) span.close{
	background-image: url(/jyds/css3/img/icon-error.png);
}

.main .more{
	text-align: center;
	padding:40px 0 20px;
	font-size:16px;
}

.main .join{
	text-align: center;
	padding:30px 0 15px;
}
.main .join a{
	display: inline-block;
	color:#fff;
	font-weight:700;
	padding:12px 46px;
	background:#F6B913;
	position: relative;
}

.main .join a::after{
	content:'';
	position:absolute;
	width:104%;
	height:114%;
	border:1px solid #F6B913;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}


.sidebar{
	width:300px;
	float: right;
}

.sidebar .timer{
	padding:15px 15px 8px;
	background: #EAEDEF;
	position: relative;
	overflow:hidden;
}

.sidebar .timer::after{
	content:'实盘组';
	display: block;
	line-height:2vw;
	background:#FFA200;
	color:#fff;
	width:8vw;
	position: absolute;
	right:-2.5vw;
	text-align: center;
	transform: rotate(45deg);
	top:0.5vw;
}

.sidebar .timer h4{
	font-weight:500;
	text-align: center;
	margin-bottom:15px;
	font-size:17px;
}

.sidebar .timer-box{
	display: flex;
}

.sidebar .timer-box .item{
	flex:1;
}

.sidebar .timer-box .item span{
	display: inline-block;
	width:24px;
	height:40px;
	line-height:40px;
	border-radius:6px;
	background:#000;
	font-weight:700;
	font-size:20px;
	text-align: center;
	margin-right:4px;
	color:#fff;
}

.commit{
	margin-top:10px;
	background:#fff;
	padding:1px 0;
}

.commit .swiper{
	height:460px;
	overflow:hidden;
	position: relative;
	width:100%;
}

.commit h4{
	width:50%;
	line-height:40px;
	color:#fff;
	font-size:18px;
	background:#E8B11C;
	text-align: center;
	margin:10px 0 16px;
}

.commit-box{
	border-top:1px solid #e4e4e4;
	padding:0px 12px;
	box-sizing: border-box;
}

.commit-item{
	border-bottom:1px solid #e5e5e5;
	height:auto !important;
}

.commit-item:last-child{
	border-bottom:0;
}

.commit-head{
	display: flex;
	align-items: center;
	padding-top:10px;
}

.commit-head img{
	width:40px;
	height:40px;
	margin-right:9px;
}

.commit-head .userinfo{
	flex:1;
	color:#999;
	font-size:12px;
}

.commit-head h5{
	font-size:16px;
	font-weight:500;
	color:#448DEA;
	margin-bottom:5px;
}

.commit-body{
	line-height:1.6;
	padding:8px 0;
	font-size: 13px;
	color:#555;
}

.commit-footer{
	padding-bottom:10px;
}

.commit-footer a{
	display: inline-block;
	line-height:20px;
	border:1px solid #666;
	padding:0 5px;
	margin-right:6px;
	font-size:13px;
	color:#666;
}

.commit-footer .zan{
	display: inline-block;
	padding-left:15px;
	font-size:13px;
	color:#999;
	background: url(/jyds/css3/img/icon-zan.png) no-repeat left center / auto 90%;
}
.commit-child{
	background:#FAFAFB;
	padding:8px 8px 0;
	margin-top:8px;
	position: relative;
}

.commit-child .commit-head img{
	width:28px;
	height:28px;
}

.commit-child .commit-head .userinfo{
	font-size:10px;
}

.commit-child .commit-head h5{
	font-size:12px;
	margin-bottom:3px;
}

.commit-child .commit-body{
	width:70%;
}

.commit-child .commit-footer{
	position:absolute;
	right:12px;
	top:45px;
}

.commit-write{
	margin:10px 0.2vw 15px;
}

.commit-write textarea{
	display: block;
	width:100%;
	padding:8px;
	box-sizing: border-box;
	height:80px;
	border:1px solid #333;
	border-radius:4px;
}

.commit-write button{
	display: block;
	margin:8px auto 0;
	width:6vw;
	height:36px;
	border:0;
	color:#fff;
	font-weight:700;
	background:#F6B913;
}

.footer-tab{
	margin:2vw auto;
}

.footer-tab ul li{
	list-style:none;
	float: left;
	padding:0.6vw 3vw;
	cursor: pointer;
	color:#fff;
	font-size:16px;
	font-weight:700;
	background:#9F9D98;
	margin-right:10px;
}
.footer-tab ul li.active{
	background:#333;
}

.footer-tab .contents{
	padding:1vw 2vw;
	background:#fff;
	line-height:1.6;
}

.footer-tab .contents p{
	margin:12px 0;
}

@media screen and (max-width: 900px) {
	.container{
		width:100%;
	}
	.main{
		width:100%;
	}
	.main .inner{
		min-height:auto;
	}
	.sidebar{
		width:100%;
	}
	.banner{
		height:66vw;
		background-size:auto 86%;
		margin-bottom:0;
	}
	.banner-link .container{
		display: flex;
	}
	.banner-link a{
		flex:1;
		text-align: center;
		line-height:10vw;
		margin-right:0;
		font-size:4.8vw;
	}
	.main thead{
		font-size:0.5rem;
		line-height:4;
	}
	.main tbody{
		font-size:0.6rem;
	}
	.main tbody td:first-child span{
		width:2.2rem;
		height:2.2rem;
		font-size:0.5rem;
	}
	.main tbody td:nth-child(8) span{
		width:2.2rem;
		height:2.4rem;
	}
	.main .user{
		display: block;
		padding:0.6rem 0;
	}
	.main .user img{
		display:block;
		width:2.4rem;
		height:2.4rem;
		margin-bottom:0.4rem;
	}
	.main .user p{
		font-size:0.7rem;
	}
	.main .user p span{
		font-size:0.5rem;
	}
	.main .more{
		padding:1rem 0 2rem;
	}
	.main .join{
		padding:3rem 0;
		font-size:1rem;
	}
	.sidebar .timer::after{
		width:15rem;
		line-height:2rem;
		right:-6.2rem;
		font-size:0.7rem;
	}
	.commit{
		margin-top:0;
	}
	.commit-head h5{
		font-size:1rem;
	}
	.commit-head .userinfo{
		font-size:0.8rem;
	}
	.commit-child .commit-head h5{
		font-size:0.9rem;
	}
	.commit-child .commit-head .userinfo{
		font-size:0.6rem;
	}
	.commit-body{
		font-size:0.8rem;
	}
	.commit-footer a{
		font-size:0.7rem;
	}
	.commit-footer .zan{
		font-size:0.7rem;
	}
	.commit-head img{
		width:2.5rem;
		height:2.5rem;
	}
	.commit-child .commit-head img{
		width:1.8rem;
		height:1.8rem;
	}
	.commit-write textarea{
		font-size:1rem;
	}
	.commit-write button{
		width:14rem;
		font-size:1.2rem;
	}
	.footer-tab{
		margin:0;
	}
	.footer-tab ul li{
		font-size:1.1rem;
		padding:0.5rem 1rem;
	}
	.footer-tab .contents{
		font-size:1rem;
	}

}