/* */
body {
    min-width: 1200px;
}
.wrap {
    width:1200px;
    margin:0 auto;
}

.hos {
    margin: 40px auto;
}

.hoslist .last {
    margin-right: 0;
}

.hoslist .lis-box .hot-title, .hotlist .lis-box .hot-title {
    font-size: 16px;
    height: 60px;
    padding: 10px 5px 20px;
}

.hoslist .lis-box .hot-box2 span {
    color: #999999;
    font-size: 14px;
    line-height: 14px;
    height: 16px;
    float: left;
}

.hoslist .lis-box .hot-box2 p {
    color: #f64d62;
    font-size: 14px;
    line-height: 14px;
    height: 16px;
    padding-left: 20px;
    float: right;
}

.hot {
    margin: 40px auto;
}

    .hot .hottj, .better .beter-title, .hos .hoshg {
        color: #2e3235;
        line-height: 20px;
        border-left: solid 7px #285293;
        font-size: 24px;
        padding-left: 10px;
        padding: 15px;
        background: #f5f5f5;
    }

        .hot .hottj .sp-icon, .better .beter-title .sp-icon, .hos .hoshg .sp-icon {
            margin-bottom: 10px;
        }

        .hot .hottj .gd, .better .beter-title .gd, .hos .hoshg .gd {
            float: right;
            margin-right: 10px;
            cursor: pointer;
            font-size: 16px;
            background: #31708f;
            padding: 2px 6px;
            color: white;
        }

.hotlist, .hoslist {
    margin-top: 20px;
}

    .hotlist li, .hoslist li {
        width: 23%;
        float: left;
        transition: .5s;
        overflow: hidden;
        margin: 10px 1%;
    }

        .hotlist li a, .hoslist li a {
            overflow:hidden;
            display: inline-block;
            width:100%;
            color:#333;
        }

        .hotlist li a img, .hoslist li a img,.bet-list li img {
            width: 100%;
            height: 175px;

        }
            /*.hotlist li a img:hover, .hoslist li a img:hover,bet-list li a img:hover {
                transform: scale(1.5);
            }*/

    .hotlist .last {
        margin-right: 0;
    }

    .hotlist .lis-box, .hoslist .lis-box {
        padding: 0 2px;
        height: 70px;
        background:#f2f2f2;
        margin-top:-5px;
    }

        .hotlist .lis-box .hot-box1 {
        }

            .hotlist .lis-box .hot-box1 span {
                color: #478d13;
                font-size: 14px;
                line-height: 14px;
                height: 14px;
                float: left;
            }

    .hotlist .clas1 .lis-box .hot-box1 span {
        color: #3c9914;
    }

    .hotlist .clas2 .lis-box .hot-box1 span {
        color: #ff9b1f;
    }

    .hotlist .clas3 .lis-box .hot-box1 span {
        color: #eb2f0c;
    }

    .hotlist .lis-box .hot-box1 p {
        color: #666;
        font-size: 14px;
        line-height: 22px;
        height: 16px;
        float: right;
    }

    .hotlist .lis-box .hot-box2 {
        margin-top: 26px;
    }

        .hotlist .lis-box .hot-box2 span {
            color: #999999;
            font-size: 14px;
            line-height: 14px;
            height: 16px;
            float: left;
        }

        .hotlist .lis-box .hot-box2 p {
            color: #f64d62;
            font-size: 14px;
            line-height: 14px;
            height: 16px;
            padding-left: 20px;
            float: right;
        }
/* better */
.better {
    /*width:1200px;*/
    margin: 30px auto;
}


.bet-list {
    margin-top: 26px;
    /*width:1200px;*/
}

    .bet-list li {
        float: left;
        width: 49%;
        /*height:220px;*/
        margin-right: 1%;
        margin-bottom: 20px;
        background: #fff;
        transition: .5s;
        height: 175px;
        overflow: hidden;
    }

        .bet-list li a {
            display: block;
            float: left;
            width: 50%;
            height: 185px;
        }

        .bet-list li .bet-lis {
            width: 50%;
            float: left;
            /*border: 1px solid #f5f5f5;*/
            height: 100%;
            background: #f2f2f2;
        }

            .bet-list li .bet-lis .bet-title {
                display: inline-block;
                margin-top: 15px;
                font-size: 18px;
                /*color: #060606;*/
                padding: 0px 10px;
                color: #333;
            }

            .bet-list li .bet-lis .bet-kc {
                padding: 10px;
                font-size: 14px;
                line-height: 24px;
                height:85px;
                color: #333;
            }

            .bet-list li .bet-lis .bet-time {
                margin-top: 16px;
                font-size: 14px;
                color: #939393;
                line-height: 14px;
            }

            .bet-list li .bet-lis .bet-money {
                color: #f45a72;
                font-size: 14px;
                line-height: 14px;
                margin-top: 20px;
            }

            .bet-list li .bet-lis .ben-js {
                margin-top: 20px;
                padding-left: 20px;
                background: url(../images/duobian.png) 0 0 no-repeat;
                font-size: 14px;
                color: #939393;
                line-height: 14px;
                height: 16px;
            }

    .bet-list .bet2 {
        color: #ffa013;
    }

    .bet-list .bet3 {
        color: #f42300;
    }

/* login */
.login-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    z-index: 9999;
}

/* login */
/* ע�� */
.h-loginbox, .h-registerbox, .h-lostpasbox {
    position: fixed;
    left: 50%;
    top: 140px;
    width: 500px;
    height: 520px;
    background: #fff;
    border-radius: 6px;
    margin-left: -250px;
    z-index: 99999;
}

.close-btn {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.h-loginbox .close-btn img {
    width: 30px;
    height: 30px;
    transition: .5s;
}

.close-btn img {
    width: 20px;
    height: 20px;
    transition: .5s;
}

.close-btn:hover img {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
}


.h-loginbox .login-header span {
    width: 84px;
    height: 0px;
    border-bottom: 1px solid #e2e2e2;
    margin-top: 12px;
}

.h-loginbox .login-header p {
    text-align: center;
    float: left;
    font-size: 24px;
    width: 122px;
    line-height: 24px;
    color: #969696;
}