body {font-family: '微软雅黑';}
body {
    
   overflow-x: hidden;
    /* font-size: 20px; */
    color:#c63939;
    
}

.jqqd {
    width: 663px;
    padding-top: 60px;
    margin: 0 auto;
    text-align: center;
}
a {
    color:#c63939;
}
.disabled {
    pointer-events: none;
    filter: grayscale(100%);
}
.clearfix::after {
    content: "";
    display: block;
    clear: both; 
}



table {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}
th,td {
  
    padding: 5px;
    text-align: center;
}
th {
   
    color: white;
}

.box {
  
    background: url(../images/bg.jpg) bottom center no-repeat ;
}
.login-after {
    padding-top:40px;
}

.login-after .btn-logout {
    margin-left: 16px;
}

.jqqd {
    width: 663px;
    padding-top: 60px;
    margin: 0 auto;
    text-align: center;
}

.header {
   
    height: 98px;
    background: url(../images/header_bg.png) no-repeat left center;
    position: fixed;
    top:0;
    z-index:3;
    width:100%;
}

.mod-dialog-close1 {
    display: none!important;
}

.header .logo {
    position: absolute;
    width:6%;
    height: 108px;
}

.header .logo img {
    width: 100%;
}

.header .nav {

    margin-left: 8%;
    margin-right:13.5%;
}

.header .nav::after{
    content: "";
    display: block;
    clear: both;
}

.header .nav li {
    float: left;
    width:20%;
    height:98px;
    line-height: 98px;
    text-align: center;

}

.header .nav li a {
    display: block;
    width: 100%;
    height: 100%;
    color:#fff;
    font-size: 30px;
}

.header .nav li.active {
    background: url(../images/nav_bg.png) no-repeat center center;
}

.banner {
    background: url(../images/banner.jpg) no-repeat center center;
    height: 930px;
    position: relative;
}
.banner video {
    position: absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
}

@keyframes scrollDownBlink {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    50% {
        opacity: 0.3;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.banner .scroll-tip {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -278px;
    z-index: 2;
    animation: scrollDownBlink 1.5s infinite ease-in-out;
}

.user-box {
    position: absolute;
    top:0;right: 2%;
    height: 98px;
}

.btn-login {
    display: block;
    margin-top: 24px;
}

.main {
    padding-bottom:100px;
}

.main-tit {
    height: 198px;
    text-align: center;
    padding-top: 64px;
}

.main-tit img {
    display: inline-block;

}

.main-content {
    width: 1741px;
    min-height: 885px;
    background: url(../images/main_content_bg.png) no-repeat bottom center;
    margin: 0 auto;
    padding-bottom: 53px;
}

.main-content-inner {
    width: 1652px;
    min-height: 835px;
    margin: 0 auto; 
    background: #fff url(../images/main_content_inner_bg.png) no-repeat top center;
    border-top:9px solid #700707;
   
}

.home-tab-tit {
    width: 884px;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
}
.home-tab-tit-item {
    display: inline-block;
    width: 194px;
    height: 53px;
    line-height: 53px;
    background-color: #5d3a3a;
    color:#fff;
    cursor: pointer;
    font-size: 30px;
}
.home-tab-tit-item.active {
    background-color: #bc2216;
}
.home-tab-tit-item:first-child {
     margin-right: 240px;
}
.home-tab-tit-item:last-child {
    margin-left: 240px;
}

.home-tab-sub-tit {
    position: relative;
    width: 128px;
    margin: 0 auto;

}

.home-tab-sub-tit-inner {
    width: 64px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
    color:#c63939;
    white-space: nowrap;
    margin-top:20px;
}
.home-tab-sub-tit-pre, .home-tab-sub-tit-next {
    position: absolute;
    top: 0;
    width: 12px; 
    height: 12px;
    cursor: pointer;
    top: 3px;

}
.home-tab-sub-tit-next {
    transform: rotate(180deg);
    right: 5px;
    top: 14px;
}


.yuxuan-info {
    width: 1266px;
    padding-top: 10px;
    margin: 0 auto;
}
.yuxuan-info-tit {
    height:37px;
    background-color: #c63939;
    color:#fff;
    line-height: 37px;
    text-align: center;
    font-size: 24px;
}
.yuxuan-info-tit-left {
    float:left;
    margin-left:170px;
}
.yuxuan-info-tit-right {
    float:right;
    margin-right:250px;
}

.yuxuan-info-content-left {
    float:left;
    width: 370px;
    margin-right :116px;
    margin-left: 60px;
    margin-top:8px;
    text-align: center;
    max-height: 600px;
    overflow-y: auto;
}
.yuxuan-info-content-left-Item {
    margin-bottom: 16px;
}
.item-bottom li {
    height:24px;
    border:1px solid #aaa;
    background-color: #f2f2f2;
    color:#111111;
    margin-bottom:5px;
    line-height: 24px;
    cursor: pointer;
    
}
.item-bottom li:after {
    content:'';
    display: block;
    clear: both;
}
.item-bottom li .team-left {
    float:left;
    width: 191px;
  
    white-space: nowrap;
    height:24px;
}

.item-bottom li .team-right {
    float:right;
    width: 167px;
    height:24px;
    white-space: nowrap;
}

.item-top {
    padding-bottom: 8px;
}

/* .item-bottom li .team-left *,.item-bottom li.team-right * {
    vertical-align: middle; 
} */

.team-left .status, .team-right .status {
   
}
.team-left .status,.team-left .name, .team-left .icon, .team-right .status,.team-right .name, .team-right .icon {
    display: inline-block;
    overflow: hidden;

}

.team-left .icon-war {
    position: relative;
    width:18px;
    height:18px;
    top: -4px;
}
.team-left .icon-war img {
    position: absolute;
    top: 0;
    left:0;
}

.team-left .status {
    width:35px;
    text-indent: 6px;
}

.team-left .name, .team-right .name {
    width:97px;
    white-space: nowrap;
    overflow: hidden;
}
.icon-war {
    margin-top: -8px;
    overflow: hidden;
}

.icon-team {
    margin-top: -8px;
    overflow: hidden;
}

.team-right .status {
    width: 48px;
}

.yuxuan-info-content-center img {
    margin-top:206px;
}


.yuxuan-info-content-right {
    float:right;
    width: 420px;
    margin-right:99px;
    padding-top: 16px;
}
.yuxuan-info-content-right table {
    width: 100%;
    border:1px solid #aaaaaa;
}
.yuxuan-info-content-right table th {
    background-color: #e25b5b;
}
.yuxuan-info-content-right table tr {
    border-bottom:1px solid #aaaaaa;
}

.yuxuan-info-content-right table a {
    color:#c66e39;
}

.yuxuan-info-content-right table td {
    background-color: #f2f2f2;
    padding: 2px;
}

.yuxuan-info-content-right table .num {
    display: inline-block;
    color:#fff;
    background-color: #fde181;
    width:17px;
    height:17px;
    line-height: 17px;
    text-align: center;
    border-radius: 50%;
}

.yuxuan-info-content-center {
    float:left;
    width: 80px;
}

.mod-dialog-main {
    width: 530px;
    background-color: #f2f2f2;
    text-align: center;
    border:1px solid #aaa;
    border-radius: 0;
}

#war_info_dialog  .mod-dialog-close1 {
    display: none;
}

.war_info_template_top {
   height: 33px;
   line-height: 33px; 
   font-size: 16px;
   border-bottom:1px solid #aaa;
   position: relative;
}
.war_info_template_top .map {
    position: absolute;
    top:0;
    right:3px;
}

.war_info_template_top  .team1 {
    color:#df0000;
}

.war_info_template_top  .num {
    color:#555;
    padding: 0 8px;
}

.war_info_template_top  .team2 {
    color:#1757c1;
}

.war_info_template_middle {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color:#c63939;
}
.war_info_template_middle  .num2 {
    color:#1757c1;
}

.war_info_template_middle .txt {
    padding: 0 24px;
}

.war_info_template_bottom .mod-tabs-btn {
    height : 22px;
    line-height: 22px;
    display:block;
    width:50%;
    color:#fff;
    font-size: 12px;
}
.war_info_template_bottom .mod-tabs-btn:first-child {
    float:left;
    background-color: #c63939;
}
.war_info_template_bottom .mod-tabs-btn:last-child {
    background-color: #1757c1;
    float:left;
}
.mod-dialog-main table {
    font-size: 12px;
    width: 100%;
    margin-top:-1px;
}

.mod-dialog-main .color1 {
    color:#c63939;
}

.mod-dialog-main .color1 th {
    background-color: #c63939;
}


.mod-dialog-main .color2 {
    color:#1757c1;
}

.mod-dialog-main .color2 th {
    background-color: #1757c1;
}

#result_search_dialog .mod-dialog-close1 {
    display: none;
}

