* { 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; height: 232px; width: 100%; margin-left: auto; margin-right: auto; } .tit { background: url(img/title.png) no-repeat; height: 237px; width: 1024px; margin-left: auto; margin-right: auto; } .nav { background: url(img/nav_bg.png) repeat-x; height: 103px; width: 100%; color: #4f3001; border-top: 3px solid #648710; font-size: 16px; } #nav ul { line-height: 50px; float: left; } #nav ul li { display: inline; padding-left: 25px; padding-right: 25px; } #nav ul li:hover { background: #648710; padding-top: 15px; padding-bottom: 22px; } #nav ul li.now { background: #648710; padding-top: 15px; padding-bottom: 22px; } .nav .con_box ul li a { color: #fff; } .nav .con_box ul li a:hover { color: #E5FA95; 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: 125px; height: 80px; display: block; position: absolute; top: -20px; margin-left: 20px; } .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; } .download:hover { background: url(img/download_hover.png) no-repeat; } .column_tit { font-size: 24px; color: #003567; padding-bottom: 10px; background: url(img/arrow_green.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 0 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: 350px; } .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; } .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; }