.conter {
    height: auto;
    overflow: hidden
}

.tabbox {
    width: 282px;
}

.tabbox, .bannerbox, .newsbox {
    display: block;
    float: left;
}

.menu_news {
    width: 100%;
    height: 40px;
    border-color: #EE0A24;
    background-image: linear-gradient(180deg, #EFEFEF 0%, #FFFFFF 100%);
}

    .menu_news li {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        width: 139px;
        padding: 0 !important;
        float: left;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        font-size: 14px;
        color: #000000;
    }

        .menu_news li.current {
            color: #EE0A24;
            text-align: center;
            font-weight: 500;
            border-color: #EE0A24;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            text-decoration: none;
        }

.tabbox #tabcontent {
    border-color: #EE0A24;
    width: 280px;
    padding: 16px 0 10px 0;
    height: auto;
    overflow: hidden;
    height: 177px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.menu_newslist .item {
    padding: 0 20px;
    margin-bottom: 8px;
}

    .menu_newslist .item input {
        width: 230px;
        background: #FFFFFF;
        border: 1px solid rgba(233,233,235,1);
        border-radius: 4px;
        line-height: 35px;
        height: 35px;
        padding: 0 5px;
    }

    .menu_newslist .item #prodTypes {
        float: left;
    }

        .menu_newslist .item #prodTypes input {
            width: 16px;
            height: 16px;
            display: block;
            float: left;
            margin-right:5px;
        }

    .menu_newslist .item select {
        width: 240px;
        border: 1px solid rgba(233,233,235,1);
        border-radius: 4px;
        line-height: 35px;
        height: 35px;
        padding: 0 5px;
    }

    .menu_newslist .item .recharge-btn {
        width: 100%;
        background: #EE0A24;
        border-radius: 4px;
        height: 35px;
        line-height: 35px;
        display: block;
        font-size: 14px;
        color: #FFFFFF;
        letter-spacing: -0.32px;
        text-align: center;
        font-weight: 500;
        margin-top: 15px;
    }

        .menu_newslist .item .recharge-btn:hover {
            color: #fff !important;
        }

.bannerbox {
    width: 580px;
    height: 245px;
    margin: 0 17px;
}

    .bannerbox #CarouselAD, .bannerbox #CarouselAD ul.list li, #CarouselAD .list img {
        width: 580px;
        height: 245px;
    }

#CarouselAD ul.playerControl li {
    width: 8px;
    height: 8px;
    opacity: 0.4;
    background: #FFFFFF;
    border-radius: 5px;
}

    #CarouselAD ul.playerControl li.curAD {
        opacity: 1;
    }

.newsbox {
    float: right;
    width: 291px;
    height: 243px;
    background: #FFFFFF;
    border: 1px solid #E9E9EB;
    border-radius: 4px;
}

    .newsbox .userbox {
        padding: 20px 20px 0 20px;
    }

        .newsbox .userbox img {
            display: block;
            margin: 0 auto
        }

        .newsbox .userbox h4 {
            font-size: 14px;
            color: #333333;
            letter-spacing: -0.32px;
            text-align: center;
            font-weight: 400;
            word-break: break-all;
            word-wrap: break-word;
            white-space: pre-wrap;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-top: 5px;
        }

        .newsbox .userbox .btnbox {
            margin-bottom: 20px;
            margin-top: 12px;
            height: 35px;
            text-align: center;
        }

            .newsbox .userbox .btnbox a {
                height: 35px;
                display: inline-block;
                text-align: center;
                width: 80px;
                height: 35px;
                background: #FFFFFF;
                border: 1px solid #FF0136;
                border-radius: 4px;
                font-size: 14px;
                color: #FF0136;
                letter-spacing: -0.32px;
                text-align: center;
                font-weight: 500;
                line-height: 35px;
            }

                .newsbox .userbox .btnbox a.active {
                    margin-right: 20px;
                    background: #FF0136;
                    color: #fff;
                }

                .newsbox .userbox .btnbox a:hover {
                    color: #FF0136 !important;
                }

                .newsbox .userbox .btnbox a.active:hover {
                    color: #FFF !important;
                }

    .newsbox .data {
        padding: 0 20px;
    }

        .newsbox .data .item {
            line-height: 24px;
            width: 100%;
            overflow: hidden;
            margin-bottom: 5px;
        }

            .newsbox .data .item .tip {
                display: block;
                float: left;
                color: #EE0A24;
                background: #FEF3F4;
                height: 18px;
                text-align: center;
                line-height: 18px;
                margin-right: 10px;
            }

                .newsbox .data .item .tip:hover {
                    color: #EE0A24 !important;
                }

#NewsControl a {
    line-height: 18px;
}

.product {
    height: auto;
    margin: 20px auto 0px auto;
    overflow: hidden;
    background: #F5F5F5;
    border-radius: 4px;
}

    .product .title {
        padding: 15px 20px 18px 20px;
        position: relative;
    }

        .product .title p {
            font-size: 18px;
            color: #000000;
            letter-spacing: 0;
            line-height: 24px;
            font-weight: 600;
        }

        .product .title img {
            z-index: 999;
            position: absolute;
            left: 20px;
            bottom: 12px;
            width: 94px;
            height: 9px;
        }

    .product #gocz_products {
        width: 100%;
    }

        .product #gocz_products li {
            width: 175px;
            height: 220px;
            margin-left: 20px;
            margin-right: 0;
            margin-bottom: 20px;
            border-radius: 4px;
            background: #fff;
        }

            .product #gocz_products li dt a, .product #gocz_products li dt a img {
                width: 175px;
                height: 175px;
            }

            .product #gocz_products li dd {
                border-top: 1px solid #F0F0F0;
                width: 161px;
                margin: 0 auto;
                height: 45px;
            }

                .product #gocz_products li dd a {
                    display: block;
                    font-size: 14px;
                    color: #333333;
                    letter-spacing: 0;
                    text-align: center;
                    line-height: 45px;
                    font-weight: 500;
                    word-break: break-all;
                    word-wrap: break-word;
                    white-space: pre-wrap;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }