@charset "gb2312";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%;}
html{ font-size:16px;}
html, body { width:100%;  margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei", tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;   -webkit-font-smoothing:antialiased; background:#f1e6d0;background-attachment:fixed; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#635239; text-decoration:none; }
a:hover{ color:#de4b00; text-decoration:none;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,d,span,b,p,em { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
p { color: #604e42; font-size: 20px; line-height: 2em; text-indent: 2em; padding-bottom: 15px;}



.first em,.block ol li.first i.rank,.block ol li.second i.rank,.block ol li.third i.rank,.bottom span { background-image: url("../img/bg.png"); background-repeat: no-repeat;}
.second em { background-image: url("../img/bg2.png"); background-repeat: no-repeat;}
.third em { background-image: url("../img/bg3.png"); background-repeat: no-repeat;}
.fourth em { background-image: url("../img/bg4.png"); background-repeat: no-repeat;}
.five em { background-image: url("../img/bg5.png"); background-repeat: no-repeat;}
.six em { background-image: url("../img/bg6.png"); background-repeat: no-repeat;}

.wrap { width: 750px; margin: 0 auto;}
.top { background: url("../img/top.jpg") no-repeat center top; height: 808px; position: relative;}
.date { position: absolute; top: 710px; left: 50%; margin-left: -113px; color: #7c0a00; font-size: 30px;}
.intro { margin: 2% 5%;}
.block1 { background: url("../img/title1.jpg") no-repeat center top; padding-top: 300px; margin-top: 5%;}
.block2 { background: url("../img/title2.jpg") no-repeat center top; padding-top: 300px; margin-top: 5%;}
.block3 { background: url("../img/title3.jpg") no-repeat center top; padding-top: 300px; margin-top: 5%;}
.block5 { background: url("../img/title5.png") no-repeat center top; padding-top: 300px; margin-top: 5%;}
.block1 h3{ background: url("../img/h3big.png") no-repeat center top; text-align: center; color: #FFFFFF; line-height: 80px; font-size:20px; font-weight: 500; background-size:contain;}
.shi{ margin-bottom:10%;}
.sheng{ margin-top: 10%; margin-bottom:5%;}
.head1,.head2 {text-indent: -9999px;}
.daterrange { text-align:center; text-indent:0;}
.block ol { margin: 0 2%;}
.block ol li { background-color: #f6f5f1; clear: both; overflow: hidden; padding: 1% 0;position: relative;}
.block ol li:nth-child(even) { background-color: #f0ece0;}
.block ol li.table_header { padding: 0;}
.block ol li.table_header div.title,.block ol li.table_header i.rank,.block ol li.table_header span.score { background-color: #d3b672; color: #fff; font-size: 18px; font-weight: 300; text-align: center; padding:1% 0;}
.block ol li i.rank { width: 15%; display: block; float: left; text-align: center; color: #f69970; font-size:40px; font-weight: 600; padding: 5% 0;}
.block ol li div.title { width: 60%; display: block; float: left;}
.block ol li div.title a { font-size: 24px; line-height: 1.3em; font-weight: 600;}
.block ol li div.title p { color: #aba090; font-size: 18px; text-indent: 0;padding-bottom: 0;}
.block ol li span.score { width: 25%; display: block; float: left; text-align: center; color: #eb7947; font-size: 36px; font-weight: 600; vertical-align: middle; height: 100%; padding: 5% 0;}
.block ol li.first i.rank { background-position:10px -165px; height: 63px; text-indent: -999px;}
.block ol li.second i.rank { background-position:-140px -165px; height: 63px; text-indent: -999px;}
.block ol li.third i.rank { background-position:-291px -165px; height: 63px; text-indent: -999px;}

.block1 ol li.first,.block1 ol li.second,.block1 ol li.third,.block1 ol li.fourth,.block1 ol li.five,.block1 ol li.six{ background: #fff; position: relative; padding-bottom: 2%; overflow: visible; padding-top: 0; margin-top: 5%;}
.block1 ol li.first img,.block1 ol li.second img,.block1 ol li.third img,.block1 ol li.fourth img,.block1 ol li.five img,.block1 ol li.six img { width: 100%; height: auto;}
.block1 ol li.first h5,.block1 ol li.second h5,.block1 ol li.third h5,.block1 ol li.fourth h5,.block1 ol li.five h5,.block1 ol li.six h5 { font-size: 44px; font-weight: 600; padding: 2% 5% 0;}
.block1 ol li.first a h5,.block1 ol li.second a h5,.block1 ol li.third a h5,.block1 ol li.fourth a h5,.block1 ol li.five a h5,.block1 ol li.six a h5 { color: #de4b00;}
.block1 ol li.first p,.block1 ol li.second p,.block1 ol li.third p,.block1 ol li.fourth p,.block1 ol li.five p,.block1 ol li.six p { padding: 2% 5%;}
.block1 ol li.first span,.block1 ol li.second span,.block1 ol li.third span,.block1 ol li.fourth span,.block1 ol li.five span,.block1 ol li.six span { color: #aba090; padding-left: 5%;}
.block1 ol li.first em,.block1 ol li.second em,.block1 ol li.third em,.block1 ol li.fourth em,.block1 ol li.five em,.block1 ol li.six em { width: 383px; height: 161px; padding-top: 35px; padding-left: 102px; color: #fff; font-size: 60px; font-weight: 600; position: absolute; top: -5%; right: 0;}

.block1 ol li  div.title { width: 80%;transform: translateY(-50%); top: 50%;position: absolute; left: 15%;}
.block1 ol li  div.xianshi1 { width: 66%;transform: translateY(-50%); top: 50%;position: absolute; left: 15%;}
.block1 ol li.table_header div.title { width: 85%;}
.block1 ol li span.score { display: none;}
.block1 ol li span.xianshi { background-color:#ca1f25; color:#FFFFFF; font-size: 18px; font-weight: 800; text-align: center; padding:1% 1%; display: block; width: 10%; float: right; margin-top: 5%;}

.deadline { text-align:right; padding:1% 2%;}

.title li a {font-size:26px;line-height: 1.6em;font-weight: 600;}
.title ul li { width:100%; margin:0px auto;padding:1% 2%;}
.title li p{ text-indent: 0}

.footer { background:url("../img/bottom.jpg") no-repeat center top; padding: 2% 5%;}
.bottom { width: 60%; margin-left: 20%; margin-top: 5%; text-align: center; height: 400px;}
.bottom span { display: block; background-position:center bottom; height: 82px; text-indent: -999px; overflow: hidden;}


.block5 ol { width: 96%; overflow: hidden;}
.block5 ol li { width: 48%; float: left; margin:0 1%; clear: none;}
.block5 ol li.first a h5 { font-size: 25px; height: 90px;}

@media screen and (max-width: 768px) {
	.wrap { width: 100%;}
	.top { height: 28rem; background-size:cover;}
	.date { top: 24.5rem; font-size: 1rem; margin-left: -70px;}
	p { font-size: 18px;}
	.block1,.block2,.block3,.block5  { padding-top: 10rem; background-size: 100%;}
	.block ol li.first i.rank { background-size: 380%; background-position: .5rem -6rem;}
	.block ol li.second i.rank { background-size: 380%; background-position: -5rem -6rem;}
	.block ol li.third i.rank { background-size: 380%; background-position: -11rem -6rem;}
	.block ol li.fourth i.rank { background-size: 380%; background-position: -11rem -6rem;}
	.block ol li.five i.rank { background-size: 380%; background-position: -11rem -6rem;}
	.block ol li.six i.rank { background-size: 380%; background-position: -11rem -6rem;}
	.block1 ol li.first span,.block1 ol li.second span,.block ol li div.title p {  font-size: .9rem;line-height: 1.2rem;}
	.block ol li.table_header div.title,.block ol li.table_header i.rank,.block ol li.table_header span.score { font-size: 16px;}
	.block1 ol li.first h5,.block1 ol li.second h5,.block1 ol li.third h5,.block1 ol li.fourth h5,.block1 ol li.five h5,.block1 ol li.six h5 { font-size: 22px;}
	.block1 ol li.first em { background-size: 110%; width: 50%; height: 90px; font-size: 26px; padding-top: 1.5rem; padding-left:3.8rem;}
        .block1 ol li.second em, .block1 ol li.third em, .block1 ol li.fourth em, .block1 ol li.five em, .block1 ol li.six em { background-size: 90%; width: 50%; height: 90px; font-size: 26px; padding-top: 1.5rem; padding-left:3.8rem;}
	.block ol li div.title a { font-size: 22px;}
	.block ol li i.rank,.block ol li span.score { font-size: 20px; padding: 0;}
	.bottom span { background-size: 100%; height: 50px;}
	.block5 ol li.first a h5 { font-size: 18px; height: 90px;}
	.block5 ol li.first span { height: 50px; display: block;}
.wangqi .title li a { font-size: 18px;}
.shiwan.block ol li div.title a{ font-size: 1rem;}
.shiwan.block1 ol li span.xianshi { margin-top: 1%; font-size: .8rem;width: 15%;}
.shiwan.block ol li { padding:5% 0;}
.shiwan.block ol li i.rank, .shiwan.block ol li span.score { padding:5% 0;}
.zongpt.block1 ol li div.title {transform: none; position: initial;}
.zongpt.block ol li div.title a{ font-size: 16px;}
.shiwan.block ol li.table_header i.rank, .shiwan.block ol li.table_header span.score{ padding:1% 0;}
.shiwan.block ol li.table_header{ padding:0;}
.zongpt.block ol li{ padding:3% 0;}
}