@charset "utf-8";
/* CSS Document */

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family:'Microsoft Yahei';
    background-color:#2e3339;






}
input,select,option{
    font-family:'Microsoft Yahei';
    -webkit-appearance: none;
}
table,td,tr{
    border:0;
    padding:0;
    margin:0;
    cellpadding:0;
    cellspacing:0;
}
li,ul,p,a,h1,input,dd,dt,dl{
    margin:0;
    padding:0;



}
li{
    list-style-type:none;



}
img{
    border:0px
}
a{
    text-decoration: none;

}
.content{
    width:640px;
    min-height:1008px;

    margin:0 auto;
    position:relative;
    background-color:#393f46;





}
.con_box{
    min-height:595px;
    width:440px;
    background-color:#393f46;
    padding:85px 100px 0 100px;
}
.con_box2{
    width:560px;
    background-color:#393f46;
    padding:30px 40px 0px 40px;
}
.footer{
    /*position:absolute;
    bottom:0;	*/
}
.title{
    width:381px;
    margin:0 auto;
}
.submit_input{
    width:400px;
    height:35px;
    color:#597a96;
    border:0;
    border-radius:10px;
    line-height:35px;
    font-size:24px;
    padding:15px 0 15px 40px;
    margin-bottom:15px;

}
.submit_box{
    width:440px;
    margin:5px auto 0;
}
.my_game_box{
    width:440px;
    margin:0px auto 0;
}
.code_input{
    width:205px;
    height:35px;
    color:#597a96;
    border:0;
    border-radius:10px;
    line-height:35px;
    font-size:24px;
    padding:15px 0 15px 40px;
    margin-bottom:15px;
    margin-right:13px;
    float:left;
}
.code_btn{
    display:block;
    width:179px;
    height:65px;
    border-radius:10px;
    background-color:#f8255f;
    color:#FFF;
    font-size:24px;
    line-height:65px;
    float:left;
    text-align:center;
}
.btn{
    background-image:url(../images/but_bg.jpg);
    width:440px;
    height:65px;
    padding-bottom:5px;
    color:#FFF;
    text-align:center;
    line-height:65px;
    font-size:24px;
    display:block;


}
.rule{
    color:#FFF;
    font-size:24px;
    text-decoration:underline;
    text-align:center;
    display:block;
    margin-top:15px;
}
.select_btn{
    width:440px;
    height:65px;
    color:#597a96;
    border:0;
    border-radius:10px;
    line-height:65px;
    padding-left:40px;
    font-size:24px;
    margin-bottom:15px;

}
.select_btn option{
    padding-left:40px;
}
.player_box .name{
    color:#FFF;
    font-size:50px;
    text-align:center;
    margin-bottom:10px;

}
.info{
    color:#597a96;
    font-size:28px;
    text-align:center;

}
.group_box{
    margin-top:119px;

}
.group_box .btn{
    margin-top:40px;

}

.group_num1{
    color:#00aeef;
    margin-left:20px;

}
.group_num2{
    color:#f8255f;
    margin-left:20px;

}
.list_title{
    background-color:#00aeef;
    font-size:28px;
    color:#FFF;
    text-align:center;
    width:440px;
    height:65px;
    line-height:65px;
    margin-top:40px;
}
.result_box{
    margin-bottom:50px;
}
.list{
    border-bottom:2px #577791 solid;
    border-right:2px #577791 solid;
}
.list td{
    line-height:59px;
    border-top:2px #577791 solid;
    border-left:2px #577791 solid;
    color:#577791;
    font-size:24px;

}
.list .num{
    width:57px;
    text-align:center;


}
.list .name{
    width:353px;
    padding-left:25px;

}
.list .first_num{
    background-color:#f8255f;
    color:#FFF;
}
.list .first_name{

    color:#FFF;
}
.tips{
    color:#577791;
    font-size:22px;
    margin-top:15px;
    padding-bottom:30px;
}
.list_group{
    margin-left:20px;
}

