body, html {
    margin: 0;
    padding: 0;
    background: #dfdfdf;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    font-family: Helvetica,Droidsansfallback,Droid Sans,Retina,arial,PingFangTC,"Microsoft JhengHei",Arial,sans-serif,"PingFangTC","Microsoft JhengHei",Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
    font-family: Helvetica,Droidsansfallback,Droid Sans,Retina,arial,PingFangTC,"Microsoft JhengHei",Arial,sans-serif,"PingFangTC","Microsoft JhengHei",Arial,sans-serif;
}

ul, li, dl, dt, dd, p, form {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: Helvetica,Droidsansfallback,Droid Sans,Retina,arial,PingFangTC,"Microsoft JhengHei",Arial,sans-serif,"PingFangTC","Microsoft JhengHei",Arial,sans-serif;
}

@media screen and (max-width: 768px) {
    .tablebox .tableboxitem .l-1 {
        position: absolute;
        background-color: #000;
        width: auto !important;
        top: 0;
        right: 0;
        border: 0;
        padding: 0;
        height: auto;
        line-height: 100%;
        min-height: 0;
    }

        .tablebox .tableboxitem .l-1 .redtxt, .tablebox .tableboxitem .l-1.s2 .redtxt {
            color: #fff;
            background-color: #c00;
            padding: 8px;
            display: block;
            border-radius: 0 0 0px 0;
        }

        .tablebox .tableboxitem .l-1 .greentxt, .tablebox .tableboxitem .l-1.s2 .greentxt {
            color: #fff;
            background-color: #009d2b;
            padding: 8px;
            display: block;
            border-radius: 0 0 0px 0;
        }
}

input, textarea, button {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

a {
    color: #000;
    text-decoration: none;
}

    a:active {
        color: #009d2b;
    }

* {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.pagebox {
    margin: 0 auto;
    width: auto;
    max-width: 1920px;
    height: 100%;
    position: relative;
}

.loginbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333;
    box-shadow: 0 0 400px rgba(0,0,0,0.3) inset;
    background-size: cover;
}

.login {
    width: 300px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -180px auto auto -150px;
    z-index: 2;
    padding: 0px;
}

    .login.reg {
        margin-top: -250px;
    }

    .login div {
        padding: 10px 0 0 0;
    }

    .login p {
        display: block;
        text-align: center;
        padding-top: 10px;
    }

        .login p button {
            display: inline-block;
            padding: 10px 30px;
            border-radius: 50px;
            color: #000;
            background-color: #ffc100;
            border: 0;
            font-size: 18px;
            cursor: pointer;
            transition: all 0.2s;
            height: auto !important;
        }

            .login p button:hover {
                transform: scale(1.05)
            }

    .login input {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        border-radius: 50px;
        text-align: center;
        font-size: 16px;
        border: 0;
        border: 1px solid #ccc;
        box-shadow: 4px 4px 15px rgba(0,0,0,0.2) inset;
        background-color: #eee;
    }

    .login img {
        display: block;
        width: 200px;
        margin: 0 auto;
    }

.loginother {
    text-align: center;
    font-size: 14px;
    padding-top: 20px !important;
}

.loginboxbg {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background: #043753;
    background: linear-gradient(to bottom,#043753 0%,#0b6676 20%,#118499 40%,#0b5076 60%,#043753 100%);
}

    .loginboxbg:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: url(../images/worlds.png) center no-repeat;
        background-size: cover;
        opacity: 0.5;
        filter: blur(15px);
    }

.login p a.wantpw {
    font-size: 14px;
    color: #fff;
}

.login p.error {
    color: #f00;
}

.head {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #07485f;
    background: linear-gradient(to right,#074364 0%,#118499 100%);
    height: 55px;
    line-height: 55px;
    z-index: 3;
}

.headlbg {
    position: absolute;
    top: 0;
    right: 100%;
    height: 55px;
    background-color: #074364;
    width: 100%;
}

.headrbg {
    position: absolute;
    top: 0;
    left: 100%;
    height: 55px;
    background-color: #118499;
    width: 100%;
}

.headleft {
    position: absolute;
    top: 0;
    left: 0;
    height: 55px;
}

    .headleft img {
        display: block;
        height: 120%;
        width: auto;
        box-sizing: border-box;
        padding: 10px;
        position: relative;
        top: -10%;
    }

.headright {
    position: absolute;
    top: 0;
    right: 0;
    height: 55px;
    font-size: 0;
}

    .headright .item {
        display: inline-block;
        font-size: 14px;
        height: 39px;
        padding: 8px 0 8px 8px;
        line-height: 39px;
        vertical-align: top;
        position: relative;
    }

        .headright .item a {
            display: block;
            border-radius: 50px;
            background-color: rgba(0,0,0,0.4);
            color: #fff;
            overflow: hidden;
            padding-right: 15px;
        }

            .headright .item a svg {
                display: block;
                float: left;
                width: auto !important;
                height: 39px !important;
                box-sizing: border-box;
                padding: 8px 5px 8px 10px;
                fill: #fff !important;
            }

            .headright .item a em {
                position: absolute;
                font-style: normal;
                font-size: 10px;
                font-weight: bold;
                color: #fff;
                width: 16px;
                height: 16px;
                border-radius: 50%;
                background-color: #f60;
                text-align: center;
                line-height: 15px;
                top: 10px;
                right: -4px;
            }

            .headright .item a:hover, .headright .item a:active {
                background-color: #fff;
                color: #00225f;
            }

                .headright .item a:hover svg, .headright .item a:active svg {
                    fill: #00225f !important;
                }

    .headright .popitem {
        display: inline-block;
        font-size: 16px;
        height: 55px;
        padding: 0px 8px;
        line-height: 55px;
        vertical-align: top;
    }

        .headright .popitem dl, .headright .popitem dl dt {
            display: block;
            color: #fff;
            position: relative;
            padding: 0 0px;
        }

            .headright .popitem dl dt {
                padding: 0 10px 0 15px;
                font-size: 0;
            }

                .headright .popitem dl dt b {
                    font-weight: normal;
                    display: inline-block;
                    font-size: 14px;
                }

                .headright .popitem dl dt svg {
                    display: inline-block;
                    height: 55px;
                    vertical-align: top;
                    fill: #fff;
                    width: 30px !important;
                    transform: rotate(180deg)
                }

                    .headright .popitem dl dt svg.micon {
                        display: none;
                    }

            .headright .popitem dl dd {
                position: absolute;
                width: auto;
                min-width: 100%;
                top: 50px;
                right: 0;
                background-color: rgba(0,0,0,1);
                color: #fff;
                display: none;
                padding: 0;
                white-space: nowrap;
            }

            .headright .popitem dl.open dd {
                display: block;
            }

            .headright .popitem dl.open dt svg {
                transform: rotate(0deg)
            }

            .headright .popitem dl dd a {
                color: #fff;
                text-align: center;
                display: block;
                padding: 0 15px;
            }

                .headright .popitem dl dd a:active {
                    background-color: rgba(0,0,0,0.2)
                }

            .headright .popitem dl dd span {
                display: block;
                text-align: center;
                padding: 0px;
            }

            .headright .popitem dl.open {
                background-color: rgba(0,0,0,1)
            }

.body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 55px 0 0 0;
    overflow: hidden;
}

.bodyleft {
    display: block;
    float: left;
    width: auto;
    padding: 15px 0 15px 10px;
    overflow: hidden;
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
}

    .bodyleft::-webkit-scrollbar {
        width: 8px;
    }

    .bodyleft::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,0.2);
    }

    .bodyleft::-webkit-scrollbar-track {
        background-color: transparent;
    }

.bodyright {
    width: auto;
    overflow-x: hidden;
    background-color: #fff;
    height: 100%;
    box-sizing: border-box;
    padding: 0px 50px;
    overflow-y: auto;
}

.mobilebtn, bodyleftbg, .useryqm, .mtxt {
    display: none;
}

.bodyleft .menu {
    display: block;
}

    .bodyleft .menu li {
        display: block;
        height: 52px;
        margin-bottom: 5px;
        font-size: 0;
        white-space: nowrap;
        position: relative;
    }

        .bodyleft .menu li a em {
            display: block;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            font-size: 10px;
            text-align: center;
            line-height: 16px;
            position: absolute;
            top: 3px;
            left: 3px;
            font-style: normal;
            background-color: #f60;
            color: #fff;
            z-index: 1;
        }

        .bodyleft .menu li span {
            display: block;
            height: 42px;
            width: 42px;
            vertical-align: top;
            box-sizing: border-box;
            position: absolute;
            top: 5px;
            left: 5px;
            border-radius: 50%;
            overflow: hidden;
            background-color: rgba(255,255,255,0.5);
            transition: background 0.3s;
        }

            .bodyleft .menu li span svg {
                display: block;
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                padding: 8px;
                fill: rgba(0,0,0,0.5)
            }

        .bodyleft .menu li b {
            display: block;
            height: 52px;
            padding-left: 52px;
            font-size: 14px;
            line-height: 52px;
            padding: 0 25px 0 56px;
            color: #333;
            font-weight: normal;
        }

        .bodyleft .menu li a:hover span {
            background-color: #fff;
        }

        .bodyleft .menu li.selected {
            background-color: #fff;
            border-radius: 50px 0 0 50px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1)
        }

            .bodyleft .menu li.selected span {
                background-color: #118499;
            }

                .bodyleft .menu li.selected span svg {
                    fill: #fff !important;
                }

            .bodyleft .menu li.selected a:hover span {
                background-color: #009d2b;
            }