#result_search_dialog .war_info_template_middle .num1, #result_search_dialog .war_info_template_middle .num2 {
    width: 50%;
    float:left;
    text-align: center;
}

#result_search_template .war_info_template_top  {
    text-align: center;
}

#prize_dialog .mod-dialog-close1 {
    display: none;
}

.war-box {
    width: 1400px;
    margin: 0 auto;
    padding-top:50px;
    display: flex;
}

.war-box-col {
    width: 180px;
}
.war-box-minLine {
    width: 21px;
}
.war-box-process {
    flex-grow: 1;
    display: flex;
}
.war-box-col-zjs {
    height: 632px;
}
.war-box-col-tit {
    height: 23px;
    line-height: 23px;
    text-align: center;
    font-size: 14px;
    color:#111;
    background-color: #cfcfcf;
    border:1px solid #aaaaaa;
}

.war-box-col-item {
    position: relative;
    background-color: #f2f2f2;
    border:1px solid #aaa;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.war-box-col-item .extra {
    position: absolute;
    top: 100%;
    width:100%;
    font-size: 12px;
    opacity: 0.7;
}

.war-box-col-item .extra .time, .war-box-col-item .extra .video, .war-box-col-item .extra .status {
    color:#555;
    float: left;
}
.war-box-col-item .extra .video, .war-box-col-item .extra .status {
    float:right;
}
.war-box-col-item-box {
    display: flex;
    
}

.war-box-col-item-box:first-child {
    border-bottom:1px solid #aaa; 
}
.war-box-col-zjs .war-box-col-item-box:first-child {
     border-bottom: none;
}

.war-box-col-item-box .status {
    width:28px;
    color:#bb1313
}
.war-box-col-item-box .name {
    flex-grow: 1;
    color:#000;
}
.war-box-col-item-box .num {
    width:21px;
    border-left: 1px solid #aaa;
    color:#000;
    
}

.war-box-col-item .icon-fight{
    position: absolute;
    width:18px;
    height: 18px;
    background: url(../images/icon_war.png) no-repeat center center;
    right: 4px;
    top:12px;
}

.war-box-col-zjs .war-box-col-tit {
    margin-bottom: 296px;
}

.zjs_info_template > .mod-tabs-btns > .mod-tabs-btn {
    width:32%;
    text-align: center;
    color:gray;
}
.zjs_info_template > .mod-tabs-btns > .mod-tabs-btn.active {
    color:#c63939;
    font-weight: bold;
}


.war-box-maxLine {
    width:220px;
    position: relative;
}

.war-box-col-inner {
    height: 320px;
}

.war-box-col-inner-szzgjz .war-box-col-tit {
    margin-bottom: 127px;
}
 .war-box-col-inner-bzzjs .war-box-col-tit {
    margin-bottom:101px;
}