.menu_title .title_logo{
    float:left;
    margin-left:10px;
}
.menu_title .title_text{
    width:460px;
    float:left;
    color:#FFF;
    font-size:24px;
    margin-left:30px;
}
.menu_title{
    overflow:hidden;
}
.line{
    height:3px;
    background-color:#52575d;
    margin:30px 0;
}
.menu_box{
    width:560px;
    margin:0 auto;
    padding-bottom:92px;
}
.game_box{
    width:560px;
    margin:0 auto;


}
.m_btn{
    width:540px;
    height:90px;
    background-color:#eef2f5;
    display:block;
    text-align:center;
    font-size:34px;
    color:#597c9a;
    line-height:90px;
    border-radius:10px;
    border:0;
    position:relative;
    margin-bottom:30px;
}
.m_btn span{
    position:absolute;
    top:50%;
    margin-top:-7px;
    right:30px;
}
.m_btn1{
    background-image:url(../images/m_btn1.jpg);
    background-repeat:no-repeat;
    background-position:20px center;
}
.m_btn2{
    background-image:url(../images/m_btn2.jpg);
    background-repeat:no-repeat;
    background-position:20px center;
}
.m_btn3{
    background-image:url(../images/m_btn3.jpg);
    background-repeat:no-repeat;
    background-position:20px center;
}
.m_btn4{
    background-image:url(../images/m_btn4.jpg);
    background-repeat:no-repeat;
    background-position:20px center;
}
.m_btn_div{
    margin-bottom:30px;
    margin-left:-14px;
    overflow:hidden;
    /*display:none;*/

}
.m_btn_s{
    width:260px;
    height:65px;
    border-radius:10px;
    line-height:65px;
    text-align:center;
    color:#FFF;
    background-color:#01aef0;
    display:block;
    float:left;
    font-size:26px;
    margin-left:14px;

}
.game_title{
    color: #597a96;
    font-size: 28px;
    text-align: center;
}


.site_num{
    width:115px;
    height:40px;
    border-radius:40px;
    color:#FFF;
    background-color:#f9255f;
    text-align:center;
    line-height:40px;
    margin:0 auto 10px auto;
    font-size:20px;

}
.detail{
    overflow:hidden;
}
.detail_box1{
    float:left;
    font-size:26px;
    color:#FFF;
    line-height:43px;
}
.detail_box2{
    float:left;
    font-size:26px;
    color:#FFF;
    line-height:43px;
}
.detail_vs{
    float:left;
    font-size:36px;
    font-weight:bold;
    color:#FFF;
    width:50px;
    line-height:46px;
    text-align:center;
}
.detail_box1 .name{
    float:left;
    width:210px;
    text-align:center;
}
.detail_box1 .score{
    float:left;
    width:45px;
    text-align:center;
    color:#01aef2;
    font-size:30px;
}
.detail_box2 .name{
    float:left;
    width:210px;
    text-align:center;
}
.detail_box2 .score{
    float:left;
    width:45px;
    text-align:center;
    color:#01aef2;
    font-size:30px;
}
.game_cat{
    color:#FFF;
    text-align:center;
    margin-top:10px;

    font-size:16px;
}
.game_box li{
    padding-bottom:30px;
    border-bottom:3px solid  #51565c;
    margin-top:30px;
    position:relative;
}
.game_detail_list li .score1{
    font-size:80px;
    color:#01aef3;
    font-weight:bold;
    float:left;
    width:195px;


}
.game_detail_list li .score2{
    font-size:80px;
    color:#01aef3;
    font-weight:bold;
    float:left;
    width:195px;
    text-align:right;


}
.game_detail_list li{
    overflow:hidden;
    padding:0 60px ;
    margin-bottom:10px;
}
.game_detail_list li .game_detail_vs{
    font-size:36px;
    color:#fff;
    font-weight:bold;
    float:left;
    margin-top:30px;
    width:50px;
    text-align:center;
}
.game_detail .cat{
    font-size: 16px;
    text-align:center;
    color: #597a96;
    margin-top:20px;


}
.game_detail_list .win1{
    background-image:url(../images/win.jpg);
    background-position:right center;
    background-repeat:no-repeat;
}
.game_detail_list .win2{
    background-image:url(../images/win.jpg);
    background-position:left center;
    background-repeat:no-repeat;
}
.game_time .time{
    color:#597a96;
    font-size:16px;
    text-align:right;
    padding-left:25px;
    background-image:url(../images/time.jpg);
    line-height:25px;
    background-repeat:no-repeat;
    width:80px;
    background-position:left center;
    margin:0 auto 30px auto;
}
.score_title{
    color:#597a96;
    text-align:center;
    font-size:34px;
    margin-bottom:20px;


}
.score_menu1{
    margin:0 auto 25px auto;
    width:540px;
    overflow:hidden;

}
.score_menu1 input{
    width:170px;
    height:50px;
    background-color:#587a96;
    border:0;
    border-radius:5px;
    color:#FFF;
    font-size:20px;
    text-align:center;
    margin-left:10px;
    float:left;

}
.score_menu1 .act{
    background-color:#01aef0;
}
.score_menu2{

    border-top:3px solid #52575d;
    border-bottom:3px solid #52575d;
    overflow:hidden;
    margin-bottom:25px;

}
.score_menu2 input{
    width:186px;
    height:50px;
    background-color:#383f47;
    border:0;

    color:#597a96;
    font-size:20px;
    text-align:center;

    float:left;

}
.score_menu2 .act{
    color:#01aef0;

}
.score_menu3{
    overflow:hidden;
    width:540px;

    margin:0 auto;
}
.score_menu3 input{
    width:100px;
    height:50px;
    background-color:#587a96;
    border:0;
    border-radius:5px;
    color:#FFF;
    font-size:20px;
    text-align:center;
    margin-left:10px;
    float:left;

}
.score_menu3 .act{
    background-color:#01aef0;

}
.score_list{
    margin-top:30px;
}
.score_list li{
    padding-bottom:30px;
    border-bottom:3px solid #52575d;
    margin-bottom:30px;
}
.score_menu4{
    overflow:hidden;
    width:540px;

    margin:0 auto;
}
.score_menu4 input{
    width:100px;
    height:50px;
    background-color: #01aef0;
    color: #fff;
    border:0;
    border-radius:5px;
    font-size:20px;
    text-align:center;
    margin-left:10px;
    float:left;
    margin-bottom:10px;

}
.score_menu4 .act{
    background-color:#01aef0;
    color:#FFF;

}
.score_table{
    width:540px;
    margin:20px auto;
}

