@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}
body {font:normal 12px/18px Arial,SimSun;background:#000;}
ul li {list-style:none;}
img {border:0;}

#main {position:relative;width:999px;}
#navContent {position:absolute;top:0;left:0;}
#main .icp {position:absolute;top:587px;right:8px;}
#header {background:url(http://image.icoke.cn/site/cokezero/pc/ico_cz_prize_header_bg.jpg) no-repeat;height:124px;}
#header .step {float:left;display:inline;margin:44px 0 0 100px;width:453px;}
#header .step img {margin:0 0 5px 89px;}
#header .step select {margin-right:12px;}
#header .ruler {float:left;display:inline;margin:52px 0 0 10px;background:url(http://image.icoke.cn/site/cokezero/pc/ico_cz_prize_icon_ruler.gif) no-repeat 0px 3px;padding-left:10px;}
#header .ruler a {color:#999;}
#header .giftinfo {float:left;display:inline;margin:76px 0 0 213px;}

#content {background:url(http://image.icoke.cn/site/cokezero/pc/ico_cz_prize_main_bg.jpg) no-repeat;height:483px;}
#content .exchange {float:left;width:710px;}
#content .exchange ul.page {float:right;display:inline;margin:12px 58px 20px 0;}
#content .exchange ul.page li {float:left;display:inline;margin-right:6px;}
#content .exchange ul.page li a {color:#ec1505;text-decoration:none;}
#content .exchange ul.page li a:hover {text-decoration:underline;}
#content .exchange ul.page li a.now {font-size:18px;}
#content .exchange .giftcont {clear:both;}
#content .exchange .giftcont ul {width:585px;margin:10px 0 0 135px;}
#content .exchange .giftcont ul li {float:left;display:inline;width:175px;color:#fff;margin:0 20px 20px 0;}
#content .exchange .giftcont ul li span {clear:both;display:block;padding-top:15px;margin-bottom:5px;}
#content .exchange .giftcont ul li a {float:left;}
#content .exchange .giftcont ul li acronym {float:left;display:inline;margin:0 0 0 6px;color:#ba0d00;}
#content .showzone {float:left;width:220px;}
#content .showzone h1 {font:bold 12px/18px Arial,SimSun;color:#6b6b6b;margin:10px 0 6px 0;}
#content .showzone h2 {font:bold 12px/18px Arial,SimSun;color:#ba0d00;border-bottom:1px solid #848484; margin-bottom:10px;}
#content .showzone h3 {font:normal 12px/18px Arial,SimSun;color:#6b6b6b;}
#content .showzone h4 {clear:both;font:normal 12px/18px Arial,SimSun;color:#ba0d00;text-align:right;}
#content .showzone p {color:#6b6b6b;}
#content .showzone .marinfo {height:80px;overflow:auto;margin-bottom:10px;}
#content .showzone dl {float:right;display:inline;margin-top:10px;height:28px;}
#content .showzone dt {float:left;display:inline;margin-right:12px;}
#content .showzone dd {float:left;}

#content .award {float:left;display:inline;width:580px;margin-left:100px;}
#content .award img {float:left;display:inline;margin-right:12px;}
#content .award .awardinfo {float:left;width:348px;}
#content .award .awardinfo h1 {font:bold 14px/24px Arial,SimSun;color:#ba0d00;margin-top:4px;}
#content .award .awardinfo h2 {font:bold 12px/21px Arial,SimSun;color:#ba0d00;}
#content .award .awardinfo h3 {font:normal 12px/18px Arial,SimSun;color:#fff;border-bottom:1px solid #828282;padding-bottom:4px;}
#content .award .awardinfo .notice {background:#181818;width:335px;height:90px;margin:10px 0 12px 0;color:#706e6e;line-height:20px;padding-left:10px;}
#content .award .awardinfo .notice span {color:#e81e1e;}
#content .award .awardinfo .notice a {display:block;color:#e81e1e;}
#content .award .awardinfo .notice p {clear:both;display:block;}#content .award .awardinfo dl {margin-top:16px;}
#content .award .awardinfo dt {float:left;display:inline;margin-right:10px;}
#content .award .awardinfo dd {float:left;}
#content .award .awardinfo dt img,#content .awardinfo .award dd img {float:none;margin:0;}
#content .campaign {float:left;display:inline;margin-left:45px;}
#content .campaign ul li {margin-bottom:15px;}

#content .coolaward {margin:5px 0 0 95px;}
#content .coolaward .awardlist ul { margin:15px 0 0 60px;}
#content .coolaward .awardlist ul li {float:left;display:inline;width:175px;color:#fff;margin:0 20px 20px 0;color:#ba0d00;}
#content .coolaward .awardlist ul li span {clear:both;display:block;padding-top:15px;margin-bottom:5px;}
#content .coolaward .awardlist ul li a {float:left;}
#content .coolaward .awardlist ul li acronym {float:left;display:inline;margin:0 0 0 6px;}
#content .coolaward .awardlist ul li acronym span {padding-top:0;font-weight:bold;margin-right:2px;}
#content .coolaward .awardlist ul li acronym span {padding:0;font-weight:bold;margin:-2px 2px 0 0;}

#content .info { float:left; width:710px;}
#content .info span { color:#e20202;}
#content .info p { float:left; display:inline; margin:0 0 0 100px; color:#fff;}
#content .info .line { float:left; display:inline; margin:0 0 0 100px;}
#content .info .mark { float:left; display:inline; margin:0 0 0 100px; width:560px;
					   background:url(http://image.icoke.cn/site/cokezero/pc/ico_czinfo_1_bg.jpg) no-repeat;}
#content .info .mark p { float:left; margin-left:5px; width:530px; color:#b7b8b8;}		
#content .info .mark a {text-decoration:underline; color:#e20202;}
#content .info .mark a:hover { text-decoration:underline; color:#e20202;}	

#content .info .information { float:left; display:inline; margin:0 0 0 100px; height:120px; margin-top: 10px;}	
#content .info .information ul li { float: left; margin-top:5px; margin-right: 20px;  width:540px;}
#content .info .information label { float:left; display:inline; width:40px;}
#content .info .information input { float:left; display:inline; height:15px; margin-left:5px;}
#content .info .information .short_input { width:50px;}
#content .info .information .long_input { width:90px;}
#content .info .information .inp { width:180px; height:17px;}
#content .info .information select { float:left; display:inline; margin-left:5px;}
#content .info .information a { float:left; margin-left:5px;}

#content .info .tel_code{ float:left; display:inline; margin:5px 0 0 100px; width:560px;
						  background:url(http://image.icoke.cn/site/cokezero/pc/ico_czinfo_2_bg.jpg) no-repeat;}
#content .info .tel_code h1{ font:normal 12px/18px Arial,SimSun; color:#e0e0e0;}
#content .info .tel_code p { color:#919191; margin-left:2px; width:450px;}
#content .info .tel_code .code {float:left; margin-top:10px; width:560px;}
#content .info .tel_code .code label { float:left; display:inline;}
#content .info .tel_code .code .longinput { float:left; display:inline; height:15px; margin:0 15px 0 5px; width:126px;}
#content .info .tel_code .check_code { float:left; margin-top:5px; width:560px;}
#content .info .tel_code .check_code label { float:left; display:inline;}
#content .info .tel_code .check_code input { float:left; display:inline; height:15px; margin-left:5px; width:90px;}

#content .info .accept { float:left; display:inline; margin:30px 0 0 100px; width:560px;}
#content .info .accept input { float:left; display:inline;}
#content .info .accept h1 {float:left; display:inline; font:normal 12px/18px Arial,SimSun; color:#b4b4b4; 
						   margin-left:5px; width:120px; margin-top:4px;}
#content .info .accept a {float:left; display:inline; margin-top:4px; text-decoration:underline; color:#e20202;}
#content .info .accept a:hover { text-decoration:underline; color:#e20202;}	
#content .info .btn { float:left; display:inline; margin:50px 0 0 500px;}

#footer {background:url(http://image.icoke.cn/site/cokezero/pc/ico_cz_prize_footer_bg.jpg) no-repeat;height:75px;}
#footer ul {padding:36px 0 0 110px;}
#footer ul li {float:left;display:inline;margin-right:10px;}
#footer ul li a {color:#fff;}
#footer ul li a:hover {text-decoration:none;}