html, body, div, h1, h2, h3, p, ul, li, dl, dt, dd { margin:0 auto; padding:0; font:12px/1.7 Arial, Helvetica, sans-serif;}
body{background-color:#f5f5f5;}
ul, li { list-style:none; line-height:20px; }
p, img, dl, dt, dd { margin:0; padding:0; border:none; }
a:hover { text-decoration:underline; }
.clear { clear:both; }
h1, h2, h3 { font-weight:normal; }

.container { max-width:1001px;width:100%;}
.top,.back1,.back2 {width:100%;}
.top img,.back1 img,.back2 img{max-width:1000px;width:100%;}
.time { position:absolute; top:230px; left:800px;}
.countdown_section { float:left; display:block; margin:0px 10px; text-align:center; color:#11242f; font-weight:bold;}
.countdown_amount { display:block; width:58px; height:48px; line-height:48px;font-size:24px; color:#fff; background:url(/style/images/count-time-bg.jpg) no-repeat; text-align:center; padding-bottom:-90px;}
.main { max-width:999px; margin-top:23px; border-radius:5px;  border:1px solid #e8e8e8;
background-color:#ffffff;
-webkit-box-shadow: 0 2px 4px #DBDBDB;
	-moz-box-shadow: 0 2px 4px #DBDBDB;
	box-shadow: 0 2px 4px #DBDBDB;}
.content-top{overflow:hidden;width:100%;}
.content-top .left { float:left; max-width:486px; height:249px; text-align:center;  padding-top:26px;width:43%;margin-left:1.5%;}
.content-top .right { float:left; max-width:500px; padding-right:13px;width: 51%;margin-left:2.5%;}
.content-mid {overflow:hidden; width:100%;}
.content-mid .left {float:left; max-width:480px;width: 51%; text-align:left; padding-left:40px;}
.content-mid .right {float:left; max-width:479px;width:43%; height:250px; text-align:center; padding-top:36px;}
.right p.more {float:right;padding-right:20px;}
.right p.more a{color:#019de6}
.left img,.right img{width: 100%;}
.title { font-size:24px; color:#343434; display:block; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; margin-top:26px; text-align: center;}
.main p { margin-top:10px; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-size:14px; color:#9b9b9b; }
.main ul { margin:10px 0 0 20px;}
.hr{background:url(../images/ios7/hr.jpg) no-repeat; max-width:999px; height:47px;width:100%;}
.main li { line-height:25px; list-style-image:url(../images/ios7/list.jpg);margin-top: 2%;}
.main li.new {list-style-image:url(../images/ios7/new.jpg);}
.main li a { color:#019de6; text-decoration:none;font-size:14px;}
.main li a:hover { text-decoration:underline;}
.more-info{width:100%;background-image: url(/images/ios7/more-info-line.jpg);background-position: 70% center;background-repeat: no-repeat;background-size: 80%;font-size:22px;padding-left:20px; margin: 2% auto;}
.info-list{
	float:left;
	width:50%;
	margin-bottom:15px;
	}
.info-list p.list{
	margin-top:0px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; 
	font:13px/1.7 Arial;
	 color:#9b9b9b;
	
	}
.footer { height:77px; max-width:1001px;width:100%;  }
.footer p { font-size:12px; text-align:center; line-height:70px; }

/*cookie*/
.usernotice_pop{display: table;width:280px;padding: 7px;position: fixed;bottom: 10px;	right:70px;background: rgba(0,0,0, 0.55);z-index: 1000;text-align: center;color: #fff;border-radius: 5px;transition: all 0.3s ease;font-size:12px;}
.usernotice_pop a{color:#fff;text-decoration:underline;}
.usernotice_pop span{cursor:pointer;border:1px solid #fff;margin:10px 5px;width:50%;padding:0 5px;}
/*auto*/
@media screen and (max-width:1100px){
	.container{width:95%;}
	.main{width:95%;text-align: center;}
	.more-info{background-image:none;}
	.footer{width:95%;}
}
@media screen and (max-width:800px){
	.container .main .left,.container .main .right{width:95%;float:none;}
	.main ul{margin:0;padding:0;}
	.hr{display: none;}
	.info-list{float:none;width:95%;}
	.content-top .left, .content-top .right{margin:0 auto;}

}
@media screen and (max-width:580px){
	.more-info{margin-left: 0;}
	.container *{float:none;}
	
}
@media screen and (max-width:400px){
	.usernotice_pop{left: 0;right: 0;margin:0 auto;bottom: 0;width: 100%;max-width: 280px;}
}
@media screen and (max-width: 300px) {
	.usernotice_pop{box-sizing: border-box;text-align: center;}
	.usernotice_pop span{float:none;display: inline-block;width: 45px;margin:5px 5px 2px;}
	}