.score_table table{
    border-right:2px solid #577791;
    border-bottom:2px solid #577791;
}
.score_table td{
    height:40px;
    text-align:center;
    border-left:2px solid #577791;
    border-top:2px solid #577791;
    color:#FFF;
    font-size:18px;
}
.score_table .first td{
    background-color:#01aef0;
}
.score_table .one_td{
    color:#f9225d;
}
.guess_title{
    width:498px;
    margin:0 auto 20px auto;


}
.guess_text{
    font-size:18px;
    color:#597a96;
    text-align:center;
    margin-bottom:20px;
}
.guess_table{

    margin:20px auto;
    padding-bottom:30px;
    border-bottom: 3px solid #52575d;
}

.guess_table table{
    border-right:2px solid #577791;
    border-bottom:2px solid #577791;
    margin:0 auto;
}
.guess_table td{
    height:40px;
    text-align:center;
    border-left:2px solid #577791;
    border-top:2px solid #577791;
    color:#FFF;
    font-size:18px;
}
.guess_table .first td{
    background-color:#01aef0;
}
.guess_btn{
    padding-left:35px;
    background-image:url(../images/guess_tip.jpg);
    background-position:left center;
    font-size:24px;
    color:#f8255f;
    background-repeat:no-repeat;
    border:0;
    background-color:#393f46;
    width:140px;

}
.guess_up{
    color:#597a96;
    font-size:24px;
    text-align:center;
    margin-top:5px;

}
.awards_box .left{
    float:left;
    width:320px;
}
.awards_box .right{
    float:left;
    width:230px;
    margin-left:10px;
}
.awards_box{
    overflow:hidden;
    padding-bottom:200px;
    font-size:20px;

}
.awards_box .p1{
    color:#597a96;
    margin-bottom:15px;

}
.awards_box .p2{
    color:#f5c942;
    margin-bottom:25px;
}
.awards_box .p3{
    color:#ffffff;
    margin-bottom:25px;
}
.my_game_text{
    color:#597a96;
    margin:50px 0 10px 0;
}
.predict{
    padding-left:30px;
    position:absolute;
    background-image:url(../images/time.jpg);
    background-repeat:no-repeat;
    background-position:left center;
    height:25px;
    line-height:25px;
    font-size:20px;
    color:#597a96;
    left:0;
    top:5px;


}

.score_subtitle{
    font-size: 20px;
    color: #597a96;
    line-height: 40px;
    margin-left: 10px;
}
.score_menu5{

    border-top:3px solid #52575d;
    overflow:hidden;
    margin-bottom:25px;
    margin-top:35px;
    padding-top:20px;

}

.score_subtitle span{
    color: #00aeef;
}
.submit_select{
    width:440px;
    height:65px;
    color:#597a96;
    border:0;
    border-radius:10px;
    line-height:35px;
    font-size:24px;
    padding-left:40px;
    margin-bottom:15px;
    background-color: #fff;
}
.submit_select option{
    padding-left:40px;
}