* {
    margin: 0;
    padding: 0;
    border: none;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

    a[href] {
        cursor: pointer;
        color: #1a1a1a;
    }

        a[href]:hover {
            text-decoration: none;
            color: #ff7f00;
        }

li > a[href]:hover {
    color: #ff7f00;
}

h4 a[href]:hover {
    text-decoration: underline;
    color: #000;
}

input:focus, textarea:focus, select:focus {
    outline: none;
}

body {
    font-family: "微软雅黑",arial,sans-serif,Times New Roman,Verdana,"宋体";
    background: none;
    font-size: 14px;
}

p, h1, h2, h3, h4, h5, li, span, i, u, b, em, div {
    word-wrap: break-word;
    word-break: break-all;
}

.pore {
    position: relative;
}

.poab {
    position: absolute;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cb {
    clear: both;
}

.show {
    display: block;
}

.noshow {
    display: none;
}

.more, .mar {
    cursor: pointer;
}

.pr10 {
    padding-right: 10px;
}

.pt20 {
    padding-top: 20px;
}

.mr10 {
    margin-right: 15px;
}

.h30 {
    height: 30px;
}

.h20 {
    height: 20px;
}

.h10 {
    height: 10px;
}

.h50 {
    height: 50px;
}

.h80 {
    height: 80px;
}

.btline {
    border-top: 1px dashed #ffaa00;
    height: 0;
}

i, b, u, em {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

*:hover {
    transition: background-color 0.2s;
}

.dia-close-bg {
    background: url("img/diaclose-pic.png") no-repeat center center;
}

.dot {
    position: absolute;
    right: 20px;
    bottom: 10px;
}

    .dot b {
        background-color: #999;
        padding: 0 4px;
        font-size: 12px;
        color: #fff;
        margin-right: 5px;
        cursor: pointer;
    }

    .dot .cur {
        background-color: #ff7f00;
    }

.bot {
    position: absolute;
    height: 40px;
    right: 0;
    bottom: -10px;
}

    .bot b {
        background-color: #999;
        padding: 0 4px;
        font-size: 12px;
        color: #fff;
        margin-left: 5px;
        cursor: pointer;
    }

    .bot .cur {
        background-color: #ff7f00;
    }

.bbot {
    position: absolute;
    height: 38px;
    right: 0;
    bottom: -18px;
}

    .bbot b {
        background-color: #999;
        padding: 0 4px;
        font-size: 12px;
        color: #fff;
        margin-left: 5px;
        cursor: pointer;
    }

    .bbot .cur {
        background-color: #ff7f00;
    }

.rot {
    position: absolute;
    height: 40px;
    right: 5px;
    bottom: -5px;
}

    .rot b {
        background-color: #999;
        padding: 0 4px;
        font-size: 12px;
        color: #fff;
        margin-left: 5px;
        cursor: pointer;
    }

    .rot .cur {
        background-color: #ff7f00;
    }

.rect {
    position: absolute;
    height: 30px;
    width: 100%;
    right: 0;
    bottom: 0;
    text-align: center;
}

    .rect b {
        display: inline-block;
        width: 80px;
        height: 10px;
        background-color: #999;
        margin-left: 30px;
        cursor: pointer;
    }

    .rect .cur {
        background-color: #ff7f00;
    }

.sot {
    position: absolute;
    height: 40px;
    right: 5px;
    bottom: -20px;
    *bottom: -22px;
}

    .sot b {
        background-color: #999;
        padding: 0 4px;
        font-size: 12px;
        color: #fff;
        margin-left: 5px;
        cursor: pointer;
    }

    .sot .cur {
        background-color: #ff7f00;
    }

.mot {
    position: relative;
    width: 100%;
    margin: 448px auto 0;
    height: 40px;
    text-align: center;
    *padding-top: 448px;
}

    .mot b {
        background-color: #fff;
        padding: 0 4px;
        font-size: 12px;
        color: #666;
        margin-left: 5px;
        cursor: pointer;
    }

    .mot .cur {
        background-color: #333333;
        color: #fff;
    }

.head {
    width: 100%;
    min-width: 990px;
    height: auto;
    z-index: 105;
}

.head-re {
    border-bottom: 2px solid #ff7f00;
    padding-bottom: 5px;
}

.l-h-wrap {
    height: 30px;
    width: 100%;
    background-color: #ffaa00;
}

.logo-head {
    height: 70px;
    width: 990px;
    margin: 0 auto 0px;
    z-index: 105;
}

    .logo-head .logo-img {
        width: 460px;
        height: 56px;
        bottom: 0px;
        left: 0px;
        background: url("img/logo2.png") no-repeat 0 0;
    }

    .logo-head .logomin-img {
        width: 208px;
        height: 56px;
        bottom: 0px;
        left: 0px;
        background: url("img/logom.png") no-repeat 0 0;
    }

    .logo-head .seach {
        height: 60px;
        margin: 10px 0 0 0;
        text-align: right;
    }

    .logo-head .se-phone {
        display: inline-block;
        position: absolute;
        width: 170px;
        top: 0;
        right: 0;
        padding: 0 0 0 20px;
        height: 25px;
        line-height: 25px;
        background: url("img/phone.png") no-repeat 0 center;
        font-size: 20px;
        color: #4c4c4c;
        letter-spacing: 1px;
    }

    .logo-head .se-phone-re {
        display: inline-block;
        position: absolute;
        width: 170px;
        top: 0;
        right: 0;
        padding: 0 0 0 20px;
        height: 60px;
        line-height: 60px;
        background: url("img/phone.png") no-repeat 0 center;
        font-size: 20px;
        color: #4c4c4c;
        letter-spacing: 1px;
    }

    .logo-head .se-login {
        text-align: right;
        margin-top: 35px;
        height: 25px;
    }

        .logo-head .se-login > span, .logo-head .se-login > a {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            vertical-align: bottom;
            position: relative;
        }

            .logo-head .se-login > .se-bt, .logo-head .se-login > a[href].se-bt {
                height: 20px;
                padding: 0 5px;
                background-color: #ffaa00;
                color: #fff;
                line-height: 20px;
                cursor: pointer;
            }

        .logo-head .se-login > .se-text, .logo-head .se-login span.se-p-ctl {
            line-height: 20px;
            height: 20px;
            cursor: pointer;
        }

            .logo-head .se-login > .se-text:hover {
                color: #ff7f00;
            }

        .logo-head .se-login > a[href].se-bt:hover {
            transition: background-color 0.2s;
            background-color: #ff7f00;
        }

        .logo-head .se-login > span > img {
            vertical-align: bottom;
            width: 20px;
            height: 20px;
            *margin-top: 5px;
        }

        .logo-head .se-login span.se-p-ctl {
            height: 25px;
        }

            .logo-head .se-login span.se-p-ctl:hover {
                color: #1a1a1a;
            }

            .logo-head .se-login span.se-p-ctl > img {
                width: 25px;
                height: 25px;
                vertical-align: bottom;
                *margin-top: 0;
            }

            .logo-head .se-login span.se-p-ctl > i {
                display: inline-block;
                vertical-align: bottom;
                padding: 0 5px;
                cursor: pointer;
            }

.se-login .se-p-ctl ul {
    position: absolute;
    width: 0;
    height: 0;
    padding: 5px 0;
    left: 153px;
    top: 24px;
    background-color: #ffaa00;
    text-align: left;
    display: none;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
}

    .se-login .se-p-ctl ul li {
        clear: both;
        height: 25px;
        margin-top: 3px;
    }

        .se-login .se-p-ctl ul li a {
            display: inline-block;
            width: 90%;
            padding-left: 10%;
            height: 100%;
            line-height: 25px;
            color: #fff;
        }

            .se-login .se-p-ctl ul li a:hover {
                background-color: #ff7f00;
            }

.nav-head {
    width: 100%;
    min-width: 990px;
    height: 55px;
    margin: 0 auto;
    padding-top: 1px;
    z-index: 100;
}

.p-head .nav-head {
    padding-top: 0;
}

.nav-head .nav {
    width: 100%;
    min-width: 990px;
    height: 40px;
    margin: 12px auto;
    background-color: #ffaa00;
}

    .nav-head .nav .nav-ul {
        width: 990px;
        height: 40px;
        margin: 0 auto;
        font-size: 16px;
        position: relative;
    }

.p-head .nav-head .nav {
    margin: 0px auto;
}

.nav-ul > li {
    height: 40px;
    margin-right: 3px;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
    float: left;
    z-index: 3;
    position: relative;
}

    .nav-ul > li.back {
        height: 48px;
        top: -6px;
        z-index: 8;
        position: absolute;
        background-image: url(img/lava.png);
        background-repeat: no-repeat;
        background-position: right -56px;
        z-index: 2;
        display: none;
    }

    .nav-ul > li.back2 {
        height: 40px;
        top: 0;
        z-index: 8;
        position: absolute;
        background-image: url(img/lava.png);
        background-repeat: no-repeat;
        background-position: left -56px;
        z-index: 2;
        display: none;
    }

        .nav-ul > li.back2 .left2 {
            height: 40px;
            margin-right: 6px;
            background-image: url(img/lava.png);
            background-repeat: no-repeat;
            background-position: left top;
        }

    .nav-ul > li.back .left {
        height: 48px;
        margin-right: 6px;
        background-image: url(img/lava.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .nav-ul > li > a {
        display: inline-block;
        height: 100%;
        text-align: center;
        padding: 0 10px;
        color: #fff;
        float: left;
    }

        .nav-ul > li > a:hover {
            color: #fff;
        }

        .nav-ul > li > a.nnavbg1:hover, .nav-ul > li > a.nnavbg2 {
            transition: background-color 0.25s;
            background-color: #ff7f00;
        }

.banner-head {
    width: 990px;
    height: 260px;
    margin: 2px auto 0;
    overflow: hidden;
}

.banner-img {
    width: 10000px;
    height: 260px;
    top: 0;
    left: 0;
}

    .banner-img li {
        float: left;
    }

        .banner-img li img {
            width: 990px;
            height: 260px;
        }

.t-icon1 {
    background: url("img/t-icon1.png") no-repeat center center;
}

.t-icon2 {
    background: url("img/t-icon2.png") no-repeat center center;
}

.t-icon3 {
    background: url("img/t-icon3.png") no-repeat 5px center;
}

.t-icon4 {
    background: url("img/t-icon4.png") no-repeat 5px center;
}

.t-icon5 {
    background: url("img/t-icon5.png") no-repeat 5px center;
}

.t-icon6 {
    background: url("img/t-icon6.png") no-repeat 5px center;
}

.t-icon7 {
    background: url("img/t-icon7.png") no-repeat 5px center;
}

.t-icon8 {
    background: url("img/t-icon8.png") no-repeat 5px center;
}

.t-icon9 {
    background: url("img/t-icon9.png") no-repeat 5px center;
}

.t-icon10 {
    background: url("img/t-icon10.png") no-repeat 5px center;
}

.content {
    width: 990px;
    margin: 20px auto 0;
    min-height: 600px;
}

.con1 {
    width: 990px;
    height: 425px;
}

    .con1 > ul {
        width: 990px;
        height: 425px;
        position: relative;
    }

        .con1 > ul > li {
            float: left;
            position: relative;
        }

        .con1 > ul > .sp {
            width: 357px;
            height: 425px;
            border-top: 2px solid #ff7f00;
        }

        .con1 > ul > .sq {
            width: 20px;
            height: 425px;
        }

        .con1 > ul > .spp {
            width: 235px;
        }

.top .h {
    height: 30px;
    background-color: #dbdbdb;
}

    .top .h span {
        display: inline-block;
    }

    .top .h .s1 {
        width: 106px;
        height: 55px;
        background: url("img/recom.png") no-repeat 0 -2px;
    }

    .top .h .ns2 {
        display: inline-block;
        padding: 0 10px;
        background-color: #eb3744;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        color: #fff;
    }

    .top .h .s3 {
        height: 70px;
        height: 30px;
        padding-top: 30px;
        line-height: 30px;
        font-size: 12px;
        color: #808080;
    }

.top .c {
    height: 125px;
    margin: 0 auto 0;
    background-color: #dbdbdb;
}

    .top .c p {
        margin: 0 10px;
        text-align: justify;
        word-break: normal;
        text-indent: 1.5em;
        font-size: 14px;
        color: #4c4c4c;
        line-height: 22px;
    }

    .top .c h4 {
        color: #000;
        line-height: 32px;
        font-size: 15px;
        text-align: center;
    }

.c h4 a {
    color: #000;
}

.c .mar a {
    color: #ff7f00;
}

.top .f {
    height: 185px;
    margin: 0 auto;
}

    .top .f p {
        color: #fff;
        font-size: 14px;
    }

    .top .f .p1 {
        font-size: 16px;
        border-top: 2px solid #ff7f00;
        color: #ff7f00;
        line-height: 29px;
        margin-top: 10px;
        text-indent: 10px;
    }

    .top .f ul {
        margin: 0 0 0 25px;
    }

    .top .f li {
        line-height: 29px;
        font-size: 14px;
        list-style: circle;
    }

.new .h {
    height: 39px;
}

.h span {
    margin-right: 1px;
    display: inline-block;
    float: left;
}

.h .s1 {
    width: 50px;
    height: 30px;
    background-color: #ffaa00;
}

.h .s2 {
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #ff7f00;
}

    .h .s2:hover {
        transition: background-color 0s;
        background-color: #ffaa00;
        color: #fff;
    }

.h .s2bg2 {
    background-color: #ffaa00;
    color: #fff;
}

.commom-c i {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 7px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #ff7f00;
    margin-right: 1px;
}

    .commom-c i:hover {
        transition: background-color 0s;
        background-color: #ffaa00;
        color: #fff;
    }

    .commom-c i.s2bg1 {
        background-color: transparent;
    }

        .commom-c i.s2bg1:hover {
            background-color: transparent;
            color: #ff7f00;
        }

    .commom-c i.s2bg2 {
        background-color: #ffaa00;
        color: #fff;
    }

.new .c {
    height: 115px;
    background-color: #dbdbdb;
}

    .new .c .c1 {
        top: 0;
        left: 0;
        right: 0;
    }

.new .c1 div {
    height: 116px;
    position: relative;
    margin: 0 10px;
}

.new .c1 ul {
    height: 115px;
    position: relative;
    margin: 11px 0 0;
    border-top: 1px solid #ccc;
}

.new .c1 img {
    float: left;
    padding: 8px 10px 5px 0px;
    width: 100px;
    height: 100px;
}

.new .c1 p {
    text-indent: 1.5em;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 20px;
}

.new .c1 h4 {
    color: #000;
    line-height: 20px;
    font-size: 15px;
    padding-top: 5px;
}

.new .c1 .mar {
    font-size: 12px;
    color: #cc5f29;
    padding-right: 15px;
    position: absolute;
    right: 0;
    bottom: 8px;
    background: url("img/morey.png") no-repeat right center;
}

    .new .c1 .mar a:hover {
        text-decoration: underline;
    }

.new .c1 li {
    background: url("img/type1.png") no-repeat 3px center;
    height: 29px;
    text-indent: 20px;
    line-height: 29px;
    font-size: 14px;
    color: #4c4c4c;
}

    .new .c1 li a:hover {
        color: #ff7f00;
    }

    .new .c1 li span {
        float: right;
        margin-right: 10px;
        text-indent: 0;
        *margin-top: -30px;
        font-size: 12px;
    }

.group .h {
    height: 30px;
}

.group .c {
    width: 300px;
    height: 140px;
    margin: 0 auto 10px;
}

.group .in-login {
    height: 165px;
    border-bottom: 2px solid #ff7f00;
}

.v-login {
    padding: 0 15px 10px;
    position: relative;
    background-color: #ffaa00;
}

.group .v-login .h .ns2 {
    padding: 0;
}

.v-login .h .lo {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 9px;
    font-size: 12px;
}

.v-login .h a.lo {
    color: #fff;
}

.v-person, .v-lock, .v-lobt, .v-text {
    padding: 5px 0 0;
}

.v-lobt {
}

.v-text {
    text-align: right;
}

.v-person input, .v-lock input {
    display: inline-block;
    width: 170px;
    height: 24px;
    line-height: normal;
    line-height: 24px\9;
    border: 1px solid #fff;
    background-color: #e59900;
    padding-left: 5px;
    font-size: 13px;
    color: #fff;
    float: left;
}

.v-person > span, .v-lock > span {
    display: inline-block;
    float: left;
}

    .v-person > span.n-icon, .v-lock > span.p-icon {
        width: 26px;
        height: 24px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
        border-right: none;
    }

    .v-person > span.n-icon {
        background: url("img/person.png") no-repeat center center #e59900;
    }

    .v-lock > span.p-icon {
        background: url("img/lock.png") no-repeat center center #e59900;
    }

.v-person, .v-lock {
    height: 26px;
}

.v-lobt .lo {
    display: inline-block;
    width: 100%;
    height: 26px;
    background-color: #fff;
    color: #ff7f00;
    line-height: 26px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
}

    .v-lobt .lo:hover, .v-lobt .loactive {
        background-color: #ff7f00;
        color: #fff;
    }

    .v-lobt .lo a {
        color: #fff;
    }

.v-text, .v-lobt .fo {
    color: #fff;
    font-size: 12px;
}

    .v-text a, .v-lobt .fo a {
        color: #fff;
    }

        .v-text a:hover, .v-lobt .fo a:hover, .v-login .h a.lo:hover {
            text-decoration: underline;
            color: #fff;
        }

.group .c img {
    width: 300px;
    height: 140px;
}

.group .h .ns2 {
    height: 30px;
    padding: 0 5px;
    text-align: center;
    cursor: pointer;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
}

    .group .h .ns2 a {
        font-size: 10px;
        line-height: 12px;
    }

.group .f p {
    margin: 0 auto;
    color: #ff7f00;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    position: relative;
}

    .group .f p a {
        line-height: 30px;
        display: inline-block;
        height: 30px;
    }

    .group .f p .la {
        position: absolute;
        right: 15px;
        top: 0;
    }

.group .f ul {
    float: left;
}

.group .f .ul1 {
    width: 130px;
    position: relative;
    padding-left: 15px;
}

.group .f .ul2 {
    float: right;
    width: 60px;
    position: relative;
    padding-left: 25px;
}

.group .f li {
    height: 29px;
    line-height: 29px;
    list-style: disc;
    text-align: left;
    font-size: 14px;
    color: #1a1a1a;
}

    .group .f li a[href]:hover {
        color: #ff7f00;
    }

.con2 {
    width: 990px;
    height: 120px;
    margin: 18px auto 0;
}

    .con2 img {
        width: 990px;
        height: 120px;
    }

.con3 {
    width: 990px;
    height: 338px;
    margin: 20px auto 0;
}

a.more {
    display: inline-block;
    float: right;
    line-height: 30px;
    cursor: pointer;
    padding-right: 15px;
    font-size: 12px;
    color: #666666;
    background: url("img/more.png") no-repeat right center;
}

    a.more:hover {
        color: #ff7f00;
        background: url("img/morey.png") no-repeat right center;
    }

.con3 .c {
    width: 990px;
    height: 338px;
    margin: 0 auto 0;
}

.commom-inc > ul {
    position: relative;
    height: 100%;
}

    .commom-inc > ul > li {
        height: 100%;
        position: relative;
    }

    .commom-inc > ul > .lsq {
        width: 20px;
        float: left;
    }

.commom-inc .l1 {
    width: 357px;
    height: 100%;
    float: left;
}

.commom-inc .l2 {
    float: left;
}

.commom-inc .l3 {
    width: 735px;
    height: 100%;
    float: left;
}

.commom-inc .l1 .ii {
    background: url("img/type2.png") no-repeat 0 center;
}

.commom-inc .hh {
    position: relative;
    height: 30px;
    border-top: 2px solid #ff7f00;
    font-size: 18px;
    color: #0f0f0f;
}

    .commom-inc .hh a.more {
        clear: both;
        position: absolute;
        right: 0;
        top: 0;
    }

.commom-inc .l1 li {
    height: 30px;
    line-height: 30px;
    *height: 30px;
    *line-height: 30px;
    position: relative;
}

    .commom-inc .l1 li > a {
        color: #1a1a1a;
        font-size: 14px;
    }

        .commom-inc .l1 li > a:hover {
            color: #ff7f00;
        }

    .commom-inc .l1 li > span {
        float: right;
        color: #999999;
        font-size: 12px;
        *margin-top: -30px;
    }

    .commom-inc .l1 li.ii {
        text-indent: 20px;
    }

.commom-inc .l2, .commom-inc .l2 img, .commom-inc .l2 embed {
    width: 235px;
    height: 338px;
}

.con4, .con6 {
    width: 736px;
    height: 290px;
    margin: 18px auto 0;
}

.con4 {
    height: 270px;
}

    .con4 .c {
        width: 756px;
        height: 270px;
    }

    .con4 .c-ul li {
        height: 100px;
        position: relative;
        margin-top: 18px;
    }

        .con4 .c-ul li .spimg, .con4 .c-ul li .spimg img {
            width: 140px;
            height: 100px;
            float: left;
            margin-right: 10px;
        }

        .con4 .c-ul li .title {
            text-indent: 1em;
            position: relative;
            float: right;
            width: 205px;
            line-height: 25px;
            font-size: 15px;
        }

        .con4 .c-ul li .text {
            text-indent: 1em;
            position: relative;
            float: right;
            width: 205px;
            line-height: 25px;
            font-size: 14px;
            color: #1a1a1a;
        }

        .con4 .c-ul li .title a {
            color: #444;
            font-weight: bold;
        }

            .con4 .c-ul li .title a:hover {
                color: #ff7f00;
            }

.con6 {
    height: 338px;
}

    .con6 .c {
        width: 756px;
        height: 340px;
    }

    .con6 .cc-ul li {
        margin: 11px 0 0 0;
        height: 140px;
    }

        .con6 .cc-ul li img {
            float: left;
            padding-right: 10px;
            width: 120px;
            height: 140px;
        }

        .con6 .cc-ul li .p1 {
            line-height: 30px;
            font-size: 16px;
        }

        .con6 .cc-ul li .p2 {
            line-height: 25px;
            font-size: 14px;
        }

        .con6 .cc-ul li .p1 a {
            color: #000;
        }

            .con6 .cc-ul li .p1 a:hover {
                color: #ff7f00;
            }

        .con6 .cc-ul li .p3 {
            line-height: 25px;
            font-size: 12px;
            color: #4c4c4c;
        }

        .con6 .cc-ul li .p4 > a {
            font-size: 12px;
            line-height: 20px;
            padding: 1px 5px;
            background-color: #ffaa00;
            color: #fff;
        }

            .con6 .cc-ul li .p4 > a:hover {
                background-color: #ff7f00;
            }

.con5, .con7 {
    width: 235px;
    height: 290px;
    margin-top: 18px;
}

.con5 {
    height: 270px;
}

    .con5ul, .con5 .con5ul {
        padding: 0 0 10px 20px;
        color: #4c4c4c;
        font-size: 14px;
        margin-top: 10px;
    }

        .con5ul li, .con5 .con5ul li {
            line-height: 25px;
            list-style: disc outside none;
            height: 25px;
        }

            .con5ul li a:hover, .con5 .con5ul li a:hover {
                color: #ff7f00;
            }

.con7 {
    height: 338px;
}

    .con7 .c {
        width: 233px;
        height: 336px;
        margin: 0 auto;
        overflow: hidden;
        border: 1px solid #ccc;
    }

        .con7 .c ul {
            position: absolute;
            width: 10000px;
        }

            .con7 .c ul li {
                float: left;
                width: 233px;
                height: 336px;
            }

                .con7 .c ul li img {
                    width: 233px;
                    height: 336px;
                }

.con77 {
    width: 235px;
    height: 280px;
    margin-top: 18px;
    right: 0;
}

    .con77 .c {
        width: 233px;
        height: 278px;
        margin: 0 auto;
        overflow: hidden;
        border: 1px solid #ccc;
    }

        .con77 .c ul {
            position: absolute;
            width: 10000px;
        }

            .con77 .c ul li {
                float: left;
                width: 233px;
                height: 278px;
            }

                .con77 .c ul li img {
                    width: 233px;
                    height: 278px;
                }

.con8 {
    width: 990px;
    margin: 20px auto 0;
    height: 280px;
}

    .con8 .c {
        width: 990px;
        height: 280px;
        margin: 0 auto 0;
    }

        .con8 .c .c-ul {
            margin-top: 10px;
            width: 760px;
        }

            .con8 .c .c-ul li {
                float: left;
                width: 170px;
                height: 110px;
                margin-right: 18px;
                margin-top: 10px;
            }

                .con8 .c .c-ul li.first {
                    width: 359px;
                    height: 230px;
                }

                .con8 .c .c-ul li a {
                    display: inline-block;
                    width: 100%;
                    float: left;
                }

                .con8 .c .c-ul li .spimg, .con8 .c .c-ul li .spimg img {
                    width: 170px;
                    height: 80px;
                }

                .con8 .c .c-ul li.first .spimg, .con8 .c .c-ul li.first .spimg img {
                    width: 359px;
                    height: 200px;
                }

                .con8 .c .c-ul li .text {
                    height: 30px;
                    line-height: 30px;
                    font-size: 16px;
                    text-align: center;
                    background-color: #ffaa00;
                    color: #fff;
                }

                    .con8 .c .c-ul li .text:hover {
                        background-color: #ff7f00;
                    }

.con9 {
    width: 736px;
    margin: 18px auto 0;
    height: 280px;
    background: url("img/skills.jpg") no-repeat center 36px;
}

    .con9 .c {
        width: 736px;
        margin: 0 auto 0;
        height: 280px;
    }

        .con9 .c > ul {
            width: 760px;
            height: 237px;
            margin-top: 10px;
        }

            .con9 .c > ul > li {
                float: left;
                width: 169px;
                height: 237px;
                margin-right: 20px;
            }

        .con9 .c li .spimg, .con9 .c li .spimg img {
            width: 169px;
            height: 207px;
            display: block;
        }

        .con9 .c li .text {
            display: inline-block;
            width: 100%;
            height: 30px;
            line-height: 30px;
            font-size: 16px;
            text-align: center;
            background-color: #ffaa00;
            color: #fff;
        }

.con10 {
    width: 990px;
    height: 350px;
    margin: 20px auto;
}

    .con10 .c {
        width: 990px;
        height: 285px;
        margin: 0 auto 0;
    }

        .con10 .c li {
            float: left;
            width: 232px;
            height: 285px;
            margin-right: 20px;
        }

        .con10 .c > ul {
            width: 1010px;
            margin-top: 10px;
        }

        .con10 .c li .spimg {
            display: block;
            width: 232px;
            height: 254px;
        }

            .con10 .c li .spimg img {
                width: 232px;
                height: 254px;
            }

        .con10 .c li .text {
            width: 232px;
            height: 51px;
            font-size: 16px;
            color: #fff;
            background-color: #ffaa00;
        }

            .con10 .c li .text:hover {
                background-color: #ff7f00;
            }

            .con10 .c li .text span {
                float: left;
                padding: 5px 15px 0 10px;
            }

                .con10 .c li .text span .de {
                    color: #cc2d14;
                    font-size: 14px;
                    text-decoration: line-through;
                }

            .con10 .c li .text p {
                float: right;
                margin: 5px;
            }

                .con10 .c li .text p a {
                    color: #fff;
                }

.con11 {
    width: 990px;
    height: 338px;
    margin: 20px auto 0;
}

    .con11 .c {
        width: 990px;
        height: 338px;
        margin: 0 auto 0;
    }

        .con11 .c .Forum i {
            position: absolute;
            right: 0;
            top: 0;
            display: inline-block;
            font-size: 13px;
            color: #4c4c4c;
        }

        .con11 .c .Forum b {
            background-color: #dc0000;
            font-size: 12px;
            height: 12px;
            display: inline-block;
            line-height: 12px;
            padding: 2px 2px 1px 2px;
            color: #fff;
            margin-left: 10px;
        }

    .con11 .commom-inc .l2, .con11 .commom-inc .l2 img, .con11 .commom-inc .l2 embed {
        width: 235px;
        height: 338px;
    }

.con8 .commom-inc .l2, .con8 .commom-inc .l2 img, .con8 .commom-inc .l2 embed {
    width: 235px;
    height: 280px;
}

.foot {
    width: 100%;
    min-width: 990px;
    background-color: #e6e6e6;
    padding-top: 15px;
}

.p-foot {
    min-width: 1160px;
}

.foot .fc {
    width: 990px;
    margin: 0 auto;
}

.foot .fch {
    width: 1020px;
    margin: 0 auto;
}

    .foot .fch p {
        font-size: 16px;
        color: #1a1a1a;
        line-height: 25px;
        margin-bottom: 8px;
    }

    .foot .fch ul {
        position: relative;
    }

    .foot .fch li {
        float: left;
        margin: 0 30px 10px 0;
    }

        .foot .fch li img {
            width: 140px;
            height: 60px;
        }

.foot .fcf {
    width: 475px;
    height: 150px;
    margin: 20px auto 0;
}

    .foot .fcf span {
        display: inline-block;
        width: 100%;
        float: left;
        text-align: center;
        font-size: 12px;
        color: #1a1a1a;
        line-height: 20px;
    }

        .foot .fcf span img {
            padding: 10px;
            width: 122px;
            height: 52px;
        }

.foot-nav {
    position: relative;
    width: 990px;
    text-align: center;
    height: 39px;
    line-height: 39px;
    top: 20px;
    left: 0;
    font-size: 14px;
    color: #1a1a1a;
}

    .foot-nav a {
        color: #1a1a1a;
    }

        .foot-nav a:hover {
            text-decoration: underline;
        }

    .foot-nav > i {
        padding: 0 15px;
    }

.p-head {
    width: 100%;
    height: 280px;
    min-width: 1160px;
    border-bottom: 1px solid #ffaa00;
    background: url("img/p-headbg.png") no-repeat center top;
}

.p-content {
    width: 990px;
    margin: 0 auto 50px;
}

.nav-head .nav .p-bg1 {
    height: 82px;
    background: url("img/nav-sbg1.png") no-repeat 0 0;
}

.nav-head .nav .p-bg2 {
    height: 82px;
    background: url("img/nav-sbg2.png") no-repeat 0 0;
}

.nav-head .sha {
    width: 100%;
    height: 32px;
    background: url("img/sha.png") repeat-x 0 0;
}

.nav-head .pers {
    width: 990px;
    height: 200px;
    margin: 0 auto;
}

    .nav-head .pers .p-face {
        display: inline-block;
        width: 206px;
        height: 206px;
        overflow: visible;
        background: url("img/persha.png") no-repeat -5px 0;
    }

        .nav-head .pers .p-face img {
            width: 180px;
            height: 180px;
        }

    .nav-head .pers p {
        position: absolute;
        left: 220px;
        bottom: 25px;
        color: #000;
        font-size: 24px;
        line-height: 25px;
    }

        .nav-head .pers p a {
            color: #1a1a1a;
            font-size: 14px;
            line-height: 16px;
        }

.nav-head .wr {
    width: 1000px;
    margin: 0 auto;
    top: -10px;
}

.nav-head .wel {
    height: 18px;
    line-height: 18px;
    color: #e8ffca;
    font-size: 14px;
    z-index: 1;
    top: 0;
    right: 50px;
}

    .nav-head .wel a {
        color: #e8ffca;
        cursor: pointer;
    }

        .nav-head .wel a:hover {
            color: #dc0000;
        }

.mainmeau {
    width: 200px;
    background-color: #e6e6e6;
    border-top: 2px solid #ffaa00;
    margin-top: 2px;
    left: 0;
}

.meau-t {
    height: 40px;
    line-height: 40px;
    color: #1a1a1a;
    cursor: pointer;
    background-color: #dbdbdb;
    font-size: 14px;
    text-indent: 55px;
    margin: 2px;
}

    .meau-t:hover {
        color: #fff;
    }

.close {
    background: url("img/close.png") no-repeat 0 16px;
}

.open {
    background: url("img/open.png") no-repeat 0 16px;
}

.mainmeau .meau {
    margin: 0 2px;
}

.mainmeau .last {
    padding-bottom: 20px;
}

.mainmeau > ul > li {
    margin: 2px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}

.mainmeau .meau > li {
    cursor: pointer;
    line-height: 30px;
    font-size: 14px;
    color: #4c4c4c;
    padding-left: 70px;
}

    .mainmeau .meau > li a {
        color: #4c4c4c;
    }

    .mainmeau .meau > li:hover {
        background-color: #fff;
    }

    .mainmeau .meau > li.pm-choobg {
        background-color: #fff;
    }

.maincon {
    width: 950px;
    left: 0;
    top: 0;
    font-size: 14px;
}

    .maincon .content {
        width: 100%;
        padding-bottom: 20px;
    }

    .maincon .content {
        margin: 10px 0;
    }

        .maincon .content > ul > li {
            margin: 0 10px 0 0;
            float: left;
            background-color: #dcdcdc;
        }

        .maincon .content .quickcon1 {
            width: 400px;
            height: 300px;
            border: 1px solid #b3b3b3;
        }

        .maincon .content .quickcon2 {
            width: 100%;
            min-height: 180px;
            margin-top: 10px;
            border: 1px solid #b3b3b3;
        }

.c-m-c {
    font-size: 14px;
}

    .c-m-c .t {
        height: 50px;
        margin-bottom: 10px;
        font-size: 16px;
        border-bottom: 1px solid #b3b3b3;
    }

        .c-m-c .t span {
            display: inline-block;
            float: left;
            line-height: 50px;
        }

        .c-m-c .t .more {
            font-size: 14px;
            float: right;
            color: #1a1a1a;
            cursor: pointer;
            padding-right: 15px;
            margin-top: 10px;
            margin-right: 10px;
            background: url("img/more.png") no-repeat right center;
        }

            .c-m-c .t .more:hover {
                color: #ffaa00;
                background: url("img/morey.png") no-repeat right center;
            }

.cmc-icon {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.p-icon1 {
    background: url("img/p-icon1.png") no-repeat center center #ffaa00;
}

.p-icon2 {
    background: url("img/p-icon2.png") no-repeat center center #ffaa00;
}

.p-icon3 {
    background: url("img/p-icon3.png") no-repeat center center #ffaa00;
}

.pt-icon1 {
    background: url("img/pt-icon1.png") no-repeat 20px center;
}

.pt-icon2 {
    background: url("img/pt-icon2.png") no-repeat 20px center;
}

.pt-icon3 {
    background: url("img/pt-icon3.png") no-repeat 20px center;
}

.pt-icon4 {
    background: url("img/pt-icon4.png") no-repeat 20px center;
}

.pt-icon5 {
    background: url("img/pt-icon5.png") no-repeat 20px center;
}

.pt-icon6 {
    background: url("img/pt-icon6.png") no-repeat 20px center;
}

.pt-icon1:hover {
    background: url("img/pt-icon11.png") no-repeat 20px center #ffaa00;
}

.pt-icon2:hover {
    background: url("img/pt-icon21.png") no-repeat 20px center #ffaa00;
}

.pt-icon3:hover {
    background: url("img/pt-icon31.png") no-repeat 20px center #ffaa00;
}

.pt-icon4:hover {
    background: url("img/pt-icon41.png") no-repeat 20px center #ffaa00;
}

.pt-icon5:hover {
    background: url("img/pt-icon51.png") no-repeat 20px center #ffaa00;
}

.pt-icon6:hover {
    background: url("img/pt-icon61.png") no-repeat 20px center #ffaa00;
}

.quickcon1 .c-m-c .text {
    line-height: 20px;
    width: 300px;
    font-size: 13px;
    letter-spacing: 1.5px;
    position: relative;
    margin: 8px auto;
    cursor: pointer;
}

.text a {
    color: #000;
}

.c-m-c .text span {
    display: inline-block;
    float: right;
}

.quickcon2 .c-m-c .text {
    line-height: 20px;
    width: 600px;
    font-size: 13px;
    letter-spacing: 1.5px;
    position: relative;
    margin: 8px auto;
    cursor: pointer;
}

.maincon div.ph {
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
    border-bottom: 1px solid #999;
}

    .maincon div.ph > * {
        vertical-align: middle;
    }

    .maincon div.ph select {
        line-height: 30px;
        width: 150px;
        margin-left: 10px;
        text-indent: 10px;
        border: 1px solid #999;
    }

    .maincon div.ph .title {
        padding-left: 10px;
        color: #0f0f0f;
        font-size: 16px;
    }

    .maincon div.ph .title-b {
        padding-left: 20px;
        color: #0f0f0f;
        font-size: 22px;
    }

    .maincon div.ph input, .maincon div.ph select {
        height: 25px;
        line-height: 25px;
        border: 1px solid #999;
        display: inline-block;
    }

    .maincon div.ph select {
        width: 200px;
        margin: 0 20px 0 10px;
    }

    .maincon div.ph input[type=text] {
        width: 120px;
        margin: 0 5px 0 0;
        text-indent: 10px;
        *zoom: 1;
    }

    .maincon div.ph input[type=button], .maincon div.ph input[type=submit] {
        width: 80px;
        margin: 0 5px;
        cursor: pointer;
        border: none;
        background-color: #ffaa00;
        color: #fff;
    }

    .maincon div.ph a {
        float: right;
        cursor: pointer;
        margin-right: 20px;
        color: #0f0f0f;
        font-size: 14px;
        *margin-top: -35px;
    }

.content .coc {
    overflow: auto;
    padding-bottom: 20px;
}

.coc > table {
    width: 100%;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
}

    .coc > table th {
        height: 30px;
        color: #0f0f0f;
        font-size: 14px;
        background-color: #d1d1d1;
        border-bottom: 1px solid #808080;
        border-right: 1px solid #808080;
    }

    .coc > table td {
        line-height: 30px;
        font-size: 14px;
        border-bottom: 1px solid #808080;
        border-right: 1px solid #808080;
        text-align: center;
    }

        .coc > table td.td-r {
            text-align: right;
            padding-right: 10px;
        }

        .coc > table td > input[type=text] {
            line-height: 20px;
            text-indent: 10px;
            color: #666;
            width: 100px;
            font-size: 14px;
            border: 1px solid #808080;
        }

.buy-up {
    text-align: right;
}

.buy-en {
    display: inline-block;
    width: 80px;
    height: 25px;
    line-height: 25px;
    margin-left: 10px;
    text-align: center;
    background-color: #ff7f00;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
}

    .buy-en:hover {
        background-color: #dc0000;
    }

.coc > table td a {
    cursor: pointer;
}

    .coc > table td a[href]:hover {
        color: #ffaa00;
    }

.coc > table th, .coc > table td {
    text-align: center;
    vertical-align: middle;
}

.coc > table .edit span {
    line-height: 30px;
    font-size: 12px;
    padding: 0 5px;
    cursor: pointer;
}

    .coc > table .edit span:hover {
        color: #ffaa00;
    }

.coc > div {
    width: 100%;
}

    .coc > div > textarea {
        width: 80%;
        height: 180px;
        resize: none;
        border: 1px solid #999;
        line-height: 20px;
        text-indent: 10px;
    }

.coc .smit {
    width: 90px;
    height: 30px;
    cursor: pointer;
    border-radius: 5px;
    line-height: 30px;
    background-color: #ffaa00;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}

.content .answer {
    margin-top: 20px;
}

    .content .answer > p {
        font-size: 14px;
        color: #0f0f0f;
        text-indent: 15px;
        line-height: 25px;
    }

        .content .answer > p > i {
            font-size: 12px;
            color: #999;
            padding-left: 40px;
        }

    .content .answer > div {
        width: 80%;
        min-height: 80px;
        border: 1px solid #999;
        position: relative;
        font-size: 14px;
        color: #0f0f0f;
        text-indent: 15px;
    }

        .content .answer > div > p {
            margin: 10px 10px 40px 10px;
            text-indent: 2em;
        }

        .content .answer > div > i {
            display: block;
            position: absolute;
            font-size: 12px;
            color: #999;
            right: 20px;
            bottom: 10px;
        }

.content .video {
    width: 100%;
    height: 500px;
    position: relative;
    margin: 10px auto;
    background-color: #000;
}

.content .myvideo {
    width: 700px;
    height: 500px;
    position: relative;
    margin: 10px auto;
    background-color: #666;
    *margin: 0 auto;
}

.eva_headline {
    height: 50px;
    font-size: 24px;
    line-height: 50px;
    text-indent: 20px;
    border-bottom: 1px dotted #666;
}

.info {
    width: 90%;
    position: relative;
    margin: 10px auto;
}

    .info li {
        vertical-align: middle;
        font-size: 14px;
        width: 50%;
        margin-top: 8px;
        float: left;
    }

    .info .clul li {
        clear: both;
        width: 100%;
    }

    .info li.li-ar {
        vertical-align: middle;
        font-size: 14px;
        width: 100%;
        margin-top: 10px;
        float: left;
    }

        .info li.li-ar p {
            width: 650px;
        }

    .info li > * {
        float: left;
        vertical-align: middle;
        line-height: 30px;
    }

    .info li font, .info li input[type=checkbox] {
        margin-left: 10px;
    }

    .info li span {
        display: inline-block;
        text-align: right;
        padding: 0 10px;
        height: 30px;
        width: 100px;
        line-height: 30px;
        font-size: 14px;
    }

        .info li span.li-mr {
            text-align: left;
            padding: 0;
            height: 30px;
            width: 200px;
            line-height: 30px;
            font-size: 14px;
        }

    .info input[type=text]:focus, .info textarea:focus {
        border: 1px solid #ffaa00;
    }

    .info li input[type=text], .info li select {
        width: 200px;
        height: 28px;
        line-height: 28px;
        text-indent: 10px;
        border: 1px solid #666;
    }

    .info li select {
        margin-right: 10px;
    }

    .info li textarea {
        height: 80px;
        width: 50%;
        border: 1px solid #666;
    }

    .info .min-in {
        width: 100px;
    }

    .info .mid-in {
        width: 100px;
    }

    .info .areatit {
        vertical-align: top;
    }

    .info table {
        width: 100%;
        border: 1px solid #999;
        border-collapse: collapse;
    }

        .info table td {
            position: relative;
            border: 1px solid #999;
            font-size: 14px;
            line-height: 35px;
            text-align: left;
            padding-left: 5px;
        }

            .info table td.tl {
                text-align: right;
            }

            .info table td * {
                vertical-align: middle;
            }

            .info table td p, .info table td h5 {
                margin: 0 25px;
            }

            .info table td input, .info table td select, .info table td textarea {
                margin: 0 10px;
                line-height: 25px;
                height: 25px;
                text-indent: 5px;
                border: 1px solid #999;
            }

        .info table.com-tb {
            width: 80%;
            margin: 0 auto;
        }

            .info table.com-tb, .info table.com-tb td {
                border: none;
            }

                .info table.com-tb td.txtr {
                    text-align: right;
                }

.signup {
    display: inline-block;
    text-align: left;
    margin: 10px 0;
    font-size: 12px;
    font-weight: bold;
}

    .signup input {
        width: 150px;
        height: 38px;
        font-size: 12px;
        font-weight: normal;
        background-color: #ffaa00;
        color: #fff;
        cursor: pointer;
        margin-right: 20px;
        margin-top: 20px;
    }

.chose_l, .chose_r {
    float: left;
    width: 150px;
    border-top: 1px solid #ccc;
}

.chose_r {
    overflow: auto;
    padding-bottom: 10px;
    min-height: 150px;
    max-height: 400px;
    border-left: 1px solid #ccc;
}

.chose_l {
    max-height: 400px;
    overflow: auto;
}

    .chose_l > div, .chose_r > div {
        text-indent: 5px;
        font-weight: bold;
    }

    .chose_l > ul, .chose_r > ul {
        margin-left: 10px;
    }

    .chose_l li, .chose_r li {
        width: 100%;
        line-height: 25px;
        cursor: pointer;
    }

        .chose_l li:hover, .chose_r li:hover {
            color: #ffaa00;
        }

.fix_box > a {
    padding: 0 3px;
    display: inline-block;
}

    .fix_box > a > font {
        font-size: 12px;
        line-height: 20px;
        height: 20px;
        display: inline-block;
        padding: 0 3px;
        border-radius: 4px;
        background-color: #e6e6e6;
        cursor: pointer;
    }

        .fix_box > a > font:hover {
            background-color: #dc0000;
        }

.info table td .fix_okbox > input {
    display: inline-block;
    margin-left: 3px;
    text-indent: 0;
    padding: 0 5px;
    border: none;
    cursor: pointer;
    background-color: #ffaa00;
    color: #fff;
}

.fix_okbox {
    margin-bottom: 5px;
}

    .fix_okbox > input {
        text-indent: 0;
        padding: 0 5px;
        border: none;
        cursor: pointer;
        background-color: #ffaa00;
        color: #fff;
    }

.clearfix {
    background-color: #fff;
    padding: 10px 10px 0 10px;
    width: 301px;
    border: 2px solid #ffaa00;
}

.select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    line-height: 30px;
    left: 10px;
    width: 150px;
}

.common {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 100;
    line-height: 30px;
    left: 10px;
    width: 150px;
}

.common_w, .common_v {
    top: 0;
    z-index: 100;
}

.common_area {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    line-height: 30px;
    left: 10px;
    width: 100px;
}

    .common_area > .area {
        max-height: 400px;
        overflow: auto;
        background-color: #fff;
        border: 2px solid #ffaa00;
        width: 350px;
    }

        .common_area > .area > .tab > li {
            float: left;
            width: 50%;
            text-indent: 10px;
            line-height: 30px;
            background-color: #e6e6e6;
            font-weight: bold;
            *text-indent: 0;
            *width: 45%;
            *padding-left: 3%;
        }

            .common_area > .area > .tab > li > em {
                display: inline-block;
                cursor: pointer;
            }

        .common_area > .area > .city, .common_area > .area > .province {
            text-indent: 10px;
            line-height: 25px;
        }

            .common_area > .area > .city li > a:hover, .common_area > .area > .province li > a:hover {
                color: #ffaa00;
            }

.s-c .fix_okbox > input {
    width: auto;
    text-indent: 0;
    padding: 0 10px;
    color: #fff;
}

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

.m-page {
    position: relative;
    text-align: left;
    font-size: 12px;
    margin-top: 7px;
}

    .m-page b {
        color: #1a1a1a;
        font-weight: bold;
    }

    .m-page a {
        color: #1a1a1a;
    }

.add {
    width: 600px;
    position: relative;
    padding-top: 20px;
    background-color: #fff;
}

    .add li {
        position: relative;
        float: left;
        width: 150px;
        line-height: 42px;
        min-height: 42px;
        text-align: right;
    }

    .add #IMG_list li {
        width: 100%;
        text-align: left;
        font-size: 12px;
    }

    .add li.addtext {
        width: 400px;
    }

        .add li.addtext .tr-wr {
            display: inline-block;
            width: 100%;
            text-align: left;
        }

        .add li.addtext textarea {
            width: 90%;
            height: 100px;
            border: 1px solid #999;
            margin-right: 10px;
        }

    .add li.addimg {
        line-height: 30px;
        text-align: left;
    }

        .add li.addimg img {
            width: 100px;
            height: 100px;
        }

    .add .but {
        line-height: 30px;
        height: 30px;
        position: relative;
        margin: 20px auto;
        text-align: center;
    }

        .add .but input {
            display: inline-block;
            padding: 0 15px;
            margin: 0 5px;
            height: 30px;
            line-height: 30px;
            background-color: #ffaa00;
            color: #fff;
            cursor: pointer;
        }

    .add .butt {
        width: 90px;
        display: block;
        line-height: 30px;
        height: 30px;
        background-color: #ffaa00;
        color: #fff;
        cursor: pointer;
        position: relative;
        text-align: center;
    }

.but-w {
}

    .but-w input {
        width: 200px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background-color: #ffaa00;
        margin: 10px 0;
        cursor: pointer;
    }

.add li.addtext label, .add li.addtext span {
    margin-left: 15px;
}

.add li.addtext label {
    margin-right: 5px;
    margin-left: 0;
}

.add li.addtext > input[type=text], .add li.addtext > input[type=password] {
    width: 90%;
    height: 32px;
    line-height: normal;
    line-height: 32px\9;
    background: #fff;
    border: 1px solid #b6b6b6;
    margin-right: 10px;
    vertical-align: middle;
    *text-indent: 0;
}

.add li.addtext > input[type=submit] {
    display: inline-block;
    height: 30px;
    width: 90%;
    margin-right: 10px;
    color: #fff;
    background-color: #ffaa00;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
}

.add li.addtext > input[type=button] {
    display: inline-block;
    height: 30px;
    width: 90%;
    color: #fff;
    background-color: #ffaa00;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
}

    .add li.addtext > input[type=button]:hover {
        background-color: #ff7f00;
    }

.uploctl {
    width: 120px;
    line-height: 20px;
    text-align: left;
    margin: 10px 0 0 0;
}

.uploctl-n {
    display: inline-block;
    position: relative;
    width: 150px;
    line-height: 20px;
    text-align: left;
    *display: inline;
    *zoom: 1;
}

p.addtext {
    margin: 20px 0 0 160px;
}

    p.addtext input[type=button] {
        display: inline-block;
        width: 150px;
        height: 30px;
        color: #fff;
        background-color: #ffaa00;
        cursor: pointer;
        text-align: center;
    }

    p.addtext span {
        font-size: 12px;
        line-height: 30px;
        margin-left: 10px;
    }

.attes {
    width: 750px;
    margin-left: 20px;
}

.attes-load {
    width: 700px;
    margin: 0 0 0 100px;
    height: 15px;
}

    .attes-load li {
        width: 185px;
        height: 15px;
        float: left;
    }

        .attes-load li.la-at {
            width: 15px;
        }

.at-bg1 {
    background: url("img/attes-a.png") no-repeat left center;
}

.at-bg2 {
    background: url("img/attes-b.png") no-repeat left center;
}

.attes-lo {
    margin-left: 70px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
}

    .attes-lo a {
        display: inline-block;
        width: 80px;
        text-align: center;
        padding-right: 100px;
        vertical-align: top;
    }

        .attes-lo a.la {
            padding-right: 0;
        }

        .attes-lo a.abg1 {
            color: #1a1a1a;
        }

        .attes-lo a.abg2 {
            color: #ffaa00;
        }

.attes-wrap {
    margin: 30px auto 10px;
    width: 700px;
}

.attes-agree {
    width: 698px;
    height: 400px;
    border: 1px solid #ccc;
    overflow: auto;
}

    .attes-agree p {
        font-size: 14px;
        width: 650px;
        margin: 0 auto;
        line-height: 25px;
    }

    .attes-agree .p1 {
        font-size: 16px;
        text-align: center;
        line-height: 50px;
    }

    .attes-agree .p2 {
        text-align: left;
    }

    .attes-agree .p3 {
        text-indent: 1.5em;
    }

.next-d {
    text-align: center;
}

.next-p {
    margin: 5px auto;
    width: 200px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    color: #fff;
    background-color: #ffaa00;
    font-size: 14px;
}

.attes-add .addtext {
    text-align: left;
    margin-left: 10px;
    margin-right: 0;
    *margin-left: 0;
}

.attes-add li {
    line-height: 30px;
    margin-top: 10px;
    min-height: 30px;
}

    .attes-add li.addtext > input[type=submit] {
        width: 150px;
        margin-right: 40px;
        line-height: 40px;
        height: 40px;
    }

    .attes-add li.addtext input[type=text]:focus, .attes-add li.addtext textarea:focus {
        border-color: #ffaa00;
    }

.attes-add > p {
    margin: 20px 0;
}

.attes > p.in {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.attes > div.m-in {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}

.attes > p.in > a {
    margin-left: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    color: #fff;
    background-color: #ffaa00;
}

.attes-add font {
    vertical-align: middle;
    line-height: 30px;
    height: 30px;
    display: inline-block;
}

.attes-add div font {
    line-height: 55px;
}

.attes .line {
    width: 100%;
    height: 1px;
    background-color: #ffaa00;
    margin: 20px auto;
}

.attes-add .addimg {
    line-height: 30px;
}

.attes-add li.addtext span.load-a {
    display: inline-block;
    height: 30px;
    cursor: pointer;
    margin-left: 0;
    margin-right: 10px;
    line-height: 30px;
    padding: 0 20px;
    text-align: center;
    background-color: #999;
    color: #fff;
}

.attes-add li.addtext span.fi {
    margin-top: 0;
}

.attes-add li.addtext span.load-a:hover {
    background-color: #ffaa00;
}

.attes-add li.addtext img {
    margin-left: 0;
    margin: 0;
}

.attes-add li.addtext .cb img {
    margin-top: 10px;
}

.app-add {
    width: 990px;
}

    .app-add li {
        width: 100px;
        line-height: 25px;
    }

        .app-add li.t {
            line-height: 30px;
            width: 120px;
            font-size: 20px;
        }

        .app-add li.addtext {
            width: 890px;
            text-align: left;
        }

        .app-add li.tit {
            width: 870px;
            font-size: 20px;
            line-height: 30px;
        }

.addtext em {
    display: inline-block;
    margin-right: 10px;
}

li.addtext .img-w span {
    display: block;
    position: relative;
    float: left;
    width: 100px;
    height: 100px;
}

li.addtext .img-w img {
    width: 100px;
    height: 100px;
}

li.addtext .img-w p {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    z-index: 10;
}

li.addtext .img-w a {
    display: none;
    z-index: 15;
    cursor: pointer;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 5px;
    right: 2px;
    background: url("img/bg-close.png") no-repeat center center;
}

.attes-add li.addtext span {
    margin-left: 0;
    margin-top: 10px;
    margin-right: 10px;
}

.attes-add select {
    display: inline-block;
    width: 200px;
    margin-right: 10px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #999;
}

.maincon .paa, .maincon .pbb, .maincon .pin, .maincon .pte {
    line-height: 30px;
    margin: 10px 0 0 10px;
}

.maincon .paa {
    line-height: 30px;
    font-size: 16px;
}

    .maincon .paa a {
        cursor: pointer;
        display: inline-block;
        height: 25px;
        font-size: 14px;
        line-height: 25px;
        background-color: #ffaa00;
        color: #fff;
        margin-left: 20px;
        padding: 0 15px;
    }

.maincon .pin input {
    font-size: 14px;
    width: 200px;
    line-height: 25px;
    height: 25px;
    border: 1px solid #999;
}

.maincon .pin i, .maincon .pte i, .maincon .paa i {
    display: inline-block;
    width: 100px;
    text-align: right;
    font-size: 14px;
    margin: 0 3px;
}

.maincon .pte .t {
    vertical-align: top;
}

.maincon .pte textarea {
    height: 70px;
    width: 500px;
    border: 1px solid #999;
}

.maincon .sup {
    margin: 10px 0 0 115px;
}

    .maincon .sup input {
        height: 25px;
        line-height: 25px;
        color: #fff;
        padding: 0 10px;
        cursor: pointer;
        background-color: #ffaa00;
    }

.maincon .pin b {
    font-size: 14px;
    margin: 0 3px;
    color: #4c4c4c;
}

.maincon .content .quickcon2 table, .maincon .content .quickcon2 table th {
    border: none;
}

    .maincon .content .quickcon2 table td {
        border-top: 1px solid #b3b3b3;
        border-right: none;
        border-bottom: none;
    }

.n-nav-head {
    width: 100%;
    border-bottom: 2px solid #ffaa00;
}

    .n-nav-head .n-nav {
        width: 990px;
        height: 40px;
        margin: 0 auto;
        background-color: #e6e6e6;
    }

.n-nav-ul {
    width: 990px;
    height: 40px;
    margin: 0 auto;
    left: 0;
    top: 0;
}

.n-nav li {
    float: left;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer;
}

    .n-nav li > a {
        display: inline-block;
        border-right: 1px solid #dbdbdb;
        padding: 0 20px;
        text-align: center;
        float: left;
    }

        .n-nav li > a.last {
            border-right: none;
        }

        .n-nav li > a.pl {
            padding: 0 30px;
        }

        .n-nav li > a:hover {
            background-color: #ffaa00;
            color: #fff;
        }

.n-banner-head {
    width: 990px;
    height: 200px;
    margin: 0 auto 20px;
    overflow: hidden;
}

.n-banner-img {
    width: 10000px;
    height: 200px;
    top: 0;
    left: 0;
}

    .n-banner-img li {
        float: left;
    }

    .n-banner-img img {
        width: 990px;
        height: 200px;
    }

.n-con1 {
    width: 990px;
    height: 495px;
}

    .n-con1 > ul > li {
        float: left;
    }

    .n-con1 .ntop {
        width: 318px;
        height: 490px;
        border-top: 2px solid #ff7f00;
    }

    .n-con1 .sq {
        width: 20px;
        height: 425px;
    }

    .n-con1 .nnew {
        width: 650px;
        height: 490px;
    }

.ntop .h {
    height: 30px;
    background-color: #dbdbdb;
}

    .ntop .h span {
        display: inline-block;
    }

    .ntop .h .s3 {
        height: 70px;
        height: 30px;
        padding-top: 30px;
        line-height: 30px;
        font-size: 12px;
        color: #808080;
    }

.ntop .c {
    height: 160px;
    padding: 10px 0 0;
    background-color: #dbdbdb;
}

    .ntop .c p {
        width: 290px;
        margin: 0 auto;
        text-align: justify;
        word-break: normal;
        text-indent: 1.5em;
        font-size: 14px;
        color: #4c4c4c;
        line-height: 22px;
    }

    .ntop .c h4 {
        color: #000;
        line-height: 32px;
        font-size: 15px;
        text-align: center;
    }

.ntop .f {
    height: 235px;
    margin: 10px auto 0;
    border-top: 2px solid #ff7f00;
}

    .ntop .f p {
        color: #fff;
        font-size: 14px;
    }

    .ntop .f .p1 {
        font-size: 16px;
        line-height: 25px;
        margin-top: 2px;
        color: #ff7f00;
    }

    .ntop .f ul {
        margin: 10px 0 0 25px;
    }

    .ntop .f li {
        line-height: 30px;
        font-size: 14px;
        list-style: circle;
    }

.ntop .h .s1 {
    width: 106px;
    height: 30px;
    background: url("img/recomr.png") no-repeat 0 -2px;
}

.ntop .h .ns2 {
    display: inline-block;
    padding: 0 10px;
    background-color: #eb3744;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
}

.ntop .h .s3 {
    height: 70px;
    height: 30px;
    padding-top: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #808080;
}

.nnew .t {
    height: 100px;
    border-bottom: 1px dashed #ccc;
    font-size: 15px;
}

    .nnew .t h4 {
        line-height: 50px;
        font-size: 18px;
        text-indent: 15px;
        letter-spacing: 1px;
        border-top: 2px solid #ffaa00;
    }

        .nnew .t h4 a {
            color: #000;
            vertical-align: middle;
        }

    .nnew .t .p1 {
        text-indent: 15px;
        line-height: 20px;
        color: #1a1a1a;
    }

.qua {
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
    background-color: #dc0000;
    height: 14px;
    padding: 1px 2px;
    line-height: 14px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    margin-left: 7px;
    text-indent: 0;
}

.quam {
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
    background-color: #dc0000;
    height: 14px;
    padding: 1px 2px;
    line-height: 14px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    margin-left: 7px;
    text-indent: 0;
}

.sview {
    position: absolute;
    right: 10px;
    bottom: 10px;
    line-height: 20px;
    color: #666666;
    font-size: 12px;
}

    .sview img {
        float: left;
        margin-right: 5px;
        cursor: pointer;
        width: 20px;
        height: 20px;
    }

.nnew li {
    position: relative;
    margin-top: 5px;
    height: 104px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
    font-size: 14px;
}

    .nnew li > .nnew-d > img {
        float: left;
        padding-right: 10px;
        width: 100px;
        height: 100px;
    }

    .nnew li > .nnew-d {
        height: 100px;
        padding: 10px;
    }

        .nnew li > .nnew-d:hover {
            background-color: #dbdbdb;
        }

        .nnew li > .nnew-d p {
            line-height: 20px;
            color: #1a1a1a;
        }

    .nnew li h4 {
        font-size: 16px;
        word-spacing: 1px;
        letter-spacing: 1px;
        line-height: 30px;
    }

        .nnew li h4 a {
            vertical-align: middle;
        }

.ncon3 {
    width: 650px;
    margin-top: 20px;
}

.ncon4 {
    width: 320px;
    margin-top: 20px;
}

.ncon31 {
    height: 677px;
    border-top: 2px solid #ccc;
}

.ncon32 {
    height: 677px;
    border-top: 2px solid #ccc;
    margin-top: 20px;
}

.ncon33 {
    height: 677px;
    border-top: 2px solid #ccc;
    margin-top: 20px;
    margin-bottom: 30px;
}

.ncon34 {
    min-height: 1360px;
}

.c-div {
    height: 40px;
}

    .c-div li {
        float: left;
        height: 40px;
        line-height: 40px;
        padding: 0 30px;
        text-align: center;
        font-size: 14px;
        background-color: #e6e6e6;
        cursor: pointer;
    }

        .c-div li:hover {
            color: #ff7f00;
            border-bottom: 2px solid #ff7f00;
        }

.cdlibg1 {
    border-bottom: 2px solid #666;
}

.cdlibg2 {
    color: #ff7f00;
    border-bottom: 2px solid #ff7f00;
}

.ncon34 .c-div li {
    border-bottom: 2px solid #ffaa00;
    background: url("img/bbs-list-t.png") no-repeat 15px center #e6e6e6;
}

.ncon34 .ct-ul .ct {
    position: relative;
    height: 200px;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}

    .ncon34 .ct-ul .ct .line {
        position: absolute;
        width: 100%;
        border-top: 3px solid #ffaa00;
        z-index: -1;
    }

    .ncon34 .ct-ul .ct > img {
        float: left;
        margin-right: 10px;
        width: 262px;
        height: 164px;
    }

    .ncon34 .ct-ul .ct h4 {
        font-weight: normal;
        font-size: 22px;
        letter-spacing: 1px;
        line-height: 30px;
        min-height: 35px;
        text-indent: 1em;
        padding: 10px 10px 10px 0;
        border-bottom: 1px solid #ccc;
    }

        .ncon34 .ct-ul .ct h4 a[href]:hover {
            text-decoration: underline;
        }

    .ncon34 .ct-ul .ct > p {
        font-size: 14px;
        line-height: 21px;
        margin-left: 272px;
        padding: 7px 20px 0 0;
        color: #1a1a1a;
        text-indent: 1.5em;
    }

    .ncon34 .ct-ul .ct > a {
        display: block;
        line-height: 20px;
        position: absolute;
        color: #999;
        font-size: 12px;
        right: 30px;
        bottom: 20px;
    }

        .ncon34 .ct-ul .ct > a:hover {
            color: #ffaa00;
        }

.cl {
    height: 122px;
    padding: 5px 0 10px 0px;
    border-bottom: 1px dashed #ccc;
    *padding-top: 1px;
}

    .cl > .nnew-d {
        height: 100px;
        padding: 14px 10px;
        font-size: 14px;
    }

        .cl > .nnew-d h4 {
            font-size: 16px;
            word-spacing: 1px;
            letter-spacing: 1px;
            line-height: 30px;
        }

        .cl > .nnew-d p {
            line-height: 21px;
            color: #1a1a1a;
        }

        .cl > .nnew-d h4 a {
            vertical-align: middle;
        }

        .cl > .nnew-d:hover {
            background-color: #e6e6e6;
        }

        .cl > .nnew-d > img {
            float: left;
            padding-right: 10px;
            width: 100px;
            height: 100px;
        }

.ncon34 .cl > .nnew-d .p1 {
    color: #1a1a1a;
    font-size: 14px;
    line-height: 21px;
    margin-right: 75px;
    margin-top: 5px;
}

.ncon34 .cl > .nnew-d .qua {
    position: absolute;
    right: 20px;
    top: 22px;
    text-indent: 2px;
}

.ncon34 .cl > .nnew-d .sview {
    position: absolute;
    top: 60px;
    right: 29px;
    cursor: pointer;
}

    .ncon34 .cl > .nnew-d .sview img {
        width: 20px;
        height: 20px;
        padding-right: 5px;
        margin-right: 0;
        cursor: pointer;
    }

.ncon34 .ct-ul .ct > img {
    float: left;
}

.ncon34 .ct-ul li {
    position: relative;
}

.ncon34 .ct-ul .ct h4 a {
    color: #000;
}

.ncon34 .ct-ul h4 a {
    color: #000;
}

.ct-ul {
    top: 0;
    left: 0;
    width: 650px;
    overflow: hidden;
}

    .ct-ul .ct {
        line-height: 50px;
        font-size: 24px;
        font-weight: normal;
        margin-bottom: 10px;
        margin-bottom: 0;
    }

    .ct-ul li {
        position: relative;
    }

    .ct-ul .ct h4 {
        font-weight: normal;
        font-size: 22px;
        line-height: 50px;
        position: relative;
    }

        .ct-ul .ct h4 a {
            color: #000;
        }

    .ct-ul h4 a {
        color: #000;
    }

    .ct-ul .ct span {
        display: inline-block;
        font-size: 12px;
        color: #666;
        line-height: 20px;
        display: inline-block;
        position: absolute;
        top: 15px;
        right: 20px;
    }

        .ct-ul .ct span img {
            float: left;
            cursor: pointer;
            padding-right: 5px;
        }

.cimg {
    padding-bottom: 10px;
    width: 660px;
    height: 174px;
    border-bottom: 1px dashed #ccc;
}

    .cimg img {
        float: left;
        width: 208px;
        height: 174px;
        padding-right: 10px;
    }

.ncon4 ul {
    font-size: 14px;
    color: #ffaa00;
}

.ncon4 .u li {
    list-style-type: disc;
}

.ncon4 ul li a {
    color: #1a1a1a;
    cursor: pointer;
}

.ncon41, .ncon42, .ncon43, .ncon44, .ncon45, .ncon46 {
    background-color: #f0f0f0;
}

.ncon41 {
    height: 370px;
    border-top: 2px solid #ff7f00;
    margin-bottom: 20px;
}

    .ncon41 .p1 {
        font-size: 18px;
        line-height: 40px;
        color: #1a1a1a;
        margin-left: 10px;
    }

    .ncon41 > div {
        width: 310px;
        height: 165px;
        position: relative;
        margin: 10px auto 0;
    }

        .ncon41 > div > img {
            float: left;
            width: 100px;
            height: 100px;
            margin-top: 5px;
            padding-left: 5px;
            padding-right: 10px;
            padding-bottom: 5px;
        }

    .ncon41 div h4 {
        margin: 0 5px 0 10px;
        text-align: left;
        text-indent: 1.5em;
        font-size: 16px;
        line-height: 25px;
    }

        .ncon41 div h4 a {
            color: #000;
        }

    .ncon41 div p {
        margin: 5px 5px 0 10px;
        word-break: normal;
        word-wrap: normal;
        text-indent: 1.5em;
        font-size: 14px;
        line-height: 20px;
    }

        .ncon41 div p a {
            color: #ff7f00;
            font-size: 12px;
            margin-left: 10px;
            cursor: pointer;
        }

.ve {
    line-height: 20px;
    font-size: 12px;
    color: #666;
    float: right;
    margin-right: 10px;
}

    .ve img {
        float: left;
        cursor: pointer;
        padding-right: 5px;
        width: 20px;
        height: 20px;
    }

.ncon41 .u {
    margin: 30px 0 0 30px;
    color: #ff7f00;
}

    .ncon41 .u li {
        height: 25px;
        line-height: 25px;
        font-size: 14px;
    }

.ncon42 {
    height: 370px;
    border-top: 2px solid #666;
    margin-top: 10px;
}

    .ncon42 .p1 {
        font-size: 20px;
        line-height: 40px;
        color: #1a1a1a;
        margin-left: 10px;
    }

    .ncon42 div {
        width: 300px;
        height: 165px;
        position: relative;
        margin: 0 auto;
        cursor: pointer;
    }

    .ncon42 .u {
        margin: 35px 0 0 50px;
    }

        .ncon42 .u li {
            height: 25px;
            line-height: 25px;
            font-size: 14px;
        }

.ncon43 {
    height: 220px;
    border-top: 2px solid #666;
    margin-top: 10px;
}

    .ncon43 .p1 {
        font-size: 20px;
        line-height: 40px;
        color: #1a1a1a;
        margin-left: 10px;
    }

    .ncon43 .slpic43 {
        width: 300px;
        height: 170px;
        margin: 0 auto;
    }

        .ncon43 .slpic43 .n-slpic43 {
            width: 300px;
            height: 140px;
            position: relative;
            overflow: hidden;
            margin: 0 auto;
        }

            .ncon43 .slpic43 .n-slpic43 ul {
                width: 10000px;
                position: absolute;
                top: 0;
                left: 0;
            }

                .ncon43 .slpic43 .n-slpic43 ul li {
                    float: left;
                }

.ncon44 {
    height: 317px;
    border-top: 2px solid #ff7f00;
    margin-bottom: 20px;
}

    .ncon44 .p1 {
        font-size: 16px;
        line-height: 40px;
        color: #1a1a1a;
        margin-left: 10px;
    }

    .ncon44 ul {
        margin: 0 0 0 30px;
        color: #ff7f00;
    }

    .ncon44 li {
        font-size: 14px;
        line-height: 25px;
    }

.ncon45 {
    height: 370px;
    border-top: 2px solid #ff7f00;
    margin-top: 10px;
}

    .ncon45 .p1 {
        font-size: 16px;
        line-height: 40px;
        color: #1a1a1a;
        margin-left: 10px;
    }

    .ncon45 .slpic45 {
        width: 300px;
        height: 315px;
        margin: 0 auto;
        overflow: hidden;
    }

        .ncon45 .slpic45 ul {
            position: absolute;
            width: 10000px;
            top: 0;
            left: 0;
        }

        .ncon45 .slpic45 .n-slpic45 ul {
            width: 10000px;
            position: absolute;
            top: 0;
            left: 0;
        }

            .ncon45 .slpic45 .n-slpic45 ul li {
                float: left;
            }

        .ncon45 .slpic45 ul li img {
            width: 300px;
            height: 315px;
        }

.ncon46 {
    height: 320px;
    border-top: 2px solid #666;
    margin-top: 10px;
}

    .ncon46 .p1 {
        font-size: 20px;
        line-height: 40px;
        color: #1a1a1a;
        margin-left: 10px;
    }

    .ncon46 ul {
        margin: 0 0 0 40px;
    }

    .ncon46 li {
        font-size: 14px;
        line-height: 25px;
    }

.reg-main {
    width: 990px;
    margin: 10px auto;
    z-index: 1000;
    min-height: 500px;
}

.r-main {
    width: 800px;
    margin: 10px auto;
    z-index: 100;
}

.reg-type {
    width: 420px;
    height: 75px;
    margin: 0 auto;
    top: -87px;
    left: 268px;
}

    .reg-type ul {
        width: 420px;
        margin: 0 auto;
    }

    .reg-type li {
        float: left;
        width: 140px;
        height: 75px;
        line-height: 75px;
        text-align: center;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
    }

    .reg-type > p {
        width: 150px;
        height: 35px;
        line-height: 35px;
        margin: 0 auto;
        color: #fff;
        font-size: 14px;
        text-align: center;
    }

.br {
}

.r-con {
    top: 0;
    left: 0;
    padding-bottom: 30px;
}

    .r-con ul > li {
        float: left;
        line-height: 30px;
        margin-top: 10px;
        font-size: 14px;
        position: relative;
    }

li.reg-t {
    width: 35%;
    text-align: right;
}

li.reg-text, li.reg-code {
    width: 64%;
    text-align: left;
}

    li.reg-text input[type=text], li.reg-text input[type=password] {
        width: 50%;
        height: 28px;
        line-height: normal;
        line-height: 28px\9;
        vertical-align: middle;
        text-indent: 20px;
        color: #000;
        border: 1px solid #999;
        *margin-left: -20px;
    }

    li.reg-text textarea {
        width: 50%;
        height: 100px;
        line-height: 30px;
        margin-top: 5px;
        text-indent: 20px;
        color: #000;
        border: 1px solid #999;
        *margin-left: -20px;
    }

        li.reg-text input:focus, li.reg-text textarea:focus {
            border: 1px solid #ffaa00;
        }

    li.reg-text label {
        font-size: 12px;
        padding-left: 10px;
        line-height: 30px;
        display: inline-block;
    }

        li.reg-text label > * {
            display: inline-block;
            vertical-align: middle;
        }

        li.reg-text label > input {
            margin-right: 2px;
        }

    li.reg-text select {
        border: 1px solid #999;
        height: 20px;
        line-height: 20px;
    }

    li.reg-text img {
        width: 100px;
        height: 100px;
    }

.reg-main .smit {
    text-align: left;
    padding-top: 20px;
}

    .reg-main .smit input {
        display: inline-block;
        width: 50%;
        height: 30px;
        line-height: 30px;
        color: #fff;
        background-color: #ffaa00;
        cursor: pointer;
        font-size: 15px;
    }

        .reg-main .smit input:hover {
            background-color: #ff7f00;
        }

.reg-type li.bg1 {
    background-color: #ffaa00;
}

.reg-type li.bg2 {
    background-color: transparent;
    color: #ff7f00;
}

    .reg-type li.bg2:hover {
        background-color: #ffaa00;
        color: #fff;
    }

.r-cop {
    height: 38px;
}

.rec-con {
    z-index: 100;
}

.r-cop span {
    float: left;
}

.r-cop .sp {
    display: inline-block;
    width: 90px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 2px solid #cf5b00;
}

.r-cop .sq {
    width: 810px;
    height: 38px;
    border-top: 2px solid #dbdbdb;
}

.r-cop .sqq {
    width: 802px;
}

.r-cop .sp:hover {
    background-color: #ffaa00;
    color: #fff;
    width: 90px;
    border-top: 2px solid #cf5b00;
}

.r-copbg1 {
    background-color: #e6e6e6;
    color: #1a1a1a;
    border-top: 2px solid #e6e6e6;
}

.r-copbg2 {
    background-color: #ffaa00;
    color: #fff;
    border-top: 2px solid #cf5b00;
}

.r-swrap {
    height: 80px;
    border: 1px solid #c2c2c2;
    margin: 20px auto 0;
    z-index: 2;
}

.r-seach {
    height: 32px;
    margin: 24px 0 0 20px;
    color: #4c4c4c;
    width: 970px;
    top: 0;
    left: 0;
}

    .r-seach > form > ul > li, .r-seach > ul > li {
        float: left;
        margin-right: 10px;
        font-size: 14px;
        color: #1a1a1a;
        position: relative;
    }

    .r-seach .opt1 {
        width: 260px;
        height: 30px;
        border: 1px solid #c2c2c2;
    }

    .r-seach .opt2 {
        width: 118px;
        height: 30px;
        border: 1px solid #c2c2c2;
    }

    .r-seach .opt3 {
        width: 180px;
        height: 30px;
        border: 1px solid #c2c2c2;
    }

    .r-seach .opt4 {
        width: 118px;
        height: 30px;
        border: 1px solid #c2c2c2;
    }

    .r-seach .opt5 {
        width: 310px;
        height: 30px;
        border: 1px solid #c2c2c2;
    }

    .r-seach .r-s1 {
        display: block;
        width: 90px;
        height: 32px;
        cursor: pointer;
    }

    .r-seach .more {
        float: right;
        margin-right: 15px;
        line-height: 32px;
        font-size: 12px;
        padding-right: 10px;
        background: url("img/mored.png") no-repeat right center;
    }

    .r-seach .opt1 {
        background: url("img/opt-d.png") no-repeat 245px center;
    }

    .r-seach .opt44 {
        width: 118px;
        height: 30px;
        border: 1px solid #c2c2c2;
    }

    .r-seach .opt2, .r-seach .opt4 {
        background: url("img/opt-d.png") no-repeat 103px center;
    }

    .r-seach .opt3 {
        background: url("img/opt-d.png") no-repeat 165px center;
    }

    .r-seach .opt5 {
    }

    .r-seach .r-s1 {
        background: url("img/r-sec.png") no-repeat center center #b3b3b3;
    }

    .r-seach .r-sbg1 {
        background-color: #b3b3b3;
    }

    .r-seach .r-sbg2 {
        background-color: #ffaa00;
    }

        .r-seach .r-sbg2:hover {
            background-color: #ff7f00;
        }

.s-c {
    color: #1a1a1a;
}

    .s-c p {
        margin-left: 10px;
        line-height: 30px;
    }

    .s-c input, .s-c span {
        display: inline-block;
        color: #1a1a1a;
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-indent: 10px;
    }

    .s-c input {
        height: 30px;
        line-height: 30px;
        margin-top: 0;
        text-indent: 10px;
        *margin-top: 0;
        *width: 80%;
        *height: 24px;
        line-height: 24px;
    }

    .s-c .s-opt {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        border: 1px solid #c2c2c2;
        display: none;
        max-height: 300px;
        overflow: auto;
    }

        .s-c .s-opt li {
            text-align: left;
            text-indent: 10px;
            line-height: 30px;
            cursor: pointer;
        }

            .s-c .s-opt li:hover {
                background-color: #ffaa00;
            }

.r-hot {
    margin-top: 20px;
    border-top: 2px solid #DBDBDB;
}

    .r-hot .hot-t {
        height: 40px;
        width: 210px;
        text-align: center;
        border-bottom: 2px solid #666;
        font-size: 16px;
        color: #666;
        background-color: #e6e6e6;
    }

        .r-hot .hot-t span {
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #000;
            cursor: pointer;
        }

    .r-hot .hot-j {
        height: 80px;
        padding-left: 20px;
    }

        .r-hot .hot-j span {
            display: inline-block;
            text-align: left;
            width: 115px;
            height: 50px;
            line-height: 50px;
            font-size: 14px;
            margin-right: 20px;
            cursor: pointer;
        }

            .r-hot .hot-j span > a {
                color: #1a1a1a;
            }

                .r-hot .hot-j span > a:hover {
                    color: #ffaa00;
                }

        .r-hot .hot-j > a {
            display: block;
            position: absolute;
            right: 10px;
            bottom: 20px;
            font-size: 12px;
            color: #ffaa00;
            padding-right: 10px;
            background: url("img/morey.png") no-repeat right center;
        }

.r-new {
    padding-bottom: 20px;
}

.r-f-min {
    min-height: 600px;
}

.r-new > p {
    position: relative;
    height: 45px;
    background-color: #e6e6e6;
}

    .r-new > p span {
        display: inline-block;
        position: relative;
        width: 980px;
        margin: 0 0 0 5px;
        text-indent: 30px;
        font-size: 16px;
        color: #0f0f0f;
        height: 35px;
        line-height: 35px;
        border-bottom: 2px dotted #ffaa00;
        *width: 950px;
        *padding-left: 30px;
        *text-indent: 0;
    }

    .r-new > p a {
        position: absolute;
        display: block;
        right: 5px;
        bottom: 0;
        font-size: 12px;
        color: #ffaa00;
        padding-right: 10px;
        background: url("img/morey.png") no-repeat right center;
    }

.r-new ul {
    position: relative;
    margin-top: 10px;
}

.r-new li {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #4c4c4c;
}

    .r-new li:hover {
        background-color: #e0e0e0;
    }

    .r-new li span {
        cursor: pointer;
        display: inline-block;
        text-align: left;
        overflow: hidden;
    }

    .r-new li .sp1 {
        width: 410px;
        color: #ff0000;
        text-indent: 10px;
    }

        .r-new li .sp1 a {
            color: #ff0000;
        }

    .r-new li .sp2 {
        width: 440px;
    }

        .r-new li .sp2 a {
            color: #4c4c4c;
        }

    .r-new li .sp3 {
        width: 120px;
        text-align: right;
    }

    .r-new li.tii .sp1 {
        *width: 395px;
        background: url("img/type4.png") no-repeat 5px center;
        text-indent: 25px;
    }

.f-fsq, .r-find {
    float: left;
    padding-bottom: 30px;
}

.r-find {
    width: 480px;
}

.f-fsq {
    width: 30px;
    height: 200px;
}

.r-find > p {
    position: relative;
    color: #0f0f0f;
    height: 45px;
    background-color: #e6e6e6;
}

    .r-find > p span {
        display: inline-block;
        position: relative;
        width: 470px;
        margin: 0 0 0 5px;
        font-size: 16px;
        color: #0f0f0f;
        height: 35px;
        line-height: 35px;
        text-indent: 30px;
        border-bottom: 2px dotted #ffaa00;
    }

    .r-find > p a {
        position: absolute;
        display: block;
        right: 5px;
        bottom: 0;
        font-size: 12px;
        color: #ffaa00;
        padding-right: 10px;
        background: url("img/morey.png") no-repeat right center;
    }

.r-find li {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #4c4c4c;
    text-indent: 5px;
    cursor: pointer;
}

    .r-find li a {
        color: #4c4c4c;
    }

.r-result {
    margin-top: 20px;
}

.tr-con1 {
    width: 990px;
    height: 600px;
}

.tr-con11 {
    width: 645px;
    height: 600px;
}

.tr-con12 {
    width: 320px;
    height: 600px;
}

.tr-con11 .h {
    height: 38px;
    border-top: 1px solid #dbdbdb;
    background-color: #e6e6e6;
}

    .tr-con11 .h a, .tr-con11 .h span {
        float: left;
        line-height: 37px;
        font-size: 14px;
        color: #1a1a1a;
        padding: 0 25px;
        background-color: #e6e6e6;
        margin: 0;
        border-left: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
        border-bottom: 1px solid #666666;
    }

    .tr-con11 .h span {
        cursor: pointer;
    }

        .tr-con11 .h span.tr-br1 {
            border-right: 1px solid #dbdbdb;
        }

        .tr-con11 .h span:hover {
            background-color: #ffaa00;
            color: #fff;
            border-bottom: 1px solid #ffaa00;
        }

.tr-con11 .c {
    height: 530px;
    width: 645px;
    margin: 25px 0 0 0;
}

.tr-11c {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .tr-11c p {
        line-height: 46px;
        font-size: 24px;
    }

        .tr-11c p > a {
            color: #000;
            cursor: pointer;
        }

    .tr-11c > div {
        position: relative;
        width: 645px;
        overflow: hidden;
        height: 475px;
        margin-top: 15px;
    }

    .tr-11c div > a > img {
        width: 645px;
        height: 475px;
        cursor: pointer;
    }

.nvi-min-ul {
    width: 10000px;
    height: 86px;
    position: absolute;
    bottom: 2px;
    left: 0;
}

    .nvi-min-ul li {
        width: 123px;
        height: 86px;
        float: left;
        margin: 0 0 0 5px;
        background-color: #fff;
    }

        .nvi-min-ul li:hover {
            background-color: #ffaa00;
        }

        .nvi-min-ul li img {
            width: 117px;
            height: 80px;
            margin: 3px;
        }

.tr-con12 .tr-c121 {
    width: 320px;
    height: 219px;
    background-color: #f0f0f0;
}

    .tr-con12 .tr-c121 > p {
        position: relative;
        line-height: 38px;
        font-size: 18px;
        color: #1a1a1a;
        margin-left: 10px;
    }

    .tr-con12 .tr-c121 > div {
        position: relative;
        width: 290px;
        height: 180px;
        margin-left: 15px;
        overflow: hidden;
    }

    .tr-con12 .tr-c121 > .new-shopscl > ul {
        position: absolute;
        left: 0;
        top: 0;
        width: 10000px;
        height: 160px;
    }

    .tr-con12 .tr-c121 > div img {
        float: left;
        padding-right: 20px;
        width: 142px;
        height: 160px;
    }

    .tr-con12 .tr-c121 > .new-shopscl > ul li, .tr-con12 .tr-c121 > .new-shopscl > ul li img {
        float: left;
        width: 290px;
        height: 160px;
        padding: 0;
    }

    .tr-con12 .tr-c121 > div .p1 {
        line-height: 24px;
        font-size: 16px;
    }

        .tr-con12 .tr-c121 > div .p1 a {
            color: #1a1a1a;
        }

    .tr-con12 .tr-c121 > div .p2 {
        line-height: 24px;
        font-size: 14px;
        color: #4c4c4c;
        padding-top: 5px;
        text-indent: 20px;
    }

.tr-con12 .tr-c122 {
    width: 320px;
    height: 357px;
    background-color: #f0f0f0;
    margin-top: 20px;
}

    .tr-con12 .tr-c122 > p {
        position: relative;
        line-height: 40px;
        font-size: 18px;
        color: #1a1a1a;
        margin-left: 10px;
    }

    .tr-con12 .tr-c122 > ul {
        color: #ffaa00;
        font-size: 16px;
        margin-left: 40px;
    }

        .tr-con12 .tr-c122 > ul > li {
            font-size: 14px;
            list-style: disc;
            line-height: 35px;
        }

    .tr-con12 .tr-c122 > div {
        position: relative;
        width: 300px;
        height: 305px;
        margin: 0 auto;
        overflow: hidden;
    }

        .tr-con12 .tr-c122 > div ul {
            position: absolute;
            top: 0;
            left: 0;
            width: 10000px;
        }

            .tr-con12 .tr-c122 > div ul li {
                float: left;
            }

                .tr-con12 .tr-c122 > div ul li img {
                    width: 300px;
                    height: 315px;
                }

.tr-con2 {
    margin-top: 20px;
}

.tr-h {
    height: 37px;
    border-top: 1px solid #dbdbdb;
}

.bbs-tr-h {
    height: 38px;
    border-top: 1px solid #ffaa00;
    position: relative;
}

.tr-h .tit {
    background-color: #e6e6e6;
}

.tr-h .tit, .tr-h span {
    float: left;
    line-height: 35px;
    font-size: 14px;
    color: #1a1a1a;
    padding: 0 25px;
    margin: 0;
    border-bottom: 2px solid #ffaa00;
}

.tr-h .bbs-in-title {
    border-bottom: 2px solid #ffaa00;
    line-height: 35px;
    height: 35px;
}

.tr-h span {
    cursor: pointer;
    border-right: none;
    border-bottom: none;
    border-left: none;
    color: #fff;
    background-color: #ffaa00;
}

.tr-h a.more {
    display: inline-block;
    height: 38px;
    font-size: 12px;
    float: right;
    margin-right: 10px;
    line-height: 38px;
    color: #666;
    padding-right: 15px;
    background: url("img/more.png") no-repeat right center;
}

    .tr-h a.more:hover {
        display: inline-block;
        height: 38px;
        font-size: 12px;
        float: right;
        margin-right: 10px;
        line-height: 38px;
        color: #ffaa00;
        padding-right: 15px;
        background: url("img/morey.png") no-repeat right center;
    }

.tr-h a.more6 {
    display: inline-block;
    cursor: pointer;
    height: 38px;
    font-size: 12px;
    float: right;
    margin-right: 10px;
    line-height: 38px;
    color: #666;
    padding-right: 15px;
    background: url("img/more.png") no-repeat right center;
    *position: absolute;
    *right: 10px;
    *top: 0;
}

    .tr-h a.more6:hover {
        background: url("img/morey.png") no-repeat right center;
        color: #ffaa00;
    }

.tr-hh {
    border-top: 2px solid #dbdbdb;
}

.tr-hh6 {
    border-top: 2px solid #666;
}

.tr-hhy {
    border-top: 2px solid #ffaa00;
}

.tr-h .titbo {
    border-left: 2px solid #dbdbdb;
    border-right: 2px solid #dbdbdb;
    border-bottom: 2px solid #ffaa00;
}

.tr-hhbg {
    background-color: #e6e6e6;
}

.titbg {
    background: url("img/bbs-list-t.png") no-repeat 10px center;
}

.tr-u {
    margin: 0 auto;
    width: 990px;
}

    .tr-u li {
        float: left;
        margin: 20px 9px 0;
        width: 312px;
        height: 320px;
        position: relative;
    }

        .tr-u li:hover {
            background-color: #e6e6e6;
        }

        .tr-u li div {
            position: relative;
            margin: 5px 0 0 5px;
        }

            .tr-u li div a > img, .tr-u li div > img {
                width: 302px;
                height: 210px;
            }

.tr-uu li div > img, .tr-uu li div a > img {
    width: 223.5px;
    height: 210px;
}

.tr-u li div p {
    position: relative;
}

.tr-u li div .p1 {
    line-height: 30px;
    font-size: 16px;
    margin: 2px 0 0 5px;
}

    .tr-u li div .p1 a {
        color: #000;
    }

.tr-u li div .p2 span {
    float: right;
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    width: 30px;
    color: #fff;
    text-align: center;
    margin: 6px 10px 0;
    background-color: #dc0000;
}

.tr-u li div .p1 span {
    display: inline-block;
    position: absolute;
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    width: 30px;
    color: #fff;
    text-align: center;
    top: 6px;
    right: 10px;
    background-color: #dc0000;
}

.tr-u li div .p2 {
    line-height: 25px;
    font-size: 14px;
    margin: 2px 0 0 5px;
}

.tr-u li div .p3 {
    position: absolute;
    right: 5px;
    bottom: 25px;
}

    .tr-u li div .p3 img {
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    .tr-u li div .p3 img, .tr-u li div .p3 span {
        float: left;
        line-height: 20px;
        margin-left: 5px;
        font-size: 12px;
        color: #666;
        margin-top: 3px;
    }

.tr-u li div .p4 img, .tr-u li div .p4 span {
    float: right;
    margin-right: 5px;
    font-size: 12px;
    color: #666;
    margin-top: 3px;
}

.tr-u li div .p4 a {
    float: left;
    margin-left: 5px;
    font-size: 14px;
    color: #fff;
    height: 24px;
    line-height: 23px;
    padding: 0 10px;
    background-color: #ffaa00;
}

    .tr-u li div .p4 a:hover {
        background-color: #ff7f00;
    }

.tr-u li div .p5 {
    line-height: 30px;
    margin-top: 10px;
    font-size: 16px;
    margin-left: 5px;
}

.tr-u li div .p6 {
    width: 210px;
    line-height: 25px;
    font-size: 14px;
    color: #4c4c4c;
    margin-left: 5px;
    text-indent: 2em;
}

.tr-u li div .p5 a {
    float: right;
    line-height: 30px;
    font-size: 14px;
    color: #ffaa00;
    margin-right: 5px;
    cursor: pointer;
}

.tr-con3 {
    margin-top: 20px;
}

    .tr-con3 .tr-u li {
        height: 350px;
    }

.tr-con4 {
    margin-top: 20px;
    padding-bottom: 20px;
}

    .tr-con4 .tr-u {
        width: 10000px;
    }

        .tr-con4 .tr-u li {
            width: 233.5px;
            height: 350px;
            margin: 20px 7px 0;
        }

.scl-tr4 {
    width: 990px;
    margin: 0 auto;
    height: 410px;
    overflow: hidden;
}

.new-vimi {
    margin-top: 10px;
}

    .new-vimi li {
        float: left;
        padding: 5px;
        width: 176px;
        height: 155px;
    }

        .new-vimi li img {
            width: 170px;
            height: 110px;
            margin: 3px;
        }

        .new-vimi li p {
            font-size: 14px;
            text-indent: 3px;
            color: #4c4c4c;
            line-height: 18px;
        }

            .new-vimi li p a {
                color: #000;
            }

        .new-vimi li.c-min:hover {
            background-color: #e6e6e6;
        }

    .new-vimi .c-big {
        width: 415px;
        height: 340px;
    }

        .new-vimi .c-big img {
            width: 410px;
            height: 280px;
        }

        .new-vimi .c-big p {
            font-size: 16px;
        }

            .new-vimi .c-big p * {
                vertical-align: middle;
            }

            .new-vimi .c-big p a {
                color: #000;
            }

            .new-vimi .c-big p i.qua {
                vertical-align: auto;
            }

            .new-vimi .c-big p img {
                width: 20px;
                height: 20px;
                margin: 3px;
            }

            .new-vimi .c-big p b {
                font-size: 12px;
                color: #666;
            }

.new-vimihot {
    margin-top: 10px;
}

    .new-vimihot li {
        float: left;
        margin: 5px;
        width: 186px;
        height: 185px;
    }

        .new-vimihot li img {
            width: 180px;
            height: 125px;
            margin: 3px;
        }

        .new-vimihot li p {
            font-size: 14px;
            text-indent: 3px;
            color: #4c4c4c;
            line-height: 20px;
        }

            .new-vimihot li p a {
                color: #000;
            }

        .new-vimihot li:hover {
            background-color: #e6e6e6;
        }

.v-con .n-list-v {
    width: 310px;
}

    .v-con .n-list-v ul {
        width: 300px;
        height: 425px;
        margin: 0 auto;
        position: relative;
    }

    .v-con .n-list-v > ul > li {
        padding-bottom: 5px;
        border-bottom: 1px solid #999999;
    }

.v-con .n-list-w {
    height: 85px;
    width: 100%;
    margin-top: 3px;
    cursor: pointer;
}

    .v-con .n-list-w:hover {
        background-color: #999;
    }

    .v-con .n-list-w > img {
        margin: 9px;
        float: left;
        width: 100px;
        height: 68px;
    }

    .v-con .n-list-w .p1 {
        font-size: 14px;
        line-height: 22px;
        padding: 8px 0 0 0;
        color: #000;
    }

    .v-con .n-list-w .p2 {
        font-size: 12px;
        line-height: 17px;
        padding: 5px 0 0 0;
        color: #000;
    }

    .v-con .n-list-w .p3 {
        font-size: 12px;
        line-height: 22px;
        padding: 0;
        color: #000;
    }

    .v-con .n-list-w .p2 i {
        font-size: 12px;
        line-height: 15px;
        color: #4c4c4c;
        float: left;
        margin-right: 10px;
    }

    .v-con .n-list-w .p3 a {
        font-size: 12px;
        line-height: 15px;
        color: #4c4c4c;
        margin-right: 10px;
    }

.v-con .n-list-v > p > a {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #1a1a1a;
    float: right;
    margin-right: 30px;
}

    .v-con .n-list-v > p > a:hover {
        color: #ffaa00;
    }

div.tr-uu .p1 {
    line-height: 20px;
}

    div.tr-uu .p1 a {
        color: #000;
    }

div.tr-uu .p2 {
    line-height: 16px;
}

div.tr-uu .p2 {
    line-height: 16px;
    color: #4c4c4c;
}

.n-nav-head .vi-nav {
    width: 100%;
    height: 58px;
    margin: 0 auto;
    background-color: #fff;
}

.vi-nav-ul {
    width: 960px;
    height: 58px;
    margin: 0 auto;
    padding-left: 30px;
    background-color: #e6e6e6;
}

.vi-nav li {
    float: left;
    padding: 0 10px;
    line-height: 56px;
    font-size: 14px;
    cursor: pointer;
}

    .vi-nav li a {
        display: inline-block;
        width: 100%;
        float: left;
        color: #ffaa00;
        height: 100%;
        border-right: 1px solid #dbdbdb;
        padding: 0 10px;
        text-align: center;
    }

        .vi-nav li a:hover {
            background-color: #ffaa00;
            color: #fff;
        }

.vi-content {
    width: 990px;
    margin: 10px auto 0;
    background-color: #e6e6e6;
}

    .vi-content .vi-con {
        width: 990px;
        margin: 0 auto;
    }

.vi-con > .p1 {
    font-size: 12px;
    color: #1a1a1a;
    margin-left: 10px;
    padding-top: 20px;
    position: relative;
    line-height: 20px;
}

    .vi-con > .p1 a.more {
        line-height: 20px;
        margin-right: 10px;
    }

    .vi-con > .p1 b {
        font-family: "宋体";
        padding: 0 5px;
        display: inline-block;
    }

.vi-con > .p2 {
    font-size: 18px;
    color: #000;
    margin-left: 10px;
    line-height: 28px;
    padding: 0 10px 10px 0;
    position: relative;
}

    .vi-con > .p2 > i {
        font-size: 12px;
        color: #1a1a1a;
        line-height: 12px;
        padding-left: 5px;
    }

.vi-con > .p3 {
    width: 880px;
    line-height: 38px;
    height: 38px;
    font-size: 12px;
    color: #1a1a1a;
    background-color: #cccccc;
    padding-right: 110px;
}

    .vi-con > .p3 .p3p {
        float: right;
    }

    .vi-con > .p3 a {
        float: right;
        padding-left: 25px;
        margin-left: 18px;
    }

    .vi-con > .p3 .a1 {
        background: url("img/good.png") no-repeat left center;
    }

    .vi-con > .p3 .a2 {
        background: url("img/download.png") no-repeat left center;
    }

    .vi-con > .p3 .a3 {
        background: url("img/share2.png") no-repeat left center;
    }

.vi-content .v-con {
    width: 990px;
    background-color: #cccccc;
}

.v-con > div {
    float: left;
    margin-top: 10px;
    height: 475px;
}

.v-con .myvideo {
    width: 650px;
    height: 475px;
    margin-left: 10px;
    cursor: pointer;
    background-color: #000;
}

.v-con .ac-video {
    width: 650px;
    height: 475px;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
    margin: 0 auto;
}

.v-con .ctr-v {
    width: 10px;
    background: url("img/video-lr.png") no-repeat center center #666;
    cursor: pointer;
}

    .v-con .ctr-v:hover {
        background-color: #ffaa00;
    }

.v-con .v-ctlbg1 {
    background: url("img/video-lr.png") no-repeat center center #666;
}

.v-con .v-ctlbg2 {
    background: url("img/video-ll.png") no-repeat center center #666;
}

.v-con .list-v {
    width: 310px;
}

    .v-con .list-v ul {
        width: 300px;
        margin: 0 auto;
        position: relative;
    }

    .v-con .list-v > ul > li {
        height: 80px;
        border-bottom: 1px solid #999999;
    }

    .v-con .list-v li.list-case {
        height: 320px;
        width: 300px;
        color: #fff;
        margin-top: 20px;
        margin-left: 10px;
        border-bottom: none;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .v-con .list-v .list-w {
        height: 78px;
        margin-top: 3px;
        cursor: pointer;
    }

        .v-con .list-v .list-w:hover {
            background-color: #999;
        }

        .v-con .list-v .list-w > img {
            margin: 9px;
            float: left;
            width: 100px;
            height: 60px;
        }

        .v-con .list-v .list-w .p1 {
            font-size: 14px;
            line-height: 24px;
            padding: 0;
            color: #000;
            padding-top: 5px;
        }

        .v-con .list-v .list-w .p2 {
            font-size: 12px;
            line-height: 20px;
            padding: 0;
            color: #000;
            position: relative;
        }

            .v-con .list-v .list-w .p2 i {
                font-size: 12px;
                line-height: 20px;
                color: #4c4c4c;
                position: absolute;
                display: inline-block;
                right: 10px;
                bottom: 0px;
            }

li.list-case li {
    float: left;
    cursor: pointer;
    font-size: 24px;
    margin: 0 15px 10px 0;
    background-color: #808080;
    line-height: 45px;
    padding: 0 15px;
}

    li.list-case li a {
        color: #fff;
    }

    li.list-case li:hover {
        background-color: #ffaa00;
    }

.vi-con1 .sugg {
    background-color: #e6e6e6;
    margin-top: 20px;
}

    .vi-con1 .sugg > img {
        float: left;
        width: 260px;
        height: 210px;
        margin-right: 20px;
    }

    .vi-con1 .sugg p {
        font-size: 14px;
        color: #000;
        line-height: 30px;
    }

    .vi-con1 .sugg > div.les-con p {
        max-height: 110px;
        overflow: auto;
    }

    .vi-con1 .sugg i {
        display: inline-block;
        width: 70px;
        line-height: 30px;
        text-align: right;
    }

    .vi-con1 .sugg .p1 i {
        width: auto;
    }

    .vi-con1 .sugg i.sugg-i {
        padding-bottom: 80px;
        float: left;
    }

    .vi-con1 .sugg > .p1 {
        font-size: 16px;
    }

    .vi-con1 .sugg > .p3 > a {
        font-size: 12px;
        float: right;
        margin-right: 20px;
    }

    .vi-con1 .sugg > .p2 > b {
        display: inline-block;
        font-size: 13px;
        height: 13px;
        line-height: 13px;
        padding: 1px 2px;
        text-align: center;
        color: #fff;
        background-color: #dc0000;
        margin-left: 20px;
    }

    .vi-con1 .sugg > span {
        display: block;
        color: #666666;
        font-size: 12px;
        line-height: 20px;
        position: absolute;
        top: 10px;
        right: 20px;
    }

        .vi-con1 .sugg > span > * {
            vertical-align: middle;
        }

        .vi-con1 .sugg > span img {
            width: 20px;
            height: 20px;
            margin-right: 5px;
        }

.vi-con2 .vi-ask {
    height: 150px;
    border: 1px solid #ffaa00;
    margin-top: 20px;
}

    .vi-con2 .vi-ask > textarea {
        width: 970px;
        height: 110px;
        line-height: 25px;
        text-indent: 10px;
        color: #999;
        resize: none;
    }

    .vi-con2 .vi-ask > div {
        border-top: 1px solid #ffaa00;
        height: 39px;
        line-height: 39px;
        text-align: right;
    }

        .vi-con2 .vi-ask > div > a {
            display: inline-block;
            margin-right: 10px;
            line-height: 25px;
            color: #fff;
            font-size: 14px;
            background-color: #ffaa00;
            padding: 0 5px;
            cursor: pointer;
        }

.vi-con3 {
    margin-top: 20px;
}

    .vi-con3 .tr-h > span {
        background-color: #e6e6e6;
        color: #1a1a1a;
    }

        .vi-con3 .tr-h > span.vi3spbg1:hover {
            border-bottom: 2px solid #ffaa00;
        }

        .vi-con3 .tr-h > span.vi3spbg1 {
            border-bottom: 2px solid #666666;
        }

        .vi-con3 .tr-h > span.vi3spbg2 {
            border-bottom: 2px solid #ffaa00;
            color: #ffaa00;
        }

.vi-board > .ti {
    font-size: 14px;
    color: #1a1a1a;
    line-height: 30px;
    height: 30px;
    border-bottom: 1px solid #dbdbdb;
}

    .vi-board > .ti > a {
        font-size: 14px;
        color: #fff;
        line-height: 20px;
        float: left;
        padding: 0 10px;
        background-color: #ffaa00;
        margin-top: 10px;
    }

.bar-case, .ask-per {
    margin: 20px 0 0 10px;
    padding-bottom: 40px;
}

    .bar-case > img, .ask-per > img {
        display: inline-block;
        float: left;
        width: 80px;
        height: 80px;
        border-radius: 40px;
        margin-right: 20px;
    }

    .bar-case > .p1, .ask-per > .p1 {
        font-size: 16px;
        color: #1a1a1a;
        line-height: 35px;
    }

        .bar-case > .p1 i {
            color: #666666;
            font-size: 14px;
            margin-left: 20px;
        }

    .bar-case > .p2, .ask-per > .p2 {
        font-size: 14px;
        width: 91%;
        margin-left: 100px;
        color: #1a1a1a;
        line-height: 20px;
    }

    .bar-case > .p3 {
        font-size: 14px;
        position: absolute;
        bottom: 10px;
        left: 85px;
        color: #666666;
        line-height: 20px;
    }

        .bar-case > .p3 > *, .ask-per > .p2 > * {
            vertical-align: middle;
        }

        .bar-case > .p3 > img {
            margin: 0 5px 0 15px;
        }

.vi-board > .bar-reply {
    height: 135px;
}

.vi-board .bar-ry {
    margin-left: 88px;
    width: 900px;
    height: 100px;
    border: 1px solid #ffaa00;
}

.bar-ry textarea {
    width: 898px;
    height: 98px;
    line-height: 25px;
    text-indent: 10px;
    color: #999;
    resize: none;
}

.bar-reply > p {
    position: absolute;
    width: 80px;
    height: 25px;
    line-height: 25px;
    background-color: #ffaa00;
    color: #fff;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    right: 0;
    bottom: 0;
}

.ask-per > .p1 {
    padding-top: 10px;
}

.ask-per > .p2 img {
    width: 20px;
    height: 20px;
    margin: 0 5px 0 20px;
}

.vi-board .ask-case {
    margin: 20px 0 0 30px;
}

.ask-case .p1 {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

.ask-case .p2 {
    font-size: 14px;
    margin-left: 40px;
    padding-left: 20px;
    color: #1a1a1a;
    line-height: 30px;
}

.ask-case .p3 {
    font-size: 14px;
    margin-left: 40px;
    padding-left: 20px;
    color: #666666;
    line-height: 30px;
}

.ask-case .p4 {
    font-size: 14px;
    margin-left: 40px;
    padding-left: 20px;
    color: #666666;
    padding-bottom: 10px;
    border-bottom: 1px dashed #cfcfcf;
    color: #666666;
    line-height: 30px;
}

    .ask-case .p4 i {
        cursor: pointer;
    }

        .ask-case .p4 i:hover {
            color: #dc0000;
        }

.ask-case .p1 img {
    width: 10px;
    height: 10px;
    margin: 0 8px;
}

.ask-case .p4 img {
    width: 20px;
    height: 20px;
    margin: 0 3px 0 3px;
}

.ask-case .p1 *, .ask-case .p4 * {
    vertical-align: middle;
}

div.tr-uu {
    margin-top: 15px;
    width: 990px;
    height: 280px;
    overflow: hidden;
}

    div.tr-uu > ul {
        top: 0;
        left: 0;
        width: 10000px;
    }

        div.tr-uu > ul > li {
            float: left;
            position: relative;
            margin-right: 10px;
            width: 190px;
            padding-bottom: 15px;
        }

            div.tr-uu > ul > li:hover {
                background-color: #e6e6e6;
            }

            div.tr-uu > ul > li > p {
                line-height: 27px;
                font-size: 14px;
            }

            div.tr-uu > ul > li > img, div.tr-uu > ul > li a > img {
                width: 180px;
                height: 125px;
                margin: 5px;
            }

            div.tr-uu > ul > li > p {
                height: 28px;
                line-height: 28px;
                margin-left: 5px;
            }

                div.tr-uu > ul > li > p a {
                    color: #000;
                }

                div.tr-uu > ul > li > p i {
                    color: #1a1a1a;
                    margin-left: 10px;
                    cursor: pointer;
                }

                    div.tr-uu > ul > li > p i:hover {
                        color: #ffaa00;
                    }

    div.tr-uu a.add {
        font-size: 14px;
        margin-left: 5px;
        padding: 3px 8px;
        background-color: #b3b3b3;
        color: #fff;
    }

        div.tr-uu a.add:hover {
            background-color: #ffaa00;
        }

    div.tr-uu a.buy {
        font-size: 14px;
        margin-left: 5px;
        padding: 3px 8px;
        background-color: #ffaa00;
        color: #fff;
    }

    div.tr-uu a.addbuy {
        font-size: 14px;
        margin-left: 25px;
        padding: 3px 5px;
        background-color: #b3b3b3;
        color: #fff;
    }

        div.tr-uu a.addbuy:hover {
            background-color: #dc0000;
        }

.vi-more-ctl {
    width: 44px;
    height: 42px;
    left: 0;
    top: 50px;
    background: url("img/vi-morectl.png") no-repeat -44px 0;
    cursor: pointer;
}

    .vi-more-ctl:hover {
        background-position: 0 0;
    }

.vi-more-ctr {
    width: 44px;
    height: 42px;
    right: 0;
    top: 50px;
    background: url("img/vi-morectl.png") no-repeat -88px 0;
    cursor: pointer;
}

    .vi-more-ctr:hover {
        background-position: -132px 0;
    }

.nvi-minmore-ctl {
    width: 44px;
    height: 42px;
    left: -3px;
    bottom: 22px;
    background: url("img/vi-morectl.png") no-repeat -44px 0;
    cursor: pointer;
}

    .nvi-minmore-ctl:hover {
        background-position: 0 0;
    }

.nvi-minmore-ctr {
    width: 44px;
    height: 42px;
    right: -3px;
    bottom: 22px;
    background: url("img/vi-morectl.png") no-repeat -88px 0;
    cursor: pointer;
}

    .nvi-minmore-ctr:hover {
        background-position: -132px 0;
    }

.v-con .list-v > p > a {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #1a1a1a;
    float: right;
    margin-right: 30px;
}

    .v-con .list-v > p > a:hover {
        color: #ffaa00;
    }

.vi-h {
    height: 38px;
    background-color: #e6e6e6;
}

.tr-h .bbstit {
    margin-left: 10px;
    display: inline-block;
}

.vi-h .tit, .vi-h span {
    float: left;
    line-height: 37px;
    font-size: 14px;
    padding: 0 25px;
    margin: 0;
}

.vi-h span {
    border-left: none;
    border-right: none;
}

.tr-h .bbstitbg {
    border: none;
    color: #fff;
    background: url("img/bbs-index-t.png") no-repeat 10px center #ffaa00;
}

.vi-h span {
    cursor: pointer;
}

    .vi-h span:hover {
        background-color: #ffaa00;
        color: #fff;
    }

.vihspbg1 {
    color: #1a1a1a;
}

.vihspbg2 {
    background-color: #ffaa00;
    color: #fff;
}

.vi-h a.more {
    display: inline-block;
    height: 38px;
    font-size: 12px;
    float: right;
    margin-right: 10px;
    line-height: 38px;
    color: #1a1a1a;
    padding-right: 15px;
    background: url("img/more.png") no-repeat right center;
}

    .vi-h a.more:hover {
        display: inline-block;
        height: 38px;
        font-size: 12px;
        float: right;
        margin-right: 10px;
        line-height: 38px;
        color: #ffaa00;
        padding-right: 15px;
        background: url("img/morey.png") no-repeat right center;
    }

.r-seach .opt6 {
    width: 370px;
    height: 30px;
    border: 1px solid #c2c2c2;
}

div.mo-uu {
    margin-top: 20px;
    width: 1000px;
}

    div.mo-uu > ul > li {
        float: left;
        position: relative;
        margin-right: 10px;
        width: 190px;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }

        div.mo-uu > ul > li:hover {
            background-color: #e6e6e6;
        }

        div.mo-uu > ul > li > p {
            line-height: 27px;
            font-size: 14px;
        }

        div.mo-uu > ul > li img {
            width: 180px;
            height: 125px;
            margin: 5px;
        }

        div.mo-uu > ul > li > p {
            height: 28px;
            line-height: 28px;
            margin-left: 5px;
        }

            div.mo-uu > ul > li > p a {
                color: #000;
            }

            div.mo-uu > ul > li > p i {
                color: #1a1a1a;
                margin-left: 10px;
                cursor: pointer;
            }

                div.mo-uu > ul > li > p i:hover {
                    color: #ffaa00;
                }

        div.mo-uu > ul > li > a.add {
            font-size: 14px;
            margin-left: 5px;
            padding: 3px 8px;
            background-color: #ffaa00;
            color: #fff;
        }

        div.mo-uu > ul > li > a.buy {
            font-size: 14px;
            margin-left: 5px;
            padding: 3px 8px;
            background-color: #ffaa00;
            color: #fff;
        }

        div.mo-uu > ul > li > a.addbuy {
            font-size: 14px;
            margin-left: 25px;
            padding: 3px 5px;
            background-color: #dc0000;
            color: #fff;
        }

.maincont {
    width: 950px;
    margin: 0 auto;
}

    .maincont .content {
        width: 100%;
        max-height: 600px;
        overflow: auto;
    }

    .maincont .content {
        margin: 10px 0;
    }

    .maincont div.h {
        height: 35px;
        line-height: 35px;
        margin-top: 10px;
        border-bottom: 1px solid #999;
    }

        .maincont div.h select {
            line-height: 30px;
            width: 150px;
            margin-left: 10px;
            text-indent: 10px;
            border: 1px solid #999;
        }

        .maincont div.h .title {
            padding-left: 20px;
            color: #0f0f0f;
            font-size: 16px;
        }

        .maincont div.h .title-b {
            padding-left: 20px;
            color: #0f0f0f;
            font-size: 22px;
        }

        .maincont div.h input, .maincont div.h select {
            height: 25px;
            line-height: 25px;
            border: 1px solid #999;
            display: inline-block;
        }

        .maincont div.h select {
            width: 200px;
            margin: 0 20px 0 10px;
        }

        .maincont div.h input[type=text] {
            width: 120px;
            margin: 0 5px;
            text-indent: 10px;
        }

        .maincont div.h input[type=button] {
            width: 80px;
            margin: 0 20px;
            cursor: pointer;
            border: none;
            background-color: #ffaa00;
            color: #fff;
        }

        .maincont div.h a {
            float: right;
            margin-right: 20px;
            color: #0f0f0f;
            font-size: 14px;
        }

.bbc-list {
    line-height: 39px;
    height: 39px;
    font-size: 14px;
}

    .bbc-list .b-list-index > em > b {
        padding: 0 8px;
        line-height: 20px;
        height: 20px;
        display: inline-block;
    }

.bbc-listb {
    line-height: 39px;
    height: 39px;
    border-bottom: 1px solid #DBDBDB;
}

    .bbc-listb .b-list-index > em > b {
        padding: 0 7px;
        line-height: 20px;
        height: 20px;
        display: inline-block;
    }

.bbcline {
    height: 1px;
    background-color: #ffaa00;
}

.bbc-content {
    margin-bottom: 8px;
    border-top: 3px solid #ffaa00;
    border-left: 1px solid #ffaa00;
    border-right: 1px solid #ffaa00;
    border-bottom: 1px solid #ffaa00;
}

    .bbc-content > .h {
        line-height: 44px;
        font-size: 18px;
        color: #1a1a1a;
        border-bottom: 1px solid #ffaa00;
    }

    .bbc-content > .h {
        position: relative;
    }

        .bbc-content > .h * {
            vertical-align: middle;
        }

        .bbc-content > .h span {
            color: #ffaa00;
            padding: 0 20px;
            margin-top: 2px;
        }

        .bbc-content > .h b {
            display: inline-block;
            height: 44px;
            width: 20px;
            font-size: 14px;
            padding: 0 10px 0;
            background: url("img/bbs-t.png") no-repeat center 12px;
        }

        .bbc-content > .h i {
            color: #666666;
            font-size: 12px;
            display: inline-block;
            position: absolute;
            right: 20px;
        }

.bm-pro {
    width: 224px;
}

    .bm-pro .p-info {
        width: 155px;
        margin: 40px auto 0;
        line-height: 25px;
    }

.p-info p {
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.p-info .p1 {
    font-size: 14px;
    color: #4c4c4c;
}

.p-info .p2 i {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    padding: 0 7px;
    background-color: #dc0000;
    border-radius: 5px;
}

.p-info .p3 {
    width: 146px;
    height: 146px;
    background: url("img/bbs-headimgbg.png") no-repeat 6px 6px;
    *background: url("img/bbs-headimgbg.png") no-repeat 4px 6px;
}

    .p-info .p3 img {
        margin-top: 13px;
        margin-left: 13px;
        width: 120px;
        height: 120px;
    }

.p-info ul {
    color: #ffaa00;
    font-size: 14px;
    color: #ffaa00;
    margin-left: 25px;
}

    .p-info ul li {
        list-style: disc;
        font-size: 12px;
        line-height: 25px;
    }

        .p-info ul li a {
            color: #4c4c4c;
        }

        .p-info ul li i {
            color: #dc0000;
        }

.bm-con {
    width: 763px;
    border-left: 1px solid #ffaa00;
    padding-bottom: 20px;
}

    .bm-con > .h {
        border-bottom: 1px solid #ffaa00;
        padding-right: 10px;
        color: #ffaa00;
        font-size: 14px;
        text-indent: 20px;
        line-height: 30px;
    }

    .bm-con > .ch {
        width: 745px;
        margin: 0 auto;
        border-bottom: 1px solid #ffaa00;
        padding-right: 10px;
        color: #ffaa00;
        font-size: 14px;
        text-indent: 20px;
        line-height: 30px;
    }

    .bm-con > .h a {
        display: inline-block;
        height: 22px;
        float: right;
        margin-right: 10px;
        text-indent: 0;
        padding: 0 10px;
        line-height: 21px;
        color: #fff;
        background-color: #ffaa00;
        cursor: pointer;
    }

        .bm-con > .h a:hover {
            background-color: #ff7f00;
        }

    .bm-con > .h span {
        display: inline-block;
        height: 22px;
        position: absolute;
        right: 0;
        top: 4px;
        text-align: left;
        line-height: 21px;
    }

    .bm-con .m {
        margin: 35px 10px 0 10px;
        min-height: 200px;
    }

        .bm-con .m p {
            margin: 0 auto;
            width: 675px;
            text-indent: 2em;
            line-height: 25px;
            color: #1a1a1a;
            font-size: 14px;
            text-align: justify;
            text-justify: inter-ideograph;
        }

        .bm-con .m img {
            display: block;
            margin: 10px auto;
        }

.bbc-con {
    border-top: 2px solid #ffaa00;
    border-left: 1px solid #ffaa00;
    border-right: 1px solid #ffaa00;
    border-bottom: 1px solid #ffaa00;
}

    .bbc-con .bm-con {
        padding: 0;
    }

.bm-con .cm {
    margin: 10px 10px 50px 10px;
    min-height: 150px;
}

    .bm-con .cm p {
        margin: 0 auto;
        width: 700px;
        text-indent: 1em;
        line-height: 25px;
        color: #1a1a1a;
        font-size: 14px;
        text-align: justify;
        text-justify: inter-ideograph;
    }

    .bm-con .cm img {
        display: block;
        margin: 10px auto;
    }

.bm-con .namesign {
    border-bottom: 1px solid #ffaa00;
    font-size: 12px;
    color: #666;
    line-height: 30px;
    text-indent: 20px;
}

.bm-con .f {
    height: 20px;
    line-height: 40px;
    font-size: 14px;
    color: #1a1a1a;
}

    .bm-con .f textarea {
        float: left;
        height: 25px;
        line-height: 18px;
        padding: 5px 0 0 10px;
        width: 600px;
        margin: 5px 0 0 15px;
        resize: none;
        font-size: 14px;
        color: #1a1a1a;
        color: #999;
    }

        .bm-con .f textarea:focus {
            border: 1px solid #ffaa00;
        }

    .bm-con .f a {
        float: right;
        padding-right: 5px;
        cursor: pointer;
    }

    .bm-con .f i {
        float: right;
        padding-right: 5px;
    }

.bbs-con1 {
    width: 320px;
    height: 370px;
    background-color: #f0f0f0;
    margin-top: 30px;
}

.bbs-con11 {
    margin-top: 0;
}

.bbs-con2 {
    width: 650px;
    height: 370px;
}

.bbs-con3 {
    width: 1010px;
}

.bbs-con4 {
    width: 320px;
    height: 370px;
}

.bbs-con5 {
    width: 650px;
    height: 860px;
}

.bbs-con1-ul {
    color: #ffaa00;
    font-size: 16px;
    margin: 10px 0 0 25px;
}

    .bbs-con1-ul li {
        line-height: 30px;
        height: 30px;
        list-style: disc;
    }

        .bbs-con1-ul li a {
            font-size: 14px;
            color: #4c4c4c;
        }

.bbs-list-t {
    height: 40px;
    border-top: 1px solid #dbdbdb;
}

    .bbs-list-t .b-list-t {
        width: 180px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        color: #1a1a1a;
        text-indent: 35px;
        background: url("img/bbs-list-t.png") no-repeat 20px center #e6e6e6;
        border-left: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
        border-bottom: 3px solid #ffaa00;
    }

.b-list-index {
    font-size: 13px;
    color: #1a1a1a;
    text-align: center;
}

    .b-list-index > span, .b-list-index > i {
        line-height: 20px;
        margin: 10px 0 0 2px;
        padding: 0 5px;
        border: 1px solid #ffaa00;
        float: left;
        cursor: pointer;
    }

        .b-list-index > i:hover {
            background-color: #ffaa00;
            color: #fff;
        }

    .b-list-index > em {
        line-height: 20px;
        margin: 10px 0 0 2px;
        border: 1px solid #ffaa00;
        float: left;
    }

        .b-list-index > em > u {
            padding: 0 10px;
            cursor: pointer;
        }

        .b-list-index > em > b {
            padding: 1px 8px;
            line-height: 20px;
            cursor: pointer;
        }

.i-chan {
    color: #fff;
    background-color: #ffaa00;
}

    .i-chan:hover {
        background-color: #ff7f00;
    }

.bbs-list-ul {
    width: 100%;
    min-height: 500px;
    max-height: 790px;
}

.bbs-list-con2 {
    height: 300px;
}

.bbs-list-ul li {
    line-height: 40px;
    margin-top: 3px;
    float: left;
    width: 100%;
}

    .bbs-list-ul li:hover {
        background-color: #e6e6e6;
    }

.bbs-list-ul span, .bbs-listt span {
    display: inline-block;
    *float: left;
}

span.bbs-l-edit {
    float: right;
    cursor: pointer;
    color: #4c4c4c;
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 18px;
    margin-right: 10px;
    *margin-top: 30px;
}

    span.bbs-l-edit a:hover {
        color: #dc0000;
    }

.bbs-listt {
    line-height: 30px;
    margin-top: 0;
    border-bottom: 1px solid #dbdbdb;
    font-size: 14px;
    color: #ffaa00;
}

span.w1 {
    width: 55.6%;
    *width: 50%;
    padding-left: 5px;
}

span.w2 {
    width: 16.16%;
    text-align: center;
}

span.w3 {
    width: 22.22%;
    text-align: right;
    padding-right: 10px;
}

.bbs-listt .bbs-list-tit {
    text-indent: 170px;
}

.bbs-list-ul .bbs-list-title {
    font-size: 14px;
    color: #4c4c4c;
    cursor: pointer;
}

    .bbs-list-ul .bbs-list-title a {
        color: #4c4c4c;
        padding-left: 15px;
        background: url("img/bbs-list.png") no-repeat 3px center;
    }

        .bbs-list-ul .bbs-list-title a:hover {
            color: #ff7f00;
        }

    .bbs-list-ul .bbs-list-title em {
        display: inline-block;
        font-size: 13px;
        height: 16px;
        width: 30px;
        text-align: center;
        line-height: 16px;
        background-color: #dc0000;
        color: #fff;
    }

.bbs-list-ul .bbs-list-author {
    font-size: 12px;
    color: #4c4c4c;
    line-height: 15px;
    vertical-align: middle;
    *margin-top: 5px;
}

    .bbs-list-ul .bbs-list-author i {
        font-size: 12px;
        color: #808080;
        line-height: 15px;
    }

.bbs-list-ul .bbs-list-back {
    font-size: 12px;
    color: #dc0000;
}

.bt-index {
    float: left;
    text-align: center;
    margin: 20px 250px 50px;
    position: relative;
}

.btl-index {
    float: left;
    text-align: center;
    margin: 20px 352px 50px;
    position: relative;
}

.bt-index > em > b {
    padding: 1px 8px;
}

.btl-index > em > b {
    padding: 1px 8px;
}

.wh-card {
    margin: 0;
    background-color: #f0f0f0;
    border-radius: 5px;
    padding: 10px;
}

    .wh-card h1 {
        font-size: 18px;
        line-height: 30px;
        color: #1a1a1a;
        font-weight: bold;
        margin-bottom: 10px;
    }

        .wh-card h1 span {
            display: inline-block;
            padding: 0 20px;
            height: 30px;
            letter-spacing: 1px;
            line-height: 29px;
        }

    .wh-card > div {
        margin-left: 10px;
        line-height: 40px;
        font-size: 16px;
        color: #000;
    }

        .wh-card > div > i {
            display: inline-block;
            width: 70px;
            text-align: right;
        }

        .wh-card > div > input[type=text] {
            height: 30px;
            width: 793px;
            padding-left: 7px;
            line-height: 30px;
            border-radius: 5px;
            border: 1px solid #999;
            margin-left: 10px;
        }

            .wh-card > div > input[type=text]:focus {
                border: 1px solid #ffaa00;
            }

.wh-con-wrap {
    width: 800px;
    display: inline-block;
    position: relative;
    padding: 5px 7px;
    *display: inline;
    *zoom: 1;
}

.se-card {
    font-size: 20px;
    line-height: 40px;
    text-align: right;
    margin: 20px 0 40px 0;
}

    .se-card > input[type=button] {
        font-size: 18px;
        line-height: 28px;
        cursor: pointer;
        color: #f0f0f0;
        height: 30px;
        background-color: #ffaa00;
        padding: 0 30px;
    }

        .se-card > input[type=button]:hover {
            background-color: #ff7f00;
        }

.wh-card div.se-card2 {
    text-align: left;
    margin-left: 92px;
}

.login-in {
    display: inline-block;
    position: relative;
    padding-left: 10px;
    z-index: 10;
}

    .login-in > a {
        padding-left: 10px;
        color: #dc0000;
    }

    .login-in em {
        padding-left: 10px;
        color: #ffaa00;
        display: inline-block;
        position: relative;
    }

    .login-in i {
        display: inline-block;
        position: relative;
    }

        .login-in i img {
            cursor: pointer;
        }

        .login-in i ul {
            position: absolute;
            display: none;
            background-color: #ffaa00;
            border: 1px solid #ffaa00;
            top: 100%;
            left: -70px;
            text-align: left;
            width: 100px;
            line-height: 22px;
            padding: 5px 0;
        }

            .login-in i ul a {
                cursor: pointer;
                width: 100%;
                color: #fff;
                height: 100%;
                text-indent: 10px;
                line-height: 22px;
                display: inline-block;
            }

                .login-in i ul a:hover {
                    background-color: #fff;
                    color: #ffaa00;
                }

.so-nav {
    border-bottom: 3px solid #ff7f00;
}

.nav-head .so-nav {
    background-color: transparent;
    margin-top: 15px;
}

.so-nav .nav-ul > li > a {
    color: #333;
    background-color: transparent;
    padding: 0 15px;
}

    .so-nav .nav-ul > li > a:hover {
        color: #ff7f00;
        font-weight: bold;
    }

.so-banner-head {
    width: 100%;
    max-width: 1920px;
    min-width: 990px;
    height: 518px;
    margin: 0px auto 20px;
    overflow: hidden;
    margin-top: 3px;
}

.so-banner-img {
    width: 10000px;
    height: 480px;
    top: 0;
    left: 0;
}

.so-banner-bg {
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url("img/so-banner-bg.png") no-repeat center center;
}

.so-banner-img li {
    float: left;
    height: 480px;
    overflow: hidden;
    position: relative;
}

    .so-banner-img li img {
        width: 1920px;
        height: 480px;
        display: block;
        position: absolute;
    }

.shop-li i {
    display: inline-block;
    width: 175px;
    height: 40px;
    background-color: #ffaa00;
    color: #fff;
    line-height: 40px;
    z-index: 9;
    padding-left: 25px;
    text-align: left;
    border-bottom: 3px solid #ff7f00;
}

.shop-nav {
    width: 200px;
    height: 478px;
    border-top: 1px solid #ffe263;
    background-color: #ffaa00;
    top: 43px;
    left: 0;
    z-index: 10;
}

    .shop-nav > li {
        line-height: 35px;
        width: 200px;
        color: #fff;
        position: relative;
        border-top: 1px solid #ffc44d;
        padding: 10px 0;
        border-bottom: 1px solid #ff7f00;
        text-indent: 10px;
        text-align: left;
        font-size: 15px;
        color: #fff;
        border-right: none;
        *float: left;
    }

    .shop-nav .sm-ctl {
        padding: 0 1px;
        color: #fff;
    }

        .shop-nav .sm-ctl a {
            color: #fff;
            display: inline-block;
        }

    .shop-nav .sm-ctl-act:hover, .shop-nav .sm-ctlact {
        border-left: 2px solid #ff7f00;
        background-color: #fff;
        color: #ff7f00;
    }

.sm-ctl-act > a {
    text-indent: 0;
    padding-left: 40px;
    font-size: 15px;
}

    .sm-ctl-act > a.sh-nav-icon {
        background-position: 10px 4px;
        background-repeat: no-repeat;
    }

    .sm-ctl-act > a.sh-nav-iconact {
        background-position: 10px -36px;
        color: #ff7f00;
    }

    .sm-ctl-act > a.sh-nav-icon-1 {
        background-image: url("img/sh-nav-icon1.png");
    }

    .sm-ctl-act > a.sh-nav-icon-2 {
        background-image: url("img/sh-nav-icon2.png");
    }

    .sm-ctl-act > a.sh-nav-icon-3 {
        background-image: url("img/sh-nav-icon3.png");
    }

    .sm-ctl-act > a.sh-nav-icon-4 {
        background-image: url("img/sh-nav-icon4.png");
    }

    .sm-ctl-act > a.sh-nav-icon-5 {
        background-image: url("img/sh-nav-icon5.png");
    }

    .sm-ctl-act > a.sh-nav-icon-6 {
        background-image: url("img/sh-nav-icon6.png");
    }

    .sm-ctl-act > a.sh-nav-icon-7 {
        background-image: url("img/sh-nav-icon7.png");
    }

.shop-nav .sm-ctl-case {
    line-height: 20px;
    height: 20px;
    text-indent: 0;
    padding: 5px 0 10px 25px;
}

    .shop-nav .sm-ctl-case > a {
        padding: 0 3px;
        height: 20px;
        text-indent: 0;
        font-size: 14px;
    }

.shop-nav .sm-ctl-caseact > a {
    color: #ff7f00;
}

    .shop-nav .sm-ctl-caseact > a:hover {
        background-color: #ff7f00;
        color: #fff;
    }

.shop-meau {
    width: 620px;
    min-height: 100px;
    padding-bottom: 20px;
    padding-top: 10px;
    top: 0px;
    left: 200px;
    z-index: 8;
    line-height: 27px;
    color: #1a1a1a;
    font-size: 14px;
    text-align: left;
    text-indent: 0;
    overflow: visible;
    border-top: 1px solid #f0f0f0;
    background-color: #fff;
}

.shop-me {
    width: 620px;
    background-color: #fff;
}

.shop-meau dl {
    margin: 0 30px;
}

    .shop-meau dl dt {
        border-bottom: 1px solid #cccccc;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .shop-meau dl dd {
        float: left;
        margin-left: 5px;
    }

.shop-meau dd a {
    display: inline-block;
    padding: 0 10px;
}

.shop-meau a {
    height: 25px;
    line-height: 25px;
    color: #1a1a1a;
}

.shop-meau dd a:hover {
    color: #fff;
    background-color: #ffaa00;
}

.sh-m-bgb {
    height: 24px;
    top: 100%;
    right: 36px;
    left: 50px;
    background: url("img/shop-meaubgb.png") repeat-x left top;
}

.sh-m-bgbl {
    width: 50px;
    height: 24px;
    top: 100%;
    left: 0px;
    background: url("img/shop-meaubgbl.png") no-repeat right top;
}

.sh-m-bgbr {
    width: 50px;
    height: 24px;
    top: 100%;
    right: -14px;
    background: url("img/shop-meaubgbr.png") no-repeat left top;
}

.sh-m-bgsl {
    width: 14px;
    top: 30px;
    bottom: 0;
    left: -14px;
    background: url("img/shop-meaubgsl.png") repeat-y right top;
}

.sh-m-bgslt {
    width: 14px;
    height: 30px;
    top: 0;
    left: -14px;
    background: url("img/shop-meaubgslt.png") no-repeat right top;
}

.sh-m-bgsr {
    width: 14px;
    top: 30px;
    bottom: 0;
    right: -14px;
    background: url("img/shop-meaubgsr.png") repeat-y left top;
}

.sh-m-bgsrt {
    width: 14px;
    height: 30px;
    top: 0;
    right: -14px;
    background: url("img/shop-meaubgsrt.png") no-repeat left top;
}

.hot-casescl {
    height: 470px;
    overflow: hidden;
}

    .hot-casescl > ul {
        width: 15000px;
        top: 0;
        left: 0;
    }

        .hot-casescl > ul > li {
            float: left;
            width: 313px;
            height: 413px;
            margin-right: 20px;
            padding: 1px;
        }

    .hot-casescl li:hover {
        transition: background-color 0.2s;
        background-color: #e6e6e6;
        padding: 0;
        border: 1px solid #ffaa00;
    }

    .hot-casescl li a > img {
        padding-top: 5px;
        padding-left: 5px;
        width: 305px;
        height: 305px;
    }

    .hot-casescl li .p1 {
        font-size: 16px;
        line-height: 35px;
        text-indent: 10px;
    }

        .hot-casescl li .p1 a {
            color: #000;
            line-height: 35px;
            cursor: pointer;
        }

    .hot-casescl li .p2 {
        font-size: 24px;
        line-height: 35px;
        color: #ff7f00;
        text-indent: 10px;
    }

    .hot-casescl li .p3 {
        font-size: 14px;
        line-height: 25px;
        position: relative;
    }

        .hot-casescl li .p3 i {
            padding-left: 10px;
            text-decoration: line-through;
        }

        .hot-casescl li .p3 img, .hot-casescl li .p3 a {
            float: right;
            margin-right: 10px;
            line-height: 25px;
            margin-bottom: 5px;
            cursor: pointer;
            *margin-top: -20px;
        }

        .hot-casescl li .p3 a {
            color: #fff;
            background-color: #ffaa00;
            padding: 0 10px;
            margin-right: 20px;
        }

            .hot-casescl li .p3 a:hover {
                background-color: #ff7f00;
            }

.shop-area {
    margin-top: 20px;
    min-height: 400px;
}

.shop-area-tit {
    height: 25px;
    position: relative;
    border-bottom: 1px solid #ff7f00;
    margin-bottom: 20px;
}

.shop-area-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 38px;
    height: 24px;
    background: url("img/shop-area.png") no-repeat center center;
}

    .shop-area-icon > span {
        color: #fff;
        display: block;
        position: absolute;
        height: 15px;
        line-height: 15px;
        width: 20px;
        bottom: 0;
        left: 0;
        font-size: 15px;
    }

.shop-area-tit > .p1 {
    padding-left: 48px;
    height: 25px;
    line-height: 25px;
    color: #333;
    font-weight: bold;
    font-size: 18px;
}

.shop-area-tit > .p2 {
    position: absolute;
    height: 100px;
    height: 25px;
    line-height: 25px;
    right: 0;
    top: 0;
}

    .shop-area-tit > .p2 a {
        font-size: 12px;
        color: #666666;
        cursor: pointer;
        padding: 0 15px;
        background: url("img/more.png") no-repeat right center;
    }

        .shop-area-tit > .p2 a:hover {
            color: #56a333;
            background: url("img/moreg.png") no-repeat right center;
        }

.shop-area > ul {
    width: 1013px;
}

.shop-area li {
    float: left;
    margin-bottom: 20px;
    width: 228px;
    height: 348px;
    margin-right: 23px;
    padding: 1px;
}

    .shop-area li:hover {
        transition: background-color 0.2s;
        background-color: #e6e6e6;
        padding: 0;
        border: 1px solid #ffaa00;
    }

    .shop-area li a img {
        padding-top: 5px;
        padding-left: 5px;
        width: 220px;
        height: 220px;
    }

    .shop-area li .p1 {
        font-size: 16px;
        line-height: 22px;
        padding-left: 10px;
    }

        .shop-area li .p1 a {
            color: #000;
            line-height: 22px;
            cursor: pointer;
        }

    .shop-area li p {
        position: relative;
    }

    .shop-area li .p2 {
        font-size: 24px;
        line-height: 45px;
        color: #ff7f00;
        padding-left: 10px;
    }

        .shop-area li .p2 a {
            line-height: 25px;
            font-size: 14px;
            color: #fff;
            background-color: #ffaa00;
            padding: 0 5px;
        }

            .shop-area li .p2 a:hover {
                background-color: #ff7f00;
            }

        .shop-area li .p3 img, .shop-area li .p2 a {
            display: inline-block;
            position: absolute;
            right: 20px;
            bottom: 5px;
            line-height: 25px;
            cursor: pointer;
        }

    .shop-area li .p3 img {
        width: 20px;
        height: 20px;
        bottom: 0;
    }

    .shop-area li .p3 {
        font-size: 14px;
        line-height: 25px;
    }

        .shop-area li .p3 i {
            padding-left: 10px;
            color: #333333;
            text-decoration: line-through;
        }

.shop-content {
    width: 990px;
    margin: 0 auto;
}

.hot-s {
    width: 990px;
    height: 170px;
    background-color: #e6e6e6;
    margin: 0 auto;
}

    .hot-s li {
        float: left;
        position: relative;
        background-color: #fff;
        width: 310px;
        height: 120px;
        margin: 20px 10px 0;
    }

        .hot-s li img {
            width: 100px;
            height: 100px;
            float: left;
            margin: 10px;
        }

        .hot-s li p {
            font-size: 16px;
            color: #1a1a1a;
            line-height: 20px;
        }

        .hot-s li .p1 {
            padding-top: 10px;
        }

            .hot-s li .p1 a {
                color: #1a1a1a;
            }

        .hot-s li .p3 {
            line-height: 30px;
            color: #dc0000;
        }

        .hot-s li .p4 {
            font-size: 14px;
        }

            .hot-s li .p4 a {
                float: left;
                background-color: #cccccc;
                font-size: 14px;
                padding: 2px 10px;
            }

                .hot-s li .p4 a:hover {
                    background-color: #ff7f00;
                    color: #fff;
                }

        .hot-s li .icon1 {
            position: absolute;
            top: 0;
            right: 0;
            width: 56px;
            height: 77px;
            background: url("img/shop-icon1.png") no-repeat center center;
        }

            .hot-s li .icon1 p {
                width: 40px;
                height: 40px;
                font-size: 14px;
                color: #fff;
                margin: 10px auto;
                line-height: 16px;
                text-align: center;
            }

.sh-list-type .p1 {
    height: 40px;
    margin-top: 20px;
    line-height: 40px;
    background-color: #e6e6e6;
    font-size: 16px;
}

    .sh-list-type .p1 u {
        margin-left: 15px;
        color: #ffaa00;
    }

    .sh-list-type .p1 i {
        margin-left: 15px;
    }

    .sh-list-type .p1 b {
        font-size: 12px;
        color: #666;
        margin-left: 20px;
    }

.shop-type {
    background-color: #e6e6e6;
}

.s-t {
    line-height: 30px;
    clear: both;
    min-height: 30px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

    .s-t > a {
        float: left;
        margin-left: 15px;
        font-size: 14px;
        color: #1a1a1a;
        line-height: 30px;
        width: 50px;
        display: inline-block;
    }

    .s-t > p {
        margin-left: 70px;
        color: #cccccc;
        font-size: 14px;
        line-height: 30px;
        margin-right: 120px;
    }

        .s-t > p > * {
            vertical-align: middle;
        }

        .s-t > p > a, .s-t > p > i {
            display: inline-block;
            color: #ffaa00;
            margin: 0 15px 0;
        }

            .s-t > p > i a {
                color: #ffaa00;
            }

        .s-t > p > i {
            display: none;
        }

    .s-t .more {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 12px;
        color: #666666;
        padding-right: 15px;
        background: url("img/shop-more.png") no-repeat right center;
    }

    .s-t input[type=text] {
        background-color: #e6e6e6;
        width: 65px;
        height: 22px;
        line-height: normal;
        line-height: 22px\9;
        margin: -2px 2px 0;
        text-indent: 5px;
        color: #666;
    }

    .s-t input[type=submit] {
        background-color: #e6e6e6;
        cursor: pointer;
        width: 45px;
        text-align: center;
        height: 22px;
        line-height: 21px;
        margin-top: -2px;
        margin-left: 10px;
        color: #ffaa00;
    }

        .s-t input[type=submit]:hover {
            background-color: #ffaa00;
            color: #fff;
        }

.shop-index {
    height: 40px;
    background-color: #e6e6e6;
    color: #666;
    margin-top: 20px;
}

.shop-ind > span, .shop-ind > i, .shop-ind > em > b, .shop-ind > em {
    border-radius: 0;
}

.shop-index > span {
    display: inline-block;
    height: 40px;
}

    .shop-index > span > * {
        vertical-align: middle;
    }

    .shop-index > span > a {
        display: inline-block;
        height: 20px;
        margin-top: 9px;
        cursor: pointer;
        background-color: #fff;
        padding: 0 10px;
        font-size: 14px;
        border: 1px solid #e6e6e6;
    }

        .shop-index > span > a.c {
            background-color: #ee5c1d;
            color: #fff;
            border: 1px solid #ee5c1d;
        }

            .shop-index > span > a.c:hover {
                color: #fff;
                border-color: #ee5c1d;
            }

        .shop-index > span > a:hover {
            color: #ee5c1d;
            border-color: #ee5c1d;
        }

    .shop-index > span > input {
        background-color: #fff;
        height: 22px;
        line-height: 22px;
        margin-top: 9px;
        padding: 0 10px;
        margin-left: 10px;
        cursor: pointer;
        color: #ffaa00;
    }

.shop-l-con {
    margin-top: 10px;
    border-top: 1px solid #cccccc;
    padding-top: 10px;
}

.shop-l-ad {
    width: 200px;
    border: 1px solid #ccc;
}

    .shop-l-ad > p {
        margin: 0 10px;
        line-height: 34px;
        font-size: 14px;
        color: #1a1a1a;
        border-bottom: 1px solid #ccc;
    }

    .shop-l-ad li {
        width: 180px;
        height: 295px;
        margin: 20px auto;
    }

        .shop-l-ad li:hover {
            background-color: #e6e6e6;
        }

        .shop-l-ad li img {
            width: 176px;
            height: 175px;
            margin: 2px;
        }

.s-ar .p1 {
    margin: 0 10px 0;
    font-size: 14px;
    line-height: 25px;
}

    .s-ar .p1 a {
        color: #000;
    }

.s-ar .p2 {
    color: #dc0000;
    margin-left: 10px;
    font-size: 16px;
}

.s-ar .p3 i {
    color: #ee5c1d;
    font-size: 12px;
    margin-left: 10px;
    line-height: 25px;
}

.s-ar .p3 a {
    background-color: #dc0000;
    padding: 0 10px;
    cursor: pointer;
    float: right;
    color: #fff;
    font-size: 12px;
    margin-right: 7px;
    line-height: 25px;
}

.shop-l-li {
    width: 990px;
    min-height: 500px;
}

    .shop-l-li > ul {
        width: 975px;
        margin: 0 0 0 12.5px;
    }

    .shop-l-li li {
        float: left;
        width: 185px;
        height: 320px;
        margin: 0 10px 20px 0;
    }

        .shop-l-li li:hover {
            background-color: #b3b3b3;
        }

        .shop-l-li li img {
            width: 183px;
            height: 180px;
        }

.s-ar > div {
    width: 183px;
    height: 318px;
    background-color: #fff;
    margin: 1px;
}

.s-ar .p4 {
    color: #b2b2b2;
    line-height: 20px;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 7px;
}

    .s-ar .p4 a {
        display: inline-block;
        background-color: #e6e6e6;
        padding: 0 5px 0 23px;
        line-height: 20px;
        border: 1px solid #b3b3b3;
    }

a.foc {
    background: url("img/shop-focus.png") no-repeat 5px center;
}

a.buc {
    background: url("img/shop-buycar.png") no-repeat 5px center;
}

a.foc:hover {
    color: #dc0000;
    border-color: #dc0000;
    background: url("img/cshop-focus.png") no-repeat 5px center #e6e6e6;
}

a.buc:hover {
    color: #dc0000;
    border-color: #dc0000;
    background: url("img/cshop-buycar.png") no-repeat 5px center #e6e6e6;
}

.set-case {
    padding: 10px 0;
    margin: 0 10px;
    border-bottom: 1px solid #abacaa;
}

    .set-case > * {
        display: inline-block;
    }

    .set-case > span {
        width: 230px;
        vertical-align: top;
        line-height: 30px;
    }

    .set-case .checked {
        font-size: 14px;
    }

        .set-case .checked > span {
            margin-right: 20px;
        }

.checked {
    line-height: 30px;
    margin: 10px;
    font-size: 18px;
    color: #1a1a1a;
}

    .checked > * {
        display: inline-block;
    }

    .checked > span {
        margin-right: 35px;
        width: 200px;
    }

        .checked > span * {
            vertical-align: middle;
        }

        .checked > span i {
            display: inline-block;
            width: 15px;
            height: 15px;
            cursor: pointer;
            background-color: #999;
            margin: 0 5px;
        }

            .checked > span i.ched {
                background: url("img/checked.png") no-repeat center center;
            }

    .checked input {
        float: right;
        margin-left: 10px;
        width: 60px;
        height: 24px;
        line-height: 24px;
        cursor: pointer;
        color: #f2f8f1;
        text-align: center;
        background-color: #225500;
    }

.abc-key {
    width: 300px;
    height: 30px;
    line-height: 30px;
    margin: 100px auto;
    border: 1px solid #999;
}

.abc-key-a {
    width: 400px;
    height: 200px;
    border: 1px solid #ffaa00;
    top: 100%;
    left: 0;
    line-height: 25px;
    color: #1a1a1a;
    font-size: 14px;
    background-color: #fff;
    z-index: 200;
}

    .abc-key-a > p {
        margin: 10px 0 0 10px;
        position: relative;
        color: #4c4c4c;
    }

        .abc-key-a > p i {
            display: inline-block;
            width: 14px;
            height: 13px;
            cursor: pointer;
            margin: 5px 10px;
            float: right;
            background: url("/contents/home/img/abc-c.png") no-repeat center center;
            z-index: 10;
        }

        .abc-key-a > p.k-w {
            border-bottom: 1px solid #999;
            position: relative;
            height: 30px;
        }

            .abc-key-a > p.k-w a {
                display: inline-block;
                padding: 0 5px;
                height: 30px;
                cursor: pointer;
            }

                .abc-key-a > p.k-w a:hover {
                    height: 30px;
                    border-bottom: 2px solid #ffaa00;
                    color: #ffaa00;
                }

    .abc-key-a > div {
        word-break: normal;
        word-wrap: normal;
        height: 60%;
        overflow-y: auto;
        font-size: 13px;
        line-height: 30px;
    }

        .abc-key-a > div a {
            display: inline-block;
            width: 60px;
            padding-left: 15px;
            cursor: pointer;
        }

.k-bg {
    height: 30px;
    border-bottom: 2px solid #ffaa00;
    color: #ffaa00;
}

.hot-s2 {
    border-top: 1px solid #e6e6e6;
    margin-top: 20px;
    background-color: #fff;
}

    .hot-s2 > p {
        font-size: 16px;
        color: #1a1a1a;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #e6e6e6;
        text-indent: 10px;
        line-height: 30px;
        background-color: #f5f5f5;
    }

.case-maininfo {
    margin-top: 20px;
}

    .case-maininfo > div {
        float: left;
    }

.case-img {
    width: 350px;
    height: 450px;
    margin-right: 10px;
}

.case-ce {
    width: 440px;
    height: 450px;
    margin-right: 10px;
}

.s-add {
    height: auto;
    margin-bottom: 50px;
    text-align: left;
}

.main-ser {
    width: 176px;
    height: 350px;
    z-index: 1000;
    position: fixed;
    bottom: 100px;
    right: 0;
}

.case-ser {
    width: 176px;
    height: 350px;
    border: 2px solid #cccccc;
    background-color: #f5f5f5;
}

.case-img > div.ca-b-i > img {
    width: 348px;
    height: 348px;
    border: 1px solid #ccc;
}

.case-img > div {
    width: 350px;
    height: 55px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

    .case-img > div.ca-b-i {
        width: 350px;
        height: 350px;
        position: relative;
    }

.case-img div.wr {
    width: 315px;
    height: 55px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.case-min-ul {
    width: 10000px;
    position: absolute;
    top: 0;
    left: 0;
}

    .case-min-ul li {
        width: 55px;
        height: 55px;
        margin-right: 10px;
        float: left;
    }

        .case-min-ul li:hover {
            background-color: #ffaa00;
        }

        .case-min-ul li img {
            width: 51px;
            height: 51px;
            margin: 2px;
        }

.case-minmore-ctl {
    width: 13px;
    height: 51px;
    left: 0;
    bottom: 2px;
    background: url("img/shop-ctl.png") no-repeat center center;
    cursor: pointer;
}

    .case-minmore-ctl:hover {
        background: url("img/shop-ctly.png") no-repeat center center;
    }

.case-minmore-ctr {
    width: 13px;
    height: 51px;
    right: 0;
    bottom: 2px;
    background: url("img/shop-ctr.png") no-repeat center center;
    cursor: pointer;
}

    .case-minmore-ctr:hover {
        background: url("img/shop-ctry.png") no-repeat center center;
    }

.case-ce .t {
    font-size: 22px;
    margin-left: 10px;
    line-height: 35px;
    margin-top: -7px;
}

    .case-ce .t i {
        color: #dc0000;
    }

.case-ce .d1 {
    margin-top: 20px;
    font-size: 14px;
    line-height: 30px;
    color: #1a1a1a;
    height: 75px;
    background-color: #f5f5f5;
}

.case-ce .p2 {
    margin-bottom: 5px;
    margin-left: 10px;
}

.case-ce .p3 {
    position: absolute;
    width: 160px;
    height: 40px;
    right: 0;
    top: 10px;
    line-height: 16px;
}

    .case-ce .p3 span {
        display: inline-block;
        width: 79px;
        height: 30px;
        text-align: center;
    }

        .case-ce .p3 span.br {
            border-right: 1px solid #cccccc;
        }

.case-ce .d2 {
    margin-top: 10px;
    margin-left: 10px;
    line-height: 20px;
    font-size: 14px;
    color: #1a1a1a;
}

    .case-ce .d2 textarea {
        width: 320px;
        height: 80px;
        resize: none;
        border: 1px solid #ccc;
    }

    .case-ce .d2 > span {
        display: inline-block;
        position: relative;
        width: 118px;
        line-height: 18px;
        border: 1px solid #cccccc;
        background: url("img/shop-gro.png") no-repeat 105px center;
    }

        .case-ce .d2 > span.adds {
            background: none;
        }

        .case-ce .d2 > span.min {
            width: 55px;
        }

        .case-ce .d2 > span > input {
            width: 105px;
            color: #666;
            text-indent: 10px;
            height: 16px;
            line-height: 16px;
            text-indent: 8px;
        }

        .case-ce .d2 > span.min > input {
            width: 50px;
            color: #666;
            text-indent: 10px;
            height: 16px;
            line-height: 16px;
            text-indent: 8px;
            margin-right: 10px;
        }

    .case-ce .d2 input[type=checkbox] {
        width: 15px;
    }

    .case-ce .d2 input[type=button] {
        width: 150px;
        height: 25px;
        cursor: pointer;
        background-color: #ffaa00;
        color: #fff;
        text-align: center;
        line-height: 25px;
    }

.add-gro {
    background-color: #d1d1d1;
    position: absolute;
    top: 18px;
    left: 0;
    display: none;
    width: 300px;
    height: 200px;
    z-index: 100;
}

    .add-gro > li {
        float: left;
        width: 139px;
        height: 180px;
        overflow-y: auto;
        line-height: 20px;
        margin: 10px 0 10px 10px;
    }

        .add-gro > li.b-r {
            border-right: 1px solid #666;
        }

        .add-gro > li li {
            line-height: 25px;
            cursor: pointer;
            text-align: center;
        }

            .add-gro > li li:hover {
                color: #fff;
                background-color: #ee5c1d;
            }

        .add-gro > li.b-l > ul {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

.case-ce .d3 {
    margin: 10px 0;
    padding: 10px 0;
    min-height: 80px;
    max-height: 140px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}

.case-ce .u1 {
    width: 350px;
    height: 100px;
    float: left;
    overflow: auto;
}

.case-ce .p4 {
    width: 55px;
    float: left;
    margin-left: 10px;
}

.case-ce .u1 {
    margin-left: 5px;
}

    .case-ce .u1 li {
        float: left;
        width: 88px;
        height: 18px;
        font-size: 12px;
        line-height: 18px;
        text-indent: 2px;
        margin-right: 10px;
        margin-bottom: 10px;
        cursor: pointer;
    }

        .case-ce .u1 li:hover {
            border-color: #ffaa00;
        }

.u1bg1 {
    border: 1px solid #ccc;
}

.u1bg2 {
    border: 1px solid #ffaa00;
}

.case-ce .p5 {
    line-height: 20px;
    font-size: 14px;
    color: #1a1a1a;
    margin-left: 10px;
}

    .case-ce .p5 span {
        display: inline-block;
        width: 65px;
        height: 20px;
        line-height: 20px;
        background-color: #ccc;
        margin: 0 10px 0 0;
        *width: 70px;
    }

    .case-ce .p5 * {
        vertical-align: middle;
        float: left;
    }

    .case-ce .p5 span input {
        display: inline-block;
        text-align: center;
        color: #666;
        width: 35px;
        height: 16px;
        line-height: 16px;
        font-size: 12px;
        margin-top: 2px;
    }

    .case-ce .p5 span u {
        display: inline-block;
        width: 15px;
        text-align: center;
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
        color: #666666;
    }

.case-ce .smup {
    margin: 20px 0 0 58px;
    line-height: 30px;
}

.i-tit {
    display: inline-block;
    width: 58px;
    text-align: right;
}

.s-add .i-tit {
    width: 100px;
    text-align: right;
    vertical-align: top;
}

.smup a {
    display: inline-block;
    height: 30px;
    cursor: pointer;
    color: #fff;
    margin: 0 10px;
    padding: 0 30px;
    background-color: #ffaa00;
}

    .smup a:hover {
        background-color: #ff7f00;
        color: #fff;
    }

.case-ser > img {
    width: 176px;
    height: 80px;
    margin-bottom: 50px;
}

.case-ser p {
    color: #1a1a1a;
    font-size: 12px;
    margin: 5px 10px;
}

.case-ser .p1 span {
    display: inline-block;
    width: 60px;
    margin-right: 5px;
    height: 8px;
    background-color: #e6e6e6;
}

    .case-ser .p1 span u {
        float: left;
        display: inline-block;
        width: 30px;
        height: 8px;
        background-color: #ffaa00;
    }

.case-ser .p3 {
    line-height: 30px;
    height: 30px;
    background-color: #ffaa00;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-top: 30px;
    cursor: pointer;
}

    .case-ser .p3:hover {
        background-color: #ff7f00;
    }

.shop-info-li {
    width: 780px;
    border-top: 1px solid #cccccc;
    margin-top: 5px;
}

.sh-in-nav {
    height: 32px;
    margin-top: -2px;
    line-height: 30px;
}

    .sh-in-nav i {
        display: inline-block;
        font-size: 14px;
        color: #1a1a1a;
        cursor: pointer;
    }

        .sh-in-nav i:hover {
            border-top: 2px solid #ee5c1d;
            height: 29px;
            line-height: 29px;
            border-left: 1px solid #cccccc;
            margin-top: -1px;
            padding: 0 14px;
            border-right: 1px solid #cccccc;
        }

.in-navbg2 {
    border-top: 2px solid #ee5c1d;
    height: 29px;
    line-height: 29px;
    border-left: 1px solid #cccccc;
    margin-top: -1px;
    padding: 0 14px;
    border-right: 1px solid #cccccc;
}

.in-navbg1 {
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
}

.shop-info-con {
    min-height: 500px;
}

.shop-info-conn {
    margin: 10px;
}

.shop-ass {
    height: 123px;
    border: 1px solid #ccc;
}

    .shop-ass > span {
        display: inline-block;
        position: relative;
        float: left;
        width: 50%;
        height: 100%;
    }

    .shop-ass .p1 {
        line-height: 30px;
        font-size: 16px;
        color: #1a1a1a;
        text-indent: 20px;
    }

    .shop-ass .p2 {
        width: 130px;
        height: 80px;
        margin-left: 40px;
        text-align: center;
    }

        .shop-ass .p2 b {
            line-height: 58px;
            font-size: 48px;
            color: #ee5c1d;
        }

        .shop-ass .p2 i {
            font-size: 14px;
            color: #b2b2b2;
            line-height: 15px;
        }

    .shop-ass .d1 {
        position: absolute;
        height: 65px;
        border-right: 1px dotted #ccc;
        line-height: 20px;
        color: #666;
        font-size: 12px;
        width: 200px;
        top: 30px;
        right: 0;
    }

        .shop-ass .d1 b {
            display: inline-block;
            width: 65px;
        }

        .shop-ass .d1 span {
            display: inline-block;
            width: 100px;
            height: 10px;
            background-color: #ccc;
        }

            .shop-ass .d1 span i {
                display: inline-block;
                float: left;
                height: 10px;
                width: 50px;
                background-color: #ee5c1d;
            }

    .shop-ass .p3 {
        line-height: 25px;
        margin-left: 20px;
    }

        .shop-ass .p3 img {
            width: 13px;
            height: 12px;
            padding: 0 2px;
            float: left;
        }

    .shop-ass .p4 {
        height: 30px;
        line-height: 70px;
        margin: 10px 0 0 20px;
    }

        .shop-ass .p4 span {
            display: inline-block;
            height: 30px;
            width: 340px;
            background-color: #ccc;
        }

            .shop-ass .p4 span i {
                display: inline-block;
                height: 30px;
                width: 170px;
                background-color: #ee5c1d;
                float: left;
            }

.s-nav-wr {
    margin-top: 10px;
    border-top: 1px solid #ccc;
}

.s-i-c {
    border: 1px solid #ccc;
}

    .s-i-c .sic {
        width: 730px;
        border-bottom: 1px solid #ccc;
        margin: 0 auto;
    }

        .s-i-c .sic .p1 {
            width: 80px;
            height: 110px;
            float: left;
            text-align: center;
        }

            .s-i-c .sic .p1 i {
                line-height: 18px;
                color: #1a1a1a;
                font-size: 12px;
            }

            .s-i-c .sic .p1 img {
                height: 12px;
                width: 13px;
            }

        .s-i-c .sic .p2 {
            margin: 20px 10px 0 90px;
            font-size: 14px;
            color: #1a1a1a;
        }

        .s-i-c .sic .p4 {
            margin-left: 90px;
        }

            .s-i-c .sic .p4 img {
                width: 50px;
                height: 50px;
                margin: 10px;
                float: left;
            }

        .s-i-c .sic .p3 {
            color: #999;
            font-size: 12px;
            margin: 20px 0 20px 90px;
        }

        .s-i-c .sic .p5 {
            position: relative;
            color: #999;
            font-size: 12px;
            padding: 10px;
            background-color: #e6e6e6;
            margin: 20px 10px 20px 90px;
        }

            .s-i-c .sic .p5 em {
                display: block;
                position: absolute;
                top: -10px;
                left: 15px;
                border-bottom: 10px solid #e6e6e6;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
            }

    .s-i-c .inde {
        margin: 10px;
    }

.shop-tit {
    line-height: 20px;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.s-smit-con {
    border: 1px solid #ccc;
}

.s-checked {
    background: url("img/shop-checked.png") no-repeat right bottom;
    border: 2px solid #ee5c1d;
}

.s-nochecked {
    border: 1px solid #ccc;
    padding: 1px 20px;
}

.s-smit-con > .p1 {
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.s-s-c {
    width: 950px;
    margin: 0 auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

div.nobb {
    border-bottom: none;
}

div.w990 {
    width: 990px;
}

.s-s-c .p1 {
    font-size: 14px;
    color: #1a1a1a;
    line-height: 30px;
}

.s-s-c .p2 {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    margin: 10px;
}

    .s-s-c .p2 a {
        color: #dc0000;
        margin-left: 30px;
    }

    .s-s-c .p2 span {
        margin: 0 10px 10px 0;
        display: inline-block;
        padding: 2px 20px;
        cursor: pointer;
    }

.s-s-c .p10 span {
    border: 1px solid #ccc;
}

.s-s-c .p3 {
    width: 65px;
    margin: 10px;
    cursor: pointer;
    font-size: 12px;
    color: #666;
    line-height: 20px;
}

.p3bg1 {
    background: url("img/mored.png") no-repeat right center;
}

.p3bg2 {
    background: url("img/moreu.png") no-repeat right center;
}

.s-s-c .p4 {
    position: absolute;
    color: #dc0000;
    font-size: 12px;
    top: 10px;
    right: 0;
    cursor: pointer;
}

.s-s-c .p5 {
    margin: 5px 0;
    color: #1a1a1a;
    font-size: 12px;
}

    .s-s-c .p5 > img {
        float: left;
        width: 60px;
        height: 60px;
        margin-right: 10px;
    }

    .s-s-c .p5 .s1 {
        display: inline-block;
        width: 300px;
    }

        .s-s-c .p5 .s1 a {
            color: #1a1a1a;
        }

    .s-s-c .p5 .s2 {
        float: right;
        display: inline-block;
    }

        .s-s-c .p5 .s2 > a {
            color: #dc0000;
            margin-left: 40px;
        }

        .s-s-c .p5 .s2 i {
            font-size: 16px;
            color: #dc0000;
            margin: 0 30px;
        }

        .s-s-c .p5 .s2 b {
            margin: 0 10px;
        }

.s-s-c .p6 {
    color: #666;
    font-size: 14px;
    margin: 10px;
}

    .s-s-c .p6 a {
        color: #dc0000;
        margin-left: 10px;
        cursor: pointer;
    }

.s-s-c .p7 {
    text-align: right;
    padding-right: 20px;
    color: #666;
    font-size: 12px;
    line-height: 35px;
}

    .s-s-c .p7 i {
        display: inline-block;
        width: 125px;
    }

    .s-s-c .p7 a {
        display: inline-block;
        font-size: 22px;
        margin-right: 20px;
        width: 160px;
        height: 35px;
        text-align: center;
        background-color: #ffaa00;
        color: #fff;
    }

        .s-s-c .p7 a:hover {
            background-color: #ff7f00;
        }

    .s-s-c .p7 b {
        color: #dc0000;
        font-size: 22px;
        margin-right: 30px;
    }

.s-s-c p.vm > * {
    vertical-align: middle;
}

.s-s-c p.vm {
    margin-top: 10px;
    padding: 10px 0;
    border-top: 1px solid #ccc;
}

.s-s-c .p8 {
    text-align: right;
    background-color: #e6e6e6;
    color: #666;
    font-size: 12px;
    line-height: 25px;
    padding: 10px 20px 10px 10px;
}

.c-bill {
    display: none;
    background-color: #fff;
    width: 600px;
    height: 330px;
    font-size: 12px;
    color: #666;
    line-height: 30px;
    border: 2px solid #ccc;
}

    .c-bill .p1 {
        font-size: 14px;
        text-indent: 10px;
        color: #1a1a1a;
        line-height: 30px;
        background-color: #e6e6e6;
    }

        .c-bill .p1 a {
            float: right;
            cursor: pointer;
            width: 16px;
            height: 16px;
            background: url("img/bill-close.png") no-repeat center center;
            margin: 7px;
        }

    .c-bill .s-s-c {
        border-bottom: none;
    }

.s-s-c .i1 {
    display: inline-block;
    width: 100px;
    padding-bottom: 50px;
    text-align: right;
    float: left;
}

.s-s-c .p2 span.lon {
    display: inline-block;
    width: 270px;
    text-align: left;
}

.s-s-c .p2 textarea {
    height: 60px;
    width: 70%;
    border: 1px solid #ccc;
    resize: none;
}

.s-s-c .p9 {
    color: #dc0000;
    margin-left: 100px;
    margin-top: -15px;
}

    .s-s-c .p9 a {
        color: #dc0000;
    }

.s-cart-con {
    width: 100%;
    margin: 0 auto;
}

.info-d {
    margin: 10px 0;
    line-height: 30px;
    font-size: 14px;
    color: #1a1a1a;
}

.info-d2 {
    margin: 10px 0;
    min-height: 100px;
    line-height: 30px;
    font-size: 14px;
    color: #1a1a1a;
    border: 1px solid #dbdbdb;
}

.info-d i {
    display: inline-block;
    width: 90%;
}

.info-d .p2, .info-d .p3 {
    width: 45%;
    display: inline-block;
}

.info-d p {
    margin-left: 20px;
}

.info-d .p1 {
    font-weight: bold;
    margin-left: 0;
    border-bottom: 1px solid #dbdbdb;
}

.info-d b {
    display: inline-block;
    width: 75px;
    text-align: right;
}

.info-app {
    font-size: 14px;
    text-align: right;
    line-height: 50px;
    color: #4c4c4c;
    border-bottom: 1px solid #dbdbdb;
}

    .info-app i {
        color: #dc0000;
        font-size: 20px;
    }

.info-d2 p {
    margin: 0 20px 0;
    font-weight: bold;
}

    .info-d2 p i {
        color: #4c4c4c;
    }

.s-cart-con > .p2 > * {
    vertical-align: middle;
    position: relative;
}

.s-cart-con > .p2 > .p1 {
    position: absolute;
    padding: 0 10px;
    top: -31px;
    left: 0;
    text-align: center;
    font-size: 14px;
    z-index: 2;
    border-bottom: 2px solid #ee5c1d;
    height: 30px;
    line-height: 30px;
    color: #ee5c1d;
}

.s-cart-con > .p2 > .p3 {
    margin: -30px 0 0 105px;
    display: inline-block;
    text-align: left;
    font-size: 14px;
    z-index: 2;
    height: 30px;
    line-height: 30px;
    color: #666;
}

.s-cart-con > .p2 {
    height: 35px;
    position: relative;
    line-height: 35px;
    text-align: center;
    color: #1a1a1a;
    font-size: 14px;
    z-index: 3;
    margin-top: 45px;
    background-color: #e6e6e6;
    border-top: 1px solid #ccc;
}

.s-cart-con em {
    display: inline-block;
    margin: 10px 10px;
    border: 1px solid #ccc;
    width: 12px;
    height: 12px;
    background-color: #e6e6e6;
}

    .s-cart-con em.brw {
        background-color: #fff;
        border: 1px solid #a6a6a6;
    }

.s-cart-con > .p2 .w2, .cart-u .w2 {
    width: 33.125%;
    display: inline-block;
    text-align: center;
}

.s-cart-con > .p2 .w2 {
    width: 31%;
}

.s-cart-con > .pp2 .w2 {
    width: 26%;
    display: inline-block;
    text-align: center;
}

.s-cart-con > .p2 .w3, .cart-u .w3 {
    width: 19.595%;
    display: inline-block;
    text-align: center;
}

.s-cart-con > .pp2 .w3 {
    width: 21%;
}

.cart-u .w3 {
    text-indent: 10px;
}

.s-cart-con > .p2 .w4, .cart-u .w4 {
    width: 11%;
    display: inline-block;
    text-align: center;
}

.cart-uu .w4 {
    text-align: left;
    text-indent: 25px;
}

.s-cart-con > .p2 .w5, .cart-u .w5 {
    width: 13.333%;
    display: inline-block;
    text-align: center;
}

.s-cart-con > .p2 .w6, .cart-u .w6 {
    width: 15.5%;
    display: inline-block;
    text-align: center;
}

.s-cart-con > .p2 .w7 {
    width: 15.151%;
    display: inline-block;
    text-indent: 70px;
    *float: left;
}

.add-cart > .p2 .w7 {
    text-align: center;
    text-indent: 0;
}

.s-cart-con > .p2 .w8 {
    width: 22.222%;
    display: inline-block;
    text-indent: 115px;
}

.add-cart > .p2 .w8 {
    text-indent: 0;
    text-align: center;
}

.cart-u .w7 {
    width: 18.181%;
    display: inline-block;
    text-align: left;
}

.add-u .w7 {
    text-align: center;
}

.cart-u .w8 {
    width: 10.101%;
    display: inline-block;
    text-align: center;
    font-size: 16px;
}

.add-u .w8 {
    width: 18.5%;
    display: inline-block;
    text-align: center;
    font-size: 14px;
}

.cart-u li .w7 a {
    color: #ffaa00;
    line-height: 20px;
    cursor: pointer;
}

.cart-u span.w5 {
    font-size: 14px;
    line-height: 20px;
}

    .cart-u span.w5 a {
        color: #666;
    }

        .cart-u span.w5 a:hover {
            color: #ffaa00;
        }

.s-cart-con > .p2 .s-t-m {
    width: 105px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    border: 1px solid #cccccc;
    display: inline-block;
    text-align: center;
    background: url("img/shop-d.png") no-repeat 90px center #fff;
}

    .s-cart-con > .p2 .s-t-m input {
        width: 70px;
        display: inline-block;
        cursor: pointer;
        height: 18px;
        line-height: 18px;
    }

.u-w {
    margin-top: 15px;
}

    .u-w > p {
        background-color: #e6e6e6;
        font-size: 12px;
        text-indent: 20px;
        height: 30px;
        line-height: 30px;
    }

        .u-w > p i {
            margin-left: 40px;
        }

.cart-u {
    margin-bottom: 10px;
}

    .cart-u li > * {
        vertical-align: middle;
    }

    .cart-u li {
        min-height: 80px;
        padding: 20px 0;
        font-size: 12px;
        color: #666;
        border-bottom: 1px solid #ccc;
    }

.add-u li {
    min-height: 30px;
}

.cart-u li {
    height: auto;
    line-height: 20px;
}

    .cart-u li img {
        float: left;
        width: 80px;
        height: 80px;
        margin-right: 10px;
    }

    .cart-u li em {
        float: left;
        vertical-align: middle;
        cursor: pointer;
        margin-top: 34px;
        border: 1px solid #e6e6e6;
    }

.em-cbg {
    background: url("img/cart-checked.png") no-repeat center center;
}

.cart-u li i {
    font-size: 16px;
    color: #dc0000;
}

.cart-u .w1 {
    width: 25.252%;
    display: inline-block;
    text-align: left;
}

.cart-u .w9 {
    width: 26.464%;
    display: inline-block;
    text-align: left;
}

.cart-uu .w9 {
    width: 22%;
    display: inline-block;
    text-align: left;
}

.cart-u li .w4 span {
    display: inline-block;
    width: 65px;
    height: 20px;
    line-height: 20px;
    background-color: #ccc;
    margin: 0 10px;
    *width: 70px;
}

    .cart-u li .w4 span > * {
        vertical-align: middle;
        float: left;
    }

    .cart-u li .w4 span input {
        display: inline-block;
        text-align: center;
        color: #666;
        width: 35px;
        height: 16px;
        line-height: 16px;
        font-size: 12px;
        margin-top: 2px;
        *margin-top: 0;
    }

    .cart-u li .w4 span u {
        display: inline-block;
        width: 15px;
        text-align: center;
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
        color: #666666;
    }

.conti {
    text-align: right;
    font-size: 12px;
    line-height: 30px;
}

    .conti a {
        padding-right: 21px;
    }

        .conti a:hover {
            color: #dc0000;
        }

.cart-c-f {
    height: 78px;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 78px;
    background-color: #e6e6e6;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

    .cart-c-f * {
        display: inline-block;
    }

    .cart-c-f > span {
        float: left;
    }

        .cart-c-f > span.textr {
            text-align: left;
            width: 40%;
        }

        .cart-c-f > span.textl {
            text-align: right;
            width: 60%;
        }

        .cart-c-f > span.textr b:hover {
            color: #ff7f00;
        }

    .cart-c-f em {
        width: 12px;
        height: 12px;
        border: 1px solid #ccc;
        margin: 0 10px;
    }

    .cart-c-f > span.textr b {
        margin-left: 20px;
        cursor: pointer;
    }

    .cart-c-f > span.textl b {
        font-size: 22px;
        color: #dc0000;
        margin-left: 0 20px 0 10px;
        cursor: pointer;
    }

    .cart-c-f > span.textl a {
        width: 160px;
        height: 38px;
        background-color: #ff7f00;
        color: #fff;
        font-size: 22px;
        line-height: 38px;
        text-align: center;
        margin: 0 20px;
        cursor: pointer;
    }

        .cart-c-f > span.textl a:hover {
            background-color: #ee5c1d;
        }

b.del {
    cursor: pointer;
}

    b.del a {
        cursor: pointer;
        color: #666;
    }

    b.del:hover {
        color: #dc0000;
    }

    b.del a:hover {
        color: #ffaa00;
    }

span.del a {
    cursor: pointer;
    color: #666;
}

    span.del a:hover {
        color: #ffaa00;
    }

.sh-lt {
    display: none;
    width: 100%;
    line-height: 20px;
    top: 28px;
    left: 0;
    padding: 3px 0 10px 0;
    background-color: #fff;
}

    .sh-lt > b {
        width: 100%;
        display: inline-block;
        line-height: 20px;
        cursor: pointer;
    }

        .sh-lt > b:hover {
            color: #fff;
            background-color: #ffaa00;
        }

.s-cart-con .t-t {
    margin-top: 30px;
}

    .s-cart-con .t-t textarea {
        width: 938px;
        height: 100px;
        line-height: 25px;
        text-indent: 15px;
        resize: none;
        border: 1px solid #ffaa00;
    }

    .s-cart-con .t-t p {
        background-color: #ffaa00;
        color: #fff;
        font-size: 22px;
        line-height: 25px;
        text-align: center;
        width: 50px;
        height: 77px;
        padding-top: 25px;
        float: left;
    }

.s-cart-con .smiit {
    position: absolute;
    top: 100%;
    right: 0;
    cursor: pointer;
    width: 150px;
    height: 30px;
    margin-top: 10px;
    background-color: #ffaa00;
    color: #fff;
    text-align: center;
}

    .s-cart-con .smiit input {
        line-height: 30px;
        color: #fff;
        background-color: transparent;
        cursor: pointer;
    }

.t-star {
    text-align: left;
    line-height: 25px;
    font-size: 14px;
}

    .t-star > div {
        clear: both;
    }

        .t-star > div > * {
            vertical-align: middle;
            float: left;
            height: 25px;
            line-height: 25px;
            display: inline-block;
        }

        .t-star > div > p {
            display: block;
            height: 25px;
            width: 200px;
        }

    .t-star font {
        color: #ffaa00;
    }

    .t-star a {
        width: 200px;
    }

    .t-star i {
        cursor: pointer;
        display: inline-block;
        width: 25px;
        height: 25px;
        background: url("img/star-b.png") no-repeat center center;
    }

        .t-star i.r {
            background: url("img/star-r.png") no-repeat center center;
        }

.info-l {
    width: 210px;
}

.info-mainmeau {
    height: 755px;
    border: 2px solid #ffaa00;
}

    .info-mainmeau > p {
        line-height: 55px;
        height: 55px;
        background-color: #ffaa00;
        color: #fff;
        font-size: 16px;
        text-align: center;
    }

    .info-mainmeau > ul {
        height: 700px;
        width: 100%;
        background-color: #e6e6e6;
    }

    .info-mainmeau .info-mt {
        line-height: 40px;
        text-indent: 20px;
        color: #1a1a1a;
        font-size: 16px;
        cursor: pointer;
    }

.info-open {
    background: url("img/info-open.png") no-repeat 180px center #dbdbdb;
}

.info-close {
    background: url("img/info-close.png") no-repeat 180px center;
}

.info-meau {
    line-height: 30px;
}

    .info-meau a {
        display: inline-block;
        width: 85%;
        padding-left: 15%;
        color: #1a1a1a;
        font-size: 14px;
        cursor: pointer;
    }

        .info-meau a:hover {
            background-color: #fff;
            color: #ffaa00;
        }

.info-lt {
    border: 1px solid #ffaa00;
    margin-bottom: 20px;
}

    .info-lt > p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
        background-color: #ffaa00;
        text-indent: 7px;
    }

.info-adscl {
    width: 200px;
    height: 275px;
    margin: 5px 0 0 5px;
    overflow: hidden;
}

    .info-adscl > ul {
        position: absolute;
        width: 10000px;
    }

        .info-adscl > ul > li {
            float: left;
            width: 198px;
            height: 253px;
            border: 1px solid #ffaa00;
        }

            .info-adscl > ul > li img {
                width: 198px;
                height: 253px;
            }

            .info-adscl > ul > li > .p1 {
                font-size: 14px;
                line-height: 20px;
                text-indent: 5px;
            }

                .info-adscl > ul > li > .p1 > i {
                    color: #dc0000;
                }

            .info-adscl > ul > li > .p2 {
                font-size: 16px;
                line-height: 25px;
                color: #dc0000;
                text-indent: 5px;
            }

                .info-adscl > ul > li > .p2 > a {
                    float: right;
                    line-height: 20px;
                    font-size: 12px;
                    margin: 5px 5px 0 0;
                    cursor: pointer;
                    color: #fff;
                    background-color: #dc0000;
                    padding: 0 5px;
                }

.info-r {
    width: 760px;
}

    .info-r .info-title {
        height: 20px;
        line-height: 20px;
        padding-bottom: 5px;
        font-size: 12px;
        color: #1a1a1a;
        text-indent: 20px;
        border-bottom: 2px solid #dbdbdb;
    }

        .info-r .info-title i {
            padding: 0 7px 0 0;
        }

        .info-r .info-title b {
            font-family: "宋体";
            font-size: 12px;
            padding: 0 3px 0 0;
        }

.info-con {
    border: 1px solid #ffaa00;
    min-height: 643px;
    padding-bottom: 50px;
}

.info-ccon {
    border: none;
    min-height: 643px;
    font-family: "宋体";
}

    .info-ccon pre {
        font-family: "宋体";
    }

.info-r .info-tit {
    height: 40px;
    margin-bottom: 10px;
    line-height: 40px;
    font-size: 16px;
    color: #1a1a1a;
    border-top: 1px solid #dbdbdb;
}

    .info-r .info-tit b {
        display: inline-block;
        height: 40px;
        text-align: center;
        line-height: 40px;
        padding: 0 30px;
        border-bottom: 3px solid #ffaa00;
        background-color: #e6e6e6;
    }

.info-con .info-top {
    margin: 10px 5px;
    width: 750px;
    height: 120px;
}

    .info-con .info-top:hover {
        background-color: #e6e6e6;
    }

    .info-con .info-top > img {
        float: left;
        margin: 10px;
        width: 100px;
        height: 100px;
    }

    .info-con .info-top .p1 {
        line-height: 30px;
        margin-top: 10px;
        text-indent: 1em;
        font-size: 16px;
        margin-left: 10px;
        position: relative;
    }

        .info-con .info-top .p1 > i {
            font-size: 13px;
            color: #fff;
            text-indent: 0;
            height: 13px;
            text-align: center;
            line-height: 13px;
            position: absolute;
            right: 30px;
            top: 5px;
            display: inline-block;
            padding: 1px 2px;
            background-color: #dc0000;
        }

    .info-con .info-top .p2 {
        line-height: 25px;
        font-size: 15px;
        text-indent: 1.5em;
        color: #1a1a1a;
        margin-left: 10px;
        margin-right: 60px;
    }

    .info-con .info-top .p3 {
        padding-right: 30px;
        line-height: 20px;
        position: absolute;
        bottom: 5px;
        right: 10px;
    }

        .info-con .info-top .p3 img {
            width: 20px;
            height: 20px;
            cursor: pointer;
        }

        .info-con .info-top .p3 * {
            float: right;
            font-size: 12px;
            color: #666;
            margin-left: 5px;
        }

        .info-con .info-top .p3 > a {
            font-size: 12px;
            line-height: 25px;
            padding: 0 5px;
            cursor: pointer;
            margin-right: 20px;
            color: #ff7f00;
        }

            .info-con .info-top .p3 > a:hover {
                text-decoration: underline;
            }

.info-con > ul {
    margin: 10px 5px 5px 5px;
    min-height: 510px;
    border-top: 1px solid #ffaa00;
}

.info-con li {
    line-height: 30px;
    font-size: 14px;
    margin-top: 2px;
    float: left;
    width: 100%;
    color: #1a1a1a;
}

    .info-con li:hover {
        background-color: #e6e6e6;
    }

    .info-con li a {
        float: left;
        color: #1a1a1a;
        margin-left: 20px;
        cursor: pointer;
    }

    .info-con li i {
        float: right;
        color: #1a1a1a;
        font-size: 12px;
        margin-right: 20px;
    }

.info-cmain {
    margin-top: 20px;
}

    .info-cmain .t {
        line-height: 30px;
        font-size: 16px;
        color: #1a1a1a;
        text-align: center;
        font-weight: bold;
    }

    .info-cmain .s {
        line-height: 20px;
        height: 20px;
        font-size: 12px;
        color: #666666;
        text-align: center;
        margin-top: 5px;
    }

        .info-cmain .s img {
            height: 20px;
            width: 20px;
            margin-left: 10px;
            margin-right: 3px;
            cursor: pointer;
        }

        .info-cmain .s * {
            vertical-align: bottom;
        }

    .info-cmain .info-conmain {
        width: 735px;
        margin: 20px auto;
        line-height: 25px;
    }

        .info-cmain .info-conmain p {
            width: 735px;
            font-size: 14px;
            color: #1a1a1a;
            line-height: 25px;
            text-align: justify;
            text-justify: inter-ideograph;
            text-indent: 2em;
        }

        .info-cmain .info-conmain img {
            max-width: 730px;
        }

.info-f {
    position: absolute;
    bottom: 0;
    right: 30px;
    height: 30px;
    line-height: 30px;
    padding-bottom: 10px;
    margin-top: 10px;
}

    .info-f > span {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        color: #1a1a1a;
    }

        .info-f > span i {
            margin-left: 10px;
        }

        .info-f > span a {
            margin-left: 30px;
            color: #1a1a1a;
        }

.perio-top .h {
    height: 37px;
    color: #1a1a1a;
    background-color: #e6e6e6;
    font-size: 18px;
    border-top: 1px solid #ffaa00;
}

    .perio-top .h > span {
        display: inline-block;
        line-height: 35px;
        width: 125px;
        height: 35px;
        text-align: center;
        vertical-align: middle;
        border-bottom: 2px solid #ffaa00;
    }

    .perio-top .h > b {
        background-color: #dc0000;
        color: #fff;
        padding: 0 5px;
        font-size: 16px;
        height: 20px;
        line-height: 20px;
        display: inline-block;
        vertical-align: middle;
        margin-top: 7px;
    }

    .perio-top .h > i {
        font-size: 12px;
        color: #4c4c4c;
        margin-left: 20px;
    }

.perio-top .cc-ul {
    width: 1100px;
}

    .perio-top .cc-ul li {
        float: left;
        margin: 10px 20px 0 0;
        width: 316px;
        height: 150px;
    }

        .perio-top .cc-ul li:hover {
            transition: background-color 0.2s;
            background-color: #dbdbdb;
        }

        .perio-top .cc-ul li img {
            float: left;
            padding-right: 10px;
            width: 120px;
            height: 148px;
        }

        .perio-top .cc-ul li .p1 {
            line-height: 30px;
            font-size: 14px;
        }

        .perio-top .cc-ul li .p2 {
            line-height: 25px;
            font-size: 14px;
        }

        .perio-top .cc-ul li .p1 a {
            color: #000;
        }

        .perio-top .cc-ul li .p3 {
            line-height: 40px;
            font-size: 12px;
            color: #4c4c4c;
        }

        .perio-top .cc-ul li .p4 > a {
            font-size: 12px;
            line-height: 20px;
            padding: 1px 5px;
            background-color: #ffaa00;
            color: #fff;
        }

            .perio-top .cc-ul li .p4 > a:hover {
                background-color: #ff7f00;
            }

.perio-l {
    width: 320px;
    margin-top: 20px;
}

.perio-u ul {
    color: #ffaa00;
}

    .perio-u ul li {
        list-style: disc;
    }

        .perio-u ul li a {
            color: #4c4c4c;
        }

.perio-r {
    width: 650px;
    margin-top: 20px;
}

    .perio-r > p {
        height: 37px;
        background-color: #e6e6e6;
        position: relative;
        line-height: 37px;
        color: #1a1a1a;
        font-size: 18px;
        border-top: 1px solid #ffaa00;
    }

        .perio-r > p > span {
            display: inline-block;
            width: 125px;
            height: 37px;
            text-align: center;
            border-right: 1px solid #dbdbdb;
            border-left: 1px solid #dbdbdb;
            border-bottom: 2px solid #666666;
        }

        .perio-r > p > .more {
            display: inline-block;
            position: absolute;
            right: 0;
            top: 0;
            color: #666666;
            font-size: 12px;
            margin-right: 20px;
            padding-right: 15px;
            background: url("img/more.png") no-repeat right center;
        }

.perio-r-t {
    height: 150px;
    background-color: #dbdbdb;
    margin-top: 15px;
}

    .perio-r-t img {
        float: left;
        width: 120px;
        height: 146px;
        margin: 2px 10px 2px 2px;
    }

    .perio-r-t .p1 {
        margin: 0 40px 0 130px;
        line-height: 25px;
        font-size: 16px;
        padding-top: 10px;
    }

        .perio-r-t .p1 a {
            color: #000;
        }

    .perio-r-t .p2 {
        margin: 0 40px 0 130px;
        line-height: 25px;
        text-indent: 2em;
        font-size: 14px;
        padding-top: 10px;
        color: #1a1a1a;
    }

    .perio-r-t .p3 {
        position: absolute;
        right: 10px;
        bottom: 10px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        padding: 0 5px;
        background-color: #ffaa00;
        color: #fff;
        cursor: pointer;
    }

        .perio-r-t .p3 a {
            color: #fff;
        }

.perio-r-u {
    margin-top: 20px;
    width: 660px;
}

    .perio-r-u li {
        float: left;
        margin: 0 10px 20px 0;
        width: 210px;
        height: 290px;
    }

        .perio-r-u li img {
            width: 210px;
            height: 255px;
        }

        .perio-r-u li p {
            position: relative;
            font-size: 14px;
            width: 190px;
            margin: 0 auto;
            line-height: 20px;
        }

            .perio-r-u li p a {
                color: #000;
            }

.perio-con {
    min-height: 1040px;
    background-color: #e6e6e6;
    margin-top: 20px;
    padding-bottom: 20px;
}

    .perio-con > .tit {
        display: block;
        font-size: 24px;
        line-height: 30px;
        padding-top: 20px;
        text-align: center;
    }

        .perio-con > .tit > a {
            margin-left: 100px;
            font-size: 12px;
            color: #fff;
            padding: 2px 5px;
            background-color: #ffaa00;
            cursor: pointer;
        }

    .perio-con > .perio-scl {
        width: 600px;
        height: 700px;
        margin: 20px auto;
        overflow: hidden;
    }

        .perio-con > .perio-scl > ul {
            width: 10000px;
            height: 780px;
            top: 0;
            left: 0;
            position: absolute;
        }

            .perio-con > .perio-scl > ul > li, .perio-con > .perio-scl > ul > li img {
                float: left;
                cursor: pointer;
                width: 600px;
                height: 700px;
            }

    .perio-con .cr {
        width: 50px;
        height: 100px;
        cursor: pointer;
    }

    .perio-con .ctr-l {
        left: 50px;
        top: 350px;
        background: url("img/perio-cctl.png") no-repeat right center;
    }

    .perio-con .ctr-r {
        right: 50px;
        top: 350px;
        background: url("img/perio-cctr.png") no-repeat left center;
    }

        .perio-con .ctr-r:hover {
            background: url("img/perio-cctry.png") no-repeat left center;
        }

    .perio-con .ctr-l:hover {
        background: url("img/perio-cctly.png") no-repeat right center;
    }

    .perio-con p {
        width: 580px;
        margin: 0 auto;
        text-align: justify;
        text-justify: inter-ideograph;
        line-height: 20px;
        color: #1a1a1a;
        font-size: 14px;
        text-indent: 2em;
    }

.newp-con {
    min-height: 740px;
    background-color: #f2f2f2;
    margin-top: 10px;
    padding: 10px 0;
}

.newp-scl {
    width: 700px;
    height: 500px;
    margin: 20px auto;
    overflow: hidden;
}

    .newp-scl > ul {
        width: 10000px;
        height: 780px;
        top: 0;
        left: 0;
    }

        .newp-scl > ul > li, .newp-scl > ul > li img {
            float: left;
            cursor: pointer;
            width: 700px;
            height: 500px;
        }

.newp-con .cr {
    width: 50px;
    height: 100px;
    cursor: pointer;
}

.newp-con .ctr-l {
    left: 40px;
    bottom: 200px;
    background: url("img/perio-cctl.png") no-repeat right center;
}

.newp-con .ctr-r {
    right: 40px;
    bottom: 200px;
    background: url("img/perio-cctr.png") no-repeat left center;
}

.newp-con .ctr-l:hover {
    background: url("img/perio-cctlc.png") no-repeat right center;
}

.newp-con .ctr-r:hover {
    background: url("img/perio-cctrc.png") no-repeat left center;
}

.newp-con p {
    width: 700px;
    margin: 0 auto;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 25px;
    color: #1a1a1a;
    font-size: 14px;
    text-indent: 2em;
}

.newp-cinfo {
    margin-top: 0;
}

.ctl-num {
    font-size: 30px;
    color: #666;
    bottom: 10px;
    right: 10px;
}

    .ctl-num i {
        color: #ffaa00;
    }

.tr-con3 .filmarea li {
    height: 300px;
}

.filmarea li div .p3 {
    position: absolute;
    right: 10px;
    bottom: 5px;
}

.vi-h .bitbt {
    line-height: 36px;
    border-bottom: 2px solid #666;
    min-width: 130px;
    padding: 0;
    display: inline-block;
    text-align: center;
}

.group-ser {
    height: 78px;
    line-height: 78px;
    width: 988px;
    border: 1px solid #c2c2c2;
    text-align: center;
}

    .group-ser > input {
        display: inline-block;
        vertical-align: middle;
        height: 30px;
        line-height: 30px;
        width: 430px;
        text-indent: 10px;
        color: #1a1a1a;
        border: 1px solid #ffaa00;
        margin: 0;
    }

    .group-ser > span {
        display: inline-block;
        margin-left: -5px;
        vertical-align: middle;
        cursor: pointer;
        height: 32px;
        width: 90px;
        background: url("img/seach.png") no-repeat center center #ffaa00;
    }

.gr-opo {
    position: relative;
    height: 37px;
    line-height: 37px;
    background-color: #e6e6e6;
    margin-top: 10px;
    border-top: 2px solid #ffaa00;
    font-size: 14px;
    color: #1a1a1a;
    z-index: 10;
}

    .gr-opo i {
        display: inline-block;
        padding: 0 20px;
        cursor: pointer;
        text-align: center;
        background: url("img/bbs-list-t.png") no-repeat 6px center;
    }

.gr-ul {
    position: relative;
    width: 990px;
    margin: 20px 0 0 10px;
    min-height: 400px;
}

.gr-opo .more {
    position: absolute;
    top: 50px;
    right: 20px;
    font-size: 12px;
    color: #666666;
    padding-right: 15px;
    background: url("img/shop-more.png") no-repeat right center;
    z-index: 100;
}

.gr-ul li {
    position: relative;
    font-size: 14px;
    width: 100%;
    line-height: 35px;
    height: 35px;
    text-align: left;
    margin-right: 10px;
}

    .gr-ul li a {
        color: #ee5c1d;
        display: inline-block;
        width: 16.3%;
    }

.gr-ult {
    width: 1000px;
    height: 400px;
    overflow: hidden;
    position: relative;
}

    .gr-ult ul {
        width: 10000px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .gr-ult li {
        position: relative;
        float: left;
        width: 230px;
        height: 350px;
        margin: 20px 15px 20px 5px;
    }

        .gr-ult li img {
            width: 230px;
            height: 350px;
        }

        .gr-ult li .t-m, .gr-ult li .t-m .p-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 3;
        }

            .gr-ult li .t-m .p-bg {
                background-color: #000;
                opacity: 0.3;
                z-index: -1;
            }

            .gr-ult li .t-m p {
                line-height: 25px;
                color: #fff;
                font-size: 14px;
            }

            .gr-ult li .t-m .p1 {
                margin: 230px 10px 5px;
                z-index: 3;
            }

            .gr-ult li .t-m .p2 {
                text-indent: 1.5em;
                margin: 0 10px;
                z-index: 3;
            }

.gr-uly {
    font-size: 14px;
    color: #ffaa00;
}

    .gr-uly li {
        margin-top: 5px;
        height: 30px;
        line-height: 30px;
        text-indent: 20px;
        background: url("img/bbs-list.png") no-repeat 5px center;
    }

        .gr-uly li:hover {
            background-color: #ccc;
        }

        .gr-uly li a {
            color: #4c4c4c;
        }

            .gr-uly li a:hover {
                color: #4c4c4c;
            }

.reust li a {
    color: #ffaa00;
}

    .reust li a:hover {
        color: #ffaa00;
    }

.gro-t {
    float: left;
    width: 440px;
    position: relative;
    height: 80px;
    background-color: #e7e7e7;
    overflow: hidden;
}

.gro-txt {
    margin: 10px;
    line-height: 22px;
    position: relative;
}

.gro-s {
    float: right;
    width: 538px;
    height: 78px;
}

.group-top {
    height: 265px;
    border-top: 2px solid #ffaa00;
    border-right: 1px dotted #ffaa00;
    border-bottom: 1px dotted #ffaa00;
    border-left: 1px dotted #ffaa00;
    background: url("img/recomr.png") no-repeat 0 0 #e0e0e0;
}

    .group-top > p {
        text-align: center;
        color: #d9413e;
        margin-top: 5px;
        font-size: 18px;
        line-height: 30px;
    }

        .group-top > p > * {
            vertical-align: middle;
        }

        .group-top > p > i {
            margin: 0 5px;
        }

        .group-top > p > img {
            margin: 0 2px 0 0;
        }

    .group-top ul {
        margin: 20px 0 0 23px;
    }

    .group-top li {
        width: 100px;
        height: 200px;
        margin-right: 20px;
        float: left;
    }

        .group-top li > img {
            width: 100px;
            height: 125px;
        }

        .group-top li p {
            color: #1a1a1a;
            font-size: 14px;
            line-height: 25px;
            text-align: left;
        }

            .group-top li p a {
                color: #1a1a1a;
            }

.group-con {
    margin: 20px 0;
}

.tr-h .grtit {
    float: left;
    line-height: 37px;
    font-size: 14px;
    color: #1a1a1a;
    padding: 0 25px;
    margin: 0;
    background-color: #e6e6e6;
}

.group-con .tr-u li {
    width: 233.5px;
    height: 350px;
}

.toun-top {
    border-top: 2px solid #ffaa00;
    border-right: none;
    border-bottom: none;
    border-left: none;
    background: none #fff;
}

    .toun-top > div {
        height: 38px;
        line-height: 38px;
        border-bottom: 1px solid #ffaa00;
        font-size: 14px;
        color: #1a1a1a;
        text-indent: 20px;
        background-color: #f0f0f0;
    }

.new-toun {
    position: relative;
    border: 1px solid #ccc;
    margin-top: 10px;
    min-height: 600px;
}

.toun-t {
    width: 630px;
    margin: 20px 0 0 20px;
    line-height: 30px;
    color: #1a1a1a;
}

.toun-i {
    width: 308px;
    border: 1px solid #e6e6e6;
    margin: 10px 10px 100px 0;
}

.toun-t span {
    display: inline-block;
    width: 80px;
    float: left;
    text-align: right;
}

.toun-t p {
    font-size: 14px;
    color: #1a1a1a;
}

.toun-t .p1 {
    font-size: 16px;
    color: #1a1a1a;
    line-height: 30px;
    margin: 5px 15px 0 85px;
}

.toun-t .p2 {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 25px;
    margin-left: 85px;
    text-align: justify;
}

.toun-t dt {
    padding-left: 10px;
}

.toun-t dd {
    font-size: 14px;
    margin-left: 85px;
}

.toun-t .line {
    height: 1px;
    width: 650px;
    border-top: 1px dotted #ccc;
    margin: 10px 0 10px -20px;
}

.toun-i .p1 {
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #1a1a1a;
    text-indent: 20px;
    border-bottom: 2px solid #ffaa00;
}

.toun-i li {
    height: 119px;
    width: 280px;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 0 0 20px;
}

.toun-i img {
    float: left;
    width: 80px;
    height: 100px;
    margin: 10px 10px 10px 0;
}

.toun-i .p2 {
    line-height: 30px;
    font-size: 16px;
    color: #1a1a1a;
    margin-left: 90px;
    padding-top: 5px;
}

.toun-i .p3 {
    line-height: 25px;
    font-size: 14px;
    color: #1a1a1a;
    margin-left: 90px;
}

.new-toun > p > a {
    display: inline-block;
    width: 280px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    margin: 30px auto 10px;
    background-color: #ffaa00;
    text-align: center;
    cursor: pointer;
}

    .new-toun > p > a:hover, .toun-con .p3:hover {
        background-color: #ff7f00;
        color: #fff;
    }

.new-toun > p {
    text-align: center;
   
    bottom: 20px;
    width: 100%;
}

.old-toun {
    margin-top: 20px;
}

    .old-toun li {
        border-bottom: 1px solid #ccc;
        font-size: 16px;
        color: #1a1a1a;
        height: 210px;
        padding: 10px 0;
    }

        .old-toun li img {
            width: 170px;
            height: 210px;
            float: left;
            margin-right: 10px;
        }

        .old-toun li .p1 {
            margin-top: 5px;
        }

.n-toun {
    width: 950px;
    margin: 10px auto;
}

.n-touni {
    width: 950px;
    margin: 10px auto;
    border: none;
}

    .n-touni ul {
        width: 1030px;
    }

    .n-touni li {
        float: left;
        height: 100px;
        margin: 10px 40px 0 0;
        border-bottom: none;
        border-right: 1px solid #ccc;
    }

    .n-touni .p1 {
        border-bottom: none;
        border-top: 1px solid #ccc;
        text-indent: 0;
    }

    .n-touni img {
        margin: 0 10px 0 0;
    }

    .n-touni > .p4 a {
        display: block;
        width: 280px;
        height: 40px;
        color: #fff;
        font-size: 16px;
        line-height: 40px;
        margin: 20px auto 20px;
        background-color: #ffaa00;
        text-align: center;
        cursor: pointer;
    }

    .n-touni > .p4 {
        margin: 20px 0;
        border-top: 1px solid #ccc;
    }

.toun-con {
    font-size: 14px;
    color: #fff;
}

    .toun-con p {
        margin-bottom: 10px;
    }

    .toun-con .p1 {
        font-size: 14px;
        color: #1a1a1a;
        line-height: 30px;
        margin-top: 5px;
    }

    .toun-con .p2 {
        margin: 20px 0 20px 70px;
    }

    .toun-con .toun-inpt input {
        font-size: 14px;
        color: #1a1a1a;
        line-height: normal;
        line-height: 25px\9;
        height: 25px;
        width: 300px;
        border: 1px solid #999;
    }

    .toun-con .toun-inpt {
        font-size: 14px;
        color: #1a1a1a;
        line-height: 30px;
    }

.toun-inpt > * {
    vertical-align: middle;
}

.toun-inpt > input:focus, .toun-inpt > textarea:focus {
    border-color: #ffaa00;
}

.toun-con .toun-inpt i {
    display: inline-block;
    width: 70px;
    text-align: right;
}

.toun-con .p2 a {
    display: inline-block;
    height: 28px;
    margin-right: 10px;
    cursor: pointer;
    padding: 0 22px;
    background-color: #ffaa00;
    line-height: 28px;
}

.toun-con .p-img {
    width: 100%;
    position: relative;
    margin: 0 auto;
}

    .toun-con .p-img img {
        width: 156.6px;
        height: 150px;
        margin: 0 10px 10px 0;
        float: left;
    }

.toun-con .tounall {
    margin: 10px 0 0 80px;
}

ul.g-te {
    margin: 30px 0 0 80px;
}

    ul.g-te li.p-img {
        width: 350px;
    }

.toun-con .p-vimg {
    width: 1000px;
}

    .toun-con .p-vimg img {
        width: 190px;
        height: 150px;
        margin: 0 10px 10px 0;
        float: left;
    }

.toun-con .tra2 {
    width: 300px;
    height: 90px;
    margin-bottom: 10px;
    color: #1a1a1a;
    line-height: 20px;
    font-size: 14px;
    resize: none;
    border: 1px solid #999999;
}

.toun-con .areatit {
    vertical-align: top;
}

.toun-con .p3 {
    width: 300px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 60px 68px;
    background-color: #ffaa00;
    cursor: pointer;
}

.ev-addctl {
    width: 290px;
    margin: 10px 0 0 70px;
}

    .ev-addctl img {
        width: 100px;
        height: 100px;
    }

    .ev-addctl span.img-list {
        display: none;
        position: relative;
        float: left;
        width: 100px;
        height: 100px;
    }

        .ev-addctl span.img-list img {
            width: 100px;
            height: 100px;
        }

        .ev-addctl span.img-list p {
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.3;
            z-index: 10;
            filter: alpha(opacity=30);
        }

        .ev-addctl span.img-list a {
            display: none;
            z-index: 15;
            cursor: pointer;
            width: 10px;
            height: 10px;
            display: block;
            position: absolute;
            top: 5px;
            right: 2px;
            background: url("img/bg-close.png") no-repeat center center;
        }

.old-t-ul {
    width: 1010px;
}

    .old-t-ul li {
        float: left;
        width: 490px;
        margin-right: 15px;
    }

.old-toun .old-t-ul li {
    border-bottom: none;
    font-size: 16px;
    color: #1a1a1a;
    height: 210px;
    padding: 10px 0;
}

.tr-info {
    width: 780px;
}

.tr-pu {
    margin-top: 0;
    min-height: 760px;
    background-color: #f0f0f0;
}

    .tr-pu li {
        border-top: 2px solid #dbdbdb;
        position: relative;
    }

        .tr-pu li img {
            width: 160px;
            height: 130px;
            margin: 10px;
            float: left;
        }

        .tr-pu li p {
            font-size: 14px;
            color: #000;
            line-height: 25px;
        }

        .tr-pu li .p1 {
            font-size: 16px;
            margin-top: 5px;
        }

        .tr-pu li span {
            display: block;
            float: left;
            width: 75px;
            text-align: justify;
            text-justify: inter-word;
        }

        .tr-pu li .p1 a {
            position: absolute;
            display: block;
            height: 20px;
            line-height: 19px;
            background-color: #ffaa00;
            color: #fff;
            font-size: 14px;
            padding: 0 5px;
            top: 15px;
            right: 20px;
        }

            .tr-pu li .p1 a:hover {
                background-color: #ff7f00;
            }

        .tr-pu li i {
            display: block;
            margin-left: 255px;
        }

.tr-p-con > p {
    text-align: center;
    color: #000;
    font-size: 14px;
}

.tr-p-con .p1 {
    font-size: 24px;
}

    .tr-p-con .p1 b {
        vertical-align: bottom;
    }

    .tr-p-con .p1 i {
        font-size: 14px;
        vertical-align: bottom;
    }

.tr-p-con .p2 {
    line-height: 25px;
}

    .tr-p-con .p2 i {
        font-size: 12px;
        margin-left: 50px;
        display: inline-block;
    }

.tr-p-con .t {
    margin: 30px 40px;
}

    .tr-p-con .t p {
        text-indent: 2em;
    }

.tr-p-con .i {
    margin: 20px 0;
}

.tr-p-con .tri-scl {
    width: 990px;
    height: 155px;
    margin: 0 auto;
    overflow: hidden;
}

.tr-p-con .i ul {
    width: 10000px;
    height: 155px;
}

.tr-p-con .i li {
    width: 190px;
    height: 155px;
    float: left;
    margin-right: 10px;
}

.tr-p-con .i img {
    width: 190px;
    height: 155px;
}

.i .cr {
    width: 27px;
    height: 53px;
    cursor: pointer;
}

.i .ctr-l {
    left: 0px;
    top: 35%;
    background: url("img/app-ctl.png") no-repeat right center;
}

.i .ctr-r {
    right: 0px;
    top: 35%;
    background: url("img/app-ctr.png") no-repeat left center;
}

.app-tr {
    height: 40px;
    margin: 30px 0 40px 0;
    text-align: left;
}

    .app-tr a {
        display: inline-block;
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        text-align: center;
        background-color: #ffaa00;
        color: #fff;
    }

        .app-tr a:hover {
            background-color: #ff7f00;
            color: #fff;
        }

.tr-m-u {
    width: 1010px;
    margin-top: 10px;
}

    .tr-m-u li {
        float: left;
        width: 485px;
        height: 175px;
        margin-right: 20px;
        border-top: 2px solid #dbdbdb;
        position: relative;
    }

        .tr-m-u li img {
            width: 160px;
            height: 130px;
            margin: 10px;
            float: left;
        }

        .tr-m-u li p {
            font-size: 14px;
            color: #000;
            line-height: 25px;
        }

        .tr-m-u li .p1 {
            font-size: 16px;
            margin-top: 5px;
        }

        .tr-m-u li span {
            display: block;
            float: left;
            width: 75px;
            text-align: justify;
            text-justify: inter-word;
        }

        .tr-m-u li .p1 a {
            position: absolute;
            display: block;
            height: 20px;
            line-height: 19px;
            background-color: #dc0000;
            color: #fff;
            font-size: 14px;
            padding: 0 5px;
            bottom: 15px;
            right: 20px;
        }

        .tr-m-u li i {
            display: block;
            margin-left: 255px;
        }

.app-tr-c {
    margin: 20px auto;
    width: 540px;
}

    .app-tr-c > p {
        margin-left: 50px;
    }

.SubmitTis_Content {
    font-size: 13px;
    color: #dc0000;
}