@charset "utf-8";
@import url("common.css");

/*注册页面*/
.body_bg{width:100%; background:url(../images/body_bg.jpg) center top no-repeat;}

.header{width:100%; height:44px; padding-top:29px;}
.register_head{width:154px; height:42px; line-height:42px; border:1px solid #2886ff; font-size:14px; text-align:center; position:absolute; right:221px;}
.register_head a{color:#1f79ed; text-decoration:none; display:block;}




.header{height:44px; padding-top:29px;}
/* .register_head{width:154px; height:42px; line-height:42px; border:1px solid #fff; font-size:14px; text-align:center; position:absolute; right:221px;}
.register_head a{color:#fff; text-decoration:none; } */

.main{ color:#999999; font-family:'微软雅黑'; }
.registerbox{width:531px; height:529px; background:url(../images/register_bg.png) no-repeat; margin:0 auto; margin-top:30px;padding-top:20px;}
.logo{width:293px; height:75px; background:url(../images/logo_bg.png) no-repeat; margin:0 auto; margin-top: 70px;margin-bottom: 40px;}
.input_bg{width:424px; height:46px; background:url(../images/input_bg.png) no-repeat; margin: 10px auto;  position: relative;}
.testbox{width:424px; height:46px; margin:0 auto; margin-top:9px; margin-bottom:9px; }

.inputbox{width:375px; border:0; height:43px; line-height:46px\0; color:#999999; font-size:14px; padding-left:48px; border-radius: 5px;}
.inputbox.name{background:url(../images/icon_bg.png) no-repeat 16px 18px;}
.inputbox.password{background:url(../images/icon_bg.png) no-repeat 16px -47px;}
.inputbox.surepassword{background:url(../images/icon_bg.png) no-repeat 16px -110px;}
.inputbox.phone{background:url(../images/icon_bg.png) no-repeat 16px -176px;}
.inputbox.testnumber{width:248px; height:46px; background:url(../images/textnumber_bg.png) no-repeat; float:left; display:inline; padding-left:16px;}
.inputbox.user{width:375px;/* background:url(../images/icons_bg.png) no-repeat 16px 16px;*/}
.inputbox.password2{background:url(../images/icons_bg.png) no-repeat 16px -48px;}

.button{width:151px; height:46px; line-height:46px; background:url(../images/getnumer_bg.png) no-repeat; font-size:16px; color: #ffffff; margin-left: 46%; display:inline; text-align:center;}
.button a{display:block;color:#fff; text-decoration:none; }
.registerbutton{width:424px; height:47px; line-height:47px; text-align:center; background:url(../images/registerbutton_bg.png) no-repeat; margin:0 auto; font-size:15px;}
.registerbutton a{display:block;color:#fff; text-decoration:none; }
.erweimabox{width:424px; margin:0 auto; margin-top:35px;}
.erweimabox .pic{width:112px; line-height:25px; margin:0 auto; color:#fff; font-size:14px; text-align:center; padding-left:45px; padding-right:45px; display:inline-block;}
.bottom_bg{width:981px; height:281px; background:url(../images/bottom_bg.png) no-repeat; margin:0 auto; position:absolute; }

/*登录页面*/
.loginbox{width:531px; height:426px; background:url(../images/login_bg.png) no-repeat; margin:0 auto; /*margin-top:100px;*/margin-top:20px;padding-top:18px; position: relative;}
.more{width:43px; height:39px; background:url(../images/more.png) no-repeat; margin-top:3px; margin-right:3px;}
.loginmod{width:424px; height:auto; line-height:47px; text-align:center; margin:0 auto; font-size:16px; padding-top:14px;}
.loginmod .login{width:182px; height:47px; background:url(../images/loginbutton_bg.png) no-repeat; margin-right:57px;}
.loginmod .tast{width:182px; height:47px; background:url(../images/tast_bg.png) no-repeat; text-align:left;}
.loginmod .word{font-size:12px;}
.loginmod a{display:block;color:#fff;}
.arrow{padding-left:40px; padding-top:11px; padding-right:10px;}


/*登录之后的页面*/
.bg_color{ background:#f8f8f8;}
.list_header{width:100%; height:61px; background:url(../images/list_header.png) left top;}
/* .logo_list{width:187px; height:44px; background:url(../images/logo.png) no-repeat; margin-top:7px;} */
.logo_list{width:136px; height:44px; background:none; margin-top:7px;}
.top_nav{height:61px; line-height:61px; margin-left:0; font-size:13px; }
.top_nav li{width:123px; padding:0 28px; display:inline-block; text-align:center;}
.top_nav li a{color:#fff; text-decoration:none; display:block;}
.top_nav li a:hover{background:#4c94e7;}
.top_nav li a.current{background:#4c94e7;}
.nav-right{width:47px; height:47px;margin-top:7px; position:relative;}
.trans{width:47px; height:47px; background:url(../images/trans_bg.png); z-index:2; position:absolute; left:0px; bottom:0;}
.person{width:47px; height:47px;z-index:1;position:absolute; left:0px; bottom:0; overflow:hidden;}
.mart86{margin-top:86px;}
.letter{width:109px; height:41px; line-height:41px; margin-top:30px;margin-bottom:15px;background:url(../images/letter_bg.png);  font-size:16px; text-align:center;}
.letter a{color:#fff;}
.list-table{border-left: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; margin-bottom:56px;}
.list-table th{border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;font-size:14px; color:#333333}
.list-table tr{ color:#666666;}
.list-table td,.list-table th{text-align:center; height:50px;}
.list-table td{ font-size:12px;  background:url(../images/line_bg.png) right top no-repeat;}
.list-table td.no{background:none;border-right: 1px solid #e3e3e3;}
.list-table td.bottom{border-bottom: 1px solid #e3e3e3;}
.checkbox{}
.bggray{background:#f3f3f3}
.bggray.current{background:#d9e8fb; color:#0055b7;}
.bgwhite{ background:#fff;}
.bgwhite.current{background:#d9e8fb; color:#0055b7;}{ background:#fff;}
.bluebg{background:#d9e8fb; color:#0055b7;}
.nav-last{  line-height:61px; font-size:14px; position:relative; margin-top:7px;}
.nav-user{width:47px; height:47px;}
.arrow_down{ height:47px;  line-height:30px; color:#fff;margin-left: 10px;}
.menu{width:146px; height:0px; background:url(../images/menu_bg.png) no-repeat; position:absolute; top:35px; right:0px; z-index:999; padding-top:17px; display:none; }
.menu.show{height:138px; display:block;}

.menu li a{width:100px; height:30px; line-height:30px; padding-left:46px; display:block; color:#333333; font-size:12px;}
.menu li a:hover{ background:#5b9dea; color:#fff;}

/*遮罩层*/
.black{ width:100%; height:500px; background:#000000; opacity:0.3; filter:alpha(opacity=20); position:absolute; position:absolute; top:0px; left:0px; }

/*弹出层样式*/
.dialogWrap{ width:589px; height:497px; background:url(../images/boxshow.png) no-repeat;   display:none; position:absolute; top:0px; left:0px; padding-left:34px;}
.dialogWrap .diaTitle{ width:557px ;height:60px; line-height:65px; border-bottom:1px solid #d4d4d4;  text-align:center; font-size:18px; color:#626874; margin-bottom:7px;}
.dialogWrap .diaTitle img{ vertical-align:middle; padding-right:10px;}
.dialogWrap .diaCon{ padding:10px 70px 36px 50px; font-size:12px; color:#626874;}
.dialogWrap .diaCon label{padding-top:10px; }
.dialogWrap .diaCon .inputbg{width:403px; height:36px; background:url(../images/inputbox_bg.png) no-repeat; border:0;}
.dialogWrap .diaCon .textareabox{width:393px; height:146px; background:url(../images/textbox.png) no-repeat; border:0;resize: none; padding:5px; overflow-y:hidden; overflow-x:hidden;}
.dialogWrap .diaCon .checktxt{ color:#2569b7; font-size:12px; padding-left:7px;}
.dialogWrap .diaCon .buttonbox{padding-left:63px; padding-top:32px;}
.dialogWrap .diaCon .post{width:195px; height:42px; line-height:42px; display:block;  color:#fff; font-size:14px; background:url(../images/post.png) no-repeat; text-align:center;}
.dialogWrap .diaCon .remove{width:195px; height:42px; line-height:42px; display:block;  color:#fff; font-size:14px; background:url(../images/remove.png) no-repeat; text-align:center;}
.dialogWrap .diaCon ul li{ padding:8px 0px; border-top:1px dotted #e1ddb7;}
.dialogWrap .diaCon ul li.no{ border:none;}
.dialogWrap .diaTip .tips{ text-align:center; padding:30px 0px; font-size:20px;}
.dialogWrap .diaTip2{}
.dialogWrap .diaTip2 .tips{ text-align:left; padding:12px 0px; font-size:20px;}
.dialogWrap .toPay{ background:#009df2; padding:20px; color:#ffffff; line-height:2.0; font-size:14px; overflow:hidden;}
.dialogWrap .toPay div.fr{ width:220px; text-align:left;}
.dialogWrap .buttons{ text-align:center;}
.dialogWrap input.pay{ font-size:18px; color:#ffffff; width:180px; height:52px; line-height:52px; text-align:center; margin:0 auto; background:#038eda; border:none;}


/*导航*/
 #top_dropdown   > a, #top_dropdown   > a:hover, #top_dropdown  > a:focus{
	background-color:transparent;
 	color:#ffffff;
}

.nav > li > .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
 

.nav > li > .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

/*dilog*/
.modal-footer{
	text-align: center;
}
/*typeahead*/
.typeahead,.tt-query,.tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}
 
.typeahead {
    background-color: #fff;
}
 
.typeahead:focus {
    border: 2px solid #0097cf;
}
 
.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
 
.tt-hint {
    color: #999
}
 
.tt-menu {
    width: 422px;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
 
.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}
 
.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
}
 
.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;
 
}
 
.tt-suggestion p {
    margin: 0;
}
 
.gist {
    font-size: 14px;
}
 
/* example specific styles */
/* ----------------------- */
 
#custom-templates .empty-message {
    padding: 5px 10px;
    text-align: center;
}
 
#multiple-datasets .league-name {
    margin: 0 20px 5px 20px;
    padding: 3px 0;
    border-bottom: 1px solid #ccc;
}
 
#scrollable-dropdown-menu .tt-menu {
    max-height: 150px;
    overflow-y: auto;
}
 
#rtl-support .tt-menu {
    text-align: right;}

.fastlogin{height:25px; line-height:25px; padding-top:35px;padding-right:10px; padding-bottom:10px;}
.fastlogin span{ color:#fff; float:left; font-size:12px; padding-right:12px;}
.fastlogin a{float:left; padding:0 7px; display:inline-block;}
.fastlogin a img{width:25px; height:25px;}

/*.topbox{ position:absolute; top:-70px; right:-206px;}*/
.topbox{ position:absolute; top:-150px; right:-206px;}
.topbox a{display:inline-block; border:1px solid #2886ff; width:80px; height:40px; line-height:40px; text-align:center; color:#2886ff; font-size:14px; margin-right:8px;}
	
	
#selCompany {
    margin: 0 50px;
}
#selCompany span {
     color: #ff6c00;
    display: block;
    font-size: 14px;
    margin-top: 33px;
    text-align: center;
}
#selCompany ul {
	color: #364252;
	padding:6px;
    margin: 0;
    max-height: 255px;
    overflow-y: auto;
}

#selCompany li:hover, #selCompany li.current {
    background: #2886ff none repeat scroll 0 0;
    color: #fff;
}
.usernameIcon{
    float: left;
    width:17px;
    height:100%;
    background:url(../images/usernameIcon.png) no-repeat left center;
    position: absolute;
    left: 15px;
}
.passwordIcon{
    float: left;
    width:14px;
    height:100%;
    background:url(../images/passwordIcon.png) no-repeat left center;
    position: absolute;
    left: 15px;
}