.war-box-col-inner-bzzdwl .war-box-col-tit {
    margin-bottom:113px;
}
.war-box-col-inner-szzbjs .war-box-col-tit {
    margin-bottom: 67px;
}
.war-box-col-inner-szzbjs .war-box-col-item {
    margin-bottom: 81px;
}

 .war-box-col-inner-bzzdsl .war-box-col-tit  {
   margin-bottom: 54px;
}



 .war-box-col-inner-bzzdsl .war-box-col-item  {
    margin-bottom: 80px;
 }

 .war-box-col-inner-bzzdsanl  .war-box-col-tit {
    margin-bottom: 66px; 
 }
 .war-box-col-inner-bzzdsanl  .war-box-col-item {
    margin-bottom: 80px; 
 }

 .war-box-col-inner-szzsfzy .war-box-col-tit {
    margin-bottom: 36px;
 }


 .war-box-col-inner-bzzdel .war-box-col-tit  {
    margin-bottom:36px;
 }

 .war-box-col-inner-szzsfzy .war-box-col-item, .war-box-col-inner-bzzdel .war-box-col-item  {
    margin-bottom:18px;
 }

 .war-box-col-inner-bzzdyil .war-box-col-tit {
    margin-bottom: 48px; 
 }

 .war-box-col-inner-bzzdyil .war-box-col-item {
    margin-bottom:18px; 
 }

 .line {
    background-color: #aaa;
 }


 .guessing-top-btns {
    text-align: right;
    max-width: 1620px;
    margin: 0 auto;
 }

 .guessing-top-btns a {
    margin-left: 24px;
 }


 .guessing-dates {
    position: relative;
    width: 1274px;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
    margin-top:24px;
    height: 112px;
    
 }

 .guessing-btn-left {
    position: absolute;
    left:0;top:0;
    cursor: pointer;
 }

 .guessing-btn-right {
    position: absolute;
    right:0;top:0;
    cursor: pointer;
 }
 .guessing-dates-inner {
    position: relative;
    width: 1138px;
    margin: 0 auto;
    overflow: hidden;
    padding-top:14px;
    height: 40px;
    
    
 }
 .guessing-dates-inner:after {
    content: ' ';
    height:1px;
    left:0;
    position: absolute;
    top:14px;
    width:100%;
    background: linear-gradient(to right, transparent 0%, #a04141 50%, transparent 100%);
 }
.guessing-dates-inner-items {
    margin-top:-4px;
    width: 200%; 
    position: relative;
}
.guessing-dates-inner-items {
    /* transition: all 0.5s ease; */
}
 .guessing-dates-inner-item {
    float:left;
    width: 380px;
    font-size: 20px;
    color:#c63939;
    background: url(../images/icon_date_item.png) center 0 no-repeat;
    padding-top:8px;
    cursor: pointer;
 }

 .guessing-dates-inner-item.active {
    background: url(../images/icon_date_item_active.png) center 0 no-repeat;
 }

 .guessing-main-content-inner-top {
    text-align: center;
    padding-top:78px;
    margin-bottom:50px;
 }

 .guessing-races {
    width: 1051px;
    margin: 0 auto;
    height: 370px;
    overflow: hidden;
 }

 .guessing-races-item {
    width: 418px;
    height:130px;
    background-color: #f2f2f2;
    border:1px solid #aaa;
    text-align: center;
    float: left;
    margin-right: 211px;
    margin-bottom:107px;
 }
 .guessing-races-item:nth-child(even) {
    margin-right: 0;
}

 .guessing-races-item .guessing-races-item-datetime {
    font-size:12px;
    text-align: center;
    padding: 18px 0;

 }
 .guessing-races-item-teams-left, .guessing-races-item-teams-right {
    float:left;
    width: 156px;
 }
 .guessing-races-item-teams-center {
    float:left;
    width: 90px;
    text-align: center; 
 }
 .guessing-races-item-teams-center img {
    margin-top: -24px;
 }

 .guessing-races-item .team-name {
    font-size: 18px;
    display: block;
 }

 .guessing-races-item .num {
    font-size:12px;
    display: block;
    color:#000;
 }
 .guessing-races-item .btn-guess {
    display: inline-block;
    width: 90px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color:#fff;
    background-color: #a04141;
    font-size: 16px;

 }

 .guessing-main-content-inner-bottom {

 }
 .guessing-main-content-inner-bottom .tit {
    padding-top:60px;
    font-size:30px;
    text-align: center;
    margin-bottom:36px;
 }

 .guessing-main-content-inner-bottom-items {
    width: 1093px;
    margin: 0 auto;
    overflow: hidden;
 }

 .guessing-main-content-inner-bottom-item {
    float:left;
    width:360px;
    margin-bottom: 22px;
 }

 .guessing-main-content-inner-bottom-item .txt {
    display: inline-block;
    width: 250px;
    font-size: 18px;
 }

 .guessing-main-content-inner-bottom-item .go {
    display: inline-block;
    width: 63px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color:#fff;
    font-size: 16px;
    background-color: #a04141;
    cursor: pointer;
 }

 .guessing-prize-num {
    text-align: center;
    margin-bottom:26px;
 }

 .main-content-inner-prizes {
    width: 1328px;
    margin: 0 auto;
    padding-top: 53px;
 }
 .main-content-inner-prizes-inner {
    width: 120%;
 }

 .main-content-inner-prizes-item {
    font-size:14px;
    color:#fff;
    text-align: center;
    width: 166px;
    margin-bottom: 26px;
    margin-right: 75px;
    float:left;
 }

 .main-content-inner-prizes-item-top {
    height: 188px;
    background: url(../images/prize_bg.png) center 0 no-repeat;
 }

 .main-content-inner-prizes-item .name {
    padding: 18px 0 13px 0;
 }

 .main-content-inner-prizes-item .pic {
    width: 63px;
    height: 63px;
    margin: 0 auto;
    margin-bottom: 10px;
 }

 .main-content-inner-prizes-item .btn {
    display: block;
    width: 90px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color:#fff;
    font-size: 14px;
    background-color: #a04141;
    margin: 0 auto;
    margin-top: 12px;
 }

 .live-box {
    width: 1198px;
    margin: 0 auto;
    padding-top: 33px;
 }
 .live-box-tit {
    font-size: 30px;
    color:#333;
 }
 .live-box-main {
    height: 680px;
    margin-bottom: 18px;
 }

 .live-box-list {
    padding-bottom: 48px;
 }
 .live-box-list-item {
    width: 219px;
    height :90px;
    border: 1px solid #8f8482;
    float: left;
    margin-right: 18px;
    cursor: pointer;
 }
 .live-box-list-item:last-child {
    margin-right: 0; 
 }

 .rule-tabs-btns {
    width: 1650px;
    margin: 0 auto;
    border-bottom:1px solid #700707;
    padding-bottom:14px;
    margin-bottom:25px;
    padding-left: 40px;
 }

 .rule-tabs-btns .mod-tabs-btn {
    width: 200px;
    height: 37px;
    margin-right: 140px;
    text-align: center;
    line-height: 36px;
    background-color: rgba(181,181,181,0.3);
    border:1px solid #700707;
 }

 .rule-tabs-btns .mod-tabs-btn.active {
    background-color: #700707;
    color:#fff;
 }
 .rule-tabs-btns .mod-tabs-btn:last-child {
    margin-right: 0;
 }
 
 .rule-tabs .mod-tabs-items {
    width: 1340px;
    margin: 0 auto;
    padding-top: 200px;
    line-height: 1.6;

 }

 #exchange-prize-dialog .form, #guessing-dialog .form {
    padding: 45px 20px;
 }
 #exchange-prize-dialog .form .form-label,  #guessing-dialog .form .form-label {
    display: inline-block;
    margin-bottom:16px;
 }

 .btn {
    cursor: pointer;
 }

 #exchange-prize-dialog .form .btn, #guessing-dialog  .form .btn {
    display: inline-block;
    margin: 0 8px;
    width: 90px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #a04141;
    margin: 0 auto;
    margin-top: 12px;
 }

 .prizes-info-boxs {
    width: 1426px;
    margin: 0 auto;
 }

 .prizes-info-box-item {
    width: 438px;
    height: 600px;
    float:left;
    text-align: center;
 }

 .prize_one {
    background: url(../images/prize_bg1.png) center 0 no-repeat;
    margin-right:30px;
 }
 
 .prize_one .prize-img {
    padding-top:126px;
 }

 .prize_one .prize-name {
    color:#f80000;
 }

 .prize-pic1 {
    position: relative;
 }

 .prize-pic1 .prize-view {
    color:#fff;
    padding: 8px 0;
    cursor: pointer;
    position: absolute;
    top:265px;left:643px;
    z-index:5;
 }
 .prize-view-img {
    position: absolute;
    right:-153px;top:-120px;
    display: none;
    
 }
 .prize-pic1 .prize-view:hover .prize-view-img {
    display: block;
 }

 .prize_one .prize-desc {
    color:#f3d88f;
    font-size:16px;
    font-weight: bold;
 }

 .prize_two {
    background: url(../images/prize_bg2.png) center 132px no-repeat;
    margin-right:30px;
    
 }

 .prize_two h2,  .prize_three h2 {
    padding-top: 315px;
    color:#fff;
}
 
 .prize_three {
    background: url(../images/prize_bg3.png) center 132px no-repeat;
 }
 #prize-log-template {
    padding-top:16px;
    max-height: 500px;
    overflow-y: auto;
    margin-top: 24px;
    margin-bottom:24px;
    color:#000;
 }
 #prize-log-template th {
    color:#700707;
 }
#guessing-rule-dialog .mod-dialog-main {
    width: 600px;
    padding: 16px 24px;
    text-align:left;
    line-height: 1.6;
    color:#000;
}
.banner, .main {
    
}

.rule-main-content {
    color:#000;
}

#login-dialog .login-bottom-tip {
    display: none;
}

#guessing-log-modal .mod-dialog-main {
    width: 600px;
    color:#000;
    padding: 24px;
   
}

#guessing-log-modal .mod-dialog-main  table {
    font-size:14px;
}
#guessing-log-modal .mod-dialog-main  table th,  #prize-log-template th {
    background-color: #5d3a3a;
    color:#fff;
}

#guessing-log-modal .mod-dialog-main th {
    color:#000;
}

#guessing-log-template {
    max-height: 500px;
    overflow-y: auto
}

.prize-rule-text {
    font-size: 16px;
    line-height: 2;
    padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
 
}

@media screen and (max-width: 768px) {
   
    
}