@charset "utf-8";

/*IE滚动条样式*/
*{
   scrollbar-3dlight-color:#D4D0C8; 
   scrollbar-highlight-color:#fff; 
   scrollbar-face-color:#E4E4E4; 
   scrollbar-arrow-color:#666; 
   scrollbar-shadow-color:#808080; 
   scrollbar-darkshadow-color:#D7DCE0; 
   scrollbar-base-color:#D7DCE0; 
   scrollbar-track-color:#;
}

::-webkit-scrollbar-track-piece{
	background-color:#fff;
	-webkit-border-radius:0;
}
::-webkit-scrollbar{
	width:8px;
	height:8px;
}
::-webkit-scrollbar-thumb{
	height:50px;
	background-color:#999;
	-webkit-border-radius:4px;
	outline:2px solid #fff;
	outline-offset:-2px;
	border: 2px solid #fff;
}
::-webkit-scrollbar-thumb:hover{
	height:50px;
	background-color:#9f9f9f;
	-webkit-border-radius:4px;
}


body,select,option,input{font-family:'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1', Arial, tahoma;font-size:12px;color:#333;}
body,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,img,p{margin:0;padding:0}
input,button,select,textarea{outline:none;}
body {background: #3399FF;}
html,body{ _height:100%; _overflow:hidden;}
ul,ol,li{list-style-type:none}
form{ display:inline;}
img {border:none;display: block;}
a {text-decoration:none;color:#333; }
a:hover {color:#c8161d;}
a:focus {outline:none; -moz-outline:none;}
.clearfix:after {clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden}
.clearfix {display:inline-block;}
.clearfix {display:block;} 

html,body{ _height:100%; _overflow:hidden;}
body{ _overflow:auto;}
#footer{
 width:100%;
 position:fixed;
 _position:absolute;
 left:0px;
 height:78px;
}
#header{top:0;}
#footer{bottom:0;}


.FocusPic {
	width:1200px;
	margin:10px;
	height:auto;
	/*position:relative;*/
	zoom:1;
	overflow:hidden;
}
.FocusPic .FP_angle {
	width:7px;
	height:7px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	position:absolute;
	z-index:10;
}
.FocusPic .FP_arr_left {
	width: 88px;
	height: 90%;
	position: absolute;
	z-index: 999;
	cursor: pointer;
	left: 10px;
	margin-top:-10px;
}

.FocusPic .FP_arr_left:hover {background: url(../images/scroll_btn.png) no-repeat left center;}

.FocusPic .FP_arr_right{
	width: 88px;
	height: 90%;
	position: absolute;
	z-index: 999;
	cursor: pointer;
	right: 10px;
	margin-top:-10px;
}

.FocusPic .FP_arr_right:hover{background: url(../images/scroll_btn.png) no-repeat right center;}


.FocusPic .FP_NumList {
	position:absolute;
	bottom:10px;
	zoom:1;
	overflow:hidden;
	z-index:9;
	margin-left: -200px;
	left: 50%;
}

.FocusPic .FP_NumList span {
	float:left;
	width: 60px;
	text-align:center;
	color:#c9e4f7;
	height:30px;
	line-height:30px;
	margin-left:10px;
	display:inline;
	cursor:pointer;
	/*background-image: url(../images/scroll_list_num.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-indent: -9999px;*/
	border-top:5px solid #a3c4d3;
}
.FocusPic .FP_NumList span.selected {
	border-top:5px solid #FFFFFF;
	color: #FFFFFF;
	/*background-image: url(../images/scroll_list_num.png);
	background-repeat: no-repeat;
	background-position: center top;*/
}
.FocusPic .FP_pic {
	width:1200px;
	height:700px;
	overflow:hidden;
	float:left;
}

#Left_btn  {
	position: absolute;
	height: 90px;
	width: 12px;
	cursor:pointer;
	top: 50%;
	background-image: url(../images/left_btn.png);
	background-repeat: no-repeat;
	margin-top: -45px;
	left: 50px;
	z-index: 9999;
}
#Right_btn  {
	position: absolute;
	height: 90px;
	width: 12px;
	cursor:pointer;
	top: 50%;
	background-image: url(../images/right_btn.png);
	background-repeat: no-repeat;
	margin-top: -45px;
	right: 50px;
	z-index: 9999;
}


.warp{
	width:1200px;
	height:700px;
	text-align: left;
	margin-bottom:60px;
	margin-right: auto;
	margin-left: auto;
}

.top{
	width : 400px;
	height: 85px;
	top:0;
	left:50%;
	margin-top:-55px;
	margin-left:-200px;
	padding:0 30px;
	background:url(../images/top_bg.png) repeat-x;
	text-align: center;
	position: fixed;
	z-index: 99999;
}

.top li{ float:left; width:80px; cursor:pointer;color:#fff;}
.top img {
	padding:8px 15px 5px 15px;
	display: inline;
}
.top p { line-height:18px;}
#Map_Box {
	width: 1200px;
	height: 700px;
	overflow: hidden;
}
.maps  {
	width: 1200px;
	position: relative;
	height: 700px;

}
.tab01  {
	background-image: url(../images/tab_bg_01.png);
	background-repeat: no-repeat;

}
.tab02  {
	background-image: url(../images/tab_bg_02.png);
	background-repeat: no-repeat;

}
.tab03  {
	background-image: url(../images/tab_bg_03.png);
	background-repeat: no-repeat;

}
.maps div a {
	text-indent: -9999px;
	display: block;
	position: absolute;
}
.maps div a:hover {
	text-indent: 0px;
	font-family:'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-shadow: 0px 1px 1px #fff;
	line-height: 30px;
	text-align: center;
	width: 150px;
}

.tab01 div a {text-shadow: 0px 1px 1px #fff; background: url(../images/map_icon.png) no-repeat center top;}
.tab02 div a {text-shadow: 0px 1px 1px #fff; background: url(../images/map_icon.png) no-repeat center top;}
.tab03 div a {text-shadow: 0px 1px 1px #fff; background: url(../images/map_icon.png) no-repeat center top;}

.tab01 div a:hover {color: #612712; background: url(../images/sub_menu_bg.png) no-repeat center -3px;}
.tab02 div a:hover {color: #612712; background: url(../images/sub_menu_bg.png) no-repeat center -3px;}
.tab03 div a:hover {color: #612712; background: url(../images/sub_menu_bg.png) no-repeat center -3px;}

.tab01_yw a {
	height: 71px;
	width: 157px;
	left: 445px;
	top: 351px;
}
.tab01_sx a {
	height: 77px;
	width: 179px;
	right: 731px;
	top:288px;
}
.tab01_yy a {
	height: 78px;
	width: 160px;
	left: 65px;
	top:184px;
}
.tab01_wl a {
	height: 66px;
	width: 166px;
	left: 225px;
	top:150px;
}
.tab01_hx a {
	height: 70px;
	width: 160px;
	left: 363px;
	top:107px;
}
.tab01_sw a {
	height: 68px;
	width: 176px;
	left: 543px;
	top:219px;
}
.tab01_zz a {
	height: 52px;
	width: 165px;
	left: 593px;
	top:67px;
}
.tab01_ls a {
	height: 57px;
	width: 156px;
	left: 687px;
	top:131px;
}
.tab01_dl a {
	height: 46px;
	width: 163px;
	left: 796px;
	top:134px;
}
.tab01_kx a {
	height: 65px;
	width: 192px;
	left: 772px;
	top:283px;
}
.tab01_lsysh a {
	height: 63px;
	width: 184px;
	left: 704px;
	top:374px;
}

.tab02_hgmj a {
	height: 59px;
	width: 155px;
	left: 186px;
	top: 102px;
}
.tab02_msdy a {
	height: 61px;
	width: 159px;
	right: 570px;
	top:259px;
}
.tab02_xfly a {
	height: 56px;
	width: 160px;
	left: 486px;
	top:18px;
}
.tab02_zsqh a {
	height: 82px;
	width: 204px;
	left: 87px;
	top:152px;
}
.tab02_dgkt a {
	height: 86px;
	width: 207px;
	left: 354px;
	top:410px;
}
.tab02_tljs a {
	height: 70px;
	width: 166px;
	left: 313px;
	top:315px;
}
.tab02_cbwx a {
	height: 49px;
	width: 141px;
	left: 592px;
	top:86px;
}
.tab02_jtjy a {
	height: 58px;
	width: 156px;
	left: 389px;
	top:96px;
}
.tab02_xztd a {
	height: 54px;
	width: 148px;
	left: 724px;
	top:79px;
}
.tab02_xxjl a {
	height: 69px;
	width: 166px;
	left: 636px;
	top:241px;
}
.tab02_zncp a {
	height: 63px;
	width: 156px;
	left: 388px;
	top:194px;
}
.tab02_astx a {
	height: 58px;
	width: 153px;
	left: 636px;
	top:346px;
}
.tab02_wlzh a {
	height: 61px;
	width: 160px;
	left: 499px;
	top:146px;
}
.tab02_lssx a {
	height: 59px;
	width: 151px;
	left: 909px;
	top:177px;
}


.tab02_hglt a {
	height: 67px;
	width: 156px;
	left: 118px;
	top:152px;
}

.tab02_dckj a {
	height: 73px;
	width: 167px;
	left: 355px;
	top:413px;
}

.tab02_ksjy a {
	height: 68px;
	width: 157px;
	left: 984px;
	top: 253px;
}

.tab02_ksyd a {
	height: 52px;
	width: 151px;
	left: 786px;
	top: 366px;
}

.tab02_swtp a {
	height: 55px;
	width: 152px;
	left: 885px;
	top: 317px;
}

.tab03_gswls a {
	height: 61px;
	width: 202px;
	right: 649px;
	top:69px;
}
.tab03_xdwls a {
	height: 62px;
	width: 198px;
	left: 491px;
	top:8px;
}
.tab03_sxjh a {
	height: 58px;
	width: 209px;
	left: 528px;
	top:107px;
}
.tab03_sxds a {
	height: 61px;
	width: 189px;
	left: 587px;
	top:160px;
}
.tab03_dldq a {
	height: 59px;
	width: 184px;
	left: 286px;
	top:352px;
}

.tab03_dlyz a {
	height: 49px;
	width: 184px;
	left: 236px;
	top:302px;
}

.tab03_wldc a {
	height: 61px;
	width: 198px;
	left: 140px;
	top:100px;
}

.tab03_wldx a {
	height: 61px;
	width: 184px;
	left: 60px;
	top:163px;
}

.tab03_wlgx a {
	height: 61px;
	width: 184px;
	left: 230px;
	top:182px;
}

.tab03_wllx a {
	height: 61px;
	width: 184px;
	left: 24px;
	top:243px;
}

.tab03_wlrx a {
	height: 61px;
	width: 184px;
	left: 122px;
	top:284px;
}


.tab03_swdx a {
	height: 61px;
	width: 184px;
	left: 470px;
	top:198px;
}

.tab03_swjh a {
	height: 61px;
	width: 184px;
	left: 562px;
	top:237px;
}

.tab03_swst a {
	height: 50px;
	width: 184px;
	left: 398px;
	top:322px;
}

.tab03_swgc a {
	height: 54px;
	width: 184px;
	left: 474px;
	top:386px;
}

.tab03_swyc a {
	height: 57px;
	width: 184px;
	left: 530px;
	top:440px;
}

.tab03_hxffj a {
	height: 61px;
	width: 184px;
	left: 652px;
	top:394px;
}

.tab03_hxsytj a {
	height: 61px;
	width: 184px;
	left: 713px;
	top:331px;
}

.tab03_hxxzsy a {
	height: 61px;
	width: 184px;
	left: 941px;
	top:213px;
}

.tab03_hxyhhy a {
	height: 61px;
	width: 184px;
	left: 909px;
	top:279px;
}

.tab03_hxzbsy a {
	height: 61px;
	width: 184px;
	left: 896px;
	top:376px;
}

.tab03_hxfj a {
	height: 61px;
	width: 184px;
	left: 723px;
	top:473px;
}

#icon_con  .tab02 {
	background-image: url(../images/tab_bg_02.png);
	background-repeat: no-repeat;
	height: 700px;
	width: 1200px;
}
.box {
	height: 800px;
	width: 100%;
	position: relative;
}



/* 通知公告弹出框*/
.message_pop {color:#fff; position:fixed;top:120px;left:50%;width:607px; height:auto; margin-left:-300px; z-index:9999;}
.message_pop_title {width:607px; height:41px; background: url(../images/message_title.png) no-repeat;}
.message_pop_title .close a{ text-indent:-9999px; float:right; width:30px; height:40px; background:url(../images/message.png) no-repeat 0 center;}
.message_con { padding:20px; background:#f1f1f1; border:1px solid #ddd; border-top:none; color:#555;box-shadow:0px 4px 2px 0px #666; line-height:1.8em; max-height:360px;overflow-y:scroll; overflow-x:hidden;}
.message_con h2 { font-size:16px; font-weight:normal; line-height:24px; text-align:center; margin-bottom:5px;padding-bottom:8px; color:#2a649a;}
.message_con img{ max-width:580px;}



/*  连续登录奖励+为您推荐 弹出框  */
.award_pop {color:#fff; position:fixed;top:85px;left:50%;width:742px; height:auto; margin-left:-370px; z-index:999; background: url(../images/recommend_pop_top.png) no-repeat;}
.award_pop .close a{ text-indent:-9999px; float:right; width:36px; height:22px;}
.award_pop .close a:hover{ background:url(../images/pop_close_hover.png) no-repeat -1px 1px;}
.award { padding:10px 20px; padding-bottom:0;}
.award h2 { font-size:18px; font-weight:normal; line-height:24px; text-align:center; margin-bottom:5px;}


.award h2 .nickname {float:left; color:#fff; width:200px; text-align:left;}
.award h2 .loadDate {color:#ff0; font-size:20px; padding:0 5px;}
.award h2 .enddate {font-size:14px; float:right;}
.award h2 .enddate em{font-size:14px; float:right;color:#ff0; font-style:normal;}

.award .award_date { float:left; width:330px; text-align:center;}
.award .tomorrow {float:right;}
.award .award_date .award_date_title{ line-height:24px; font-size:16px; color:#fff; }

.award .award_list { margin:5px 0; background:#85caed; padding:0 8px;}
.award .award_date li {text-align:center; float:left; width:62px; padding-top:3px; }
.award .award_date img{ width:35px; vertical-align: middle; text-align:center; margin:0 auto;}
.award .award_date li .number {line-height:20px; font-size:14px; color:#10628c; display:block;}
.award .award_date .award_date_jinbi span{ color:#ff0;}

.recommend { padding:0 20px; background: url(../images/recommend_pop_bg.png) repeat-y;}
.recommend_list h3 { line-height:38px; color:#f8e019; font-size:16px; font-weight:normal; background: url(../images/star_icon.png) no-repeat 10px center; padding-left:30px;}
.recommend li {line-height:32px; color:#0a5c85; background: url(../images/recommend_unplan.png) no-repeat 10px center; height:32px; padding-left:40px;border-bottom: 1px dashed #76c5ed;}
.recommend li span { display:block; float:left;}
.recommend li.enter { background: url(../images/recommend_planed.png) no-repeat 10px center; color:#fff;}
.recommend li .title { width:420px; height:32px; overflow:hidden; word-wrap: break-word; word-break: normal;}
.recommend li .sskm { width:100px; text-align:center;}
.recommend li .addplan { width:90px; padding-left:50px; background: url(../images/addplan_icon.png) no-repeat 30px 10px; cursor:pointer;}
.recommend li .show_time { width:130px; text-align:right;}

.award_btn_box {clear:both; padding:10px 0; background: url(../images/recommend_pop_bottom.png) no-repeat center bottom;}
.award_btn {  margin:0 auto; width:129px; cursor:pointer; }
.award_btn p { color:#248ec8; text-align:center; background:url(../images/award_btn.png) no-repeat center center; width:123px; height:29px; line-height:29px;}

/* 领取奖励公告 */
.lqjl_pop {color:#fff; position:fixed; top:50%; left:50%; width:396px; height:168px; margin-top:-84px; margin-left:-198px; z-index:99999; background: url(../images/lqjl_pop.png) no-repeat;}
.lqjl_pop .close a{ text-indent:-9999px; float:right; width:36px; height:22px;}
.lqjl_pop .close a:hover{ background:url(../images/pop_close_hover.png) no-repeat -1px 1px;}


/* 回赠礼物弹框 */	
.re_gift_box {color:#fff; position:fixed; top:50%; left:50%; width:421px; height:297px; margin-top:-150px; margin-left:-210px; z-index:99999; background: url(../images/re_gift_pop.png) no-repeat;}
.re_gift_box .close a{ text-indent:-9999px; float:right; width:36px; height:22px;}
.re_gift_box .close a:hover{ background:url(../images/play/pop_close_hover.png) no-repeat -1px 1px;}
.re_gift_box .gift_con {height: 250px; width: 390px; color:#fff; margin:10px; position:relative;}
.re_gift_box .gift_con .re_to {position: absolute; left:10px; top:5px;}
.re_gift_box .gift_con .bag {position: absolute; left: 10px; top:26px;}
.re_gift_box .gift_con .bag_list {position: absolute; left: 10px; top:45px; width:372px; height:140px; overflow:auto; padding:5px; background:#7dc8ee;}
.re_gift_box .bag_list li { text-align:center; line-height:33px; width:33px; height:33px; float:left; margin:3px; display:inline; background:url(../images/play/gift_bg.png) no-repeat;}
.re_gift_box .bag_list li img { width:26px; height:26px; margin:4px auto 0 auto; cursor:pointer;}
.re_gift_box .gift_con .gift_name {left: 65px; top:15px; height: 25px;width: 130px;position: absolute;}
.re_gift_box .gift_con .gift_num {left: 10px; top: 208px; width:370px; line-height:20px; position: absolute;}
.re_gift_box .gift_con .gift_num img{height:24px;vertical-align: middle; display:inline-block;}
.re_gift_box .gift_con .gift_num span { height:20px; width:13px; text-indent:-9999px; display:inline-block; cursor:pointer;}
.re_gift_box .gift_con .gift_num .num_jian {background:url(../images/play/num_jian.gif) no-repeat center center;}
.re_gift_box .gift_con .gift_num .num_jia {background:url(../images/play/num_jia.gif) no-repeat center center; }
.re_gift_box .gift_con .gift_num .num_input {width:25px; height:16px; margin:0 3px; border:1px solid #089dcb; background:#b7e4fa; display:inline-block; text-align:center; vertical-align: middle;}
.re_gift_box .gift_btn a{position: absolute; left: 140px; top:250px; width:123px; height:29px; display:inline-block; text-indent:-9999px; line-height:29px; background:url(../images/play/shopping_pop_btn.png) no-repeat center center;}


/* 加好友弹出框 */
.add_friend_pop {color:#fff; position:fixed;top:50%;left:50%;width:396px; height:168px; margin-top:-84px;margin-left:-198px; z-index:99999; background: url(../images/lqjl_pop.png) no-repeat;}
.add_friend_pop .close a{ text-indent:-9999px; float:right; width:36px; height:22px;}
.add_friend_pop .close a:hover{ background:url(../images/pop_close_hover.png) no-repeat -1px 1px;}
.add_friend_info { padding:10px 25px;}
.add_feiend_headphoto { width:70px; float:left;}
.add_feiend_headphoto img { width:60px; border:1px solid #fff;}
.add_feiend_txt { width:250px; padding-left:15px; float:left;}
.add_feiend_btn { clear:both; margin-left:60px; padding-top:20px;}
.add_feiend_btn li { width:102px; float:left; margin-right:20px;}
.add_feiend_btn li a{ display:block; color:#65b0d8; width:102px; text-align:center; height:32px; line-height:32px; background:url(../images/skin_blue/btn_bg.png) no-repeat center bottom;}
.add_feiend_btn li a:hover{ background-position:center top; color:#65b0d8;}


/* 2秒自动消失提示框 */
.PopupBox {position: absolute;left: 50%;top: 50%;z-index: 999999;display:none;border: 5px solid #6dc6f1;height: 39px;display:none;_display: inline;_clear: both;}
.PopupBox .PopupBox_c {background-color: #fff;border: 1px solid #329cd0;color: #515151;line-height: 37px;height: 37px;padding: 0 30px;_display: inline;}
.PopupBox .PopupBox_c .success, .PopupBox .PopupBox_c .failure, .PopupBox .PopupBox_c .warning { background: url(../images/alert_icon.png) no-repeat;}
.PopupBox .PopupBox_c .success {float: left;width: 24px;height: 20px;background-position: center top; margin: 8px 10px 0 15px;display: inline;}
.PopupBox .PopupBox_c .failure {float: left;width: 24px;height: 20px;background-position: center -24px; margin: 8px 10px 0 15px;display: inline;}
.PopupBox .PopupBox_c .warning {float: left;width: 24px;height: 24px;background-position: center -48px; margin: 8px 10px 0 15px;display: inline;}


/* 对话框 */
.dialog_box {color:#fff; position:fixed;top:50%;left:50%;width:460px; height:420px; margin-top:-210px;margin-left:-230px; z-index:99999; background: url(../images/dialog_box_bg.png) no-repeat;}
.dialog_min_close { width:64px; height:20px; float:right; margin:2px 0 0 0;}
.dialog_min_close li{ width:31px; height:20px; float:left; cursor:pointer;}
.dialog_tomin:hover {background: url(../images/min_close_btn.png) no-repeat left -1px;}
.dialog_toclose:hover {background: url(../images/min_close_btn.png) no-repeat -31px -1px;}
.dialog_title {font-size:14px; text-align:center; padding:6px 0; padding-left:31px;}
.dialog_div { padding:18px;}
.dialog_left { width:290px; float:left;}
.dialog_chat_txt { width:280px; height:188px; overflow:auto; padding:0 0 5px 8px; margin-top:8px;}
.dialog_chat_txt dl{ padding:10px; line-height:18px;}
.dialog_chat_txt dl dt{ color:#f3ff2f; padding-bottom:2px;}
.dialog_chat_txt dl dd{ color:#fff; padding-bottom:8px; padding-left:2em; word-wrap:break-word;}
.dialog_textarea { background:#0972a7; height:100px; width:285px; margin-top:14px; border:none; color:#fff; line-height:1.2em; resize: none;}
.dialog_btn {height:21px; float:right; margin-top:18px;}
.dialog_btn li { width:55px; float:left; margin-left:10px; margin-top:20px;}
.dialog_btn li a{width:55px; height:21px; line-height:21px; display:block; background:url(../images/dialog_left_btn.png) no-repeat; text-align:center; color:#fff;}
.dialog_right { padding:8px;width:110px; float:right;}
.headphoto_name_info img{ width:74px; border:1px solid #1c94d1; margin:15px 0 5px 18px;}
.headphoto_name_info p { line-height:22px;}
.dialog_todo { margin-top:30px;}
.dialog_todo li{ width:113px; float:left; margin-bottom:8px; text-align:center;}
.dialog_todo li a{width:113px; height:25px; line-height:25px; display:block; background:url(../images/dialog_right_btn.png) no-repeat; color:#fff;}
.dialog_todo li a:hover{background:url(../images/dialog_right_btn_hover.png) no-repeat;}


/* 聊天互动样式 */
.playbox {
color: #fff;
background: #1085bf;
margin-right: 0px;
margin-top: -300px;
position: relative;
width: 210px;
height: 520px;
border: 1px solid #0a4da4;
position: fixed;
z-index: 9999;
right: 0px;
top: 50%;
padding-top: 8px;
padding-right: 5px;
padding-bottom: 12px;
padding-left: 5px;
}
.top_right { width:25px; height:20px; float:right; margin:-5px; margin-top:-8px;}
.top_right li{ width:25px; height:20px; float:left; background:url(../images/play/play_close_bg.png) no-repeat;}
.top_right .top_toclose {background-position: right top;}
.top_toclose:hover {background-position: right bottom;}
.playbox a {color:#00527a;}

.playbox .toclose {
	position:absolute;
	left:-9px;
	top:50%;
	margin-top:-120px;
	height:240px;
	width:9px;
	cursor:pointer;
	background-image: url(../images/play/play_toclose_btn.png);
	background-repeat: no-repeat;
}

.playbox .toopen {
	position:absolute;
	left:-9px;
	top:50%;
	margin-top:-120px;
	height:240px;
	width:9px;
	cursor:pointer;
	background-image: url(../images/play/play_toopen_btn.png);
	background-repeat: no-repeat;
}


.playbox .info { margin-bottom:8px; clear:both;}
.playbox .info_photo{ height:50px; width:50px; border:1px solid #fff; margin-right:8px; display:inline; float:left;}
.playbox .info_text { float:left; margin-left:10px;}
.playbox .info p { line-height:14px; margin-bottom:5px;}
.playbox .info_text img { width:24px; height:24px; display:inline-block; vertical-align: middle; padding:0 5px;}

.con_title { padding:3px 3px 0 5px; border-bottom:1px solid #169ecc; height:28px; background:url(../images/play/play_title_bg.png) repeat-x;}
.con_title .reback { float:right; margin-right:5px; line-height:28px;}
.con_title .reback a{ color:#00527a;}
.con_title h2{float:left;font-size:12px;font-weight:normal;width:60px;height:28px;line-height:28px;text-align:center;margin-right:3px;display:inline;background: url(../images/play/play_tab_title_hover.png) no-repeat 0 0;}

.dating_con { height:140px; padding:5px; background:#4ca4cf; overflow:auto;}
.dating_con .num{color:#fcf02a;}
.classroom_list_con {height:400px; overflow:auto; position:relative;}

.sliderup {
	background: #1085bf;
	margin-right: 0px;
	width: 30px;
	border: 1px solid #0a4da4;
	position: fixed;
	z-index: 9999;
	right: 0px;
	top: 0px;
}
.sliderup .to_up {
	width: 20px;
	float: right;
	margin-top: 7px;
	background: url(../images/play/to_sliderup.png) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

/*好友黑名单分页效果*/
.classroom_list_con .play_page{height:20px; width:160px; position:absolute; bottom:5px; left:38px;}
.play_page span { display:inline-block; cursor:pointer; width:15px; height:15px; text-indent:-9999px; line-height:15px; background:url(../images/play/play_page_icon.png) no-repeat;}
.play_page .page_nums { width:50px; height:18px; color:#17658c; line-height:18px; margin:0 5px; display:inline-block; text-align:center; background:url(../images/play/play_page_num_bg.png) no-repeat}
.play_page .disclick {cursor:default;}
.play_page .first_page { background-position:0 0;}
.play_page .first_page.disclick { background-position:0 -17px; }
.play_page .prev_page { background-position:-15px 0;}
.play_page .prev_page.disclick { background-position:-15px -17px;}
.play_page .next_page { background-position:-30px 0;}
.play_page .next_page.disclick { background-position:-30px -17px;}
.play_page .last_page { background-position:-45px 0;}
.play_page .last_page.disclick { background-position:-45px -17px;}


.play_table {border-collapse:collapse;line-height: 20px; text-align:center;color: #fff;font-size: 12px;}
.play_table td {padding: 3px; background:#5eb7e2;}
.play_table tr.alt td {background:#329cd0;} /*这行将给所有的tr加上背景色*/

.friend_th li{float:left; line-height:26px; background:#4ca4cf; text-align:center;}
.friend_tr_odd {position:relative; height: 26px;width:210px; background:#5eb7e2;}
.friend_tr_even {position:relative; height: 26px;width:210px; background:#329cd0;}

.friend_tr_odd li{float:left; height:26px; line-height:26px;}
.friend_tr_even li{float:left; height:26px; line-height:26px;}
.friend_name { width:105px; padding-left:5px; overflow:hidden;}
.friend_army { width:60px; text-align:center;}
.friend_isonline { width:40px; text-align:center;}

.friend_name a {color:#fff; cursor:pointer;}
.friend_todo {position:absolute; background:#4ca4cf; padding:5px 0; border:1px solid #0e81ba; width: 60px; top:0; left:60px; z-index:99999;}
.friend_todo li { float:left; width:55px; line-height:22px; height:22px; background:#4ca4cf; cursor:pointer; padding-left:5px;}
.friend_todo li:hover { background:#36bae5;}


.notice { margin-top:5px; padding-left:28px; line-height:24px; height:24px; background:url(../images/play/notice_icon.png) no-repeat 5px center;}
.desk_chair_box { background:#4ca4cf;height:270px;}
.chair_desk {position:relative;width:210px;height:250px;margin:0 auto;}
.zz_btn { height:21px; width:39px; text-align:center; line-height:21px; background:url(../images/play/zz_btn.png) no-repeat center top; cursor:pointer; position:absolute; top:5px; left:8px;}
.center_desk {position:absolute;top:61px;left:53px;line-height:51px;text-align:center;color:#5e410c;background:url(../images/play/desk_full.png) no-repeat;width:104px;height:116px;}
.desk_empty {position:absolute;top:61px;left:53px;line-height:51px;text-align:center;color:#5e410c;background:url(../images/play/desk_emputy.png) no-repeat;width:104px;height:116px;}
.user_info { position:absolute; height:50px; width:50px;}
.chair_desk .used {height: 34px;width: 50px; position:relative;}
.userphoto .friend_todo {position: absolute; z-index:9999; top:0px; left:42px; background:#4ca4cf; padding:5px 0; border:1px solid #0e81ba; width: 60px;}
.userphoto .friend_todo_right {position: absolute; z-index:9999; top:0px; left:-55px; background:#4ca4cf; padding:5px 0; border:1px solid #0e81ba; width: 60px;}

.chair_desk .empty {background: url(../images/play/chair_emputy.png) no-repeat center top; height: 34px;width: 50px; cursor:pointer;}
.chair_desk .used {height: 34px;width: 50px; position:relative;}
.chair_desk .userphoto img {height: 32px;width: 32px; border:1px solid #fff; margin-left:7px;}
.chair_desk .name{ line-height:20px; text-align:center;}
.chair01 {top:7px;left:53px;}
.chair02 {top:7px;left:110px;}
.chair03 {top:60px;right:0;}
.chair04 {top:128px;right:0;}
.chair05 {top:180px;left:110px;}
.chair06 {top:180px;left:53px;}
.chair07 {top:128px;left:0;}
.chair08 {top:60px;left:0;}


.play_tab_title { padding:3px 3px 0 2px; border-bottom:1px solid #169ecc; height:28px; background:url(../images/play/play_title_bg.png) repeat-x;}
.play_tab_title .reback { float:right; margin-right:5px; line-height:28px;}
.play_tab_title .reback a{ color:#00527a;}

.play_tab_title li{float:left;width:60px;height:28px;line-height:28px;text-align:center;margin-right:2px;display:inline;background: url(../images/play/play_tab_title.png) no-repeat 0 0;}
.play_tab_title li.clicked{background: url(../images/play/play_tab_title_hover.png) no-repeat;}
.play_tab_con{background:#4ca4cf;}
.hiden{ display:none}


.chat_con { height:105px; overflow:auto;}
.chat_room dl{ padding:10px; line-height:18px;}
.chat_room dl dt{ color:#f3ff2f; padding-bottom:2px;}
.chat_room dl dd{ color:#fff; padding-bottom:8px; padding-left:2em; word-wrap:break-word;}
.wordpad { background:url(../images/play/chat_bg.png) repeat-x; line-height:24px; height:24px; padding:0 5px; border-left:1px solid #40bcfa; border-right:1px solid #40bcfa;}
.wordpad_text {vertical-align: middle; background:#fff;border: none;color: #0e7ab0;width: 140px;line-height: 18px;height: 18px;padding:0 2px;}
.wordpad_btn {vertical-align: middle; color:#176ca9; height:18px; width:36px; border:none; cursor: pointer; background:url(../images/play/wordpad_btn.png) no-repeat;}

/*giftroom*/
.gift_room { position:relative;}
.gift_list { padding:5px 0 0 6px; height:124px; overflow:auto;}
.gift_list li { text-align:center; line-height:33px; width:33px; height:33px; float:left; margin:2px; display:inline; background:url(../images/play/gift_bg.png) no-repeat;}
.gift_list li img { width:26px; height:26px; margin:4px auto 0 auto; cursor:pointer;}

.gift_box {position: absolute; height: 122px; width: 190px; background:#6fc9f5; color:#fff; border: 1px solid #089dcb; top:6px; left:8px; display:none;}
.gift_close { float:right; margin-right:5px; color:#00527a;}
.gift_box .gift_img {position: absolute; left: 10px; top:10px; background:url(../images/play/gift_bg_45.gif) no-repeat center center;}
.gift_box .gift_name {left: 65px; top:15px; height: 25px;width: 130px;position: absolute;}
.gift_box .gift_mynum {left: 65px; top:35px; height: 25px;width: 100px;position: absolute;}

.gift_box .chose_name {left: 10px;top: 60px; width:180px; line-height:20px; position: absolute;}
.gift_box .gift_num {left: 10px;top: 90px; width:130px; line-height:20px; position: absolute;}
.gift_box .num_jian { height:20px; width:13px; background:url(../images/play/num_jian.gif) no-repeat center center; text-indent:-9999px; display:inline-block; cursor:pointer;}
.gift_box .num_jia { height:20px; width:13px; background:url(../images/play/num_jia.gif) no-repeat center center; text-indent:-9999px; display:inline-block; cursor:pointer;}
.gift_box .gift_num .num_input {width:25px; height:16px; margin:0 3px; border:1px solid #089dcb; background:#b7e4fa; display:inline-block; text-align:center; vertical-align: middle;}

.gift_box .gift_btn {left: 133px;top: 90px; width:120px; line-height:20px; position: absolute;}
.wordpad .giftto {vertical-align: middle; background:#fff; border: none;color: #0e7ab0; line-height:16px; height:16px; width:95px; overflow:hidden;}
.gift_room .tomall a{ background:url(../images/play/tomall_bg.png) no-repeat; width:38px; height:18px; line-height:18px; text-align:center; color:#bc0f0f; display:block;}

/*冒泡功能*/
.sliderup {background:#1085bf; margin-right:0px; width:30px; border:1px solid #0a4da4; position:fixed; z-index:9999; right:0px; top:0px; }
.sliderup .tips {padding-left:28px; line-height:30px; height:30px; width:150px; overflow:hidden; float:left; background:url(../images/play/notice_icon.png) no-repeat 5px center;}
.sliderup .to_up { width:20px; float:right; margin-top:7px; background:url(../images/play/to_sliderup.png) no-repeat; text-indent:-9999px; cursor:pointer;}

/* 聊天窗口最小化样式 */
.chat_small_box {width:100%;position:fixed;_position:absolute; right:5px; bottom:70px; z-index: 99999;}
.chat_small_list li { width:75px; padding-left:25px; height:24px; line-height:24px; color:#e0e9f2; float:right; margin-left:5px; display:inline; background:url(../images/chat_small_icon.gif) no-repeat left top; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.chat_small_list li.chat_light { background-position:left bottom;}


/* 系统即时消息框 */

.msg_toclose {
	position: absolute;
	right:0;
	top:0px;
	text-indent:-9999px;
	height: 170px;
	width: 9px;
	cursor: pointer;
	background:url(../images/msg_left.png) no-repeat left center;
}
.msg_toopen {
	position: absolute;
	right:0;
	top:0px;
	text-indent:-9999px;
	height: 170px;
	width: 9px;
	cursor: pointer;
	background:url(../images/msg_right.png) no-repeat left center;
}


.In_message {position:fixed;left:5px; bottom:70px; padding:10px 8px; height:150px; width:250px; overflow:hidden; z-index: 999999;}
.In_message {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3));
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0.3)));
	background: rgba(0, 0, 0, 0.30);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000000, endColorstr=#44000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000000, endColorstr=#44000000)";
}
.msg_btn {position:fixed; left:8px; bottom:245px; height:30px; width:30px; text-indent:-9999px; background:url(../images/immediaten_otice_icon.png) no-repeat 0 0; cursor:pointer; z-index:9999;}
.msg_list { padding:5px 0; height:140px; width:248px; overflow:hidden;}
.msg_list li{ margin-bottom:4px; color:#fff; line-height:20px; padding:0 0 5px 18px; background:url(../images/notice_icon.png) no-repeat 0 2px; border-bottom:1px dotted #ccc;}

/*加入收藏弹出框*/
.collection {color:#fff; padding:5px; position:fixed;top:150px;left:50%;width:610px; margin-left:-310px; z-index:999999; background:#fffcf2; border:3px solid #0989ca; text-align:center;}
.collection .close a{ text-indent:-9999px; float:right; width:20px; height:20px; background:url(../images/collection_close.png) no-repeat;}
.collection h2 {background:url(../images/collection_title.png) no-repeat; height:34px; width:557px; margin:30px 0 0 25px; text-indent:-9999px;}
.collection h3 { font-size:36px; color:#0989ca; line-height:2em; font-family:"微软雅黑","黑体",Arial, Helvetica, sans-serif;}
.collection h4 { background:url(../images/collection_btn.png) no-repeat; height:58px; width:227px; margin:20px 0 20px 200px; text-indent:-9999px; cursor:pointer;}

/* 脚部分样式 */
.footer_show, .footer_hiden {position:fixed; right: 20px; bottom:28px; z-index: 99999;}
.footer_show a {background: url(../images/home_foot_btn.png) no-repeat center bottom; display:inline-block; height:8px; width:15px; text-indent:-9999px;}
.footer_hiden a {background: url(../images/home_foot_btn.png) no-repeat center top; display:inline-block; height:8px; width:15px; text-indent:-9999px;}
.footer{width:100%;position:fixed;_position:absolute;}
.footer {background: url(../images/footer_bg.png) repeat-x center bottom;height: 78px;width: 100%;}
.footer .logo {float: left;width: 170px;padding-top: 25px;padding-left: 50px;}
.footer .logo h1 a {display: block;height: 37px;width: 200px; text-indent: -9999px; background: url(../images/logo.png) no-repeat;}
.footer .contact a {padding-right: 10px;padding-left: 10px;color: #fff;}
.footer .contact {float: right;width: 180px;padding-top: 38px;}

.theme_btn {float: right;width: 80px;padding-top: 35px;}
.theme_btn a{ height:22px; width:54px;}
.theme_btn .theme1 a { display:inline-block; text-indent:-9999px; background:url(../images/theme_botton.png) repeat-x center bottom;}
.theme_btn .theme2 a { display:inline-block; text-indent:-9999px; background:url(../images/theme_botton.png) repeat-x center top;}