* { margin: 0; padding: 0; border: 0; } a { color: #333333; text-decoration: none; } a:hover { text-decoration: underline; color: #F00; } body { font-size: 14px; color: #333; font-family: "微软雅黑", "宋体",Arial,Helvetica, sans-serif; } .con_box { width: 960px; margin-left: auto; margin-right: auto; position: relative; } .con_text { line-height: 30px; color: #333; } .txt_orange { color: #F90; } .tit_bg { background: url(img/title_bg.png) repeat; /*background:#84B8F1;*/ height: 282px; width: 100%; margin-left: auto; margin-right: auto; position: relative; z-index: 80; } .tit { background: url(img/title.png) no-repeat; height: 297px; width: 1024px; position: absolute; left: 50%; margin-left: -512px; } .nav { background: url(img/nav_bg.png) repeat-x; height: 103px; width: 100%; color: #4f3001; font-size: 16px; border-top: 10px solid #F2F2F2; position: relative; z-index: 60; } #nav ul { line-height: 50px; float: left; } #nav ul li { display: inline; padding-left: 25px; padding-right: 25px; } #nav ul li:hover { background: url(img/nav_btn.png) center 50px no-repeat; padding-top: 15px; padding-bottom: 22px; } #nav ul li.now { background: url(img/nav_btn.png) center 50px no-repeat; padding-top: 15px; padding-bottom: 22px; } .nav .con_box ul li a { color: #333; } .nav .con_box ul li a:hover { text-decoration: none; } .entrance { background: url(img/entrance.png) 8px no-repeat; width: 112px; height: 58px; display: block; padding-left: 5px; background-color: #648710; display: none; } .entrance:hover { background: url(img/entrance_hover.png) no-repeat; } .upload { background: url(img/upload.png) no-repeat; width: 120px; height: 40px; display: block; ; margin-top: 7px; } .upload:hover { background: url(img/upload_hover.png) no-repeat; } .download { background: url(img/download.png) no-repeat; width: 125px; height: 80px; display: block; position: absolute; top: 0px; margin-left: 105px; display: none; } .download:hover { background: url(img/download_hover.png) no-repeat; } .column_tit { font-size: 24px; color: #003567; padding-bottom: 10px; background: url(img/arrow.gif) left top no-repeat; text-indent: 40px; } .column_en { font-size: 12px; color: #959595; line-height: 30px; } .title{ margin-top:10px; margin-bottom:10px; } .title .column_tit{ display:inline-block; *display:inline; *zoom:1; } .title .column_en{ display:inline-block; *display:inline; *zoom:1; } .cloumn_bg { background: url(img/con_bg.png) repeat; /*width: 590px;*/ height: 200px; padding: 15px 25px 0px 25px; margin-bottom:20px; } .cloumn_left { width: 694px; float: left; } .txt_indent { text-indent: 28px; } .award { background: url(img/cups.png) no-repeat; /*width: 640px;*/ height: 148px; margin-left:20px; } .award_text{ overflow:hidden; margin-left: 20px; width: 360px; } .award_text li{ float:left; display:block; width:33%; list-style:none; text-align: center; } .flow_bg { background: url(img/flow.png) no-repeat; width: 266px; height: 460px; position: relative; right: 0px; left: 694px; *left: 0px; } .flow_bg ul { height: 50px; } .flow_now { background: url(img/flow_now.png) no-repeat; height: 50px; width: 100px; position: absolute; } .warming { font-size: 24px; text-align: center; height: 100px; padding-top: 100px; } .footer { background: url(img/footer.png) repeat-x; height: 49px; text-align: center; font-size: 12px; line-height: 49px; color: #555; margin-top: 50px; } .videolist { overflow: hidden; } .videolist ul { text-align: justify; margin: 0px; padding: 0px; } .videolist li { position: relative; vertical-align: top; } .videolist-short li { list-style: none; margin: 0 0 10px 0; vertical-align: top; width: 142px; display: inline-block; *display: inline; } .qPager { position: relative; overflow: hidden; } .qPager .stat { float: left; padding: 4px; } .pagination { position: absolute; right: 10px; top: 0px; } .pagination ul li { display: inline-block; *display: inline; padding: 4px; margin: 0px; width: auto; height: auto; } .input-small { width: 20%; border: 1px solid #cbcbcb; *border: none; } .score-txt { } .mark-score-wrapper { position: relative; width: 100%; } .mark-score { text-align: right; margin-top: 5px; margin-right: 5px; width: 100%; border-top: 1px solid #cbcbcb; padding-top: 3px; background: #eee; } /* update 2013 1210 temp */ .ratingWrapper { margin-top: 2px; } .ico_up_small, .ico_up { position: relative; display: inline-block; width: 24px; height: 24px; background: url("img/bg_fn.png") no-repeat 0 -60px; margin-right: 20px; text-indent: 999em; overflow: hidden; margin-top: -2px; cursor: pointer; } .ico_up.unpush { background-position: -29px -60px; } .ico_up_small { width: 19px; height: 19px; background-position: 0 -268px; } .ico_up_small.unpush { background-position: -19px -268px; } .pushup_count { position: absolute; top: 5px; right: 2px; width: 20px; font-size: 12px; text-align: center; word-break: break-all; line-height: 20px; margin-bottom: 10px; } .subview { width: 100px; height: 80px; text-align: center; display: inline-block; *display: inline; *zoom: 1; padding:10px 20px; font-size:20px; line-height: 80px; } .subview:link{ color:#666666; } .subview:hover{ text-decoration:none; color:#fcfcfc; } .subview span{ display:block; margin:0 auto; font-size:12px; color: #959595; } .orange{ background:#FCBE68 } .orange:hover{ background:#f89406; } .blue{ background:#5BC3F4; } .blue:hover{ background:#0F99DA; } .green{ background:#86CB86; } .green:hover{ background:#46a546; } .flow_table{ margin-left:40px; } .flow_table td{ border-color:#fcfcfc; padding:20px; } .flow_date td{ padding:10px 20px; } td.active{ border-color:#D55D5B; border: 2px solid #D55D5B; } .skyblue{ background:#95C7FC } .flow_date .skyblue{ background:#D3E5FB; } .brown{ background:#C9A390; } .flow_date .brown{ background:#C9A390; } .green{ background:#C3DC7E; } .flow_date .green{ background:#E4EEC9; } .orange{ background:#F4AF85; } .flow_date .orange{ background:#FDECE4; } .bluelight{ background:#B2C7FC; } .flow_date .bluelight{ background:#DEE6FB; } .purpllight{ background:#E6BBF1; } .flow_date .purpllight{ background:#F3E1F7; } .greenlight{ background:#BDE0A0; } .flow_date .greenlight{ background:#E2EED6; } .star_green{ background:url("img/star_green.png") no-repeat; } .start_purpel{ background:url("img/start_purpel.png") no-repeat; } .star_blue{ background:url("img/star_blue.png") no-repeat; } .star_skyblue{ background:url("img/star_skyblue.png") no-repeat; } .star_orange{ background:url("img/star_orange.png") no-repeat; } .stars li{ padding-top:103px; width: 80px; float: left; list-style: none; } .column2 .span{ width:45%; display: inline-block; }