﻿.body_w{ background:url(../img/bg.jpg) no-repeat center 0;}
.hide{ position:absolute; left:-999em;}
.tq, .bar, .btn, .pro, .rad, .tit, .pub, .t_l, .t_r, .b_l, .b_r, .page_box .link, .page_box .on, .page_box .pg_up, .page_box .pg_next, .bac_btn{ background: url(../img/sp.png) no-repeat;}
.wrap{ background: url(../img/sp.png) no-repeat;width:1000px; height:1510px; margin:0 auto;}
.ban{ width:1000px; margin:0 auto; position:relative;}
.ban_1{ background:url(../img/b_1.jpg) no-repeat; height:302px;}
.ban_2{ background:url(../img/b_2.jpg) no-repeat; height:267px; position:relative;}
.content{ background: #ffffff; width:950px; height:890px; margin:0 auto; padding:25px; overflow:hidden;}
.time{font:normal 39px/40px Aril; position:absolute; left:153px; top:165px; color:#b4b4b4; text-shadow:1px 1px 1px #333333;}
.time span{ display:block; width:70px; margin-left:7px; float:left; display:inline; text-align:center;}
.rule{ color:#0971cc; position:absolute; left:530px; top:170px; }
.rule strong{ position:absolute; left:-40px; top:0;}
.rule p{ text-indent:-20px; padding-left:20px; line-height:21px;}

.con_1{ overflow:hidden; border-bottom:#cdcdc8 solid 1px; padding-bottom:20px;}
.con_2{ overflow:hidden; background: url(../img/img_bg.jpg) 700px 0 no-repeat; margin-top:30px;}
.con_3{ overflow:hidden; border-bottom:#d8cfcf solid 1px; padding-bottom:10px; margin:0 32px 0 20px; }
.tq_area { overflow:hidden; clear:both; height:160px;}
.tq_area li{ background:#f1f1f1; width:175px; height:155px; float:left; margin-right:15px; display:inline; border-top:#b2b2b2 solid 1px; border-left:#b2b2b2 solid 1px; border-right:#e7e7e7 solid 1px; border-bottom:#e7e7e7 solid 1px;}
.tq{width:175px; height:50px; margin-top:22px;}
.tq_1{ background-position:0 0;}
.tq_2{ background-position:0 -51px;}
.tq_3{ background-position:0 -102px;}
.tq_4{ background-position:0 -153px;}
.tq_5{ background-position:0 -204px;}
.bar{ background-position:0 -255px; width:155px; height:24px; margin:10px auto; padding-top:6px; position:relative; }
.pro{display:block;height:20px;background-position:0 -286px; position:absolute; left:0; top:0; box-shadow: 0px 0px 2px 2px #d89720;}
.bar .a_1{width:144px; height:20px; margin:0 auto; position:relative; display:block;}
.rad{ background-position:-174px -286px; height:20px; width:1px;  display:block; position:absolute; right:0; top:0;}
.total{font:normal 12px/20px \5FAE\8F6F\96C5\9ED1; position:absolute; top:5px; right:10px; color:#ffffff; text-shadow:0 1px 2px #333333;}
.btn{ background-position:-82px -307px; display:block; width:80px; height:24px; margin:0 auto; text-indent:-999em;}
.noM{ margin-right:0!important;}
.noB{ background:none!important;}
.tit{ background-position: -149px -332px;font:normal 16px/16px \5FAE\8F6F\96C5\9ED1; color:#494848; padding-left:20px; margin-bottom:25px;}

.x_user{width:62px; overflow:hidden; float:left; margin-right:19px; display:inline;}
.x_user img{width:60px; height:60px; border:#9c4c06 solid 1px; display:block;  margin:0 auto;}
.u_name{color:#974e00; line-height:26px; text-align:center;}
.i_box{ background:url(../img/line.png) repeat-x left bottom;  width:645px; margin:15px 0 0 22px; padding:0 0 15px 0; clear:both; overflow:hidden;}
.info{ background:#f1f1f1; width:538px; padding:8px 10px;  float:left;  border-top:#b2b2b2 solid 1px; border-left:#b2b2b2 solid 1px; border-right:#e7e7e7 solid 1px; border-bottom:#e7e7e7 solid 1px; color:#676767;}
.info p{ line-height:23px;}
.info p a{ color:#0e7bbe;}
.comment{ width:677px; margin-top:40px; padding-top:25px; border-top:#cdcdc8 solid 1px;}
.com_area{ background:#f1f1f1; height:70px; border-top:#b2b2b2 solid 1px; border-left:#b2b2b2 solid 1px; border-right:#e7e7e7 solid 1px; border-bottom:#e7e7e7 solid 1px; width:528px; padding:20px; float:left; position:relative;}
.com_area textarea{ background:none; width:528px; height:70px; border:none;line-height:26px; color:#787878; overflow:hidden; overflow-y:auto;}
.pub{ background-position:0 -307px; width:81px; height:114px; float:left; margin-left:10px; display:inline;}
.pub a{ display:block; width:77px; height:60px; margin-top:20px; display:block; text-indent:-999em;}
.t_l, .t_r, .b_l, .b_r{ display:block; width:5px; height:5px; position:absolute; overflow:hidden;}
.t_l{ background-position:-82px -332px; top:-1px; left:-1px;}
.t_r{ background-position:-88px -332px; top:-1px; right:-1px;}
.b_l{ background-position:-82px -338px; bottom:-1px; left:-1px;}
.b_r{ background-position:-88px -338px; bottom:-1px; right:-1px;}

.i_box1{ background:url(../img/line.png) repeat-x left bottom;  width:900px; margin:15px 0 0 0; padding:0 0 15px 0; clear:both; overflow:hidden;}
.info1{ background:#f1f1f1; width:794px; padding:8px 10px;  float:left;  border-top:#b2b2b2 solid 1px; border-left:#b2b2b2 solid 1px; border-right:#e7e7e7 solid 1px; border-bottom:#e7e7e7 solid 1px; color:#676767;}
.info1 p{ line-height:23px;}
.info1 p a{ color:#0e7bbe;}
.page_box{ text-align:right; padding:10px 0; font-family:Arial; margin-right:32px;}
.page_box .link,.page_box .pagelink{display:inline-block; vertical-align:middle; line-height:22px; width:22px;height:24px;color:#7C7C7C;}
.page_box .link{margin:0 3px; background-position:-152px -369px; width:22px;height:22px; text-align:center;}
.page_box .on{ background-position:-129px -369px; color:#61bcd6}
.page_box .pg_up{ background-position:-82px -369px; margin-right:6px;}
.page_box .pg_next{ background-position:-105px -369px; margin-left:6px;}
.bac_btn{ background-position:0 -422px; float:right; display:block; width:132px; height:47px; text-indent:-999em; margin-right:32px; display:inline;}

.sys_footer{ background:url(../img/f_bg.png) repeat-x #3f3f3f; height:154px;}
.foot{ background:url(../img/f_bg1.png) no-repeat center top; padding-top:30px!important; height:104px;}
.sys_footer .foot a,.sys_footer .foot p{color:#b4b4b4;}

/*by yu*/
/*pop*/
html,body{height:100%;}
.transp{position:fixed; _position:absolute; top:0; display:block;width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:997;}
.p_t_2{width:400px; background:#fff; position:fixed; _position:absolute; top:50%; left:50%; margin:-110px 0 0 -200px; z-index:999;}
.transp_border,.transp_border_2{position:absolute; top:-5px; left:-5px; width:100%; height:100%; border:5px solid #000; opacity:0.5; filter:alpha(opacity=50); z-index:1;}
.p_t_2 h1{height:38px; line-height:38px; border-top:2px solid #A00000; border-bottom:1px solid #DFDFDF; color:#646464; font-size:14px; padding:0 21px; background:#fff; z-index:2; position:relative;}
.p_t_2 .close{display:block; height:22px; width:22px; background:url(../img/spr_common.png) no-repeat -958px -126px; text-indent:-999em; overflow:hidden; position:absolute; top:8px; right:16px; z-index:999;}
.t_memo{position:relative; color:#525252; line-height:25px; padding:27px 21px 17px;z-index:999;}
.t_memo strong{display:block; font-weight:normal;}
.t_memo span{display:block; text-indent:16px;}
.btn_ok,.btn_submit,.btn_search{position:relative; left:50%; margin:10px 0 30px -51px; display:block; background:red url(../img/btn_pop.png) no-repeat; height:34px; width:102px; line-height:34px; text-align:center; color:#fff; z-index:999; font-weight:bolder; font-size:14px;}
.btn_ok:hover,.btn_submit:hover{text-decoration:none;background:red url(../img/btn_pop.png) no-repeat 0 -35px;}
.t_title{padding:0 10px; display:block; width:337px; height:28px; line-height:28px; border:1px solid #c8c8c8; margin-bottom:10px; color:#c8c8c8; box-shadow:inset 0 1px 2px rgba(0,0,0,.2);}
.t_cont{padding:10px 10px; display:block; width:337px; resize:vertical; height:70px; border:1px solid #c8c8c8; color:#c8c8c8;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}
.btn_search{margin-left:75px;}

/*nav*/
.b_nav{position:absolute; top:0; left:50px; height:43px; width:480px; overflow:hidden;}
.b_nav ul{padding:0 10px; width:1000px; text-indent:0;}
.b_nav li{float:left; height:43px; line-height:43px; margin-right:5px; position:relative; z-index:3; width:150px;}
.b_nav a{display:inline-block; height:43px; padding:0 35px; text-align:center; position:relative; color:#418bc8; z-index:999; background:url(../img/bg_nav.png) no-repeat 130px 14px;}
.b_nav strong{font: normal 20px/43px \5FAE\8F6F\96C5\9ED1;}
.b_nav a:hover{color:#fff; text-decoration:none;}
.current a{color:#fff;  background:url(../img/bg_nav.png) no-repeat 130px 14px;}
.current .bg_opacity{opacity:0.8; filter:alpha(opacity=80);}
.bg_opacity{display:block; background:#0a7ddc; width:100%; height:43px; opacity:0.2; filter:alpha(opacity=20); border-radius:0 0 5px 5px; position:absolute; top:0; left:0; z-index:2;}
