*{margin: 0;padding: 0;font-family:Helvetica Neue;outline: none;}
html{ font-size:16px;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}
ul{ padding: 0 0 0 20px;margin: 0 0 20px 0;}
ul,li{ list-style: disc;margin: 0 0 0 24px;}
a img{ border: none;}
a{ text-decoration: none;-moz-transition:all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition:all 0.3s ease 0s; cursor:pointer; color:#09c}
body{ background: #eee;}
.container{padding: 20px 0;}
.middle{ width: 1000px;margin: 0 auto;box-shadow: 0 0 10px #ccc;padding: 20px 40px 60px 40px;background: #fff;border-radius: 10px; line-height: 24px;}
.tips{ padding: 20px;background: #eee;border-radius: 10px;text-align: justify;}
h1{font-size: 34px;line-height: 100px;text-align: center;border-bottom: 1px #ccc solid;margin: 0 0 30px 0;}
h2{font-size: 26px;margin: 40px 0 20px 0;}
p{text-align: justify;margin: 0 0 20px 0;text-indent: 32px;}
b{ font-size: 16px;}
table { border-bottom: 1px #ccc solid;border-right: 1px #ccc solid;}
table tr th,table tr td{ border-top: 1px #ccc solid;border-left: 1px #ccc solid;padding: 2px 15px;}
table tr th{ text-align: right; font-weight: 400;background: #eee; }
table tr td{ text-align: left;}
.navList li{list-style: none;}

.qa{  }
.qa h3{padding: 20px;border-radius: 10px 10px 0 0;background: #eee;box-shadow: 0 -1px 5px #ccc;font-size: 18px;}
.qa .answer{padding: 20px;text-align: justify;border-radius:0 0 10px 10px ;background: #fff;margin: 0 0 30px 0;box-shadow: 0 1px 5px #ccc;}

.timer{ margin: 0 30px 0 0;line-height: 30px;}
.cooperation{ background: #f5f5f5; padding:10px 20px 20px 20px; border-radius:10px;box-shadow: 0px 0px 10px #ccc; margin:0 0 60px 0;}
.cooperation a{color:#09c}
.cooperation h2{text-align: center; font-size:22px;margin: 20px auto 40px auto;}
.cooperation table{ width: 100%; overflow: hidden;}
.cooperation table th{ background: #dedede; text-align:left}
.cooperation table td{ overflow: hidden;word-break: break-all;}
.cooperation table td a{ word-break: break-all;}



@media (max-width: 600px){ 
	body{background: #fff;}
	.container{padding: 0;}
	.middle{ width: 90%;border-radius:0px;box-shadow: none;padding: 0;}
	h1{font-size: 26px; line-height:34px;margin: 30px auto;border: none;}
	h2{font-size: 22px;text-align: center; line-height:34px}
	.timer{ display: block;}
	
	
	
	table {padding: 5px;border:0px;}
	table thead {display: none;}
	.cooperation table tr  { margin-bottom:20px;display: block;border: 1px solid #ccc;}
	.cooperation table td { display: block;font-size: 14px; border: 0px;border-bottom:1px solid #ccc ;}
	.cooperation table td:last-child {border: 0px;}
	
	table td:before { content: attr(data-label); float: left; text-transform: uppercase; font-weight: bold;margin: 0 10px 0 0;}
	
	
	
}