@charset "utf-8";
/*定义基本的样式*/
.fl { float:left;}
.fr { float:right;}
.fl18 { float:left; margin-left:18px;}
.clear{clear:both;height:0;overflow:hidden;width:0}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}

.pr10{padding-right:10px;}
.ht10{height:10px;}
.ht20{height:20px;}

.txc{text-align:center;}
.txl{text-align:left;}
.txr{text-align:right;}


.bgmask {position:absolute;display:none;top:0;left:0;height:100%;width:100%;background:#404040;z-index:20000;}
.bgmask {background-color:rgba(0,0,0,0.5);background-color:#0005;filter:Alpha(Opacity=50);}
.box_close {position:absolute;background-position:-72px -168px;left:490px;top:16px;display:inline-block;cursor:pointer;background:url(../images/closebox.png);width:16px;height:16px}
.topb {display:inline-block; background:url("../images/topb.png") no-repeat;_background:url("../images/topb.jpg") no-repeat;}
.border_left, .orange .border_left{ float:left; width:5px; height:35px; }
.border_center, .orange .border_center { float:left; position:relative; height:35px; line-height:35px; padding:0 5px;}
.border_right, .orange .border_right  { float:left; width:5px; height:35px; } 
.login .border_left{background-position:0 -105px;}
.regbox .border_left{background-position:0 -210px;}
.login .border_center{background-position:0 -140px;background-repeat:repeat-x;}
.regbox .border_center{ background-position:0 -245px;background-repeat:repeat-x;}
.login .border_right{ background-position:0 -175px;}
.regbox .border_right{ background-position:0 -280px;}

.topc {display:block; background:url("../images/topc.png") no-repeat; }
.login-box-global-css{ width:521px; overflow:hidden;z-index:99999;position:absolute;}
.login-box-global-css css3-container{float:left;}
.login-box-global-css .box_head {z-index:2;float:left;}
.login-box-global-css .rlbox{float:left;}
.login-box-global-css ul.loginswitch {width:521px; height:49px; background:url("../images/topa.png") no-repeat; background-position:0 -190px; float:left; overflow:hidden/9; _overflow:hidden; }
.login-box-global-css ul.loginswitch li{float:left;display:block;width:143px;height:49px;line-height:49px;text-align:center;font-size:18px;}
.login-box-global-css ul.loginswitch li a{font-size: 18px;}
.login-box-global-css ul.loginswitch  li.regsw{width:143px; background:url("../images/topa.png") no-repeat; background-position:-272px 0; height:49px;color:#FE6600;}
.login-box-global-css .regbox{float:left;background:url("../images/topc.png") repeat-y; width:501px;background-position:-764px 0;padding:10px;color:#333;}
/*弹出的登录框内容*/
#login { margin-right:4px;}
#registerForm  .regmail, #registerForm  .regnic, #registerForm  .regpw, #registerForm  .regpw2, #registerForm  .regcode, #login_form2 .regmail, #login_form2 .regpw, #login_form2 .log_yzm,#registerForm .item2{ height:25px; line-height:35px; clear:both; margin:18px 10px;}
#registerForm  .reglabel,#login_form2 .loginlb { display:inline; float:left; width:80px; font-size:14px; text-align:right; color:#999;}
#registerForm  .reglabel strong{ color:#fe7e00;}
#registerForm .regdes,#login_form2 .regdes{ float:left; margin-left:5px; }
#registerForm  p.agree_p, #login_form2  p.agree_p { height:20px; line-height:20px; margin:10px 0;margin-left:90px;}
#registerForm  .agree  a, #login_form2  .agree  a{color:#fe7e00; text-decoration:underline; margin-left:5px; }
#registerForm  .icon_checked, #registerForm .icon_unchecked, #login_form2  .icon_checked, #login_form2 .icon_unchecked { margin:2px 0; padding:0 5px 0 0; width:16px; height:16px; }
#registerForm  .icon_checked, #login_form2  .icon_checked{ background:url("../images/checked.png") no-repeat; }
#registerForm  .icon_unchecked, #login_form2 .icon_unchecked{ background:url("../images/unchecked.png") no-repeat; }
#regsub, #loginsub{margin:5px 90px;width: 127px;height:41px;line-height:41px;color:#FFF;font-size:16px;margin-top:5px;border:0;background:#fe7e00;cursor:pointer;display: block;}
#registerForm  .error, #login_form2 .error {display:none;float:left;color:#fe7e00;background:url("../images/error.png") no-repeat 0 50%;padding-left:28px;margin-left:3px;}
#registerForm  div.oktip {display:none;float:left;width:24px;height:35px;line-height:35px;margin:0!important;background:url("../images/ok.png") no-repeat 0 50%;}
.getNickName {display:inline-block;position:absolute;width:25px;background:url("../images/refresh.png") no-repeat scroll 0 3px transparent;height:29px;left:290px;margin:2px;z-index:3;}
#ddlf{display:none;}
.line_dashed { width:454px; border-bottom:1px dashed #eee; height:0; }
.regbot { float:left; position:relative;width:521px; height:8px;_height:5px;background:url("../images/topa.png") no-repeat; background-position:0 -242px; }

#mailBox {text-align:left;background:#fff;border:1px solid #ddd;padding:3px 5px 5px;position:absolute;z-index:20009;display:none;-webkit-box-shadow:0px 2px 7px rgba(0, 0, 0, 0.35);-moz-box-shadow:0px 2px 7px rgba(0, 0, 0, 0.35);}
#mailBox p {width:100%;margin:0;padding:0;height:20px;line-height:20px;clear:both;font-size:12px;color:#ccc;cursor:default;}
#mailBox ul { margin:0;padding:0;}
#mailBox li {font-size:12px;height:22px;line-height:22px;color:#939393;list-style:none;cursor:pointer;overflow:hidden;}
#mailBox .cmail{color:#000;background:#e8f4fc;}

#validateCode {cursor:pointer;float:left;display:inline-block;margin: 0 15px 0 8px;width:85px;height:32px;}
.regcode img {vertical-align:middle;}

.login_layout { position:absolute; z-index:999; right:0px; top:22px; width:265px; }
.login_layout .bg_middle .bg_middle_content { border-bottom:1px dashed #eee; height:155px; }
.bg_middle_content .login_tip { position:absolute; top:112px;_top:105px; left:18px; display:none; color:red; z-index:2;}
.border_center img { display:inline; float:left; margin:10px 2px 3px 0;}
.border_center input {display:inline; float:left; margin:8px 0 3px 0; outline:none; border:0;  height:20px; line-height:20px; color:#999;} 
.border_center .input210 {width:210px;background:#FFF;}
.border_center .input190 {width:195px;background:none;}
.border_center .input100 {width:100px;} 
.email_input, .password_input { margin:10px 0 5px 0;}

.forget { text-align:right;}
.forget a { color:#ff843f; font-size:12px; text-decoration:underline; padding-right:5px;}
.remember { position:relative; height:25px; line-height:25px; margin:10px 0; padding:1px 0;}
.remember .icon_check, .remember .icon_checked, .remember .icon_unchecked { margin:4px 0; padding:0 5px 0 0; width:16px; height:16px; }
.remember .icon_checked { background:url("../images/checked.png") no-repeat; }
.remember .icon_unchecked { background:url("../images/unchecked.png") no-repeat; }
.remember span { color:#999; }
.remember button {margin-right:5px;}
.other_login { padding:1px 0; margin:15px 0; overflow:hidden; color:#333;}
.other_login .other_logo img{ padding:0 5px; vertical-align:middle;width:24px;height:24px;}
.yzmimg{cursor:pointer;display:inline-block;float:left;height:32px;width:85px;vertical-align:middle;margin:0 15px 0 8px;}
.login-box-global-css ul.loginswitch  li a{color:#666;}
/*页面头部搜索*/
.wgt-search-pop{position:absolute;top:32px;z-index:1000;width:223px;left:0;background:#fff;-webkit-box-shadow:0 5px 8px #dfdfdf;-moz-box-shadow:0 5px 8px #dfdfdf;box-shadow:0 5px 8px #dfdfdf;-o-box-shadow:0 5px 8px #dfdfdf;}
.wgt-search-pop-hd{overflow:hidden;padding:14px 12px 8px 12px;}
.wgt-search-pop-hd .s-title{float:left;color:#666;}
.wgt-search-pop-hd .s-result{float:right;color:#f64d14;}
.wgt-search-pop-hd .s-result em{color:#f64d14;}
.wgt-search-pop-bd ul{overflow:hidden;}
.wgt-search-pop-bd ul li{padding:8px 12px;-webkit-transition:all .44s ease;-moz-transition:all .44s ease;-o-transition:all .44s ease;transition:all .44s ease;-ms-transition:all .44s ease;}
.wgt-search-pop-bd ul li:hover{background:#f2f2f2;}
.wgt-search-pop-bd ul li.room_item{padding:3px 12px;}
.wgt-search-pop-bd .s-item{position:relative;float:none;display:inline-block;width:32px;height:32px;vertical-align:middle;}
.wgt-search-pop-bd .s-item img{width:32px;height:32px;border:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-o-border-radius:50%;}
.wgt-search-pop-bd .s-item .s-live{position:absolute;top:50%;left:50%;z-index:11;margin:-8px 0 0 -8px;}
.wgt-search-pop-bd .s-room{float:none;display:inline-block;padding-left:10px;width:auto;height:auto;vertical-align:middle;text-decoration:none;}
.wgt-search-pop-bd .s-room .s-name{display:inline-block;overflow:hidden;width:100px;height:18px;color:#5a5a5a;text-overflow:ellipsis;white-space:nowrap;}
.wgt-search-pop-bd .s-room .room-no{color:#999;}
.wgt-search-pop-bd .s-room .room-no em{color:#f64d14;}
.wgt-search-pop-bd .s-room em{margin-top:-3px;margin-left:3px;vertical-align:middle;}
.wgt-search-pop-user{border-top:1px solid #ececec;border-bottom:1px solid #ececec;}