.pagetitle {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 0;
    padding: 40px 0 10px 0;
    white-space: nowrap;
}

    .pagetitle h3 {
        display: inline-block;
        height: 30px;
        font-size: 18px;
        vertical-align: top;
        padding-right: 8px;
        white-space: nowrap;
        max-width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pagetitle svg {
        width: auto !important;
        height: 30px !important;
        vertical-align: top;
        display: inline-block;
        box-sizing: border-box;
        padding: 8px 0;
        fill: #999;
    }

        .pagetitle svg.line {
            padding: 14px 0;
            width: 50% !important;
            opacity: 0.4;
            height: 2px;
            overflow: hidden;
        }

            .pagetitle svg.line rect {
                height: 2px !important;
            }

.ainfo {
    display: block;
    font-size: 0;
    position: relative;
    padding-right: 0px;
}

.ainfo1 {
    display: block;
    vertical-align: top;
    margin-right: 0px;
}

.ainfo2 {
    display: block;
    vertical-align: top;
    padding: 15px 0;
}

.ainfo1 div {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.useryqm {
    display: inline-block;
    font-size: 12px;
    width: auto !important;
    padding-top: 10px;
    margin-left: 10px;
    vertical-align: top;
    cursor: pointer;
}

    .useryqm span {
        display: block;
        background-color: #009d2b;
        padding: 5px 15px;
        color: #fff;
        border-radius: 40px;
    }

.ainfo1 .left svg {
    fill: #999 !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
}

.ainfo1 .left h2 {
    display: block;
    padding-left: 50px;
    font-size: 24px;
    line-height: 30px;
    padding-top: 0px;
    color: #666;
}

.ainfo1 .left h3 {
    display: block;
    padding-left: 50px;
    font-size: 14px;
    color: #999;
}

.ainfo1 .usert {
    padding-left: 0px;
    padding-top: 10px;
    display: inline-block;
    margin: 0px 0px 0 30px;
    vertical-align: top;
}

    .ainfo1 .usert span {
        font-size: 14px;
        color: #fff;
        border-radius: 50px;
        height: 24px;
        line-height: 24px;
        background-color: #f90;
        padding: 0 15px;
        display: inline-block;
    }

.ainfo1 .right {
    padding: 15px 0px 0 20px;
}

    .ainfo1 .right div {
        white-space: nowrap;
        display: block;
        clear: both;
        text-align: center;
        margin: 0 10px;
    }

        .ainfo1 .right div a.getmycode {
            display: block;
            font-size: 14px;
            color: #fff;
            background-color: #f60;
            height: 30px;
            line-height: 30px;
            padding: 0 20px;
            border-radius: 50px;
        }

        .ainfo1 .right div a.mycode {
            font-size: 14px;
            display: block;
            margin-top: 15px;
            height: 30px;
            line-height: 30px;
        }

            .ainfo1 .right div a.mycode svg {
                display: inline-block;
                height: 30px;
                vertical-align: top;
                box-sizing: border-box;
                padding: 5px 0;
            }

            .ainfo1 .right div a.mycode:hover {
                color: #009d2b;
            }

                .ainfo1 .right div a.mycode:hover svg {
                    fill: #009d2b !important;
                }

.ainfo2 dl {
    display: inline-block;
    border-left: 8px solid #eee;
    padding: 5px 40px 5px 15px;
    margin-left: 10px;
}

    .ainfo2 dl dt {
        font-size: 12px;
        color: #999;
        padding-bottom: 10px;
    }

    .ainfo2 dl dd {
        font-size: 24px;
        color: #666;
    }

        .ainfo2 dl dd span {
            font-size: 18px;
        }

.ainfo2.message dl {
    margin-left: 0;
}

.jiangliimg {
    display: block;
    position: relative;
    float: right;
    width: 550px;
}

    .jiangliimg img {
        display: block;
        width: 100%;
        height: auto;
        background-color: #eee;
        position: relative;
    }

@media screen and (max-width:1650px) {
    .jiangliimg {
        display: block;
    }
}

.catetype {
    display: block;
    font-size: 0;
    padding: 5px 0 15px 0;
    position: relative;
    margin-left: -10px;
}

    .catetype dl {
        display: inline-block;
        vertical-align: top;
        padding: 0px 15px 12px 15px;
        font-size: 12px;
        border-left: 1px dotted #ccc;
        position: relative;
        margin-left: 0px;
    }

        .catetype dl:last-child {
            border-bottom: 0;
        }

        .catetype dl:first-child {
            border-left: 0px;
            padding-left: 0;
        }

        .catetype dl dt {
            font-size: 12px;
            display: block;
            padding: 5px 10px 5px 10px;
            color: #666;
            font-style: italic;
            text-align: center;
            background-color: #f6f6f6;
            border-radius: 8px;
            margin: 0 10px;
        }

        .catetype dl dd {
            display: block;
            font-size: 0;
            padding-top: 8px;
        }

            .catetype dl dd a {
                display: inline;
                vertical-align: top;
                margin: 0 10px;
                font-size: 14px;
                border-bottom: 0px solid #999;
                padding: 5px 0 6px 0;
                color: #333;
                position: relative;
                height: auto;
            }

                .catetype dl dd a:hover {
                    color: #f60;
                }

                .catetype dl dd a:before {
                    content: "";
                    display: block;
                    width: 100%;
                    left: 0;
                    top: 100%;
                    height: 3px;
                    border-radius: 10px;
                    background-color: #fff;
                    position: absolute;
                }

                .catetype dl dd a.now {
                    color: #f60;
                    font-weight: 800;
                }

                    .catetype dl dd a.now:before {
                        background-color: #f60;
                    }

.tablebox {
    position: relative;
    margin: 0 0px;
}

.tableboxtab {
    display: block;
    padding: 5px 0px 20px 0px;
    position: relative;
    z-index: 1;
}

    .tableboxtab a, .tableboxtab > div {
        display: inline-block;
        vertical-align: top;
        margin-right: 15px;
        font-size: 16px;
        border-bottom: 0px solid #999;
        padding: 5px 0 6px 0;
        color: #666;
        position: relative;
        height: auto;
        cursor: pointer;
    }

        .tableboxtab a:before, .tableboxtab > div:before {
            content: "";
            display: block;
            width: 100%;
            left: 0;
            top: 100%;
            height: 4px;
            border-radius: 10px;
            background-color: #eee;
            position: absolute;
        }

        .tableboxtab a.now, .tableboxtab > div.now {
            color: #f60;
            border-bottom: 0;
        }

            .tableboxtab a.now:before, .tableboxtab > div.now:before {
                background-color: #f60;
            }

.changedate div {
    padding-bottom: 15px;
    font-size: 14px;
}

.tableboxtab .changedate {
    position: relative;
    min-width: 100%;
    top: 5px;
    background-color: #f60;
}

.tableboxtab dl, .tableboxtab .dt, .tableboxtab .dd {
    display: block;
}

.tableboxtab dl {
    display: inline-block;
}

.tableboxtab dt {
    background-color: #f60;
    font-size: 12px;
    color: #fff;
    width: auto;
    text-align: center;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 10px;
}

    .tableboxtab dt svg {
        fill: #fff;
        vertical-align: top;
        display: inline-block;
        width: auto !important;
        height: 30px !important;
        box-sizing: border-box;
        padding: 7px 0;
    }

.tableboxtab dd {
    clear: both;
    background-color: #f60;
    position: absolute;
    min-width: 100%;
    width: 500px;
    top: 100%;
    padding: 10px;
    font-size: 0;
    display: none;
}

.tableboxtab dl:hover dd, .tableboxtab dl:hover dt {
    display: block;
    background-color: #c30;
}

.tableboxtab dd a {
    display: inline-block;
    width: 20%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border: 0;
    margin: 0;
    padding: 0;
}

    .tableboxtab dd a:hover {
        background-color: rgba(0,0,0,0.2)
    }

.tableboxtab em {
    font-size: 14px;
    color: #666;
    font-style: normal;
}

.tableboxtab2 {
    display: inline-block;
    font-size: 0;
    border-radius: 40px;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
}

    .tableboxtab2 a {
        display: inline-block;
        background-color: #ddd;
        height: 26px;
        line-height: 26px;
        padding: 0 20px;
        font-size: 12px;
        cursor: pointer;
        color: #666;
    }

        .tableboxtab2 a.now {
            background-color: #118499;
            color: #fff;
        }

.tableboxitem {
    height: 46px;
    font-size: 0;
    display: table;
    width: 100%;
    border-radius: 0px;
    background-color: #fff;
    position: relative;
    z-index: 0;
    transition: box-shadow 0.3s;
    border-top: 1px solid #ddd
}

.tableboxbody {
    border-bottom: 1px solid #ddd;
}

.tableboxitem:hover {
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    z-index: 1;
}

.tablebox .tableboxitem.pic:nth-child(2n+2):hover, .tablebox .tableboxitem:nth-child(2n+2):hover {
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    z-index: 1;
}

.tableboxitem > span, .tableboxitem > div {
    box-sizing: border-box;
    padding: 10px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
    line-height: 25px;
}

.tableboxitem.title {
    color: #999;
}

    .tableboxitem.title span {
        font-size: 12px;
    }

    .tableboxitem.title:hover {
        box-shadow: none !important;
    }

.tablebox .tableboxitem:nth-child(2n+2) {
    background-color: #f8f8f8;
}

.tablebox .tableboxitem.pic:nth-child(2n+2) {
    background-color: #f8f8f8;
}

.tablebox.message {
    padding-top: 15px;
}

.tablepic {
    display: block;
    position: relative;
    height: 60px;
    border: 10px solid transparent;
    padding-left: 120px;
    border-left: 0;
    border-right: 0;
}

    .tablepic .pic {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 110px;
        height: 60px;
        overflow: hidden;
        border-radius: 5px;
        background-color: #ddd;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .tablepic .pic img {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: auto;
            min-height: 100%;
        }

    .tablepic h3 {
        display: block;
        height: 40px;
        line-height: 20px;
        overflow: hidden;
        font-size: 16px;
    }

    .tablepic p {
        display: block;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        font-style: normal;
        color: #777;
    }

        .tablepic p em {
            font-style: normal;
            padding-right: 10px;
            display: inline-block;
        }

            .tablepic p em svg {
                display: block;
                float: left;
                width: 20px !important;
                height: 20px !important;
                fill: #999;
                padding: 0px;
                box-sizing: border-box;
            }

            .tablepic p em b.accpic {
                display: inline-block;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                background: url(../images/account2.svg) center no-repeat;
                background-size: 60% 60%;
                float: left;
                margin-right: 0px;
                opacity: 0.45
            }

            .tablepic p em b.accname {
                font-weight: normal;
            }

            .tablepic p em a {
                transition: all 0.2s;
            }

                .tablepic p em a:hover {
                    transform: scale(1.1)
                }

                    .tablepic p em a:hover b.accname {
                        color: #009d2b
                    }

    .tablepic.task {
        padding-left: 70px;
    }

        .tablepic.task .pic {
            width: 60px;
        }

            .tablepic.task .pic img {
                height: 100%;
                width: 100%;
            }

        .tablepic.task h3 {
            height: 30px;
            line-height: 30px;
            padding-top: 5px;
            font-size: 18px;
        }

            .tablepic.task h3:after {
                content: "";
                display: inline-block;
                height: 30px;
                vertical-align: top;
                width: 20px;
                background: url(../images/share-box-line.svg) center no-repeat;
                background-size: 80%;
                opacity: 1;
                margin-left: 5px;
            }

        .tablepic.task p em {
            color: #cc0000;
        }

.spaceline {
    height: 30px;
    clear: both;
}

.tableboxitem.pic > div > p {
    padding: 10px 0;
}

.tablebox.toptitle .tableboxitem {
    background-color: rgba(0,0,0,0.04)
}

.canshu {
    padding: 10px 0;
    font-size: 16px;
    line-height: 180%;
}

    .canshu p img {
        background-color: #fff;
    }

.upimg {
    width: 320px;
    height: 180px;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    border-radius: 0px;
}

    .upimg img {
        display: block;
        margin: 0 auto;
        height: 100%;
        width: auto;
    }

    .upimg button {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 180px;
        text-align: center;
        vertical-align: middle;
        border: 0;
        background: none;
        cursor: pointer;
    }

        .upimg button:hover {
            transform: scale(1.05);
            transition: all 0.3s;
            background-color: rgba(0,0,0,0);
            box-shadow: 0 0 20px rgba(0,0,0,0.3) inset;
        }

        .upimg button svg {
            display: block;
            fill: #999;
            line-height: 100px;
            margin: 0 auto;
        }

        .upimg button span {
            display: inline-block;
            width: 100%;
            text-align: center;
            font-size: 14px;
            color: #666;
            line-height: 16px;
            vertical-align: middle;
            padding-bottom: 20px;
        }

.upvideo {
    width: 100%;
    height: 150px;
    border: 1px solid #ddd;
    background-color: #666;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 15px;
}

    .upvideo button {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 150px;
        text-align: center;
        vertical-align: middle;
        border: 0;
        background: none;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
    }

        .upvideo button:hover {
            transform: scale(1.05);
            transition: all 0.3s;
            background-color: rgba(0,0,0,0);
            box-shadow: 0 0 20px rgba(0,0,0,0.3) inset;
        }

        .upvideo button svg {
            display: block;
            fill: #fff;
            line-height: 100px;
            margin: 0 auto;
        }

        .upvideo button span {
            display: inline-block;
            width: 100%;
            text-align: center;
            font-size: 14px;
            color: #fff;
            line-height: 16px;
            vertical-align: middle;
            padding-bottom: 10px;
        }

    .upvideo .loadbar {
        display: block;
        width: 100%;
        height: 100%;
    }

        .upvideo .loadbar .bar {
            display: block;
            height: 100%;
            background-color: #009d2b;
        }

.postbtn {
    padding: 5px 0 5px 0;
    text-align: center;
    clear: both;
}

    .postbtn button {
        display: inline-block;
        border-radius: 100px;
        font-size: 16px;
        padding: 10px 30px;
        border: 0;
        background-color: #009d2b;
        color: #fff;
        font-weight: bold;
        cursor: pointer;
        margin: 0 5px;
    }

        .postbtn button:hover {
            transition: all 0.3s;
            transform: scale(1.05)
        }

.postbox {
    background-color: #eee;
    border-radius: 5px;
    padding: 20px 10px;
    width: auto;
    max-width: 1000px;
    font-size: 0;
    margin: 0 0px;
    position: relative;
    top: 0px;
    margin-bottom: 15px;
}

    .postbox.half {
        width: 480px;
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
    }

    .postbox dl {
        display: inline-block;
        width: 100%;
        padding: 0 10px 10px 10px;
        box-sizing: border-box;
        vertical-align: top;
    }

        .postbox dl:last-child {
            padding-bottom: 10px;
        }

    .postbox dt {
        display: block;
        font-size: 12px;
        padding-bottom: 5px;
        color: #666
    }

    .postbox dd {
        display: block;
        position: relative;
    }

        .postbox dd input {
            display: block;
            border: 1px solid #ddd;
            background-color: #fff;
            height: 34px;
            line-height: 32px;
            box-sizing: border-box;
            width: 100%;
            padding: 0 10px;
            font-size: 14px;
            border-radius: 0px 0 0 0px;
        }

        .postbox dd select {
            display: block;
            border: 1px solid #ddd;
            background-color: #fff;
            height: 34px;
            line-height: 32px;
            box-sizing: border-box;
            width: 100%;
            padding: 0 10px;
            font-size: 14px;
            border-radius: 0px 0 0 0px;
        }

        .postbox dd span.delinput {
            float: right;
            display: block;
            width: 34px;
            height: 34px;
            position: absolute;
            top: 0;
            right: 0;
            background-color: #ccc;
            cursor: pointer;
        }

            .postbox dd span.delinput:active, .postbox dd span.delinput:hover {
                background-color: #999;
            }

            .postbox dd span.delinput svg {
                display: block;
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                fill: #fff;
                padding: 5px;
            }

    .postbox dt span.redtxt {
        background-color: #f00;
        color: #fff;
        display: inline-block;
        padding: 3px 5px;
        position: relative;
        top: 5px;
        border-radius: 5px 5px 0 0;
    }

    .postbox dt span.greentxt {
        background-color: #009d2b;
        color: #fff;
        display: inline-block;
        padding: 3px 5px;
        position: relative;
        top: 5px;
        border-radius: 5px 5px 0 0;
    }

    .postbox dt span.blurtxt {
        background-color: #179ce0;
        color: #fff;
        display: inline-block;
        padding: 3px 5px;
        position: relative;
        top: 5px;
        border-radius: 5px 5px 0 0;
    }

    .postbox dt span.yellotxt {
        background-color: #f90;
        color: #fff;
        display: inline-block;
        padding: 3px 5px;
        position: relative;
        top: 5px;
        border-radius: 5px 5px 0 0;
    }

    .postbox dd.withbtn input {
        padding-right: 40px;
    }

    .postbox dd span.inputnum {
        position: absolute;
        height: 26px;
        line-height: 26px;
        width: 26px;
        text-align: center;
        font-size: 12px;
        background-color: #eee;
        border-radius: 50%;
        top: 4px;
        left: 4px;
    }

    .postbox dd button.inputbtn {
        position: absolute;
        top: 0;
        right: 0;
        height: 34px;
        width: auto;
        background-color: #009d2b;
        color: #fff;
        padding: 0 20px;
        font-size: 12px;
        border: 0;
        cursor: pointer;
        border-radius: 0 0px 0px 0;
    }

    .postbox dl.half {
        width: 50%;
    }

        .postbox dl.half.halfpost {
            width: 40%;
        }

    .postbox dl.bf40 {
        width: 40%;
    }

    .postbox dl.bf60 {
        width: 60%;
    }

    .postbox .half-flex {
        display: flex;
        align-items: center;
    }

    .postbox dd textarea {
        display: block;
        border: 1px solid #ddd;
        background-color: #fff;
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        height: 100px;
    }

    .postbox .fkupimg {
        display: inline-block;
        margin: 10px 10px 0 0;
        position: relative;
        overflow: hidden;
        width: 200px;
        height: auto;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .postbox .fkupimg svg {
            display: block;
            width: 100%;
            height: auto;
            opacity: 1;
            z-index: 0;
            fill: #f8f8f8;
        }

        .postbox .fkupimg img {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
        }

    .postbox .tablebox {
        padding: 10px;
        box-sizing: border-box;
    }

.selectcate {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    font-size: 12px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    z-index: 3;
    box-sizing: border-box;
    display: none;
}

    .selectcate span {
        display: inline-block;
        padding: 5px 10px;
        background-color: #eee;
        border-radius: 5px;
        margin: 3px;
        cursor: pointer;
    }

        .selectcate span:active {
            background-color: #ddd;
        }

span.pay {
    display: inline-block;
    font-size: 16px;
    padding: 0px 15px;
    border-radius: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    margin-right: 10px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    position: relative;
    cursor: pointer;
}

    span.pay.sel {
        background-color: #f60;
        color: #fff;
        padding-right: 45px;
    }

    span.pay svg {
        display: none;
    }

    span.pay.sel svg {
        display: inline-block;
        vertical-align: top;
        height: 40px;
        width: auto;
        box-sizing: border-box;
        padding: 7px 0;
        fill: #fff;
        position: absolute;
        top: 0;
        right: 10px;
    }

.source {
    height: 34px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 30px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

    .source span {
        display: inline-block;
        width: 50%;
        font-size: 14px;
        text-align: center;
        border: 0px solid #fff;
        height: 32px;
        box-sizing: border-box;
        line-height: 32px;
        color: #333;
        position: relative;
        z-index: 1;
        cursor: pointer;
    }

        .source span.now {
            color: #fff;
        }

        .source span.sourcebg {
            position: absolute;
            left: 0;
            top: 0;
            height: 32px;
            width: 50%;
            background-color: #009d2b;
            transition: all 0.2s;
            border-radius: 30px;
            z-index: 0;
            box-sizing: border-box;
            border: 1px solid #fff;
        }

.source {
    top: 0;
    left: 0;
}

    .source.r span.sourcebg {
        top: 0;
        left: 50%;
    }

.changepage {
    padding: 20px 0;
    font-size: 0;
    text-align: center;
}

    .changepage span, .changepage a {
        display: inline-block;
        vertical-align: top;
        width: 40px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        margin-right: 5px;
        transition: background 0.3s;
    }

    .changepage span {
        color: #333;
        font-weight: bold;
        background-color: #f3f3f3;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

    .changepage a {
        background-color: rgba(0,0,0,0);
        color: #666;
    }

        .changepage a:hover {
            background-color: #eee;
        }

.infobox {
    font-size: 0;
    padding-bottom: 15px;
}

    .infobox .wuliao {
        display: inline-block;
        border: 1px solid #ddd;
        padding: 5px 0px;
        height: auto;
        border-radius: 0;
        background-color: #f3f3f3;
        margin-right: 0px;
    }

    .infobox .libox {
        font-size: 12px;
        display: inline-block;
        padding: 0 5px;
        vertical-align: top;
    }

        .infobox .libox select {
            padding: 0 0px 0 5px;
            height: 30px;
            line-height: 30px;
            border: 1px solid #ccc;
            font-size: 12px;
            display: block;
            z-index: 1;
            background-color: #fff;
        }

        .infobox .libox input.form_date {
            padding: 0px 10px 0 20px;
            background-size: auto 70%;
            border: 1px solid #ccc;
            height: 30px;
            line-height: 30px;
            box-sizing: border-box;
            max-width: 120px;
        }

            .infobox .libox input.form_date.withbtn {
                float: left;
                border-right: 0px;
            }

            .infobox .libox input.form_date.noico {
                background: #fff;
                max-width: 180px;
                padding: 0 5px;
            }

        .infobox .libox .form_btn {
            display: inline-block;
            vertical-align: top;
            height: 30px;
            line-height: 30px;
            background-color: #009d2b;
            color: #fff;
            padding: 0 15px 0 10px;
            border: 0;
            border-radius: 0;
        }

        .infobox .libox .btn {
            border: 0px;
            line-height: 30px;
            height: 30px;
            box-sizing: border-box;
        }

        .infobox .libox h4 {
            display: inline-block;
            vertical-align: middle;
            line-height: 30px;
            padding: 0 0 0 5px;
        }

.btn, .gbtn {
    display: inline-block;
    margin: 0 3px;
    border-radius: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    color: #fff !important;
    background-color: #666;
    padding: 0 15px;
    border: 0;
    cursor: pointer;
    transition: all 0.3s;
}

    .btn.btn-default {
        height: 36px;
        line-height: 36px;
        border-radius: 6px;
    }

.btn-default-p {
    margin: 8px 0;
}

.popwinbox .btn, .popwinbox .gbtn {
    margin: 3px;
}

.popwintitle-input {
    margin: 10px 0;
}

.btn:hover, .gbtn:hover {
    transform: scale(1.05)
}

.poptab {
    display: inline-block;
}

    .poptab span {
        display: inline-block;
        margin: 0 5px;
        padding: 0 5px;
        vertical-align: top;
        font-weight: bold;
        cursor: pointer;
    }

        .poptab span.now {
            border-bottom: 2px solid #f60;
            color: #f60;
            height: 38px;
            overflow: hidden;
        }

.poptabcont {
    padding: 10px 0 0 0;
}

    .poptabcont iframe {
        display: block;
        border: 10px solid #fff;
        box-sizing: border-box;
    }

.btn.green {
    background-color: #009d2b;
}

.btn.orange {
    background-color: #ffa500;
}

.btn.blur {
    background-color: #179ce0;
}

.btn.red {
    background-color: #c00;
}

.btn.purple {
    background-color: #c325c4
}

.greentxt {
    color: #009d2b
}

.redtxt {
    color: #c00;
}

.blurtxt {
    color: #179ce0
}

.yellowtxt {
    color: #f90;
}

.tableboxitem > span .btn, .tableboxitem > div .btn {
    margin: 3px;
}

.tableboxtitle .tableboxitem > span:first-child svg {
    display: none;
}

.loadingbox {
    text-align: center;
    display: block;
    width: 100% !important;
    padding: 20px 0;
    font-size: 14px;
    line-height: 180%;
}

.nums {
    font-size: 14px;
    padding: 0 0 10px 0;
}

    .nums div {
        border: 0px solid #ddd;
        background-color: #eee;
        padding: 5px 15px;
        display: inline-block;
        border-radius: 50px;
        color: #f60;
        margin: 0 5px 5px 0;
    }

    .nums em {
        font-style: normal;
        font-size: 12px;
        color: #333;
    }

    .nums div.red {
        background-color: #f60;
        color: #fff;
        cursor: pointer;
    }

        .nums div.red em {
            color: #fff;
        }

.yqmpop {
    padding: 20px 20px;
    font-size: 14px;
    text-align: center;
    line-height: 150%;
}

    .yqmpop .yqmnum {
        border: 1px solid #ddd;
        background-color: #eee;
        border-radius: 10px;
        box-shadow: 3px 3px 10px rgba(0,0,0,0.1) inset;
        font-size: 18px;
        color: #009d2b;
        padding: 15px 0 10px 0;
        margin: 15px 0 5px 0;
    }

    .yqmpop p {
        padding: 10px 0 0 0;
    }

.bodyleft .menu .menuback {
    display: none;
}

.postpop {
    display: none;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.postpopdl {
    position: absolute;
    top: 75px;
    right: 25px;
    background-color: #fff;
    padding: 8px;
    font-size: 0;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    z-index: 1;
    width: 280px;
    border-radius: 4px;
}

    .postpopdl dl {
        display: inline-block;
        padding: 15px;
        width: 100%;
        font-size: 18px;
        box-sizing: border-box;
        color: #fff;
        border: 8px solid #fff;
        background-color: #009d2b;
        padding-left: 53px;
        background-position: 12px center;
        background-repeat: no-repeat;
        background-size: 30px 30px;
        border-radius: 20px;
    }

    .postpopdl a:active dl {
        opacity: 0.8;
    }

    .postpopdl dl.p1 {
        background-color: #ff6666;
        background-image: url(../images/live-line.svg);
    }

    .postpopdl dl.p2 {
        background-color: #02abe1;
        background-image: url(../images/upload-2-line.svg);
    }

    .postpopdl dl.p3 {
        background-color: #9f6a17;
        background-image: url(../images/newspaper-line.svg);
    }

    .postpopdl dl.p4 {
        background-color: #c758c8;
        background-image: url(../images/gamepad-line.svg);
    }

    .postpopdl dl.p5 {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wNC0yNFQxNTozMDozOCswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMDQtMjRUMTU6MzE6MDgrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDQtMjRUMTU6MzE6MDgrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YzFkOWEwNGItZjc5NS02ZjQ4LWEzMmEtODcwNGM5MDI4ZmQ4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOmMxZDlhMDRiLWY3OTUtNmY0OC1hMzJhLTg3MDRjOTAyOGZkOCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmMxZDlhMDRiLWY3OTUtNmY0OC1hMzJhLTg3MDRjOTAyOGZkOCI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YzFkOWEwNGItZjc5NS02ZjQ4LWEzMmEtODcwNGM5MDI4ZmQ4IiBzdEV2dDp3aGVuPSIyMDIyLTA0LTI0VDE1OjMwOjM4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pku5d8sAAAsfSURBVHja7Z17jF1VGUcnmlQshghNaUhIGSjFYACl1GAVIj6KaI0KSJgKRkRAHjGiYKUNZoKNRSUMNUApQoM8BIEJz9gCEgg0YpkQIGKiRBGEAOVVMW0EdMzyj70nre20M+d1z2OvX7ISaOfeOXd/3+q955x99+4D+lrK+4EvAxcCNwG/B17GpJr1wAgwDAwBA8C0on3WNin2AgaBB+0HM8msARYBc7osyIHAxcAG621yZhRYDszumiDL4oszpoxsAJYCU9suyFTg19bTVJRHgYPbKshc62d6lIG2CXKENTM9zmBbBFEOU1fmNV2QA4G/WydTY/qbLMiw9TE1515gShMF+Za1MQ3J0qYJsg/wgnUxDckGtriZ2ARBLi/hRb0BrAOui1ckJD2uB54qSZLlTRFkOvBqgRfyEnAO7Z1wKdX01NHAswX6apQ4d6vuF3NmgRdxGbC3DSHbYQrwmwL9dX4TBHkw58H/3AaQSfKlnD32UN2C7JnzwK+36JKRJTl7bXqdB/3JHAf8dhTLoktW7s/Rbye27d7HxRZacnJYjn4batud8wMstBQg62XgYQdNUiLr94tGHDRJiUUZBVnvoElKZP46hYMmCqIgIgoioiAiCiKiICJpCrIzsH88GEkPBdmCXYDjgKuBx4HXMSnnHcLKNOuAOwjfzCtllfW2CXIycHecXWvMZFJolfW2CPLx+C+DMXmTa5X1pgsyBfiptTUlJtMq600WpJ+woJYxVWRSq6w3VZB51s/0KANtE2TQmpkeZ7AtgpxlrUxNmdd0QY63Rqbm9DdVkIMIqxUaU2e2WWW9KYJcaW1MQ7K0aYIcYk1Mg/J/q6w3QZCi7x6bCHNwVgFn4KS9VLmWMC/vPyVIsrwpghR991gBzMTp1LKZPShxlfW6BVlU4EUssBmEildZr1uQNTkP3gaQnqyyXqcg03Ie+GKLLhnJvcp6nYIM5DjgOy225CTXKut1CjKU8TEbgVkWWnKSa5X1OgXJusr6WossBcm8ynqdgoxkfMylFlgKknmV9ToFWZ/xMadYYClI5lXW6xQka46wwNLrRlUQURAFEVEQEQURURAFEQVREFEQBREFURBREAURBVEQURAFEQVREBEFEVEQBREFURBREAURBemKINMIe0acBCwjfD/5FsJmKwuBjwC72XQKkqIg52Y4rmU2noKkIsgM8m03/Tiwrw2oIF0W5GSK59s2oYJ0UZDPUV4OshEVpGuCbCxRkNdsRAXpkiC3UH4ushkVpAuCfIPq8jUbUkHaLsi1FQpygw2pIG0X5MkKBfmjDakgbRZkV6qPd9oVpLWCHN4DQT5tUypIWwX5Xg8EOcemzMT74myGWfF+0sciB8U/mxF/RkF6IMhxPRBkoU0/LnsDXyTsHXgj2Te2AfgbYVu1q+LzLAQOVpDymNUDQfZTBqYRtuz+EXAf8M+Kx3wjsBr4Yfy9eyhIfl6osFAvJizFfsB5wCPAKPVnNWGenIJk5LYKi3JXYlLsFD/m3NoQKcpK0oIMVjiwg4mI8QHgx/GcoItJfi7WugoG9bYExDgMuBJ4i24neUEOrWBQu7yf+1EVfzRVkIYJUvZHrYGOijEXuI70oiCRO0oYzNUdFKMfGOrYibeC5OTIAgPZxa/bnkX2/ewVpOOrmszI+FFiNd1bsGEGcA1GQXbAsYQlfe4FXt/iOF4F7oznLUd38F1jAfmmfihI4isr7tfxq1NV3xfaXt6Il9pviL//hFjr8TgaOD3+3BXxatrjCtIMQbrOz3okxAvAzcCpwD4lHfsuwGejOPdQ7nwvBRGurliIW4DvMvFs2zInSH6dMO3lLQWRIlT1EeUqwtrGdb++mcCZ8WKKgkgmqsi1DRFjPL6gIDJZXilZjJuATzT8NTvdXSZFmZdxbwPmt+R1K4hMyP0lifG7eM/ERRsUpDNcX5IcV1Bs8QQFqUCQu23wQiwpSY7TWzwGnRYEujm1oxccU4IYo4QleFwXq8GCjNjsmdkfeK6gHCMt/UiVnCAAZ9v0mbinoBwrOzQWSQjyPGGhAJt/Yi5TjvQEAVgLvFsBdsi5Bcd4XQfHJBlBAG5Xgu3ylYJj+5eOjktSgkCYEKcQ2y6uUCQbgN0VpBuCEK/vK8bmad5Fc1SHxydJQQA+oxz0AS8XHMdvdnx8khUEwrfKUpZjpOD4LUpgjJIWBGCvBMXYjbCQRJEMJTJWyQsC4bvJqchxQgnjNZzQeClIQnfbV5QwTm90+IqVgkyQK4GpHf1ItbqkMZqb2MdRBdkqDwOHdKjAnwL+VNLYnJDg+ZqCjJPXgNNaXtiZwAWUtxfHDYle6VOQHeSxFoqyL3BhlLysPJjwpXAF6YgoHwQupvwdYX+b+L0iBWm5KB8mTFGvYluzW51p0G1BflChKMuob+maOYS9RW4G/lvRa3RSZyKrmhxb8bvK88AvCduo7VThecVJhP03nu3BO+VFipHWsj8fpfxVAcfLKLCGsIrH3Hgl6T0ZBmX3+Lhj4o3LXgkxlk2EBaMVI8F1sWYDj9R07vIm8DThW43DhDvag8CqeBL8NPVvjXwfYfdepUh44bjdKGfjza5lUBEUZEu+36OPXE3POtqzRq6C9FCQsY9cv0hYjiFgZwVQkIkO5PPAAwmJMQwcbuMryGQFGeM7hK2/upqH4yVvm15BcgnSR/h24aXAvzokxp+BM2x0BSlDkDH2ARYDT7ZYjKfi1aldbXIFKVuQrRdUu7UlUrwD3Ei40WhzK0hPBBnjQ4T5V880UIzHgPMIU1JsagWpRZAx3htPdn9C2JrszRqEeIWwz98S4EibWEGaJMjWvIuwhfHZhF1bq3iHeY6wFdqphOntNq6CtEaQ7U06nA8sJExLvwC4nDA9/QHgD8BLwL8J61M9QdgubiVwPmHm7nzCRja72KQK0jVBREEURBREQURBFEREQUQUREFEQRREFERBREEURBREQURBMpN1z/p/KIikJEjW1XeeUBBJSZAXM/7O2xVEUhHktBy/8xIFkVQEeSzH7zxJQSQFQfK8ewD0K4h0XZAlOeV4AuhTEOmqIHsCV5M/lyiIdFGQAwjb5r1NsRyqINJFQcrIr8aeT0FEQbbNfAURBRk/w1s+n4KIgmzOX4HpCiIKMn62WR9NQURBQk4f7/kURBRkB/tJKoikLsh5O3o+BZFUBXkG+OpEz6cgkqIgK+NUlD4FEQXZnBEy7impINJ1QTYB1xB2Xs58rAoiXRTkLsKWF8cD/UWOVUEkpe+kK4goiIKIgiiIKIiCiIIoiIiCiCiIgkh6gqzPeKCnWGApyBkZe259nYKMZDzYSy2wFGRVxp4bqVOQ4YwHu9YCS0HWZey54ToFGcp4sBuBWRZZcjIzTiDMkqE6BRnIccJ0p4WWnKzI0W8n1inINPJlscWWjCzI2WvT6xSkD1iT88AtumQhTx6q85jH/mMR+bPAwssELC7QX+c3QZA5wGiBF7EinnzZDLIls+L5at6Mxt6sXZA+YDnFsilevlsVbwQdIUlySrxXtjZe8SyS5XVLvuX/zAY2YEwzsiH2ZGME6QOWWhfTkCxtwsfErf9gKvCotTE1515gShMF6QMOtj6m5vTTkAsN2/uLAWtkasq8Jl2J29FfDlor0+MM0rBL1RP9wDxrZnqUARp4L2cyP9QfT5qMqSKPxvPevrYK0hevKCzF+ySmvGyIPTWVBs8GyPqA2YS7m6PW1+TMaOyh2bRgukzeB84hTCJ7yHqbSWYNYVLsHFo0n6yMJ5lO+ELLEOGrkSNkXwjCdCfrYw8Mx54YIHznqJUTLv8HqH1ZFlYE7uwAAAAASUVORK5CYII=);
        background-size: 26px auto;
    }

    .postpopdl dt {
        display: block;
        margin: 0;
    }

    .postpopdl dl dd {
        font-size: 12px;
        display: inline-block;
        display: block;
        margin: 0;
    }

.postpopbg {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7)
}

.postbox .imgbox {
    width: 40%;
    margin: 0 auto;
    position: relative;
}

    .postbox .imgbox .upimg {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

        .postbox .imgbox .upimg img {
            width: 100%;
            height: 100%;
        }

    .postbox .imgbox svg {
        display: block;
        width: 100%;
        height: auto;
    }

    .postbox .imgbox button svg {
        width: 100px;
    }

.setfm {
    display: table;
    width: 100%;
    font-size: 0;
    box-sizing: border-box;
    padding: 0 10px 20px 10px;
    overflow: hidden;
    position: relative;
}

    .setfm dl {
        display: inline-block;
        padding: 0;
        vertical-align: top;
        width: 50%
    }

        .setfm dl:first-child {
            width: 50%;
            margin: 0 auto;
            padding-right: 10px;
        }

        .setfm dl dt {
            height: 30px;
            line-height: 30px;
            padding: 0 5px;
            text-align: center;
        }

        .setfm dl:first-child dt {
            font-size: 16px;
            text-align: center;
        }

    .setfm .imgbox {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

        .setfm .imgbox .upimg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            box-sizing: border-box;
            border: 1px solid #ddd;
        }

            .setfm .imgbox .upimg img {
                border: 0;
                background: none;
                box-shadow: none;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

        .setfm .imgbox svg {
            display: block;
            width: 100%;
            height: auto;
        }

    .setfm .div-pic {
        padding-top: 0px;
        text-align: center;
        font-size: 0;
        position: absolute;
        right: 10px;
        bottom: 21px;
        padding-left: 10px;
    }

        .setfm .div-pic .imgbox {
            display: inline-block;
            width: 50%;
            padding: 0px;
            box-sizing: border-box;
            border-left: 10px solid transparent;
            border-bottom: 12px solid transparent;
        }

        .setfm .div-pic .upbtn {
            width: 100%;
            display: block;
            box-sizing: border-box;
            padding: 0 0 0 10px;
            position: relative;
            height: auto;
            bottom: 0px;
        }

            .setfm .div-pic .upbtn button {
                display: block;
                width: 100%;
                height: auto;
                padding: 20px 0;
                box-sizing: border-box;
                border: 1px solid #ddd;
                background: #fff;
            }

.question {
    display: block;
}

    .question dl {
        display: block;
        width: auto;
        box-sizing: border-box;
        border: 1px solid #ddd;
        margin-bottom: 15px;
        box-shadow: 0 3px 10px rgba(0,0,0,0.1);
        padding: 0px;
        position: relative;
        overflow: hidden;
    }

        .question dl:last-child {
            margin-bottom: 0;
        }

        .question dl dt {
            display: block;
            position: absolute;
            width: 60px;
            height: 60px;
            font-size: 60px;
            text-align: right;
            right: 0;
            color: #f3f3f3;
            font-weight: bold;
            margin-top: -16px;
            opacity: 0.5
        }

        .question dl dd {
            display: block;
            border-bottom: 1px solid #ddd;
            padding-bottom: 0;
            box-sizing: border-box;
            padding: 10px;
            position: relative;
        }

            .question dl dd:last-child {
                border-bottom: 0
            }

    .question .face {
        float: left;
        width: 50px;
        height: 50px;
        border: 1px solid #ddd;
        border-radius: 50%;
        overflow: hidden;
        background: url(../images/account.svg) center no-repeat;
        background-size: 60% 60%;
    }

    .question h3, .question h4, .question .qimg {
        display: block;
        padding-left: 60px;
    }

    .question h3 {
        font-size: 14px;
    }

    .question h4 {
        font-size: 12px;
    }

    .question .qimg {
        padding: 10px 0 0 60px;
        font-size: 0;
    }

        .question .qimg img {
            display: inline-block;
            width: auto;
            height: 100px;
            vertical-align: top;
            margin-right: 10px;
            border: 1px solid #ddd;
        }

    .question .recom {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

.recompop .postbox, .zhuanyepop .postbox {
    background-color: transparent;
    border-radius: 0;
    padding: 25px 5px 0px 5px;
}

#fbcheck .postbox {
    margin: 0 15px 15px 15px;
}

.recompop .postbox dl {
    padding: 0 10px 10px 10px;
}

.zhuanyepop {
    padding: 0 0 10px 0;
    text-align: center;
}

    .zhuanyepop .postbox {
        text-align: left;
    }

    .zhuanyepop .btn {
        text-align: center;
    }

.videoinfo {
    font-size: 14px;
}

    .videoinfo h3 {
        font-weight: bold;
    }

    .videoinfo h4 {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #999;
        padding: 0px 0 5px 0;
    }

    .videoinfo img {
        display: block;
        height: 100px;
        width: auto;
        border: 1px solid #ddd;
    }

.kpmb {
    display: table;
    font-size: 0px;
    width: 100%;
    position: relative;
}

    .kpmb ul {
        padding: 0px 5px 5px 0px;
        display: block;
        width: auto;
        overflow: hidden;
        height: auto;
        position: relative;
        top: 0;
        left: 0;
        box-sizing: border-box;
        font-size: 0;
    }

    .kpmb li {
        display: inline-block;
        font-size: 14px;
        padding: 5px;
        box-sizing: border-box;
    }

        .kpmb li a {
            display: block;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            text-align: center;
            line-height: 40px;
            background-color: #fff;
            color: #000;
        }

        .kpmb li.now a {
            background-color: #009d2b;
            color: #fff;
        }

.kpimg {
    display: inline-block;
    width: 120px;
    height: auto;
    border-radius: 10px;
    background-color: #fff;
    border: 0px solid #ddd;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

    .kpimg svg {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        opacity: 0;
        z-index: 0;
    }

    .kpimg img {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

.channel {
    padding: 10px;
    width: auto;
    margin-bottom: 0px;
}

    .channel .info {
        font-size: 0;
        display: table;
        width: 100%;
        position: relative;
        height: 60px;
    }

    .channel .face {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        overflow: hidden;
        background-color: #ccc;
        position: absolute;
        top: 0;
        left: 0;
    }

        .channel .face svg {
            display: block;
            fill: #fff;
            box-sizing: border-box;
            width: 100% !important;
            height: 100% !important;
            padding: 10px;
        }

    .channel .info h2 {
        font-size: 24px;
        display: block;
        padding: 5px 0 3px 75px;
    }

        .channel .info h2 span {
            font-size: 16px;
        }

    .channel .info h3 {
        display: block;
        overflow: hidden;
        padding-left: 75px;
        font-size: 12px;
        color: #666;
        height: 18px;
        line-height: 18px;
    }

    .channel .tableboxtab {
        padding-left: 5px;
        padding-bottom: 8px
    }

    .channel .tableboxbody {
        padding: 10px 0;
        border: 0;
        text-align: left;
        font-size: 0;
    }

    .channel .tablebox.pic .tableboxitem.pic {
        width: 19%;
        border: 1px solid #ddd;
        box-shadow: 0 5px 10px rgba(0,0,0,0.2);
        display: inline-block;
        vertical-align: top;
        height: auto;
        margin: 0 0.5% 20px 0.5%;
        box-sizing: border-box;
    }

        .channel .tablebox.pic .tableboxitem.pic > div {
            width: 100% !important;
            display: block;
            height: auto;
            text-align: center;
        }

        .channel .tablebox.pic .tableboxitem.pic .tablepic {
            padding: 0;
            height: auto;
            border: 0;
            text-align: left;
        }

            .channel .tablebox.pic .tableboxitem.pic .tablepic h3 {
                margin-bottom: 8px;
            }

            .channel .tablebox.pic .tableboxitem.pic .tablepic .pic {
                width: 100%;
                height: auto;
                position: relative;
                margin-bottom: 10px;
            }

                .channel .tablebox.pic .tableboxitem.pic .tablepic .pic img {
                    position: relative;
                }

    .channel .info h2 img {
        display: inline-block;
        width: 50px;
        height: auto;
        vertical-align: middle;
        margin-left: 10px;
    }

    .channel .info a.unrss {
        position: relative;
        font-size: 14px;
        background-color: #f60;
        color: #fff;
        padding: 5px 15px;
        border-radius: 40px;
        top: -2px;
        left: 30px;
    }

.rsslist {
    display: block;
    font-size: 0;
}

    .rsslist ul {
        display: block;
    }

        .rsslist ul li {
            display: inline-block;
            vertical-align: top;
            width: 33.33%;
            height: 100px;
            position: relative;
            box-sizing: border-box;
            border: 10px solid #fff;
            background-color: #f3f3f3;
        }

            .rsslist ul li .info {
                display: block;
                padding-left: 60px;
                padding-right: 100px;
                height: 80px;
            }

            .rsslist ul li .face {
                position: absolute;
                top: 20px;
                left: 10px;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                overflow: hidden;
                background-color: #ccc;
            }

                .rsslist ul li .face svg {
                    display: block;
                    fill: #fff;
                    box-sizing: border-box;
                    width: 100% !important;
                    height: 100% !important;
                    padding: 5px;
                }

            .rsslist ul li .info h2 {
                font-size: 18px;
                padding: 20px 0 5px 0;
                line-height: 20px;
            }

                .rsslist ul li .info h2 img {
                    display: inline-block;
                    vertical-align: top;
                    height: 20px;
                    width: auto;
                    margin-left: 5px;
                }

            .rsslist ul li .info h3 {
                font-size: 12px;
            }

            .rsslist ul li a.unrss {
                position: absolute;
                font-size: 14px;
                background-color: #f60;
                color: #fff;
                padding: 5px 15px;
                border-radius: 40px;
                top: 50%;
                right: 10px;
                margin-top: -15px;
            }

.huodonglist {
    display: block;
    font-size: 0;
}

    .huodonglist ul {
        display: block;
    }

        .huodonglist ul li {
            display: block;
            vertical-align: top;
            width: auto;
            max-width: 1200px;
            height: 100px;
            position: relative;
            box-sizing: border-box;
            border: 10px solid #fff;
            background-color: #f3f3f3;
        }

            .huodonglist ul li .info {
                display: block;
                padding-left: 20px;
                padding-right: 100px;
                height: 80px;
            }

            .huodonglist ul li .face {
                position: absolute;
                top: 20px;
                left: 10px;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                overflow: hidden;
                background-color: #ccc;
            }

                .huodonglist ul li .face svg {
                    display: block;
                    fill: #fff;
                    box-sizing: border-box;
                    width: 100% !important;
                    height: 100% !important;
                    padding: 5px;
                }

            .huodonglist ul li .info h2 {
                font-size: 18px;
                padding: 20px 0 5px 0;
                line-height: 20px;
            }

                .huodonglist ul li .info h2 img {
                    display: inline-block;
                    vertical-align: top;
                    height: 20px;
                    width: auto;
                    margin-left: 5px;
                }

            .huodonglist ul li .info h3 {
                font-size: 12px;
                color: #999;
            }

            .huodonglist ul li a.unrss {
                position: absolute;
                font-size: 14px;
                background-color: #f60;
                color: #fff;
                padding: 5px 15px;
                border-radius: 40px;
                top: 50%;
                right: 20px;
                margin-top: -15px;
            }

            .huodonglist ul li a.ok {
                background-color: #009d2b
            }

    .huodonglist .tablepic {
        position: relative;
        left: -10px;
    }

    .huodonglist ul li .info .tablepic h3 {
        color: #333;
    }

    .huodonglist ul li.morehd {
        background-color: rgba(0,0,0,0.03)
    }

        .huodonglist ul li.morehd .info {
            background-color: rgba(0,0,0,0);
            box-sizing: border-box;
            display: table;
            width: 100%;
            height: 80px;
        }

            .huodonglist ul li.morehd .info h2 {
                padding: 0;
                color: #999;
                text-shadow: 0 0 5px #fff;
                display: table-cell;
                vertical-align: middle;
                text-align: left;
                font-size: 14px;
            }

.fgame {
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}

    .fgame a {
        height: 42px;
        background-color: #90c;
        padding: 0 12px;
        line-height: 42px;
        font-size: 12px;
        color: #fff;
        display: block;
    }

        .fgame a img {
            display: block;
            float: left;
            box-sizing: border-box;
            padding: 10px 0;
            width: auto;
            height: 100%;
            margin-right: 10px;
        }

html.jp .loginboxbg {
    background: url(../images/jpbgs.jpg) center no-repeat;
    background-size: cover;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
    opacity: 0.7;
    transition: filter 1s;
}

    html.jp .loginboxbg.loadok {
        background-image: url(../images/jpbg.jpg);
        filter: blur(2px);
        -webkit-filter: blur(2px)
    }

html.za .loginboxbg {
    background: url(../images/zabgs.jpg) center no-repeat;
    background-size: cover;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
    opacity: 0.7;
    transition: filter 1s;
}

    html.za .loginboxbg.loadok {
        background-image: url(../images/zabg.jpg);
        filter: blur(2px);
        -webkit-filter: blur(2px)
    }

html.za .head {
    background: url(../images/topbg_za.png) -30px 0 no-repeat #1b983c;
    background-size: auto 100%;
    height: 55px;
    line-height: 55px;
}

html.za .headlbg {
    background-color: #373380;
}

html.za .headrbg {
    background-color: #1b983c;
}

html.za .headright .popitem dl.open, html.za .headright .popitem dl dd {
    background-color: #373380
}

html.za .bodyleft .menu li.selected span {
    background-color: #1b983c
}

html.br .loginboxbg {
    background: url(../images/brbgs.jpg) center no-repeat;
    background-size: cover;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
    opacity: 0.8;
    transition: filter 1s;
}

    html.br .loginboxbg.loadok {
        background-image: url(../images/brbg.jpg);
        filter: blur(2px);
        -webkit-filter: blur(2px)
    }

html.br .head {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: url(../images/topbg.png) -30px 0 no-repeat #009d2b;
    background-size: auto 100%;
    height: 55px;
    line-height: 55px;
    z-index: 2;
}

html.br .headlbg {
    position: absolute;
    top: 0;
    right: 100%;
    height: 55px;
    background-color: #00225f;
    width: 100%;
}

html.br .headrbg {
    position: absolute;
    top: 0;
    left: 100%;
    height: 55px;
    background-color: #1b983c;
    width: 100%;
}

html.br .headleft {
    position: absolute;
    top: 0;
    left: 0;
    height: 55px;
}

    html.br .headleft img {
        display: block;
        height: 100%;
        width: auto;
        box-sizing: border-box;
        padding: 10px;
        position: relative;
        top: 0;
    }

html.br .bodyleft .menu li.selected span {
    background-color: #009d2b
}

html.kr .loginboxbg {
    background: url(../images/krbgs.jpg) center no-repeat;
    background-size: cover;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
    opacity: 0.8;
    transition: filter 1s;
}

    html.kr .loginboxbg.loadok {
        background-image: url(../images/krbg.jpg);
        filter: blur(2px);
        -webkit-filter: blur(2px)
    }

html.kr .head {
    background: #013770;
    background: linear-gradient(to left,#01c3d9 0%, #013770 100%)
}

html.kr .headleft img {
    height: 120%;
    position: relative;
    top: -10%;
}

html.kr .bodyleft .menu li.selected span {
    background-color: #01c3d9
}

html.kr .headright .popitem dl.open, html.kr .headright .popitem dl dd {
    background-color: #013770
}

html.kr .headlbg {
    background-color: #013770
}

html.kr .headrbg {
    background-color: #01c3d9
}

.login p button {
    background-color: rgb(0,192,216);
    color: #fff;
}

.login p button {
    margin-top: 10px;
}

.login p a.wantpw {
    color: #fff
}

.login .btn.red {
    background-color: #f60;
}

html.br .loginboxbg:before,
html.kr .loginboxbg:before,
html.za .loginboxbg:before,
html.jp .loginboxbg:before {
    display: none;
}

.tablebox {
    font-size: 12px;
    padding: 10px;
    box-sizing: border-box;
}

.popwin .tablebox {
    padding: 20px 10px 10px 10px;
}
/*.tablebox td {border-bottom:1px solid #ddd;padding:5px;}
.tablebox tr td:last-child {text-align:right;}
.tablebox tr:nth-child(2n) {background-color:#f4f4f4;}
.tablebox table {border-right:1px solid #ddd;border-top:1px solid #ddd;width:100%;border-spacing:0;border-left:1px solid #ddd;}*/
.txtlist li span btn {
    display: inline-block;
    padding: 0 5px;
}

.txtlist li span svg {
    fill: #666;
    width: 100% !important;
    height: 100% !important;
    display: block;
    box-sizing: border-box;
    padding: 3px;
}

.txtlist {
    font-size: 12px;
}

    .txtlist li {
        display: block;
        border-bottom: 1px solid #ddd;
        height: auto;
        overflow: hidden;
        padding: 8px;
    }

        .txtlist li p {
            display: block;
            width: auto;
            overflow: hidden;
            white-space: normal;
            line-height: 150%;
            font-size: 15px;
        }

        .txtlist li:last-child {
            border-bottom: 0px;
        }

        .txtlist li span {
            display: block;
            float: right;
            padding-left: 10px;
            padding-top: 3px;
        }

            .txtlist li span a, .txtlist li span button {
                display: inline-block;
                width: 30px;
                height: 30px;
                border-radius: 5px;
                background-color: #eee;
                border: 1px solid #ddd;
                box-sizing: border-box;
                vertical-align: top;
                margin-left: 5px;
                padding: 0;
            }

.cgtip {
    border: 1px solid #eee;
    background-color: #f5f5f5;
    padding: 10px;
    font-size: 15px;
    margin-bottom: 10px;
}

    .cgtip b {
        font-weight: bold;
        font-size: 14px;
        color: #f60;
        margin: 0 5px;
    }

@keyframes sc {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

a.youjiang {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    animation: sc 1s infinite linear;
    margin-right: 20px;
    background-color: transparent !important;
    padding: 0 10px !important;
}

    a.youjiang:hover {
        color: #fff !important
    }

    a.youjiang svg {
        display: inline-block;
        vertical-align: top;
        width: 20px;
        height: 100%;
        fill: #fff !important;
        margin-right: 0px;
    }

.headright .item a.youjiang:hover svg {
    fill: #fff !important;
}

.shiwen {
    display: block;
}

    .shiwen dl, .shiwen dt {
        display: block;
    }

    .shiwen dt {
        color: #f60;
        font-size: 14px;
    }

    .shiwen dd {
        display: block;
        font-size: 0;
        padding: 5px 0;
    }

        .shiwen dd span {
            display: inline-block;
            margin: 5px 5px 5px 0;
            border: 5px solid #eee;
            border-radius: 15px;
            line-height: 100%;
            position: relative;
        }

            .shiwen dd span i {
                display: block;
                font-size: 20px;
                text-align: center;
                padding: 5px;
                line-height: 24px;
                font-style: normal;
                color: #009d2b;
            }

            .shiwen dd span em {
                font-style: normal;
                font-size: 12px;
                display: block;
                text-align: center;
                padding: 5px 10px;
                color: #666;
                background-color: #f3f3f3;
                border-top: 1px solid #eee;
                line-height: 14px;
            }

            .shiwen dd span:after {
                content: "";
                display: block;
                width: 10px;
                height: 10px;
                border: 5px solid #ddd;
                border-left-color: transparent;
                border-bottom-color: transparent;
                position: absolute;
                top: 50%;
                right: -6px;
                transform: rotate(45deg);
                margin-top: -10px;
            }

            .shiwen dd span:last-child:after {
                display: none;
            }

            .shiwen dd span.ok i:before {
                content: "";
                font-size: 12px;
                width: 18px;
                height: 18px;
                background-color: #f60;
                color: #fff;
                font-weight: bold;
                line-height: 18px;
                text-align: center;
                border-radius: 50%;
                position: absolute;
                top: -5px;
                right: -5px;
                z-index: 1;
            }

            .shiwen dd span.ok i:after {
                content: "";
                display: block;
                width: 7px;
                height: 4px;
                border-bottom: 3px solid #fff;
                border-left: 3px solid #fff;
                transform: rotate(-45deg);
                position: absolute;
                right: -1px;
                top: -1px;
                z-index: 2;
            }

.popfixed {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: auto;
    height: auto;
}

    .popfixed img {
        width: auto;
        height: auto;
    }

.ghbox {
    display: block;
}

.ghboxbody {
    padding: 5px 0 20px 0;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 15px;
}

    .ghboxbody .tablebox {
        padding: 10px 0;
    }

.ghtitle {
    font-size: 15px;
    font-weight: bold;
    color: #009d2b;
    height: 30px;
    line-height: 30px;
}

    .ghtitle:before {
        content: "";
        display: block;
        float: left;
        width: 8px;
        height: 16px;
        border-radius: 5px;
        background-color: #009d2b;
        margin: 6px 5px 0 0;
    }

.ghitem {
    display: inline-block;
    width: auto;
    height: 60px;
    box-sizing: border-box;
    padding: 0px 60px 0px 70px;
    position: relative;
    vertical-align: top;
}

    .ghitem img {
        display: block;
        position: absolute;
        width: 60px;
        height: 60px;
        border-radius: 10px;
        top: 0px;
        left: 0px;
        background-color: #333;
    }

    .ghitem h3 {
        display: block;
        line-height: 26px;
        padding: 6px 0 0 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
    }

        .ghitem h3 span {
            display: block;
            font-size: 12px;
            color: #666;
            line-height: 24px;
        }

    .ghitem a {
        width: 46px;
        position: absolute;
        right: 5px;
        top: 50%;
        height: 30px;
        line-height: 30px;
        margin-top: -15px;
        background-color: #009d2b;
        color: #fff;
        border-radius: 4px;
        text-align: center;
        font-size: 12px;
        display: block;
        transition: background-color 0.2s;
    }

        .ghitem a:hover {
            background-color: #007420
        }

.ghbanner {
    display: block;
}

    .ghbanner ul {
        display: block;
        font-size: 0;
        max-width: 1100px;
    }

    .ghbanner li {
        display: inline-block;
        vertical-align: top;
        width: 33.33%;
        height: auto;
        box-sizing: border-box;
        padding: 0 10px 0 0;
    }

        .ghbanner li img {
            display: block;
            width: 100%;
            height: auto;
            transition: all 0.2s;
        }

        .ghbanner li a:hover img {
            position: relative;
            top: -3px;
        }

.ghmy {
    display: block;
    font-size: 0;
}

.greatgh {
    display: inline-block;
    height: 60px;
    margin-left: 20px;
    padding-left: 30px;
    border-left: 1px solid #ddd;
    vertical-align: top;
}

    .greatgh a {
        display: inline-block;
        height: 40px;
        padding: 0 30px;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        background-color: #f60;
        border-radius: 4px;
        line-height: 40px;
        margin-top: 10px;
        transition: background-color 0.2s;
    }

        .greatgh a:hover {
            background-color: #f40;
        }

.ghrank {
    display: block;
    font-size: 0;
    max-width: 1100px;
    margin: 0 -20px;
}

    .ghrank li {
        display: inline-block;
        width: 33.33%;
        box-sizing: border-box;
        padding: 0 20px 0px 20px;
        border-right: 1px solid #ddd;
        position: relative;
        margin-bottom: 20px;
    }

        .ghrank li:nth-child(3n+3) {
            border-right: 0;
        }

    .ghrank .ghitem {
        display: block;
    }

    .ghrank li > span {
        position: absolute;
        top: -6px;
        left: 70px;
        width: 20px;
        height: 20px;
        background-color: #f60;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        line-height: 20px;
        margin: 0px;
        z-index: 2;
        border-radius: 10px;
        border: 0px solid #fff;
        box-sizing: border-box;
    }

    .ghrank li:nth-child(1) > span {
        background-color: #fc0;
    }

    .ghrank li:nth-child(2) > span {
        background-color: #f90;
    }

    .ghrank li:nth-child(3) > span {
        background-color: #f60;
    }

    .ghrank li .ghitem img {
        border-radius: 10px;
        left: 0px;
    }

    .ghrank .git {
        font-size: 16px;
        position: absolute;
        top: 12px;
        right: 5px;
        text-align: right;
    }

        .ghrank .git em {
            font-style: normal;
            font-size: 12px;
            display: block;
        }

.ghinfo {
    display: block;
}

    .ghinfo > a {
        display: inline-block;
        min-width: 100px;
        height: auto;
        line-height: 30px;
        text-align: center;
        font-size: 12px;
        color: #fff;
        background-color: #f60;
        border-radius: 5px;
        box-sizing: border-box;
        padding: 0 10px;
    }

        .ghinfo > a:hover {
            background-color: #f40;
        }

    .ghinfo .ghitem {
        min-height: 100px;
        padding: 0 0 0 115px;
        display: block;
        margin-bottom: 5px;
    }

        .ghinfo .ghitem img {
            width: 100px;
            height: 100px;
        }

        .ghinfo .ghitem h3 {
            font-size: 30px;
            line-height: 40px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .ghinfo .ghitem p {
            font-size: 14px;
            color: #666;
            padding-bottom: 5px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            line-height: 18px;
            max-height: 36px;
            overflow: hidden;
        }

        .ghinfo .ghitem i {
            display: inline-block;
            font-style: normal;
            font-size: 12px;
            margin-right: 15px;
        }

.ghnav {
    display: block;
    padding: 15px 0;
    font-size: 0;
}

    .ghnav li {
        display: inline-block;
        vertical-align: top;
        font-size: 14px;
        line-height: 40px;
        padding: 0 10px 0 0 0;
        margin-right: 5px;
    }

        .ghnav li a {
            display: block;
            background-color: #6cabb9;
            color: #fff;
            padding: 0 15px;
            border-radius: 5px;
            position: relative;
        }

            .ghnav li a:hover {
                background-color: #5498a7
            }

        .ghnav li.now a {
            background-color: #5498a7;
            font-weight: bold;
            font-size: 15px;
        }

            .ghnav li.now a:after {
                content: "";
                display: block;
                width: 0;
                height: 0;
                overflow: hidden;
                border-top: 5px solid #5498a7;
                border-right: 5px solid #5498a7;
                position: absolute;
                border-left: 5px solid transparent;
                border-bottom: 5px solid transparent;
                transform: rotate(135deg);
                left: 50%;
                top: 100%;
                margin-top: -6px;
                margin-left: -6px;
            }

.ghgg {
    font-size: 14px;
}

    .ghgg p {
        display: inline;
    }

    .ghgg a {
        margin-left: 10px;
        color: #0085d3;
    }

.ghdomain {
    display: block;
    font-size: 0;
    max-width: 1100px;
}

    .ghdomain li {
        display: inline-block;
        width: 25%;
        box-sizing: border-box;
        padding: 0 10px 0 0;
        font-size: 14px;
        line-height: 26px;
        height: 26px;
        overflow: hidden;
    }

        .ghdomain li a:hover {
            color: #009d2b
        }

    .ghdomain.list li {
        width: 100%;
        padding: 10px 15px;
        box-sizing: border-box;
        margin: 0px 0;
    }

        .ghdomain.list li:nth-child(2n+2) {
            background-color: #f3f3f3;
        }

        .ghdomain.list li a {
            font-size: 16px;
            font-weight: normal;
        }

            .ghdomain.list li a span {
                float: right;
                font-size: 12px;
                color: #666;
            }

.ghdata {
    text-align: right;
    font-size: 16px;
    line-height: 18px;
}

    .ghdata em {
        display: block;
        font-style: normal;
        color: #999;
        font-size: 12px;
    }

    .ghdata.inlineb {
        display: inline-block;
        vertical-align: top;
        line-height: 20px;
        padding: 10px;
    }

.ghuseritem {
    height: 60px;
    line-height: 60px;
}

    .ghuseritem img {
        display: block;
        width: 60px;
        height: 60px;
        float: left;
        margin-right: 10px;
        border-radius: 50%;
    }

.ghhero {
    display: block;
    font-size: 0;
    max-width: 1100px;
}

    .ghhero li {
        font-size: 12px;
        display: inline-block;
        box-sizing: border-box;
        min-width: 25%;
        padding: 0 5px 5px 0;
    }

        .ghhero li a {
            display: block;
            border: 1px solid #ded2ab;
            border-radius: 6px;
            padding: 8px 10px;
            background-color: #fffeee;
            color: #746a3d;
            line-height: 20px;
        }

            .ghhero li a:hover {
                border-color: #eacd9e;
                background-color: #fff4e9
            }

        .ghhero li h3 {
            display: inline
        }

            .ghhero li h3 span {
                margin-left: 10px;
                border-left: 1px solid rgba(0,0,0,0.2);
                padding-left: 10px;
            }

        .ghhero li a > span {
            display: block;
            float: left;
            width: 20px;
            height: 20px;
            background-color: #f60;
            color: #fff;
            text-align: center;
            line-height: 20px;
            border-radius: 20px;
            margin-right: 5px;
            font-weight: bold;
        }

.popgreatgh {
    display: block;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.popghbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 1;
}

.popgreatgh dl {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: auto;
    margin: -300px auto auto -250px;
    background-color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 15px;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    z-index: 2;
}

.popgreatgh dt {
    display: block;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px 0;
}

.popgreatgh h3 {
    font-size: 14px;
    padding: 10px 0 0 0;
    color: #f30;
}

.popgreatgh h4 {
    font-size: 14px;
    padding: 10px 0 0 0;
    color: #666;
    font-weight: bold;
}

.popgreatgh .popinput {
    display: block;
    padding: 5px 0 0 0;
}

    .popgreatgh .popinput input {
        display: block;
        border: 1px solid #ddd;
        background-color: #f3f3f3;
        width: 100%;
        box-sizing: border-box;
        padding: 0 10px;
        height: 36px;
        line-height: 34px;
    }

.popgreatgh .poptextarea {
    display: block;
    padding: 5px 0 0 0;
}

    .popgreatgh .poptextarea textarea {
        display: block;
        border: 1px solid #ddd;
        background-color: #f3f3f3;
        width: 100%;
        box-sizing: border-box;
        padding: 6px;
        height: 80px;
        line-height: 20px;
        font-size: 14px;
    }

.popghlogo {
    display: block;
    padding: 5px 0 0 0;
    font-size: 0;
}

    .popghlogo span, .popghlogo a {
        display: inline-block;
        vertical-align: top;
        width: 60px;
        height: 60px;
        margin: 0 5px 5px 0;
        cursor: pointer;
        position: relative;
    }

        .popghlogo span img {
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

        .popghlogo a svg {
            display: block;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            padding: 15px;
            fill: #fff;
            border-radius: 0%;
        }

    .popghlogo a {
        border-radius: 50%;
        overflow: hidden;
        background-color: #118499;
    }

        .popghlogo a:hover {
            background-color: #0a5e6d
        }

    .popghlogo span.selected img {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: -3px;
        left: -3px;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 3px solid #f90;
        position: absolute;
        z-index: 1;
    }

    .popghlogo span.selected:after {
        content: "";
        display: block;
        width: 4px;
        height: 7px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
        z-index: 3;
        position: absolute;
        right: 7px;
        bottom: 6px;
    }

    .popghlogo span.selected:before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        right: 0;
        bottom: 0;
        background-color: #f90;
        position: absolute;
        z-index: 2;
    }

        .popghlogo span.selected:before:before {
            content: "";
            display: block;
        }

.popghbtn {
    display: block;
    padding: 25px 0 10px 0;
    font-size: 0;
    text-align: center;
}

    .popghbtn button {
        display: inline-block;
        font-size: 16px;
        color: #fff;
        background-color: #666;
        border: 0;
        border-radius: 6px;
        padding: 8px 16px;
        margin: 0 3px;
        cursor: pointer;
        transition: all 0.2s;
    }

        .popghbtn button:hover {
            transform: scale(1.04)
        }

        .popghbtn button.green {
            background-color: #009d2b;
        }

@media screen and (max-width:1450px) {
    .channel .tablebox.pic .tableboxitem.pic {
        width: 24%;
        margin-bottom: 15px;
    }

    .rsslist ul li {
        width: 50%;
    }

    .jiangliimg {
        height: 140%;
    }
}

@media screen and (max-width:1380px) {
    .jiangliimg {
        height: auto;
        width: 440px;
    }

        .jiangliimg img {
            height: auto;
            width: 100%;
        }
}

@media screen and (max-width:1024px) {
    .channel .tablebox.pic .tableboxitem.pic {
        width: 32.33%;
        margin-bottom: 10px;
    }

    .jiangliimg {
        height: auto;
        width: 340px;
    }
}

@media screen and (max-height:755px) {
    .bodyleft {
        padding: 10px 0 10px 10px;
        overflow-y: auto !important;
        height: 100%;
    }

        .bodyleft .menu li {
            height: 42px;
            margin-bottom: 0;
        }

            .bodyleft .menu li span {
                width: 32px;
                height: 32px;
            }

                .bodyleft .menu li span svg {
                    padding: 6px;
                }

            .bodyleft .menu li b {
                height: 42px;
                line-height: 42px;
                padding: 0 25px 0 46px;
                font-size: 14px;
            }
}

@media screen and (max-width:1024px) {
    .bodyright {
        padding: 0 20px;
    }

    .pagetitle {
        padding-top: 20px;
    }

    .rsslist ul li {
        width: 100%;
    }
}

.ghbannerbtn {
    display: none;
}

@media screen and (max-width:768px) {
    .shiwen dd {
        display: flex;
        justify-content: space-between;
        flex-grow: 1;
        margin-left: -2px;
    }

        .shiwen dd span {
            margin: 0 2px;
            box-sizing: border-box;
            border-width: 3px;
            width: 20%;
        }

            .shiwen dd span:after {
                display: none;
            }

            .shiwen dd span i {
                font-size: 14px;
            }

            .shiwen dd span em {
                font-size: 12px;
                padding: 5px 0;
            }

    html.tw a.youjiang {
        font-size: 15px !important;
        margin-right: 4px !important;
        padding: 0 5px !important;
    }

        html.tw a.youjiang svg {
            display: none;
        }

    a.youjiang {
        font-size: 0px !important;
        margin-right: 8px !important;
        padding: 0 5px !important;
    }

    .headright .item a.youjiang svg {
        padding: 5px !important;
        box-sizing: border-box;
    }

    .headright .item a.msg svg {
        padding: 7px !important;
        box-sizing: border-box;
    }

    .jiangliimg {
        display: block;
        vertical-align: top;
        height: auto;
        float: none;
        padding: 0 0 15px 0;
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
    }

        .jiangliimg img {
            display: block;
            width: 100%;
            height: auto;
            background-color: #eee;
            position: relative;
            top: auto;
            max-width: 440px;
            margin: 0 auto;
        }

    .tableboxtab2 {
        width: 100%;
        margin: 0 auto 15px auto;
        display: block;
        font-size: 0;
        text-align: left;
    }

        .tableboxtab2 a {
            width: auto;
            box-sizing: border-box;
            text-align: center;
            height: 36px;
            line-height: 36px;
            margin: 0 5px;
            border-radius: 40px;
            padding: 0 25px;
        }

    body {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .catetype {
        padding: 0 0 10px 0;
        margin: 0;
        position: relative;
        width: 100%;
        display: block;
        font-size: 0;
    }

        .catetype dl {
            display: inline-block;
            padding: 0;
            border: 0;
            margin: 0;
            height: auto;
            width: 25%;
            font-size: 1rem;
            float: none;
            vertical-align: top;
        }

            .catetype dl:nth-child(1) dd {
            }

            .catetype dl:nth-child(2) dd {
                left: -100%;
            }

            .catetype dl:nth-child(3) dd {
                left: -200%;
            }

            .catetype dl:nth-child(4) dd {
                left: -300%;
            }

            .catetype dl dd {
                display: none;
            }

            .catetype dl dt {
                display: block;
                line-height: 42px;
                vertical-align: top;
                padding: 0;
                text-align: center;
                font-style: normal;
                font-size: 12px;
                font-weight: 800;
                margin: 0;
                background-color: transparent;
                border-radius: 0;
            }

            .catetype dl dd {
                width: 400%;
                position: relative;
                z-index: 0;
            }

                .catetype dl dd a {
                    padding: 10px;
                    margin: 0;
                    vertical-align: middle;
                    font-size: 13px;
                    text-align: center;
                    line-height: 110%;
                    box-sizing: border-box;
                    display: inline-block;
                    width: 33.33%;
                }

                    .catetype dl dd a.now {
                        font-weight: 800;
                    }

                    .catetype dl dd a:before {
                        display: none;
                    }

            .catetype dl.mnow dd {
                display: block;
                font-size: 0;
                clear: both;
                background-color: #eee;
                padding: 5px 0;
            }

            .catetype dl.mnow dt {
                background-color: #eee;
                color: #f60;
            }

    .postpopdl {
        width: 280px;
        left: 50%;
        margin-left: -150px;
        top: 50%;
        margin-top: -200px;
    }

        .postpopdl dl {
            width: 100%;
        }

    .fgame {
        display: block;
        margin-bottom: 8px;
        margin-right: 0;
        text-align: left;
    }

        .fgame a {
            display: inline-block;
            vertical-align: top;
            border-radius: 0px;
            border-radius: 0px;
        }

            .fgame a img {
                float: none;
                display: inline-block;
                vertical-align: top;
            }

    .kpmb {
        padding-bottom: 10px;
        padding-top: 5px;
    }
        /*.kpmb ul {padding:0px 5px 0px 10px;display:block;width:100%;overflow:auto;height:100%;position:absolute;top:0;left:120px;box-sizing:border-box;padding-right:120px;font-size:0;}
    .kpmb li {width:33.33%;}*/
        .kpmb li {
            width: 25%;
        }

            .kpmb li a {
                border-radius: 15px;
                width: auto;
            }

    .question .recom {
        position: relative;
        text-align: right;
        right: auto;
        bottom: auto;
        padding-top: 10px;
    }

    .question .qimg img {
        width: 40%;
        height: auto;
    }

    .postbox {
        padding: 10px 5px;
    }

        .postbox .imgbox {
            width: 100%;
        }

        .postbox.half {
            width: auto;
            display: block;
            margin-right: 0;
        }

        .postbox dl:last-child {
            padding-bottom: 12px;
        }
    /*.upimg button span {vertical-align:top;}*/
    .setfm dl:first-child {
        width: 100%;
        padding-right: 0;
    }

    .setfm .div-pic {
        position: relative;
        right: auto;
        bottom: auto;
        padding: 0;
        width: auto;
        display: block;
        margin: 0 -5px;
        padding-top: 10px;
    }

        .setfm .div-pic .imgbox {
            border: 5px solid transparent;
            border-top: 0px;
        }

        .setfm .div-pic .upbtn {
            padding: 15px 5px 0 5px;
        }

    .ainfo1 .usert {
        display: inline-block;
        padding: 10px 0 0 0;
        width: auto;
        margin: 0;
    }

    .useryqm {
        display: block;
        font-size: 12px;
        width: auto !important;
        padding-top: 10px;
    }

        .useryqm span {
            display: block;
            background-color: #009d2b;
            padding: 5px 15px;
            color: #fff;
            border-radius: 40px;
        }

    .pagebox {
        overflow: hidden;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .body {
        position: unset;
        height: 100%;
        padding-top: 0px;
        width: 100%;
        box-sizing: border-box;
        padding-bottom: 40px;
        top: 40px;
        left: 0;
        z-index: inherit;
        z-index: 2;
        overflow: visible;
        margin-top: 40px;
    }

    .head {
        height: 40px !important;
        line-height: 40px !important;
        background-image: none !important;
        top: 0;
        left: 0;
        width: 100%;
        position: absolute;
        z-index: 1 !important;
        background: -moz-linear-gradient(270deg, #009d2b 0%,#00225f 85%) !important;
        background: -webkit-linear-gradient(270deg, #009d2b 0%,#00225f 85%) !important;
        background-image: linear-gradient(270deg, #009d2b 0%,#00225f 85%) !important;
    }

    .headleft, .headright {
        height: 40px;
    }

    .headleft {
        display: none;
    }

        .headleft img {
            display: block;
            height: 40px;
            padding: 12px 5px;
        }

    .bodyright {
        width: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0 15px 15px 15px;
    }

    .headright .item {
        padding: 0px;
        height: 40px;
        line-height: 40px;
        margin-right: 0px;
    }

        .headright .item a {
            height: 40px;
            line-height: 40px;
            padding: 0;
            border-radius: 0;
            font-size: 0;
        }

        .headright .item:first-child a {
            font-size: 0;
        }

        .headright .item a svg {
            width: 40px !important;
            height: 40px !important;
            padding: 5px;
            box-sizing: border-box;
        }

    .headright .popitem {
        width: 40px;
    }

        .headright .popitem dl.open {
            position: fixed;
            z-index: 9;
        }

        .headright .popitem dl dd {
            padding: 0;
            top: 40px;
            white-space: nowrap;
        }

            .headright .popitem dl dd a {
                padding: 0 15px;
            }

    .headright .popitem {
        padding: 0;
        font-size: 14px;
        position: relative;
        z-index: 5;
        height: 40px;
        line-height: 40px;
    }

        .headright .popitem dl {
            padding: 0;
        }

        .headright .popitem dt {
            padding: 0px !important;
        }

            .headright .popitem dt b {
                max-width: 30px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                display: none !important;
            }

        .headright .popitem dl dt svg {
            height: 40px !important;
            width: 20px !important;
            margin-right: 0;
        }

    .headright .item a {
        background-color: rgba(0,0,0,0);
        color: #fff;
    }

    .headright .popitem dl dt svg.icon {
        display: none;
    }

    .headright .popitem dl dt svg.micon {
        display: inline-block;
        transform: rotate(0deg);
        width: 40px !important;
        height: 40px !important;
        padding: 3px;
        box-sizing: border-box;
    }

    .headright .item a svg {
        fill: #fff !important;
    }

    .headright .item a:hover {
        background-color: rgba(0,0,0,0);
        color: #fff;
    }

        .headright .item a:hover svg {
            fill: #fff !important;
        }

    .headright .item a:active {
        background-color: rgba(0,0,0,0.6);
        color: #fff;
    }

        .headright .item a:active svg {
            fill: #fff !important;
        }

    .bodyleft {
        position: fixed;
        top: 0px;
        left: 0;
        padding: 0;
        z-index: 7;
        width: auto;
        height: 40px;
        box-sizing: border-box;
        max-width: 50%;
    }

        .bodyleft .menu {
            position: relative;
            left: 0;
            top: 0;
            width: auto;
            height: 100%;
            background-color: transparent;
            z-index: 1;
            overflow: hidden;
        }

            .bodyleft .menu li {
                display: block;
                border-radius: 0;
                height: 40px;
                line-height: 40px;
                margin: 0;
                display: none;
            }

                .bodyleft .menu li span {
                    width: 40px;
                    height: 40px;
                    top: 0;
                    left: 0;
                    border-radius: 0;
                }

                .bodyleft .menu li.selected {
                    background-color: transparent;
                }

                    .bodyleft .menu li.selected span {
                        background-color: transparent;
                        display: none;
                    }

                .bodyleft .menu li b {
                    height: 40px;
                    line-height: 40px;
                    padding: 0 10px 0 10px;
                    font-size: 14px;
                }

                .bodyleft .menu li.selected {
                    top: 0px;
                    left: 0;
                    background-color: transparent /*#00225f*/;
                    border-radius: 0;
                    color: #fff;
                    box-shadow: none;
                    display: block;
                    width: auto;
                }

        .bodyleft.open .menu li.selected {
            background-color: #00225f
        }

        .bodyleft .menu li.selected b:before {
            content: ">";
            display: block;
            position: absolute;
            top: 50%;
            margin-top: -10px;
            right: 5px;
            background-color: transparent;
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            transform: rotate(90deg)
        }

        .bodyleft .menu li.selected b {
            padding-right: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .bodyleft .menu li.selected b {
            color: #fff;
        }

        .bodyleft.open {
            position: fixed;
            z-index: 15;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            max-width: 100%;
        }

            .bodyleft.open .menu {
                display: block;
                position: absolute;
                left: 0;
                width: auto;
                height: 100%;
                background-color: #fff;
                padding: 0;
                max-width: 90%;
                animation: menuw 0.5s forwards;
                overflow-y: scroll
            }

                .bodyleft.open .menu ul {
                    padding: 4px 0 10px;
                }

    @keyframes menuw {
        0% {
            left: -100%;
        }

        100% {
            left: 0%;
        }
    }

    .bodyleft.open .menu li {
        display: block;
        padding: 0 4px
    }

        .bodyleft.open .menu li b {
            padding: 0 10px 0 40px;
        }

        .bodyleft.open .menu li span {
            background-color: transparent !important;
        }

        .bodyleft.open .menu li:active {
            background-color: #eee;
        }

        .bodyleft.open .menu li.selected b:before {
            display: none;
        }

        .bodyleft.open .menu li.selected span {
            display: block;
        }

    .mobilebtn {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4
    }

    .bodyleft.open .mobilebtn {
        display: none;
    }

    .bodyleft.open .bodyleftbg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        background-color: rgba(0,0,0,0.6)
    }

    .pagetitle {
        padding: 10px 15px 10px 28px;
        border-top: 4px solid #ddd;
        width: auto;
        margin: 0 -15px;
        position: relative;
    }

        .pagetitle svg {
            margin-right: 5px !important;
            fill: #009d2b;
            width: 10px !important;
            display: block;
            padding: 8px 0 8px 0;
            position: absolute;
            top: 10px;
            left: 10px;
        }

            .pagetitle svg.line {
                display: none;
            }

    .ainfo {
        padding-right: 0;
    }

    .ainfo1 .left {
        width: auto;
        overflow: hidden;
        display: block;
        padding-right: 15px;
        margin: 0;
    }

        .ainfo1 .left h2 {
            width: auto;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 20px;
        }

        .ainfo1 .left h3 {
            font-size: 12px;
        }

        .ainfo1 .left .usert {
            display: none;
        }

            .ainfo1 .left .usert span {
                padding: 4px 15px;
                font-size: 12px;
            }

    .ainfo1 {
        width: 100%;
    }

        .ainfo1 > div {
            width: 100%;
            position: relative;
        }

        .ainfo1 .left .usert {
            position: absolute;
            top: 5px;
            right: 0;
        }

        .ainfo1 .right {
            padding: 10px 15px 5px 15px;
            margin: 15px -15px 0 -15px;
            background-color: #eee;
            width: auto;
            display: block;
            text-align: center;
            display: none;
        }

            .ainfo1 .right div {
                display: inline-block;
                width: auto;
                margin-bottom: 5px;
            }

                .ainfo1 .right div:last-child {
                    width: auto;
                    margin-left: 0;
                }

                .ainfo1 .right div a {
                    padding: 0 10px;
                    display: block;
                }

                    .ainfo1 .right div a.getmycode {
                        height: 34px;
                        line-height: 34px;
                        font-size: 12px;
                    }

                    .ainfo1 .right div a.mycode {
                        margin-top: 0;
                        background-color: #666;
                        border-radius: 30px;
                        color: #fff;
                        font-size: 12px;
                        height: 34px;
                        line-height: 34px;
                    }

                        .ainfo1 .right div a.mycode svg {
                            fill: #fff;
                            height: 34px;
                            width: 26px;
                        }

    .ainfo2 {
        padding: 15px 0 0px 0;
    }

        .ainfo2 dl {
            margin-left: 0;
            margin-bottom: 15px;
            padding: 5px 0 5px 10px;
            width: 50%;
            box-sizing: border-box;
        }

        .ainfo2.message dl {
            width: 33.33%;
            border-left: 5px solid #eee;
        }

        .ainfo2 dl dt {
            padding-bottom: 0px;
        }

        .ainfo2 dl dd {
            font-size: 16px;
        }

            .ainfo2 dl dd span {
                font-size: 12px;
            }

    .tableboxtab {
        padding: 0;
        margin-bottom: 15px;
        border: 0px solid #ddd;
        background-color: #fff;
        border-radius: 40px;
        font-size: 0;
        display: table;
        width: 100%;
    }

        .tableboxtab a, .tableboxtab > div {
            border: 0;
            border-top: 0px solid #ddd;
            box-sizing: border-box;
            margin: 0;
            width: 10%;
            text-align: center;
            font-size: 16px;
            padding: 8px 5px;
            border-right: 0;
            line-height: 20px;
            height: auto;
            display: table-cell;
            vertical-align: middle;
            border-bottom: 2px solid #ddd;
        }

    #innerarticledailyhitsApp .tableboxtab a {
        width: 25%;
    }

    .tableboxtab a.w3, .tableboxtab > div.w3 {
        width: 33.33%;
    }

    .tableboxtab a.w4, .tableboxtab > div.w4 {
        width: 25%;
    }

    .tableboxtab a.w5, .tableboxtab > div.w5 {
        width: 20%;
    }

    .tableboxtab a:active, .tableboxtab > div:active {
        background-color: rgba(0,0,0,0.1);
    }
    /*.tableboxtab a:first-child {border-radius:40px 0 0 40px;}
    .tableboxtab a:last-child {border-radius:0 40px 40px 0;}
    .tableboxtab a:last-child {border-right:1px solid #ddd;}*/
    .tableboxtab a.now {
        border-bottom: 2px solid #f60;
        background-color: #fff;
        color: #f60;
    }

    .tableboxtab a:before {
        content: "";
        display: none !important;
    }

    .tablebox {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        overflow-x: auto;
        /*white-space: nowrap;*/
        font-size: 0;
        position: relative;
        padding: 0;
    }

        .tablebox .tableboxitem {
            display: inline-block;
            vertical-align: top;
            height: auto;
            border-right: 1px solid #ddd;
            width: auto;
        }

            .tablebox .tableboxitem.title {
                border-left: 1px solid #ddd;
                width: 100%;
                overflow: hidden;
            }

                .tablebox .tableboxitem.title span {
                    width: 100%;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

    .tableboxtitle {
        float: left;
        box-shadow: 0 0 20px rgba(0,0,0,0.25);
        position: relative;
        z-index: 2;
        width: 80px;
        overflow: hidden;
        transition: all 0.5s;
    }

        .tableboxtitle.open {
            width: auto;
        }

        .tableboxtitle .tableboxitem.title {
            background-color: #f3f3f3;
        }

        .tableboxtitle .tableboxitem > span {
            text-align: left;
            color: #666;
        }

            .tableboxtitle .tableboxitem > span:first-child svg {
                display: inline-block;
                margin-right: 5px;
                opacity: 1;
                width: 14px;
                height: 100%;
                vertical-align: middle;
                fill: #009d2b;
                position: relative;
            }

    .tablebox.toptitle {
        padding-top: 30px;
    }

        .tablebox.toptitle .tableboxtitle {
            float: none;
            width: 100% !important;
            border: 0;
            box-shadow: none;
            background-color: transparent;
            position: static !important;
        }

        .tablebox.toptitle .tableboxitem {
            width: 100%;
            border: 0;
            background-color: transparent;
            position: static !important;
            border-bottom: 0px !important;
            display: table;
        }

            .tablebox.toptitle .tableboxitem.title, .tablebox.toptitle .tableboxbody {
                background-color: rgba(0,0,0,0.04);
                border: 0px;
                border: 1px solid #ddd;
                box-sizing: border-box;
            }

            .tablebox.toptitle .tableboxitem span {
                display: inline-block;
                width: 25% !important;
                border: 0px;
                overflow: hidden;
                padding: 0 5px;
                white-space: normal;
                display: table-cell;
                vertical-align: middle;
                line-height: 120%;
            }

            .tablebox.toptitle .tableboxitem.title span {
                padding: 8px 5px;
            }

            .tablebox.toptitle .tableboxitem span.date {
                position: absolute !important;
            }

        .tablebox.toptitle .tableboxtitle .tableboxitem span.date {
            top: 0;
            left: 0;
            width: 40% !important;
            text-align: right;
            font-size: 14px;
            line-height: 30px;
            display: none;
        }

        .tablebox.toptitle .tableboxbody .tableboxitem span.date {
            top: 0;
            right: 0;
            width: 100% !important;
            text-align: left;
            font-size: 14px;
            line-height: 30px;
            text-align: center;
        }

    .pagetitle h3 {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .tableboxbody {
        width: auto;
        overflow: hidden;
        overflow-x: auto;
        border: 1px solid #ddd;
        border-left: 0;
        background-color: #eee;
        -webkit-overflow-scrolling: touch;
    }

        .tableboxbody .tableboxitem {
            border-top: 0px;
        }

    .tablebox .tableboxitem > span, .tablebox .tableboxitem > div {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
        height: auto;
        line-height: 32px;
        border-bottom: 1px solid #ddd;
        white-space: normal;
        text-align: left;
        font-size: 12px;
        padding: 5px;
        min-height: 43px;
        word-break: break-all;
    }

    .tableboxbody .tableboxitem > span:first-child, .tableboxbody .tableboxitem > div:first-child {
        border-top: 0px;
    }

    .tableboxbody .tableboxitem > span:last-child, .tableboxbody .tableboxitem > div:last-child {
        border-bottom: 0;
        height: 39px;
    }

    .tableboxitem:hover {
        box-shadow: none;
        z-index: 1;
    }

    .tablebox .tableboxitem.pic:nth-child(2n+2):hover, .tablebox .tableboxitem:nth-child(2n+2):hover {
        box-shadow: none;
        z-index: 1;
    }

    .tableboxbody .tableboxitem:last-child {
        border-bottom: 0px;
    }

    em.svgcalendar {
        display: none;
        width: 18px;
        height: 100%;
        box-sizing: border-box;
        background-size: 100% auto;
        vertical-align: top;
        opacity: 0.5;
    }

    .tableboxitem.pic {
        display: block;
        width: auto;
        height: auto;
    }

    .tablebox .tableboxitem:nth-child(2n+2) {
        background-color: #fff;
    }

    .tablebox .tableboxitem.pic:nth-child(2n+2) {
        background-color: #fff;
    }

    .tablebox .tableboxitem.rank {
        display: table;
        width: 100%;
    }

        .tablebox .tableboxitem.rank span, .tablebox .tableboxitem.rank > div {
            width: 40% !important;
            display: table-cell !important;
            border: 0;
            border-right: 1px solid #ddd;
            float: none;
            clear: none;
            text-align: center !important;
            padding: 10px 0 !important;
            font-weight: normal;
            font-size: 14px;
        }

            .tablebox .tableboxitem.rank span:first-child, .tablebox .tableboxitem.rank > div:first-child {
                width: 20% !important;
            }

    .tablebox.pic .tableboxitem.pic {
        width: 100%;
        height: auto;
        border: 1px solid #ddd;
        margin-bottom: 15px;
        box-sizing: border-box;
        box-shadow: 0 3px 10px rgba(0,0,0,0.1)
    }

        .tablebox.pic .tableboxitem.pic > div {
            height: auto;
        }

    .tablepic {
        height: auto;
        padding: 0;
        border: 0;
    }

    .tablebox.pic .tableboxitem.pic > div:first-child {
        padding: 0;
    }

    .tablebox.pic .tableboxitem.pic .l-1 {
        position: absolute;
        background-color: #000;
        width: auto !important;
        top: 0;
        right: 0;
        border: 0;
        padding: 0;
        height: auto;
        line-height: 100%;
        min-height: 0;
    }

        .tablebox.pic .tableboxitem.pic .l-1.s2 {
            top: 0;
            left: 0;
            right: auto;
        }

            .tablebox.pic .tableboxitem.pic .l-1 .greentxt, .tablebox.pic .tableboxitem.pic .l-1.s2 .greentxt {
                color: #fff;
                background-color: #009d2b;
                padding: 8px;
                display: block;
                border-radius: 0 0 0px 0;
            }

            .tablebox.pic .tableboxitem.pic .l-1 .redtxt, .tablebox.pic .tableboxitem.pic .l-1.s2 .redtxt {
                color: #fff;
                background-color: #c00;
                padding: 8px;
                display: block;
                border-radius: 0 0 0px 0;
            }

            .tablebox.pic .tableboxitem.pic .l-1 .blurtxt, .tablebox.pic .tableboxitem.pic .l-1.s2 .blurtxt {
                color: #fff;
                background-color: #179ce0;
                padding: 8px;
                display: block;
                border-radius: 0 0 0px 0;
            }

    .tablebox.pic .tableboxitem.pic .l-5 {
        display: inline-block !important;
        width: 50% !important
    }

    .tablebox.pic .tableboxitem.pic .l-25 {
        display: inline-block !important;
        width: 25% !important;
        height: auto;
        line-height: 140%;
        padding-bottom: 8px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tablebox.pic .tableboxitem.pic .l-20 {
        display: inline-block !important;
        width: 20% !important;
        height: auto;
        line-height: 140%;
        padding-bottom: 8px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tablebox.pic .tableboxitem.pic .l-50 {
        display: inline-block !important;
        width: 50% !important;
        height: auto;
        line-height: 140%;
        padding: 0 0 8px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-top: 1px solid #ddd;
    }

    .tablebox.pic .tableboxitem.pic .l-502 {
        display: inline-block !important;
        width: 50% !important;
        height: auto;
        line-height: 140%;
        padding: 0 0 8px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-top: 0px solid #ddd;
    }

    .tablepic .pic {
        width: 100%;
        height: auto;
        position: relative;
        min-height: 150px;
        padding: 0;
        border-radius: 0;
    }

    .tablebox.pic .tableboxitem.pic span.date {
        text-align: left;
        height: auto;
        line-height: 120%;
        border-top: 0;
        padding: 0 10px 10px 10px;
        color: #999;
        min-height: 0px;
    }

    .tablebox.pic .tableboxitem.pic span em.mtxt {
        display: block;
        font-style: normal;
        font-size: 12px;
        line-height: 100%;
        height: auto;
        padding-top: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 5px;
    }
    /*.tablebox.pic .tableboxitem.pic span.l-50 em.mtxt {display:inline;margin-right:5px;}*/
    .tablebox.pic .tableboxitem .title {
        border-bottom: 0 !important;
    }

    .tablepic .pic img {
        display: block;
        width: 100%;
        position: relative;
        border-radius: 0;
    }

    .tablepic h3 {
        height: auto;
        padding: 10px 10px 5px 10px;
        white-space: normal;
        text-align: left;
        line-height: 120%;
        box-sizing: border-box;
        font-size: 15px;
    }

    .tablebox.pic {
        padding-top: 0px;
        overflow: visible;
    }

        .tablebox.pic .tableboxtitle {
            display: none;
        }

        .tablebox.pic .tableboxbody {
            white-space: normal;
        }

        .tablebox.pic .tableboxbody {
            background-color: transparent;
            overflow: visible;
            border: 0;
        }

            .tablebox.pic .tableboxbody .tableboitem {
                white-space: normal;
                overflow: hidden;
            }

            .tablebox.pic .tableboxbody .tableboxitem .gametitle {
                height: auto;
                white-space: normal;
                line-height: 120%;
                text-align: left;
                padding: 10px 10px 10px 10px;
                border-bottom: 0px;
                font-size: 14px;
            }

            .tablebox.pic .tableboxbody .tableboxitem .gamedate {
                text-align: right;
                line-height: 120%;
                padding: 10px 10px 0 10px;
                border: 0;
                color: #999;
                height: auto;
            }

            .tablebox.pic .tableboxbody .tableboxitem .gamename {
                text-align: left;
                padding: 10px 0 0 10px;
                line-height: 120%;
                font-size: 14px;
                height: auto;
                position: absolute;
                top: 0;
                left: 0;
                width: auto !important;
                border: 0px;
                font-weight: bold;
                color: #009d2b
            }

                .tablebox.pic .tableboxbody .tableboxitem .gamename em.mtxt {
                    display: inline;
                }

    .tablepic p {
        padding-bottom: 5px;
        white-space: normal;
        height: auto;
        text-align: left;
        padding-left: 10px;
    }
    /*.tablebox.zhangdan {width:100%;height:auto;overflow:hidden;overflow-x:auto;}
    .tablebox.zhangdan .tableboxbody {width:200%;}
    .tablebox.zhangdan .tableboxtitle {width:200%;}
    .tablebox.zhangdan .tableboxitem {display:block;white-space:nowrap;width:auto;}
    .tablebox.zhangdan .tableboxitem span {width:25%!important;display:inline-block;}*/
    .infobox .wuliao {
        width: 100%;
        box-sizing: border-box;
        border-bottom: 0;
        height: auto;
    }

        .infobox .wuliao:last-child {
            border-bottom: 1px solid #ddd;
        }

    .spaceline {
        height: 15px;
    }

    span.pay {
        height: 40px;
        line-height: 40px;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 5px;
        font-size: 14px;
    }

        span.pay.sel svg {
            height: 40px;
        }

    .postbtn button {
        font-size: 14px;
    }

    .postbox dl.half, .postbox dl.bf40, .postbox dl.bf60 {
        width: 100%;
    }

        .postbox dl.half.halfpost {
            width: 100%;
        }

    .upimg {
        width: 300px;
    }

    .tablebox.message {
        background-color: transparent;
        padding-top: 0;
    }

        .tablebox.message .tableboxitem.title {
            display: none;
        }

        .tablebox.message .tableboxbody {
            width: 100%;
            height: auto;
            overflow: visible;
            white-space: normal;
            background-color: transparent;
            padding: 0;
            border: 0;
        }

            .tablebox.message .tableboxbody .tableboxitem {
                border: 1px solid #ddd;
                margin-bottom: 15px;
                width: 100%;
                box-sizing: border-box;
                overflow: hidden;
                white-space: normal;
                box-shadow: 0 4px 10px rgba(0,0,0,0.1)
            }

        .tablebox.message .time {
            height: auto !important;
            line-height: 150% !important;
            border: 0 !important;
            text-align: left !important;
            color: #999;
            font-size: 14px;
            padding: 8px 10px 0 10px !important;
            min-height: 0px;
        }

        .tablebox.message .money {
            text-align: left;
            font-size: 16px;
            color: #f60;
            font-weight: bold;
            border: 0;
            line-height: 120%;
            height: auto;
            padding: 5px 10px;
            min-height: 0px;
        }

        .tablebox.message .title {
            height: auto !important;
            line-height: 150% !important;
            border-bottom: 1px solid #ddd !important;
            text-align: left !important;
            font-size: 16px;
            padding: 1px 10px 8px 10px !important;
            white-space: normal;
            font-weight: bold;
            min-height: 0px;
        }

        .tablebox.message .content {
            text-align: left;
            white-space: normal;
            height: auto !important;
            line-height: 150% !important;
            padding: 10px 10px 5px 10px;
            font-size: 14px;
            border-bottom: 0px;
        }

        .tablebox.message .btns {
            text-align: center;
            border: 0 !important;
            padding: 0 10px 5px 10px !important;
            height: auto !important;
            min-height: 0px;
        }

    .infobox .libox input.txje {
        width: 120px;
    }

    .bodyleft.open .menu li.menuback {
        display: none;
    }

    .bodyleft .menu li:first-child a span {
        display: block !important;
        position: relative !important;
    }

    .bodyleft .menu li:first-child a b {
        display: none;
    }

    .postbox .fkupimg {
        width: 32.33%;
        height: auto;
        margin: 10px 0 0 0;
    }

    .zhuanyepop .postbox .fkupimg {
        width: 45%;
    }

    .postbox dd .fkupimg:first-child {
        margin-right: 1%;
    }

    .postbox dd .fkupimg:last-child {
        margin-left: 1%;
    }

    .channel {
        padding: 0px;
    }

        .channel .info {
            padding-bottom: 15px;
            padding-top: 10px;
        }

            .channel .info .face {
                display: inline-block;
                position: relative;
                float: left;
                width: 60px;
                height: 60px;
            }

            .channel .info h2 {
                padding-top: 9px;
                font-size: 18px;
            }

            .channel .info h3 {
                padding-left: 15px;
                padding-top: 2px;
            }

        .channel .tableboxtab {
            padding: 0;
        }

        .channel .tablebox.pic .tableboxitem.pic {
            width: 100%;
            margin: 0 0 15px 0;
        }

            .channel .tablebox.pic .tableboxitem.pic > div {
                border-bottom: 0;
            }

        .channel .tableboxbody {
            padding: 0 0 0px 0;
        }

        .channel .tablebox.pic .tableboxitem.pic .tablepic .pic {
            margin-bottom: 0;
        }

        .channel .tablebox.pic .tableboxitem.pic .tablepic h3 {
            margin-bottom: 0;
        }

    .tablepic.task {
        padding-left: 70px;
        height: 60px;
        padding: 10px 10px 10px 70px;
    }

        .tablepic.task .pic {
            width: 60px;
            position: absolute;
            height: 60px;
            min-height: unset;
            top: 10px;
            left: 10px;
        }

            .tablepic.task .pic img {
                height: 100%;
                width: 100%;
                border-radius: 8px;
            }

        .tablepic.task h3 {
            height: 30px;
            line-height: 30px;
            padding-top: 5px;
            font-size: 18px;
        }

            .tablepic.task h3:after {
                content: "";
                display: inline-block;
                height: 30px;
                vertical-align: top;
                width: 20px;
                background: url(../images/share-box-line.svg) center no-repeat;
                background-size: 80%;
                opacity: 1;
                margin-left: 5px;
            }

        .tablepic.task p em {
            color: #cc0000;
        }

    .taskbtn {
        text-align: center !important;
    }

        .taskbtn .btn.red {
            background-color: unset;
            color: #c00 !important;
        }

        .taskbtn .btn.green {
            background-color: unset;
            color: #009d2b !important
        }
}

@media screen and (max-width:767px) {
    .ghbanner {
        width: 100%;
        overflow: hidden;
    }

        .ghbanner ul {
            white-space: nowrap;
            width: 100%;
            display: block;
        }

        .ghbanner li {
            margin: 0;
            padding: 0;
            width: 100%;
            transition: all 0.5s;
        }

    @keyframes banner1 {
        0% {
            margin-left: 0;
        }
    }

    .ghbannerbtn {
        display: block;
        width: auto;
        height: 0;
        position: relative;
        top: -28px;
        text-align: right;
        font-size: 0;
    }

        .ghbannerbtn span {
            display: inline-block;
            vertical-align: top;
            width: 30px;
            height: 16px;
            margin-left: 5px;
            border-radius: 4px;
            background-color: #eee;
        }

    .ghmy .ghitem {
        display: block;
    }

    .ghmy .greatgh {
        display: block;
        border: 0;
        padding: 0;
        text-align: center;
        border-top: 1px solid #eee;
        background-color: #f3f3f3;
        margin: 15px 0 0 0;
    }

    .ghrank li {
        width: 100%;
    }

        .ghrank li > span {
            top: 0px;
        }

    .popgreatgh dl {
        width: 90%;
        left: 5%;
        margin-left: 0;
    }

    .ghinfo .ghitem h3 {
        font-size: 20px;
        padding-top: 0;
    }

    .ghnav {
        display: block;
        width: 100%;
    }

        .ghnav ul {
            display: block;
            width: 100%;
            overflow-x: auto;
            height: 100%;
            white-space: nowrap
        }

    .ghdomain li {
        width: 100%;
        height: 30px;
        line-height: 30px;
    }

    .ghhero li {
        width: 100%;
        max-width: unset;
    }

    .ghboxbody .infobox {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-grow: 1;
    }

        .ghboxbody .infobox .wuliao {
            display: inline-block;
            width: auto;
        }

            .ghboxbody .infobox .wuliao:nth-child(1) {
                width: 20%;
            }

            .ghboxbody .infobox .wuliao:nth-child(2) {
                width: 20%;
            }

            .ghboxbody .infobox .wuliao:nth-child(3) {
                width: 40%;
            }

            .ghboxbody .infobox .wuliao:nth-child(4) {
                width: 20%;
            }

            .ghboxbody .infobox .wuliao:last-child {
                display: block;
                width: 100%;
            }

    .ghdomain.list li {
        height: auto;
        padding: 7px 12px;
    }

    .tableboxitem .ghitem {
        border-style: solid;
        border-width: 10px;
        border-color: transparent;
        height: 80px;
    }

    .tableboxitem .ghuseritem {
        padding: 10px;
    }

    .ghdata.inlineb {
        padding: 20px 10px;
    }

    .ghrank li {
        margin-bottom: 0;
        padding: 5px 20px;
    }

    .ghboxbody .tablebox.pic .tableboxitem.pic > div {
        display: inline-block;
        width: 33.33% !important;
        box-sizing: border-box;
        padding-right: 0px;
        border-top: 1px solid #ddd;
        vertical-align: top;
    }

    .ghboxbody .tablebox.pic .tableboxitem.pic .ghdata {
        text-align: center;
    }

    .ghboxbody .tablebox.pic .tableboxitem.pic > div:first-child,
    .ghboxbody .tablebox.pic .tableboxitem.pic > div:last-child {
        display: block;
        width: 100% !important;
        border-top: 1px solid #ddd;
        text-align: center !important;
    }

    .ghboxbody .tablebox.pic .tableboxitem.pic > div:first-child {
        border-bottom: 0;
        border-top: 0;
    }

    .ghboxbody .tablebox.pic .tableboxitem.pic > div:last-child {
        text-align: center;
        border-bottom: 0px solid #ddd;
    }

    .ghboxbody .tablebox.pic .tableboxitem.pic > div[style="width:15%"],
    .ghboxbody .tablebox.pic .tableboxitem.pic > div[style="width:12%"] {
        width: 50% !important;
        display: inline-block !important;
        border-bottom: 0px solid #ddd;
    }
}

@media screen and (max-width:320px) {
    .popgreatgh dl {
        margin-top: 0;
        top: 5%;
    }
}

@media screen and (min-width:768px) {
    .ghbannerdiv {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
        display: block;
        transition: bottom 0.5s;
        max-width: 1100px;
    }

        .ghbannerdiv ul {
            transform: translateX(0) !important;
            white-space: nowrap;
            font-size: 0;
        }

    .ghbannerli {
        display: inline-block;
        width: 33.33%;
        box-sizing: border-box;
        padding-right: 10px;
    }

        .ghbannerli a {
            position: relative;
        }

            .ghbannerli a:hover {
                top: -5px;
            }

        .ghbannerli img {
            display: block;
            width: 100%;
            height: auto;
        }
}

@media screen and (max-width:767px) {
    .ghbannerdiv {
        display: block;
    }

    .ghbannerform {
        display: block;
        width: auto;
        margin: 0 auto;
        max-width: 1000px;
        position: relative;
        padding: 0;
        box-sizing: border-box;
        background-color: #fff;
    }

    .ghbannerbox {
        width: 100%;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    .ghbannerul {
        display: block;
        white-space: nowrap;
        width: auto;
        margin: 0;
        padding: 0;
        transition: all 0.3s;
        transform: translate3d(0,0,0);
        font-size: 0
    }

    .ghbannerli {
        width: auto;
        display: inline-block;
        padding: 0px;
        vertical-align: top;
        width: 100%;
        box-sizing: border-box;
    }

        .ghbannerli a {
            display: block;
            font-size: 0;
            position: relative;
            text-decoration: none;
            color: #000;
            padding: 0 0px 0 0;
        }

            .ghbannerli a img {
                display: block;
                height: auto;
                width: 100%;
                background-color: #eee;
                border: 0;
                float: left;
                margin: 0;
                padding: 0;
                outline: none;
            }

            .ghbannerli a h3 {
                display: block;
                height: 50px;
                width: auto;
                vertical-align: top;
                border: 0;
                margin: 0;
                padding: 0 8px;
                box-sizing: border-box;
                font-size: 14px;
                line-height: 24px;
                overflow: hidden;
                border: 1px solid #fff;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                white-space: normal;
                font-weight: normal;
            }

            .ghbannerli a:hover h3 {
                color: #0072ff
            }

            .ghbannerli a span {
                display: block;
                height: 30px;
                width: auto;
                float: right;
                box-sizing: border-box;
                margin: 10px 0 10px 10px;
                background-color: #0072ff;
                color: #fff;
                border-radius: 40px;
                font-size: 14px;
                line-height: 30px;
                padding: 0 15px;
            }

    span.wofhuishdflkwjfijslfjweclose {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 20px;
        border-radius: 0 0 0 20px;
        background-color: #eee;
        color: #666;
        font-size: 12px;
        text-align: center;
        line-height: 15px;
        box-sizing: border-box;
        padding: 0 0 0 5px;
        cursor: default;
        z-index: 2;
    }

        span.wofhuishdflkwjfijslfjweclose:hover {
            background-color: #ddd;
        }

    .infobox .libox input.form_date.noico {
        max-width: unset;
        display: block;
        float: none;
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #ddd;
        margin-bottom: 5px;
        clear: both;
    }

    .infobox .libox .form_btn {
        border-radius: 0;
    }
}