body {
	background: #fff;
}
.topbar {
	position: relative!important;
}
.footer_m {
	display: none;
}
.gotop {
	width: 60px;
	height: 60px;
	border-radius: 10px;
	background: url(../img/top.png) center center no-repeat #000;
	background-size: 50%;
	opacity:0.8;
	position: fixed;
	bottom: 100px;
	right: 40px;
	cursor: pointer;
}
.gotop:hover {
	opacity:1;
}
.alerttips {
	display: none;
	width: 240px;
	height: 110px;
	line-height: 110px;
	text-align: center;
	font-size: 22px;
	background: url(../img/alerttips.jpg) center center no-repeat;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -55px;
	margin-left: -120px;
}

/*头图*/
/*头图*/
.banner {
	width: 100%;
	margin-bottom: -104px;
}
.banner .pc {
	width: 100%;
	display: block;
}
.banner .m {
	width: 100%;
	display: none;
	}
.main {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.main .title {
	width: 100%;
	height: 85px;
	line-height: 85px;
	background: url(../img/title_bg.png) center center no-repeat;
	text-align: center;
	color: #cf2c2f;
	font-size: 36px;
}

/*导航*/
.main .nav {
	width: 100%;
	height: 100px;
	background: rgba(0,0,0,0.6);
	text-align: center;
}
.main .nav li {
	display: inline-block;
	width: 200px;
	height: 100px;
}
.main .nav li a {
	display: block;
	width: 100%;
	height: 75px;
	font-size: 22px;
	padding-top: 25px;
}
.main .nav li a p {
	line-height: 2;
}
.main .nav li a:hover {
	height: 70px;
	color: #f33b3d;
	border-bottom: 5px solid #f33b3d;
}
.main .nav li a.cur {
	height: 70px;
	background:#f33b3d;
	border-bottom: 5px solid #cf2c2f;
}
.main .nav li a.cur:hover {
	color: #fff;
}

/*时间轴*/
.main .timeline {
	display: none;
	width: 100%;
	height: 140px;
	background: #f4f4f4;
	text-align: center;
}
.main .timeline ul {
	width: 1180px;
	height: 120px;
	margin: 0 auto;
	border-bottom: 5px solid #ddd;
}
.main .timeline li {
	display: inline-block;
	width: 100px;
	height: 110px;
	background: url(../img/timeline_li_bg.png) center bottom no-repeat;
	margin: 15px 60px 0;
	color: #333;
	font-size: 16px;
}
.main .timeline li.cur {
	background: url(../img/timeline_li_bg_hover.png) center bottom no-repeat;
	color: #f33b3d;
}
.main .timeline li p {
	color: #999;
	line-height: 2;
}

/*直播*/
.main .live {
	width: 100%;
	height: 880px;
	background: url(../img/live_bg.jpg) center bottom no-repeat #1b1c1e;
	padding-top: 30px;
}
.main .live .live_m {
	display: none;
}
.main .live .room {
	width: 1180px;
	height: 40px;
	margin: 20px auto 25px;
	border-bottom: 5px solid #131313;
}
.main .live .room li {
	display: inline-block;
	width: 143.3px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #bbb;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
}
.main .live .room li.cur {
	color: #fb3546;
	border-bottom: 5px solid #fb3546;
}
.main .live .player {
	width: 1180px;
	height: 655px;
	margin: 0 auto;
}

/*资讯*/
.main .news {
	width: 100%;
	background: url(../img/news_bg.jpg) center bottom no-repeat #eaf1fb;
	padding: 25px 0;
}
.main .news .wrap {
	width: 1180px;
	margin: 20px auto 0;
}
.main .news .wrap:after {
	content: "";
	clear: both;
	display:block; 
}
.main .news .text {
	float: left;
	width: 550px;
}
.main .news .text h2 {
	color: #333;
	font-size: 20px;
	font-weight: bold;
}
.main .news .text h2 span {
	color: #666;
	font-weight: normal;
	float: right;
}
.main .news .text h2 span:hover {
	color: #fb3546;
}
.main .news .text .list {
	width: 100%;
	border-top: 2px solid #eee;
	margin-top: 13px;
	font-weight:normal;
}
.main .news .text .list li {
	height: 20px;
	line-height: 20px;
	margin: 13px 0;
	background: url(../img/news_icon.png) left center no-repeat;
}
.main .news .text .list li a {
	display: inline-block;
	margin-left: 20px;
	max-width: 80%;
	font-size: 16px;
	color: #333;
	overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main .news .text .list li a:hover {
	color: #fb3546;
}
.main .news .text .list li span {
	float: right;
	color: #666;
}
.main .news .pic {
	float: right;
	width: 600px;
}
.main .news .pic img {
	width: 100%;
	height: 100%;
}
.main .news .pic dt {
	width: 600px;
	height: 210px;
	float: left;
}
.main .news .pic dd {
	margin-top: 10px;
	display: inline-block;
	width: 295px;
	height: 148px;
	float: left;
}
.main .news .pic dd:last-child {
	float: right;
}

/*资讯列表*/
.main .newslist {
	width: 100%;
	background: url(../img/video_bg.jpg) center bottom no-repeat #f2f6fd;
	padding: 25px 0;
}
.main .newslist .list {
	width: 1180px;
	margin: 20px auto 50px;
}
.main .newslist .list li {
	height: 20px;
	line-height: 20px;
	padding: 20px 0;
	background: url(../img/news_icon.png) left center no-repeat;
	border-bottom: 1px dashed #ddd;
}
.main .newslist .list li a {
	display: inline-block;
	margin-left: 20px;
	max-width: 80%;
	font-size: 16px;
	color: #333;
	overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main .newslist .list li a:hover {
	color: #fb3546;
}
.main .newslist .list li span {
	float: right;
	color: #666;
}
.main .newslist .more {
	width: 200px;
	height: 30px;
	line-height: 30px;
	color: #f8f8f8;
	display: block;
	background: #cf2c2f;
	margin: 20px auto;
	border-radius: 10px;
	text-align: center;
}
.main .newslist .more:hover {
	background: #df4d50;
}

/*奖励*/
.main .prize {
	width: 100%;
	background: url(../img/prize_bg.jpg) center bottom no-repeat #222;
	padding: 25px 0;
}
.main .prize .tab {
	width: 730px;
	height: 40px;
	text-align: center;
	border-bottom: 5px solid #131313;
	margin: 20px auto 0;
}
.main .prize .tab li {
	width: 240px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	color: #bbb;
	font-size: 16px;
	cursor: pointer;
}
.main .prize .tab li.cur {
	color: #cf2c2f;
	font-weight: bold;
	border-bottom: 5px solid #cf2c2f;
}
.main .prize .tab li span {
	font-size: 16px;
}
.main .prize .list {
	width: 1180px;
	margin: 20px auto;
	text-align: center;
}
.main .prize .list ul {
	display: none;
}
.main .prize .list ul.cur {
	display: block;
}
.main .prize .list li {
	width: 380px;
	height: 370px;
	background: #2c2c2c;
	display: inline-block;
	margin: 0 5px;
}
.main .prize .list li .tit {
	background: #131313;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #bbb;
	font-size: 16px;
}
.main .prize .list li .pic {
	width: 350px;
	height: 200px;
	margin: 20px auto;
}
.main .prize .list li .pic img {
	width: 100%;
	height: 100%;
}
.main .prize .list li .btn {
	width: 340px;
	height: 30px;
	line-height: 30px;
	color: #f8f8f8;
	display: block;
	background: #cf2c2f;
	margin: 0 auto;
	border-radius: 5px;
}
.main .prize .list li .btn:hover {
	background: #df4d50;
}
.main .prize .list li .tips {
	width: 350px;
	font-size: 12px;
	border-top: 1px solid #3a3a3a;
	padding: 10px 0;
	color: #bbb;
	margin: 15px auto 0;
}

/*录像*/
.main .video {
	width: 100%;
	background: url(../img/video_bg.jpg) center bottom no-repeat #f2f6fd;
	padding: 25px 0;
}
.main .video .list {
	width: 1200px;
	margin: 0 auto;
}
.main .video .list li {
	display: inline-block;
	width: 280px;
	margin: 10px 8px 0;
    text-align: center;
}
.main .video .list li .pic {
	position: relative;
	width: 280px;
	height: 187px;
	border: 2px solid #becde1;
}
.main .video .list li .pic img {
	width: 100%;
	height: 100%;
}
.main .video .list li p {
	color: #333;
	font-size: 16px;
	line-height: 2;
	overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main .video .list li .play {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}
.main .video .list li .play i {
	width: 60px;
	height: 60px;
	background: url(../img/video_play.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 50%;
	margin-left: -30px;
}
.main .video .list li .play:hover , .main .video .list li .play:hover i {
	background: none;
}
.main .video .more {
	width: 200px;
	height: 30px;
	line-height: 30px;
	color: #f8f8f8;
	display: block;
	background: #cf2c2f;
	margin: 20px auto;
	border-radius: 10px;
	text-align: center;
}
.main .video .more:hover {
	background: #df4d50;
}

/*规则*/
.main .rule {
	width: 100%;
	background: url(../img/video_bg.jpg) center bottom no-repeat #f2f6fd;
	padding: 25px 0;
}
.main .rule .content {
	width: 1180px;
	margin: 0 auto;
}
.main .rule .content .area {
	margin: 20px auto;
}
.main .rule .content .tit {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: url(../img/rule_icon.png) left center no-repeat;
	font-size: 24px;
	padding-left: 30px;
}
.main .rule .content .des {
	margin: 20px auto;
}
.main .rule .content .des p {
	text-indent: 2em;
    font-size: 18px;
    line-height: 3;
    color: #333;
}
.main .rule .content .des p.b {
	color: #cf2c2f;
    font-weight: bold;
}
.main .rule .content .des img {
	display: block;
    margin: 20px auto;
    border: 1px solid #ddd;
    padding: 6px;
	max-width: 80%;
}
.main .rule .content .des a p {
	text-align: center;
	font-size: 14px;
}

/*帖子内容*/
.main .thread {
	width: 100%;
	background: url(../img/video_bg.jpg) center bottom no-repeat #f2f6fd;
	padding: 25px 0;
}
.main .thread .content {
	width: 1180px;
	margin: 30px auto;
}
.main .thread .content .subject {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 2;
}
.main .thread .content .info {
	margin: 10px auto;
	text-align: center;
	color: #333;
}
.main .thread .content .info a {
	color: #cf2c2f;
	margin-left: 50px;
}
.main .thread .content .message {
	font-size: 16px;
	line-height: 2;
	margin-top: 20px;
	border-top: 1px solid #bbb;
    padding-top: 10px;
	/*border-bottom: 1px solid #bbb;*/
    padding-bottom: 30px;
}
.main .thread .content .message a {
	color: #cf2c2f;
	font-size: 16px;
}
.main .thread .content .message .img {
	margin: 10px auto;
	text-align: center;
}
.main .thread .content .message img {
	width: auto;
	height: auto;
	max-width: 80%;
}
.main .thread .content .message .dzcode_table {
	width: 80%;
    margin: 0 auto;
}
/*.main .thread .content .message .dzcode_table tr {
	display: inline-table;
	width: 25%;
}*/
.main .thread .content .message .dzcode_table .dzcode_td {
	padding: 4px;
    border: 1px solid #ddd;
    overflow: hidden;
    text-align: center;
}
.main .thread .content .post {
	width: 600px;
    margin: 30px auto;
}
.main .thread .content .post:after {
	content: "";
	clear: both;
	display: block;
}
.main .thread .content .post .input {
	float: left;
	display: inline-block;
	width: 470px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #cf2c2f;
	padding: 0 10px;
}
.main .thread .content .post .send {
	float: right;
	display: inline-block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #cf2c2f;
	background: #cf2c2f;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
.main .thread .content .commenttit {
	color: #cf2c2f;
	font-size: 20px;
	font-weight: bold;
}
.main .thread .content .commentnone {
	display: none;
	text-align: center;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
}
.main .thread .content .commentnone img {
	vertical-align: middle;
	margin-right: 5px;
}
.main .thread .content .url {
	text-align: center;
	margin-top: 40px;
}
.main .thread .content .url a {
	color: #cf2c2f;
	font-size: 16px;
}
.main .thread .content .url .logo {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    background: url(../img/discuss.png) center center no-repeat;
    background-size: 100%;
    margin-right: 10px;
}
.main .thread .content .comment {
	margin-top: 20px;
}
.main .thread .content .comment .list {
	position: relative;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px dashed #bbb;
}
.main .thread .content .comment .list:after {
	content: "";
	clear: both;
	display: block;
}
.main .thread .content .comment .list .avatar {
	float: left;
	border-radius: 50%;
	width: 80px;
	height: 80px;
}
.main .thread .content .comment .list .text {
	float: right;
	width: 1080px;
}
.main .thread .content .comment .list .text .name {
	color: #cf2c2f;
	margin: 0 0 10px 0;
}
.main .thread .content .comment .list .text .des {
	font-size: 16px;
	line-height: 2;
	color: #333;
}
.main .thread .content .comment .list .text .des .reply_wrap {
	border-left: 3px solid #cf2c2f;
    padding: 5px 5px 5px 8px;
    font-size: 14px;
    word-wrap: break-word;
    word-break: break-word;
    background: #f2f2f2;
    margin-bottom: 10px;
}
.main .thread .content .comment .list .text .des .reply_wrap a , .main .thread .content .comment .list .text .des .reply_wrap font {
	display: block;
}
.main .thread .content .comment .list .time {
	float: right;
	font-size: 12px;
}

/*专访*/
.main .interviews {
	width: 100%;
	background: url(../img/video_bg.jpg) center bottom no-repeat #f2f6fd;
	padding: 25px 0;
}
.main .interviews .list {
	width: 1200px;
	margin: 0 auto;
}
.main .interviews .list li {
	display: inline-block;
	width: 575px;
	background: #f0f5fb;
	border: 1px solid #e4effb;
    padding: 5px;
	margin: 5px;
}
.main .interviews .list li .pic {
	float: left;
	width: 160px;
	height: 120px;
}
.main .interviews .list li .pic img {
	width: 100%;
	height: 100%;
}
.main .interviews .list li .text {
	float: right;
	position: relative;
	width: 400px;
	height: 120px;
}
.main .interviews .list li .text .tit {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
}
.main .interviews .list li .text .des {
	color: #666;
	font-size: 14px;
	line-height: 2;
    text-indent: 2em;
}
.main .interviews .list li .text .time {
	position: absolute;
	right: 10px;
	bottom: 0;
	color: #666;
}
.main .interviews .more {
	width: 200px;
	height: 30px;
	line-height: 30px;
	color: #f8f8f8;
	display: block;
	background: #cf2c2f;
	margin: 20px auto;
	border-radius: 10px;
	text-align: center;
}
.main .interviews .more:hover {
	background: #df4d50;
}

/*竞猜*/
.main .guess {
	width: 100%;
	background: url(../img/video_bg.jpg) center bottom no-repeat #f2f6fd;
	padding: 25px 0;
}
.main .guess .tab {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.main .guess .tab ul {
	border-bottom: 5px solid #f33b3d;
}
.main .guess .tab li {
	display: inline-block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	border: 2px solid #f33b3d;
	border-bottom: 0;
	cursor: pointer;
	color: #f33b3d;
	font-size: 18px;
	margin: 10px 10px 0;
}
.main .guess .tab li.cur {
	background: #f33b3d;
	color: #fff;
}
.main .guess .tab li span {
	font-size: 18px;
}
.main .guess .option {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.main .guess .option ul {
	display: none;
}
.main .guess .option ul.cur {
	display: block;
}
.main .guess .option li {
	display: inline-block;
	width: 100px;
    margin: 50px 100px;
}
.main .guess .option li .num {
	font-size: 14px;
    color: #11234b;
    line-height: 2;
}
.main .guess .option li .num span {
	font-size: 18px;
	color: #fa2121;
	font-weight: bold;
}
.main .guess .option li .pillar {
	position: relative;
	width: 100%;
	height: 300px;
	background: #fff;
}
.main .guess .option li .pillar .bar {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background: #f33b3d;
}
.main .guess .option li .info img {
	display: block;
	width: 60px;
	border-radius: 50%;
	margin: 10px auto;
	border: 2px solid #333;
}
.main .guess .option li .info p {
	font-weight: bold;
}
.main .guess .option li .btn {
    color: #fff;
    font-size: 14px;
    background: #f33b3d;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border-radius: 10px;
    margin: 10px auto;
    cursor: pointer;
}
.main .guess .option li .url {
	display: none;
}
.main .guess .rules {
	width: 1160px;
	padding: 20px;
	background: #e4effb;
	margin: 10px auto;
}
.main .guess .rules p {
	color: #333;
	background: url(../img/guess_icon.png) left 10px no-repeat;
	padding-left: 20px;
	font-size: 16px;
    line-height: 2;
}
.main .guess .rules p.t {
	background: none;
	padding-left: 0;
	font-weight: bold;
}
.main .guess .guessinfo {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 480px;
	margin-left: -252px;
	margin-top: -242px;
	background: #fff;
	border: 2px solid #f33b3d;
	z-index: 999;
	border-radius: 5px;
}
.main .guess .guessinfo .close {
    background: url(../img/close.jpg) center center no-repeat;
    border: 2px solid #f33b3d;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -65px;
    top: -2px;
    cursor: pointer;
    z-index: 1;
    border-radius: 5px;
}
.main .guess .guessinfo p {
	margin: 20px 0;
}
.main .guess .guessinfo p:after {
	content: "";
	clear: both;
	display: block;
}
.main .guess .guessinfo p.tit {
	color: #f33b3d;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 10px;
}
.main .guess .guessinfo p.tit span {
	font-size: 18px;
}
.main .guess .guessinfo p.tips {
	color: #f33b3d;
	margin: 0;
	text-indent: 2em;
	line-height: 2;
}
.main .guess .guessinfo p.url {
	text-align: center;
	color: #333;
	margin-top: 0;
}
.main .guess .guessinfo p.url a {
	color: #333;
}
.main .guess .guessinfo .left {
	float: left;
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	color: #f33b3d;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
}
.main .guess .guessinfo .right {
	float: right;
	display: inline-block;
	width: 300px;
	height: 30px;
	line-height: 30px;
	margin-right: 40px;
	padding: 5px 10px;
	border-radius: 5px;
	background: #f8f8f8;
	font-size: 14px;
	border: 1px solid #f33b3d;
}
.main .guess .guessinfo .right.area {
	height: 100px;
	font-family: "Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif;
}
.main .guess .guessinfo .btn {
	margin: 0 auto;
	text-align: center;
	width: 100px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	background: #f33b3d;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 10px;
}
.main .guess .replies {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #fa2121;
	margin: 30px auto 50px;
}
.main .guess .comment {
	width: 1200px;
	margin: 20px auto 0;
}
.main .guess .comment .list {
	position: relative;
	width: 100%;
	padding: 20px 0;
	border-top: 1px dashed #bbb;
}
.main .guess .comment .list:after {
	content: "";
	clear: both;
	display: block;
}
.main .guess .comment .list .avatar {
	float: left;
	border-radius: 50%;
	width: 80px;
	height: 80px;
}
.main .guess .comment .list .text {
	float: right;
	width: 1080px;
}
.main .guess .comment .list .text .name {
	color: #6b8cc6;
	margin: 0 0 10px 0;
	font-weight: bold;
}
.main .guess .comment .list .text .des {
	font-size: 16px;
	line-height: 2;
	color: #333;
	text-indent: 2em;
	margin-bottom: 10px;
}
.main .guess .comment .list .text .des .reply_wrap {
	border-left: 3px solid #cf2c2f;
    padding: 5px 5px 5px 8px;
    font-size: 14px;
    word-wrap: break-word;
    word-break: break-word;
    background: #f2f2f2;
    margin-bottom: 10px;
}
.main .guess .comment .list .text .des .reply_wrap a , .main .guess .comment .list .text .des .reply_wrap font {
	display: block;
}
.main .guess .comment .list .time {
	float: right;
	font-size: 14px;
	color: #6b8cc6;
}
.main .guess .alerttips {
	display: none;
	width: 240px;
	height: 110px;
	line-height: 110px;
	background: #f33b3d;
	border: 4px solid #f33b3d;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -120px;
	margin-top: -55px;
	text-align: center;
	color: #fff;
    font-size: 20px;
    font-weight: bold;
    z-index: 9999;
}

@media screen and (max-width: 1024px) {
	.tx3_topbar , .footer , .banner .chrome , .banner .pc , .main .nav li a p , .main .timeline , .main .news .text h2 { display: none;}

	body { width: 100%; font-size: 62.5%; background: #1b1c1e;}

	.gotop { width: 2.5rem; height: 2.5rem; bottom: 1.5rem; right: 2%;}
	.gotop:hover { opacity:0.8;}

	.alerttips { width: 10rem; height: 4.6rem; line-height: 4.6rem; background-size: 100%; margin-left: -5rem; margin-top: -2.3rem; font-size: 16px;}

	.banner { display: block; margin-bottom: -3rem;}
	.banner .m { display: block;}

	.main .nav { height: 3rem;}
	.main .nav li { width: 15%; height: 3rem;}
	.main .nav li a , .main .nav li a.cur , .main .nav li a:hover { color: #fff; font-size: 14px; border: 0; padding: 0.6rem 20% 0; width: 60%; height: 2.4rem; line-height: 1;}

	.main .title { height: 2.5rem; line-height: 2.5rem; background-size: auto 100%; font-size: 18px;}

	.main .live , .main .news , .main .prize , .main .video , .main .rule , .main .newslist , .main .thread , .main .interviews , .main .guess { width: 100%; height: auto; margin: 0 auto; background: #1b1c1e; padding-top: 1rem;}
	.main .rule .content , .main .newslist .list , .main .interviews .list , .main .guess .tab , .main .guess .option { width: 96%; margin: 0 2%;}

	.main .live .live_pc { display: none;} 
	.main .live .live_m { display: block;} 
	.main .live .room { padding: 2px; margin: 1rem auto 0.5rem; width: 90%; height: 2rem; border: 2px solid #131313; /*background: url(../img/live_room_bg.jpg) center center no-repeat;*/ text-align: center;}
	.main .live .room li { width: 23%; height: 2rem; line-height: 2rem; border-right: 2px solid #131313; font-size: 14px;}
	.main .live .room li:nth-child(4) , .main .live .room li:nth-child(8) { border-right: 0;}
	.main .live .room li.cur { border-bottom: 0;}
	.main .live .player { background: none; height: auto; width: 100%;}
	.main .live .player iframe { margin: 1rem 2%;}

	.main .news { padding-bottom: 0;}
	.main .news .wrap { width: 96%; margin: 0 2%;}
	.main .news .text , .main .news .pic { float: none; width: 100%;}
	.main .news .text .list { border: 0; margin-top: 1rem;}
	.main .news .text .list li a , .main .news .text .list li a:hover { color: #bbb; margin-left: 0.8rem; font-size: 14px;}
	.main .news .pic { margin-top: 1rem;}
	.main .news .pic dt { width: 100%; height: auto;}
	.main .news .pic dd { width: 49%; height: auto;}

	.main .prize { padding-bottom: 0;}
	.main .prize .tab { width: 100%; height: 3rem; border-bottom: 2px solid #131313;}
	.main .prize .tab li { width: 30%; height: 3rem; line-height: 1.5; font-size: 14px;}
	.main .prize .tab li.cur { border-bottom: 2px solid #cf2c2f;}
	.main .prize .tab li span { display: block; font-size: 12px;}
	.main .prize .list { width: 100%; margin: 0.5rem auto;}
	.main .prize .list li { width: 30%; height: auto; margin: 0 0.5%;}
	.main .prize .list li .pic { width: 100%; height: auto; margin: 0 auto 1rem;}
	.main .prize .list li .btn { width: 80%; height: 1.5rem; line-height: 1.5rem; font-size: 12px; margin: 0.5rem auto;}
	.main .prize .list li .tips { width: 100%; border-top:0; margin: 0 auto; padding: 0 0 0.5rem 0; display: none;}

	.main .video .list { width: 100%; text-align: center; margin-top: 1rem;}
	.main .video .list li { width: 45%; margin: 0.5rem 2%;}
	.main .video .list li:nth-child(2n+1) { margin-left: 0;}
	.main .video .list li:nth-child(2n) { margin-right: 0;}
	.main .prize .list li .tit { height: 2rem; line-height: 2rem; font-size: 14px;}
	.main .video .list li .pic { width: 100%; height: auto; margin: 0 auto; border: 0.5px solid #becde1;}
	.main .video .list li p { color: #bbb; font-size: 14px;}
	.main .video .list li .play:hover { background: rgba(0,0,0,0.6);}
	.main .video .list li .play i, .main .video .list li .play:hover i, .main .video .list li .play:hover i { width: 40px; height: 40px; margin-top:-20px; margin-left: -20px; display: block; background: url(../img/video_play.png) center center no-repeat; background-size: 100%;}

	.main .rule .content .tit { height: 2rem; line-height: 2rem; font-size: 18px; max-width: 60%; color: #cf2c2f;}
	.main .rule .content .des { margin: 10px auto;}
	.main .rule .content .des p { font-size: 14px; line-height: 2; color: #bbb;}
	.main .rule .content .des img { margin: 10px auto; max-width: 90%;}
	.main .rule .content .des a p { color: #bbb;}
	.main .rule .content .des table { width: 96%; margin: 0 auto; color: #bbb;}

	.main .newslist .list li { height: 2rem; line-height: 2rem; border-bottom: 0; padding: 5px 0;}
	.main .newslist .list li a { font-size: 14px; max-width: 75%; color: #bbb;}

	.main .thread .content { width: 92%; padding: 1rem 2%; margin: 0 2%; background: #eee;}
	.main .thread .content .subject { font-size: 16px;}
	.main .thread .content .replies { display: none;}
	.main .thread .content .message { padding-bottom: 0; border-bottom:0;}
	.main .thread .content .message .img img { max-width: 100%;}
	.main .thread .content .message .dzcode_table { width: 100%;}
	.main .thread .content .post { width: 100%; margin: 1rem auto 0;}
	.main .thread .content .post .input { width: 71%; height: 2rem; line-height: 2rem;}
	.main .thread .content .post .send { width: 20%; height: 2rem; line-height: 2rem;}
	.main .thread .content .commenttit { font-size: 16px; margin-top: 1rem;}
	.main .thread .content .comment { margin-top: 1rem;}
	.main .thread .content .comment .list { padding: 10px 0;}
	.main .thread .content .comment .list .avatar { width: 2.5rem; height: 2.5rem;}
	.main .thread .content .comment .list .text { width: 85%;}
	.main .thread .content .comment .list .text .name { font-size: 16px;}
	.main .thread .content .comment .list .text .des , .main .thread .content .url a { font-size: 14px;}
	.main .thread .content .url { margin-top: 1rem; margin-bottom: 1rem;}

	.main .interviews .list { margin-top: 1rem;}
	.main .interviews .list li { width: 96%; margin: 0.25rem 2%; padding: 0 0 0.5rem 0; border: 0; border-bottom: 1px solid #353639; background: none;}
	.main .interviews .list li .pic { width: 30%; height: 5rem; -o-object-fit: cover; object-fit: cover;}
	.main .interviews .list li .text { width: 68%; height: 5rem; text-align: left;}
	.main .interviews .list li .text .tit { color: #bbb; font-size: 14px;}
	.main .interviews .list li .text .des { text-indent: 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; color: #999; font-size: 12px;}
	.main .interviews .list li .text .time { font-size: 12px; color: #999;}

	.main .guess .tab ul { border-bottom: 2px solid #f33b3d;}
	.main .guess .tab li { width: 25%; height: 1.5rem; line-height: 1.5rem; font-size: 12px; margin: 10px 1% 0;}
	.main .guess .tab li span { font-size: 12px;}
	.main .guess .option li { width: 20%; margin: 1rem 2%; }
	.main .guess .option li .num { font-size: 12px; color: #bbb; margin-bottom: 1rem;}
	.main .guess .option li .num span { display: block; font-size: 14px;}
	.main .guess .option li .pillar { width: 50%; height: 100px; margin: 0 auto;}
	.main .guess .option li .info { color: #bbb; font-size: 12px;}
	.main .guess .option li .info img { width: 2rem;}
	.main .guess .option li .info p { font-size: 12px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
	.main .guess .option li .btn { width: 80%; height: 1.5rem; line-height: 1.5rem; font-size: 12px; border-radius: 5px;}
	.main .guess .rules { padding: 0.2rem 2%; width: 92%; margin: 0 2%; background: #232426;}
	.main .guess .rules p { color: #bbb; font-size: 12px;}
	.main .guess .replies { margin: 1rem auto; font-size: 14px;}
	.main .guess .comment { width: 96%; margin: 1rem 2%; }
	.main .guess .comment .list { padding: 10px 0; border-top: 1px dashed #232426;}
	.main .guess .comment .list .avatar { width: 2.5rem; height: 2.5rem;}
	.main .guess .comment .list .text { width: 85%;}
	.main .guess .comment .list .text .name { font-size: 14px;}
	.main .guess .comment .list .text .des , .main .guess .comment .list .time { font-size: 12px; color: #bbb;}
	.main .guess .guessinfo { width: 80%; height: 28rem; margin-left: -40%; margin-top: -14rem;}
	.main .guess .guessinfo .left { width: 30%; font-size: 14px;}
	.main .guess .guessinfo .right { margin-right: 3%; width: 57%;}
	.main .guess .guessinfo p.tit { font-size: 16px; margin: 0.5rem 0;}
	.main .guess .guessinfo p.tit span { font-size: 16px;}
	.main .guess .guessinfo p.tips { width: 94%; margin: 0 2%; padding: 0 2%; font-size: 12px; text-indent: 0;}
	.main .guess .guessinfo .close { right: 0; top: -2.5rem; width: 1.5rem; height: 1.5rem; background-size: 100%;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.banner .m { display: none;}
	.banner .pc { display: block;}
	.main .nav li a, .main .nav li a.cur, .main .nav li a:hover { padding: 1rem 20% 0; height: 2rem;}
	.main .live, .main .news, .main .prize, .main .video, .main .rule, .main .newslist , .main .interviews , .main .guess { width: 60%;}
	.main .live .player iframe { height: 300px!important;}
	.main .video .list li { width: 29%;}
	.main .video .list li:nth-child(2n) { margin-right: 2%;}
	.main .video .list li:nth-child(2n+1) { margin-left: 2%;}
	.main .thread .content .post .input { width: 80%;}
	.main .thread .content .post .send { width: 15%;}
	.main .thread .content .comment .list .text , .main .guess .comment .list .text { width: 88%;}
	.main .interviews .list li .pic { width: 20%;}
	.main .interviews .list li .text { width: 78%;}
	.main .guess .option li { width: 12%;}
	.main .guess .guessinfo { width: 60%; margin-left: -30%;}
	.main .guess .guessinfo .left { width: 25%;}
	.main .guess .guessinfo .right { margin-right: 7%;}
}

@media screen and (min-width: 568px) and (max-width: 1024px) and (orientation:landscape) {
	.banner .m { display: none;}
	.banner .pc { display: block;}
	.main .nav li a, .main .nav li a.cur, .main .nav li a:hover { padding: 1rem 20% 0; height: 2rem;}
	.main .live, .main .news, .main .prize, .main .video, .main .rule, .main .newslist , .main .guess { width: 70%;}
	.main .live .player iframe { height: 300px!important;}
	.main .thread .content .post .input { width: 80%;}
	.main .thread .content .post .send { width: 15%;}
	.main .thread .content .comment .list .text , .main .guess .comment .list .text { width: 91%;}
	.main .interviews .list li .pic { width: 20%;}
	.main .interviews .list li .text { width: 78%;}
}
@media screen and (max-width: 1366px) and (max-height: 1024px) and (orientation:landscape) {
	.live_pc { display: none;}
	.live_m { display: block!important;}
	.main .live .player iframe { height: 655px;}
	.main .thread .content .post .input { width: 80%;}
	.main .thread .content .post .send { width: 15%;}
	.main .thread .content .comment .list .text , .main .guess .comment .list .text{ width: 91%;}
	.main .interviews .list li .pic { width: 20%;}
	.main .interviews .list li .text { width: 78%;}
}