@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: 68px;
    padding-top: 20px;
}

.logo {
    width: 293px;
    height: 75px;
    background: url(../images/logo_bg.png) no-repeat;
    margin: 0 auto;
}

.input_bg {
    width: 424px;
    height: 46px;
    background: url(../images/input_bg.png) no-repeat;
    margin: 0 auto;
    margin-top: 19px;
    margin-bottom: 19px;
}

.testbox {
    width: 424px;
    height: 46px;
    margin: 0 auto;
    margin-top: 19px;
    margin-bottom: 19px;
}

.inputbox {
    width: 376px;
    border: 0;
    height: 46px;
    line-height: 46px \0;
    color: #999999;
    font-size: 14px;
    padding-left: 48px;
}

.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: 376px;
    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;
    float: right;
    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;
    padding-top: 20px;
    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;
    background-color:cornflowerblue;
}

.logo_list {
    width: 187px;
    height: 44px;
    background: url(../images/logo.png) no-repeat;
    margin-top: 7px;
}

.top_nav {
    height: 61px;
    line-height: 61px;
    margin-left: 58px;
    font-size: 13px;
}

.top_nav li {
   // width: 154px;
   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;
}

.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: 27px;
    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 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;
}