/* CSS Document */
a {
    text-decoration: none;
    outline: none;
    blr: expression(this.onFocus=this.blur());
    color: #454545;
}

    a:hover {
        text-decoration: none;
    }

img, input, lable {
    vertical-align: middle;
}

img {
    max-width: 100%;
}

input, textarea, select {
    background: none;
    border-radius: 0;
    outline: none;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

    input[type=radio], input[type=checkbox] {
        -webkit-appearance: radio;
        -moz-appearance: radio;
        -ms-appearance: radio;
        -o-appearance: radio;
        appearance: radio;
    }

body, ul, dl, dd, dt, form, lable, img, span, th, td, input, select, label, textarea, h1, h2, h3, h4, h5, h6, p, i, button, em {
    font-style: normal;
    font-weight: normal;
    list-style: none;
    padding: 0;
    margin: 0;
}

body, div, ul, ol, li, dl, dd, dt, form, img, span, td, input, select, textarea, label, h1, h2, h3, h4, h5, h6, p, button {
    border: none;
}

body, form, input, select, textarea {
    color: #454545;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none
}

body {
    background-color: #f0f2f5;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.underline {
    text-decoration: underline;
}

.relative {
    position: relative;
}

.zIndexUp {
    z-index: 999999;
}

.hidden {
    overflow: hidden;
}

.blcok {
    display: block;
}


/* font */
.c_000, a.c_000, .c_000 a { /* 黑色 */
    color: #000;
}

.c_333, a.c_333, .c_333 a { /* 深灰 */
    color: #333;
}

.c_666, a.c_666, .c_666 a { /* 灰 */
    color: #666;
}

.c_999, a.c_999, .c_999 a { /* 浅灰 */
    color: #999;
}

.c_fff, a.c_fff, .c_fff a { /* 白 */
    color: #fff;
}

.c_38485a, a.c_38485a, .c_38485a a { /* 标题 */
    color: #38485a;
}

.c_394a58, a.c_394a58, .c_394a58 a { /* 标题 */
    color: #394a58;
}

.c_818486, a.c_818486, .c_818486 a { /* 副标题 */
    color: #818486;
}

.c_8f98aa, a.c_8f98aa, .c_8f98aa a { /* 正文 */
    color: #8f98aa;
}

.c_abb0b3, a.c_abb0b3, .c_abb0b3 a { /* 标签 */
    color: #abb0b3;
}

.c_0171c5, a.c_0171c5, .c_0171c5 a { /* 挑亮色_蓝 */
    color: #0171c5;
}

.c_4095cc, a.c_4095cc, .c_4095cc a { /* 浅蓝 */
    color: #4095cc;
}

.c_747f8c, a.c_747f8c, .c_747f8c a { /* 灰蓝 */
    color: #747f8c;
}

.c_ff8b3d, a.c_ff8b3d, .c_ff8b3d a { /* 橙色 */
    color: #ff8b3d;
}

.green, a.green, .green a { /* 绿色 */
    color: #57cf07;
}

.red, a.red, .red a { /* 红色 */
    color: #ff3600;
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f22 {
    font-size: 22px;
}

.f24 {
    font-size: 24px;
}

.f26 {
    font-size: 26px;
}

.f28 {
    font-size: 28px;
}

.f30 {
    font-size: 30px;
}

.f32 {
    font-size: 32px;
}

.f36 {
    font-size: 36px;
}

.fb {
    font-weight: bold;
}

.lh16 {
    line-height: 16px;
}

.lh18 {
    line-height: 18px;
}

.lh20 {
    line-height: 20px;
}

.lh22 {
    line-height: 22px;
}

.lh24 {
    line-height: 24px;
}

.lh26 {
    line-height: 26px;
}

.lh28 {
    line-height: 28px;
}

.lh30 {
    line-height: 30px;
}
/* font End */


/* 边距 */
.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mt40 {
    margin-top: 40px;
}
/* 边距 End */



/* 背景色\圆角\投影 */
.bgWhite {
    background-color: #fff; /* 白色背景 */
}

.bgBlack {
    background-color: #293047; /* 深蓝背景 */
}

.bgBlue {
    background-color: #0171c5; /* 蓝色背景 */
}

.radius5 {
    border-radius: 5px;
}

.radius100 {
    border-radius: 100%;
}

.shadow1 {
    box-shadow: 0 2px 3px rgba(0,0,0,0.06);
}

/* 背景色\圆角\投影 End */



/* 公共 */
.w1180 {
    margin-left: auto;
    margin-right: auto;
    width: 1180px;
}

.icon {
    background-image: url(/images/icon.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.spanMiddle {
    display: inline-block;
    line-height: 100px;
    vertical-align: middle;
    overflow: hidden;
    height: 100%;
    width: 0;
}

.imgMiddle {
    vertical-align: middle;
}

/* 公共 End */




/* head */
#logo {
    float: left;
    padding-top: 18px;
    padding-bottom: 14px;
}

.mainNav {
    float: left;
    margin-left: 22px;
}

    .mainNav > li {
        float: left;
        margin-right: 1px;
        position: relative;
    }

        .mainNav > li a {
            color: #c3c5cd;
            display: block;
            font-size: 14px;
            line-height: 60px;
            padding: 0 18px;
        }

            .mainNav > li a:hover,
            .mainNav > li.current a {
                background-color: #0171c5;
                color: #fff;
            }

.navMore {
    cursor: pointer;
    padding: 26px 18px;
}

.mainNav > li:hover .navMore {
    background-color: #ffffff;
}

.navMore > .icon {
    background-position: 0 0;
    height: 6px;
    width: 26px;
}

.navMoreUl {
    background-color: #ffffff;
    display: none;
    text-align: center;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 100%;
}

.mainNav > li .navMoreUl a {
    line-height: 38px;
    padding: 0;
}

.pt17 {
    padding-top: 17px;
}

.headSearch {
    background-color: #ffffff;
    border-radius: 15px;
    margin-right: 15px;
    padding-left: 25px;
    height: 30px;
    transition: background-color 0.5s ease-in-out;
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
}

    .headSearch input[type=text] {
        color: #6d7a86;
        font-size: 12px;
        line-height: 30px;
        height: inherit;
        width: 30px;
    }

    .headSearch span {
        cursor: pointer;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        height: inherit;
        width: 40px;
    }

        .headSearch span i {
            background-position: -53px 0;
            margin-top: 8px;
            height: 14px;
            width: 14px;
        }

.sClassify {
    border-right: 1px rgba(0,0,0,0.3) solid;
    color: #6d7a86;
    font-size: 12px;
    line-height: 30px;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
    height: 30px;
}

    .sClassify i {
        background-position: -270px 0;
        background-size: 450px;
        margin-left: 5px;
        filter: alpha(opacity=50);
        opacity: 0.5;
        height: 6px;
        width: 11px;
    }

    .sClassify ul {
        background-color: #ffffff;
        display: none;
        position: absolute;
        top: 100%;
        left: -10px;
        white-space: nowrap;
    }

    .sClassify:hover ul {
        display: block;
    }

    .sClassify ul li {
        cursor: pointer;
        padding: 0 10px;
    }

        .sClassify ul li:hover {
            background-color: #0171c5;
            color: #fff;
        }

.headRBtn {
    cursor: pointer;
    text-align: center;
    margin-left: 10px;
    padding: 18px 15px;
}

.headShezhi {
    padding: 15px 15px;
}

.headRBtn:hover {
    background-color: #ffffff;
}

.uploadBtn {
    background-position: -28px 0;
    margin: 5px 0 2px;
    height: 17px;
    width: 23px;
    font-size: 12px;
}

.uploadUl {
    background-color: #ffffff;
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    width: 120px;
}

    .uploadUl a {
        color: #fff;
        display: block;
        line-height: 38px;
    }

        .uploadUl a:hover {
            background-color: #0171c5;
        }

.newIcon {
    background-color: #ff0800;
    position: absolute;
    top: 16px;
    right: 10px;
    height: 6px;
    width: 6px;
}

.inbox {
    background-position: 0 -7px;
    margin: 6px 0 2px;
    height: 16px;
    width: 21px;
}

.inboxDl {
    background-color: #fff;
    border: 1px #e9ebee solid;
    display: none;
    position: absolute;
    top: 100%;
    left: -116px;
    width: 294px;
}

.inboxDt {
    background-color: #dde2e3;
    text-align: center;
    position: relative;
    height: 50px;
}

    .inboxDt a {
        border-radius: 14px;
        font-size: 12px;
        display: inline-block;
        line-height: 28px;
        margin-top: 13px;
        padding: 0 15px;
        position: relative;
    }

        .inboxDt a.current {
            background-color: #0171c5;
            color: #fff;
        }

        .inboxDt a span {
            background-color: #ff0800;
            font-size: 12px;
            font-family: Arial;
            border-radius: 100%;
            color: #fff;
            line-height: 18px;
            text-align: center;
            overflow: hidden;
            position: absolute;
            top: -10px;
            right: 4px;
            height: 18px;
            width: 18px;
        }

.inboxDtSan {
    border-color: transparent transparent #dde2e3 transparent;
    border-width: 6px;
    border-style: solid;
    position: absolute;
    top: -13px;
    left: 136px;
    height: 0;
    width: 0;
}

.inboxDtP {
    line-height: 50px;
}

.inboxList {
    border-bottom: 1px #f1f3f5 solid;
    font-size: 12px;
    display: block;
    text-align: left;
    padding: 15px 12px;
}

    .inboxList:hover,
    .headMore:hover {
        background-color: #f1f3f5;
    }

.headMore {
    font-size: 12px;
    display: block;
    text-align: center;
    padding: 15px 0;
}

.remind {
    background-position: -69px 0;
    margin-top: 3px;
    height: 21px;
    width: 20px;
}

.messageBox {
    left: -177px;
}

    .messageBox dd {
        display: none;
    }

    .messageBox .inboxDtSan {
        left: 195px;
    }

.headLogin,
.headRegist {
    color: #fff;
    line-height: 60px;
    margin-left: 12px;
}

    .headLogin span,
    .headRegist span {
        display: inline-block;
        margin-right: 5px;
        position: relative;
        top: 4px;
        height: 18px;
        width: 18px;
    }

    .headLogin span {
        background-position: -481px 0;
    }

    .headRegist span {
        background-position: -481px -19px;
    }
/* head End */


/* 首页底部通栏广告 */
.blue_jbad {
    text-align: center;
    color: #fff;
    line-height: 52px;
    padding: 20px 0px 40px 0px;
}

    .blue_jbad h2 a {
        color: #fff;
        line-height: 30px;
    }

.adbut a {
    border: 1px solid #fff;
    border-radius: 25px;
    color: #fff;
    padding: 10px 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .adbut a:hover {
        background: #fff;
        color: #0171c5;
    }

.tg_text {
    width: 1180px;
    margin: 0 auto;
    text-align: right;
    padding-top: 8px;
    color: #045795;
}

#back-to-top {
    position: fixed;
    bottom: 100px;
    right: 50px;
}

    #back-to-top a {
        text-align: center;
        text-decoration: none;
        color: #d1d1d1;
        display: block;
        width: 50px;
        -moz-transition: color 1s;
        -webkit-transition: color 1s;
        -o-transition: color 1s;
    }

        #back-to-top a:hover {
            color: #979797;
        }

        #back-to-top a span {
            background: #d1d1d1;
            border-radius: 6px;
            display: block;
            height: 50px;
            width: 50px;
            background: url(/images/arrow-up.png) no-repeat center center;
            margin-bottom: 5px;
            -moz-transition: background 2s;
            -webkit-transition: background 1s;
            -o-transition: background 1s;
        }

        #back-to-top a:hover span {
            background: url(/images/arrow-up.png) no-repeat center center;
        }


/* footer */
.footer {
    background-color: #1b1c2a;
    color: #717374;
    font-size: 12px;
    line-height: 26px;
    margin-top:15px;
    padding: 30px 0px 20px;
}

.subLogo img {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.subLogo h2 {
    border-left: 1px #515253 solid;
    color: #a3a3a3;
    font-size: 15px;
    line-height: 1.2;
    padding-left: 10px;
    margin-left: 70px;
}

.footerUl {
    float: left;
    text-align: right;
    margin: 5px 17px 0 0;
}

    .footerUl a {
        color: #717374;
    }

        .footerUl a:hover {
            color: #999;
        }

.weibo,
.qq,
.weixin {
    display: inline-block;
    margin-left: 17px;
    height: 19px;
    width: 23px;
}

.weibo {
    background-position: -224px 0;
}

.qq {
    background-position: -249px 0;
}

.weixin {
    background-position: -273px 0;
}
/* footer End */



/* 分页 */
.paging {
    color: #99a1a7;
    font-size: 0;
    text-align: center;
    line-height: 38px;
}

    .paging a {
        background-color: #fff;
        border-radius: 3px;
        color: #99a1a7;
        font-size: 14px;
        display: inline-block;
        line-height: 38px;
        margin: 0 4px;
        height: 38px;
        width: 38px;
    }

        .paging a:hover,
        .paging a.current {
            background-color: #0099e5;
            color: #fff;
        }

.pagePrev,
.pageNext {
    display: inline-block;
    position: relative;
    top: 7.5px;
    height: 23px;
    width: 13px;
}

.pagePrev {
    background-position: -166px 0;
}

.paging a:hover .pagePrev {
    background-position: -194px 0;
}

.pageNext {
    background-position: -180px 0;
}

.paging a:hover .pageNext {
    background-position: -208px 0;
}

.paging i {
    font-size: 14px;
    display: inline-block;
    margin: 0 4px;
}
/* 分页 End */




/* 焦点图 */
.device {
    overflow: hidden;
    position: relative;
    height: 350px;
    width: 880px;
    z-index: 9;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide, .swiper-slide_1 {
    background-color: #e5e5e5;
    float: left;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.bannerPage {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    z-index: 2;
}

.swiper-pagination-switch {
    background: none;
    border-radius: 100%;
    border: 2px #fff solid;
    cursor: pointer;
    display: inline-block;
    margin: 0 8px;
    height: 10px;
    width: 10px;
}

.swiper-active-switch {
    background-color: #fff;
}
/* 焦点图 End */

.content {
    display: block;
    word-wrap: break-word;
    text-align: left;
    width: 100%;
    line-height: 24px;
    color: #222;
    overflow: hidden;
    font-size: 15px;
    font-family: 'Microsoft Yahei', 'Helvetica Neue', 'Luxi Sans', 'DejaVu Sans', Tahoma, 'Hiragino Sans GB', STHeiti;
    color: #444;
}

.bottom_xiao {
    display: none;
    width: 1px;
    height: 1px;
    overflow: hidden
}

#LXB_CONTAINER {
    display: none;
    width: 1px;
    height: 1px;
    overflow: hidden
}


/*通用盒模型*/
.common_box {
    padding: 10px 0px;
}

.common_box_inner {
    width: 1150px;
    margin: 0px auto;
    overflow: hidden;
}

    .common_box_inner:after {
        content: '';
        display: block;
        height: 0px;
        clear: both;
    }

.k1180 {
    max-width: 1150px;
    margin: 0 auto;
    padding: 0 10px;
}

.index-titlebox {
    text-align: center;
}

    .index-titlebox h2 {
        font-size: 24px;
        display: inherit;
        font-weight: normal;
    }

.fenleiwp {
    width: 1150px;
    overflow: hidden;
}

.fenlei-list {
    width: 1150px;
}

    .fenlei-list .current {
        color: #fff;
        background-color: #50c881;
        border: solid 1px #50c881;
        text-decoration: none;
        transition: all 0.3s;
        border-radius: 3px;
    }

    .fenlei-list .current2 {
        background-color: #f1f1f1;
    }

    .fenlei-list li {
        float: left;
        width: 104px;
        margin-right: 10px;
        float: left;
        text-align: center;
        margin-bottom: 10px;
    }

        .fenlei-list li a {
            display: block;
            width: 104px;
            height: 40px;
            line-height: 40px;
            border: solid 1px #f1f1f1;
            font-size: 14px;
            color: #666;
            transition: all 0.3s;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            border-radius: 3px;
        }

            .fenlei-list li a:hover {
                color: #fff;
                background-color: #50c881;
                border: solid 1px #50c881;
                text-decoration: none;
                transition: all 0.3s;
                border-radius: 3px;
            }

.content em {
    border: #cccccc 1px solid;
    padding: 0.3em 0.5em;
    widows: 2;
    text-transform: none;
    background-color: #f4f4f4 !important;
    text-indent: 0px;
    min-height: 1.5em;
    font: 12px/18px 'Courier 10 Pitch', Courier, monospace;
    orphans: 2;
    color: #333333;
    display: inline-block;
    margin: 3px 0px 12px;
}

.content .tit1 {
    width: 950px;
    height: 30px;
    border-bottom: 2px solid #cb0404
}

.content .tit2 {
    background: url(/2017images/goods_tit.gif) 0 -100px no-repeat;
    width: 950px;
    height: 50px;
}

.content .tit3 {
    background: url(/2017images/goods_tit.gif) 0 -50px no-repeat;
    width: 950px;
    height: 50px;
}

.content img {
    max-width: 740px;
    display: inline;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}

.content .s {
    background: #ffffff;
    border: 1px solid #e2e2e2;
    margin: 6px;
    position: relative;
    padding: 20px 20px 20px 20px;
    font-family: Microsoft Yahei,simhei,sans-serif;
    color: #666;
}

.content .s1 {
    width: 881px;
    height: 16px;
    background: url(/2017images/goods_sm.gif) 0 0 no-repeat;
    position: absolute;
    left: -1px;
    top: -1px;
}

.content .s2 {
    width: 7px;
    height: 16px;
    background: url(/2017images/goods_sm.gif) -1001px 0 no-repeat;
    position: absolute;
    right: -1px;
    top: -1px;
}

.content .s3 {
    width: 7px;
    height: 7px;
    background: url(/2017images/goods_sm.gif) 0px -78px no-repeat;
    position: absolute;
    left: -1px;
    bottom: -1px;
}

.content .s4 {
    width: 7px;
    height: 7px;
    background: url(/2017images/goods_sm.gif) -1001px -78px no-repeat;
    position: absolute;
    right: -1px;
    bottom: -1px;
}

.pages {
    padding: 30px 0 30px;
    text-align: center;
}

    .pages li {
        display: inline;
        font-family: "微软雅黑";
        font-size: 15px
    }

        .pages li.thisclass, .pages a:hover {
            padding: 10px 15px;
            border: 1px solid #C30404;
            background: #C30404;
            color: #fff;
            text-decoration: none;
            font-family: "微软雅黑";
            font-size: 15px
        }

    .pages a {
        padding: 10px 15px;
        border: 1px solid #CCC;
        background: #fff;
        color: #A4A4A4;
        line-height: 18px;
        font-family: "微软雅黑";
        font-size: 15px
    }

.wenk {
    text-align: left;
    font-size: 14px;
    hcolor: #3f3f3f;
    width: 250px;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0px solid #0000ff;
}

.sldd {
    width: 48px;
    height: 38px;
    border: 1px #fff solid;
    background: #ffffff;
    text-align: center;
}

.f1 {
    float: left
}

.pinlun {
    float: right;
    color: #6699cc
}

/* index */
.bannerPrev,
.bannerNext {
    background-position: -90px 0;
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: absolute;
    top: 157px;
    height: 36px;
    width: 36px;
    z-index: 99;
}

.bannerPrev {
    background-position: -90px 0;
    left: -36px;
}

.bannerNext {
    background-position: -127px 0;
    right: -36px;
}

    .bannerPrev:hover,
    .bannerNext:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }

.device:hover .bannerPrev {
    left: 15px;
    transition: left 0.2s ease-in-out;
    -webkit-transition: left 0.2s ease-in-out;
    -moz-transition: left 0.2s ease-in-out;
    -o-transition: left 0.2s ease-in-out;
}

.device:hover .bannerNext {
    right: 15px;
    transition: right 0.2s ease-in-out;
    -webkit-transition: right 0.2s ease-in-out;
    -moz-transition: right 0.2s ease-in-out;
    -o-transition: right 0.2s ease-in-out;
}

.w280 {
    width: 280px;
}



/*背景高斯模糊*/
.svghin {
    display: none;
}

.svglist {
    width: 280px;
    height: 280px;
    float: left;
    position: relative;
    overflow: hidden;
}

    .svglist img {
        width: 280px;
        height: 280px;
        position: relative;
        top: 70%;
        left: 50%;
        margin-left: -140px;
        margin-top: -160px;
    }

.layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* for IE */
    filter: alpha(opacity=60);
    /* CSS3 standard */
    opacity: 0.6;
}

.cover {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.blur {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    -o-transform: translateZ(10);
    -ms-transform: translateZ(10);
    -moz-transform: translateZ(10);
    -webkit-transform: translateZ(10);
    transform: translateZ(10);
    /* blur */
    filter: url(blur-12px.svg#blur);
    /* css3 */
    -webkit-filter: blur(12px);
    -moz-filter: blur(12px);
    filter: blur(12px); /* FireFox 35+ support */
    /* IE6~IE9 */
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=12, MakeShadow=false);
    *left: -12px;
    left: -12px\0;
}


/*背景高斯模糊－－end*/


.designerBox {
    clear: both;
    text-align: center;
    position: relative;
    top: -51px;
    height: 91px;
    z-index: 999;
}

    .designerBox img {
        border: 4px #fff solid;
        border-radius: 100%;
    }

    .designerBox a {
        color: #38485a;
    }

        .designerBox a:hover {
            color: #4095cc;
        }

.c_000 a {
    color: #38485a;
}

    .c_000 a:hover {
        color: #4095cc;
    }

.designerMes {
    color: #818486;
    font-size: 12px;
    line-height: 22px;
    padding: 8px 15px 0;
}

    .designerMes a {
        color: #818486;
    }

        .designerMes a:hover {
            color: #818486;
            text-decoration: underline;
        }

.designerMore {
    border-top: 1px #efefef solid;
    font-size: 12px;
    margin-top: 15px;
    padding: 17px 15px;
}

    .designerMore .sqhg_t {
        float: left;
        display: block;
    }

        .designerMore .sqhg_t a {
            color: #818486;
        }

            .designerMore .sqhg_t a:hover {
                color: #818486;
                text-decoration: underline;
            }

    .designerMore a {
        background-position: 0 -24px;
        margin-top: 3px;
        height: 12px;
        width: 21px;
    }

.w1200 {
    width: 1200px;
    clear: both;
    margin-left:auto;
    margin-right:auto;
}

.pos_tabs {
    width: 1180px;
    padding-top: 20px;
}

.tabstj {
    float: left;
    width: 900px;
}

    .tabstj li {
        float: left;
        font-size: 14px;
        margin-right: 10px;
    }

        .tabstj li a {
            color: #999;
            display: block;
            height: 35px;
            margin-right: 15px;
            line-height: 35px;
            text-align: center;
            padding: 0 20px;
        }

//.tabstj li a:hover {
    color: #4095cc;
}

.tabstj li .onactive {
    border: 1px solid #4095cc;
    border-radius: 5px;
    display: block;
    color: #4095cc;
}

.onactive2 {
    border: 1px solid #BA53E9;
    border-radius: 5px;
    display: block;
    color: #BA53E9;
    background-color: #BA53E9
}

.onactive22 {
    border: 1px solid #BA53E9;
    border-radius: 5px;
    display: block;
    color: #BA53E9;
}

.onactive3 {
    border: 1px solid #FD8D0F;
    border-radius: 5px;
    display: block;
    color: #FD8D0F;
    background-color: #FD8D0F
}

.onactive4 {
    border: 1px solid #6AD80F;
    border-radius: 5px;
    display: block;
    color: #6AD80F;
    background-color: #6AD80F
}

.design_hot_text {
    float: left;
    width: 500px;
    line-height: 35px;
    color: #999;
}


.workList {
    float: left;
    margin:7px 7px 7px 7px;
    position: relative;
    width: 280px;
    height: 328px;
}

    .workList:hover {
        box-shadow: 0 0 8px rgba(0,0,0,0.2);
    }

    .workList p {
        width: 280px;
        height: 210px;
        border: 0px solid #ff0000;
        overflow: hidden;
    }

        .workList p img {
            width: 280px;
            vertical-align: top;
        }

.workList_ads {
    float: left;
    margin: 15px 15px 0 0;
    overflow: hidden;
    position: relative;
    width: 280px;
}

.workImg img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.workList_ads p img {
    width: 280px;
    height: 200px;
}

.workName {
    color: #abb0b3;
    font-size: 12px;
    line-height: 20px;
    margin-left: 45px;
    min-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .workName p {
        overflow: hidden;
        height: 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .workName a {
        color: #394a58;
    }

        .workName a:hover {
            color: #4095cc;
        }

.clearfix {
}


.workBtn {
    border-top: 1px #efefef solid;
    padding: 10px 16px 14px 13px;
    height: 22px;
}

    .workBtn span,
    .materialIcon {
        color: #8f98aa;
        display: inline-block;
        font-size: 13px;
        margin-right: 10px;
    }

        .workBtn span a,
        .materialIcon a {
            color: #8f98aa;
        }

        .workBtn span i,
        .workBtn p,
        .materialIcon i {
            color: #bcbec3;
            font-size: 20px;
        }

            .workBtn span i.pinglun,
            .materialIcon i.pinglun {
                font-size: 19px;
                position: relative;
                top: 2px;
            }

            .workBtn span i.zan,
            .materialIcon i.zan {
                font-size: 15px;
                position: relative;
                top: -2px;
            }

            .workBtn span i.download,
            .materialIcon i.download {
                font-size: 13px;
                position: relative;
                top: -1px;
            }

            .workBtn span i.psd,
            .materialIcon i.psd {
                font-size: 14px;
            }

.iDworks {
    padding: 25px 5px 37px;
}

    .iDworks li {
        float: left;
        margin-left: 14px;
        overflow: hidden;
    }

.friendLink {
    font-size: 0;
    padding: 10px 17px;
}

    .friendLink span {
        color: #000;
        font-size: 12px;
        margin-right: 10px;
    }

    .friendLink a {
        color: #666;
        font-size: 12px;
        line-height: 26px;
        margin-right: 20px;
        white-space: nowrap;
    }

        .friendLink a:hover {
            color: #666;
        }
/* index End */



/* page */
.designerHead {
    border-right: 1px #f0f0f0 solid;
}

    .designerHead > li {
        border-left: 1px #f0f0f0 solid;
        color: #213244;
        float: left;
        line-height: 58px;
        position: relative;
        width: 148px;
    }

        .designerHead > li p {
            cursor: pointer;
            padding: 0 20px;
        }

        .designerHead > li span {
            background-position: -300px 0;
            margin-top: 28px;
            height: 7px;
            width: 12px;
        }

.wXialaUl {
    background-color: #fff;
    border: 1px #e8e8e8 solid;
    display: none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    left: -1px;
    top: 100%;
    width: 148px;
    z-index: 999;
}

#diqu {
    height: 198px;
    overflow-y: scroll;
}

.wXialaUl li {
    line-height: 38px;
}

    .wXialaUl li a {
        display: block;
        padding: 0 20px;
    }

        .wXialaUl li a:hover {
            background-color: #008fe1;
            color: #fff;
        }

.designerSearch {
    float: left;
    padding: 12px 0 0 13px;
    height: 45px;
}

    .designerSearch input[type=text] {
        border: 1px #dbdbdb solid;
        line-height: 32px;
        padding: 0 10px;
        height: 32px;
        width: 220px;
    }

    .designerSearch input[type=button] {
        background-color: #0099e5;
        color: #fff;
        cursor: pointer;
        line-height: 34px;
        margin-left: 5px;
        padding: 0 20px;
        height: 34px;
    }

.pb80 {
    padding-bottom: 80px;
}

.designerDl {
    border-bottom: 1px #b4b4b4 dotted;
    margin-top: 30px;
    padding-bottom: 30px;
}

.designerBtn {
    background-color: #0099e5;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 30px;
    padding: 0;
    text-align: center;
    width: 100px;
}

    .designerBtn.current {
        background-color: #1bbc9b;
    }

.quxiao {
    background-color: #f05050;
}

.quxiaoBtn {
    background-color: #fafafc;
    border: 1px #eceaeb solid;
    color: #0099e5;
}

.designerBtn.fasixin {
    background-color: #7087a3;
}

.designerBtn span {
    background-position: -300px -8px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 2px;
    height: 14px;
    width: 14px;
}

.designerBtn.current span {
    background-position: -316px 0;
}

.designerBtn.quxiao span {
    background-position: -300px -23px;
}

.designerBtn.fasixin span {
    background-position: -285px -56px;
    top: 0;
    height: 10px;
    width: 15px;
}

.designerWork li {
    float: left;
    margin-left: 15px;
}

    .designerWork li a {
        background-color: #fff;
        border-radius: 5px;
        display: block;
        padding: 5px;
    }

    .designerWork li img {
        border-radius: 5px;
    }

.worksUpload {
    background-color: #3499da;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 38px;
    text-align: center;
    padding: 0 10px;
    position: relative;
    min-width: 80px;
}

    .worksUpload input[type=file] {
        cursor: pointer;
        filter: alpha(opacity=0);
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }

.bdxz {
    display: block;
    float: left;
    margin-right: 10px;
    width: 100px;
    height: 38px;
    background: #27AE60;
    line-height: 38px;
    text-align: center;
    border-radius: 5px;
    color: #fff
}

.ys {
    display: block;
    float: left;
    margin-right: 10px;
    width: 100px;
    height: 38px;
    background: #ef9904;
    line-height: 38px;
    text-align: center;
    border-radius: 5px;
    color: #fff
}

.worksUpload.cancelBtn {
    background-color: #a3aeb6;
}

.worksUpload.deleteBtn {
    background-color: #9aa4aa;
}

.worksUpload.xiugai {
    background-color: #d2d7db;
}

.mt60 {
    margin-top: 60px;
}

.pt40 {
    padding-top: 40px;
}

.h310 {
    height: 310px;
}

.shareBox {
    background-color: #f4f6f8;
    float: left;
    text-align: center;
    padding: 35px 45px 50px;
    width: 36px;
}

    .shareBox .bshare-custom.icon-medium .bshare-sinaminiblog,
    .shareBox .bshare-custom.icon-medium .bshare-douban,
    .shareBox .bshare-custom.icon-medium .bshare-qzone,
    .shareBox .bshare-custom.icon-medium .bshare-huaban,
    .shareBox .bshare-custom.icon-medium .copyBtn,
    .mvShare .bshare-custom.icon-medium .bshare-sinaminiblog,
    .mvShare .bshare-custom.icon-medium .bshare-douban,
    .mvShare .bshare-custom.icon-medium .bshare-qzone,
    .mvShare .bshare-custom.icon-medium .bshare-huaban,
    .mvShare .bshare-custom.icon-medium .copyBtn {
        background-image: urworksUploadl(/images/icon.png);
        background-repeat: no-repeat;
        display: block;
        margin: 20px 0 0 0;
        padding: 0;
        height: 36px;
        width: 36px;
    }

.mvShare .bshare-custom.icon-medium .bshare-sinaminiblog,
.mvShare .bshare-custom.icon-medium .bshare-douban,
.mvShare .bshare-custom.icon-medium .bshare-qzone,
.mvShare .bshare-custom.icon-medium .bshare-huaban,
.mvShare .bshare-custom.icon-medium .copyBtn {
    display: inline-block;
    margin: 0 8px 0 0;
}

.shareBox .bshare-custom.icon-medium .bshare-sinaminiblog,
.mvShare .bshare-custom.icon-medium .bshare-sinaminiblog {
    background-position: -332px 0;
}

.shareBox .bshare-custom.icon-medium .bshare-douban,
.mvShare .bshare-custom.icon-medium .bshare-douban {
    background-position: -369px 0;
}

.shareBox .bshare-custom.icon-medium .bshare-qzone,
.mvShare .bshare-custom.icon-medium .bshare-qzone {
    background-position: -406px 0;
}

.shareBox .bshare-custom.icon-medium .bshare-huaban,
.mvShare .bshare-custom.icon-medium .bshare-huaban {
    background-position: -443px 0;
}

.shareBox .bshare-custom.icon-medium .copyBtn,
.mvShare .bshare-custom.icon-medium .copyBtn {
    background-position: -332px -37px;
}

.zfText {
    float: left;
    margin-left: 59px;
    width: 774px;
}

.mt50 {
    margin-top: 50px;
}

.zfZan {
    background-position: 0 -36px;
    border-radius: 100%;
    box-shadow: 0 1px 10px rgba(28,168,232,0.5);
    display: inline-block;
    color: #fff;
    cursor: pointer;
    font: 16px Arial;
    text-align: center;
    padding-top: 55px;
    height: 34px;
    width: 89px;
}

.zfText p span {
    line-height: 26px;
}

.zfText span {
    line-height: 26px;
}

.zfText p div span {
    line-height: 26px;
}

.zfText p {
    line-height: 26px;
    font-size: 15px;
}

.zfText h6 {
    padding-bottom: 12px;
}

.zfText h5 {
    padding-bottom: 12px;
}

.zfText h4 {
    padding-bottom: 12px;
}

.zfText h3 {
    padding-bottom: 12px;
}

.zfText h2 {
    padding-bottom: 12px;
}

.zfText h1 {
    padding-bottom: 12px;
    color: #3f8def;
    font-size: 20px
}

    .zfText h1 span {
        padding-bottom: 12px;
        color: #4095cc;
        font-size: 20px
    }

.zfText h2 span {
    padding-bottom: 12px;
    color: #4095cc;
    font-size: 20px
}

.zfText strong {
    padding-bottom: 12px;
}

.zfText p.c_abb0b3 {
    font-size: 12px;
    padding-top: 0px;
    padding-bottom: 10px;
    margin-top: 0px;
}

.zfText ol {
    font-size: 16px;
}

    .zfText ol li a {
        color: #0da4d3;
        line-height: 30px;
    }

    .zfText ol li {
        padding-bottom: 8px;
    }

.zfText p a span {
    color: #0da4d3;
}

.txmzf img {
    width: 100px;
    height: 100px;
}

.mt115 {
    margin-top: 115px;
}

.commentTitle {
    border-bottom: 1px #f4f4f4 solid;
    color: #333;
    font-size: 16px;
    padding-bottom: 15px;
}

.commentreplytextarea {
    display: none;
}

.commentTa {
    background-color: #f8f9fb;
    border: 1px #e9ecf2 solid;
    border-radius: 5px;
    box-shadow: 1px 3px 5px rgba(0,0,0,0.05) inset;
    padding: 5px 10px;
    height: 100px;
}

    .commentTa textarea {
        color: #666;
        line-height: 24px;
        resize: none;
        height: 100%;
        width: 100%;
    }

.commentDl {
    border-bottom: 1px #f4f4f4 solid;
    margin-top: 20px;
    padding-bottom: 20px;
}

.commentDd {
    color: #666;
    line-height: 24px;
    margin-left: 80px;
}

.commentDd2 {
    color: #666;
    line-height: 24px;
    margin-left: 10px;
}

.commentCon {
    margin-right: 60px;
}

.huifu {
    background-color: #f4f5f7;
    border-radius: 5px;
    padding: 15px;
}

.commentMore {
    border: 1px #dddfe1 solid;
    border-radius: 20px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    height: 40px;
    min-width: 178px;
}

.w160 {
    width: 160px;
}

.gengxinTime {
    border-top: 1px #e2e2e1 solid;
    border-bottom: 1px #e2e2e1 solid;
    padding: 20px 0;
}

.shangqi {
    background-position: -90px -36px;
    color: rgba(239,239,239,0.6);
    text-align: center;
    overflow: hidden;
    height: 160px;
    width: 160px;
}

    .shangqi a {
        color: rgba(239,239,239,0.6);
    }

        .shangqi a:hover {
            color: rgba(239,239,239,1);
        }

    .shangqi img {
        border: 2px #f1f1f1 solid;
    }

.w840 {
    width: 840px;
}

.mvHead {
    border-bottom: 1px #efefef solid;
    padding: 20px;
}

.mvEditbox {
    text-align: center;
    padding: 8px 20px 0;
}

    .mvEditbox p {
        padding-top: 20px;
    }

.mvFooter {
    padding: 20px 20px 40px;
}

.mvCopyright {
    background-color: #f9f2e6;
    border: 1px #f4e6cf solid;
    padding: 22px 15px;
}

.mvShare .bshare-custom.icon-medium {
    display: inline-block;
}

.mvBtn {
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    line-height: 42px;
    height: 42px;
    width: 128px;
}

    .mvBtn.green {
        background-color: #1abc9c;
        color: #fff;
    }

    .mvBtn.blue {
        background-color: #3f8dee;
    }

    .mvBtn.current {
        background-color: #1abc9c;
        color: #fff;
    }

.shoucang {
    background-position: -51px -18px;
    margin-right: 5px;
    position: relative;
    top: 3px;
    height: 18px;
    width: 18px;
}

.xiazai {
    background-position: -27px -20px;
    margin-right: 5px;
    height: 14px;
    width: 16px;
}

.w320 {
    width: 320px;
}

.mvXgDl {
    border-top: 1px #ebefee solid;
    padding:10px;
    height: 80px;
}

    .mvXgDl:hover {
        background-color: #f7fbfd;
        border-left: 3px #3499da solid;
        position: relative;
        left: -3px;
    }

    .mvXgDl dd {
        margin: 10px 0 0 115px;
    }

.wvHead {
    background-color: #fafafa;
    border: 1px #e5e5e5 solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.mtf3 {
    position: relative;
    top: -3px;
}

.wvUser {
    border-left: 1px #e5e5e5 solid;
    padding: 13px 35px;
    position: relative;
}

    .wvUser .workName {
        color: #394a58;
        margin-left: 70px;
        padding-top: 10px;
    }

        .wvUser .workName p {
            padding-bottom: 5px;
        }

.homeTj {
    background-position: -285px -36px;
    position: absolute;
    bottom: 2px;
    right: 0;
    height: 18px;
    width: 14px;
}

.tuijianIcon,
.lanmutuijian {
    background-position: -252px -36px;
    position: absolute;
    top: 0;
    left: -64px;
    height: 51px;
    width: 31px;
}

.lanmutuijian {
    background-position: -438px -37px;
}

.wvContent {
    border-left: 1px #e5e5e5 solid;
    border-right: 1px #e5e5e5 solid;
    padding: 20px 29px 30px;
}

.line1 {
    background-color: #ebeef3;
    height: 1px;
    overflow: hidden;
}

.wvMore {
    background-color: #e0e4ea;
    color: #9aa0aa;
    display: block;
    line-height: 45px;
    text-align: center;
}

.articleBox {
    padding: 0 20px 30px;
}

.articleDl {
    border-bottom: 1px #ebefee solid;
    padding: 30px 0;
}

    .articleDl dd {
        margin-left: 295px;
    }

.articleSr {
    padding: 20px 20px 58px;
    position: relative;
}

.srpaihang {
    background-position: -251px -88px;
    position: absolute;
    left: 0;
    top: 0;
    height: 103px;
    width: 101px;
    z-index: 999;
}

.articleSr .device {
    overflow: inherit;
    height: auto;
    width: 100%;
}

    .articleSr .device .swiper-slide, .swiper-slide_1 {
        background: none;
    }

.articleSr .bannerPrev,
.articleSr .bannerNext {
    margin-top: -16px;
    top: 50%;
    height: 32px;
    width: 32px;
}

.articleSr .bannerPrev {
    background-position: -370px -37px;
    left: 0;
}

.articleSr .device:hover .bannerPrev {
    left: 0;
}

.articleSr .bannerPrev:hover {
    background-position: -369px -70px;
}

.articleSr .bannerNext {
    background-position: -404px -37px;
    right: 0;
}

.articleSr .device:hover .bannerNext {
    right: 0;
}

.articleSr .bannerNext:hover {
    background-position: -403px -70px;
}

.articleSr .bannerPage {
    bottom: -38px;
}

    .articleSr .bannerPage .swiper-pagination-switch {
        background-color: #d3dadf;
        border: none;
        margin: 0 3px;
        height: 8px;
        width: 8px;
    }

    .articleSr .bannerPage .swiper-active-switch {
        background-color: #3499da;
    }

.articleBtn {
    background-color: #3499da;
    border-radius: 18px;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    padding: 0 30px;
}

.rmZuozhe {
    border-top: 1px #ebefee solid;
    padding: 15px 10px;
}

    .rmZuozhe dd {
        margin-left: 90px;
        padding-top: 11px;
    }

.dashang {
    background-color: rgba(0,0,0,0.4);
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 99999999999999;
}

.dashangBox {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.06);
    overflow: hidden;
    margin-left: -250px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 500px;
}

.dashangNr {
    padding: 30px 59px 55px;
}

.dashangJe {
    border: 1px #e3e7ec solid;
    border-radius: 5px;
    color: #666;
    cursor: pointer;
    font-size: 18px;
    float: left;
    text-align: center;
    line-height: 45px;
    margin-right: 7px;
    position: relative;
    height: 45px;
    width: 88px;
}

    .dashangJe:last-child {
        margin-right: 0;
    }

    .dashangJe:hover,
    .dashangJe.current {
        border: 2px #7ea9e6 solid;
        line-height: 43px;
        height: 43px;
        width: 86px;
    }

    .dashangJe span {
        color: #ff7a10;
    }

.uCurrent {
    background-position: -32px -126px;
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 23px;
    width: 21px;
}

.dashangJe:hover .uCurrent,
.dashangJe.current .uCurrent {
    display: block;
}

.dsInput {
    border-left: 1px #d8dde3 solid;
    border-right: 1px #d8dde3 solid;
    line-height: 52px;
    margin: 0 15px;
    padding: 0 13px;
    position: relative;
    top: -3px;
    height: 52px;
    width: 220px;
}

.dashangCg,
.dashangSb {
    margin-right: 8px;
    position: relative;
    top: 4px;
    height: 27px;
    width: 27px;
}

.dashangCg {
    background-position: 0 -150px;
}

.dashangSb {
    background-position: -28px -150px;
}

.co_k800 {
    width: 900px;
    margin: 0 auto;
}

    .co_k800 p {
        line-height: 26px;
        font-size: 15px;
    }

    .co_k800 h6 {
        padding-bottom: 12px;
    }

    .co_k800 h5 {
        padding-bottom: 12px;
    }

    .co_k800 h4 {
        padding-bottom: 12px;
    }

    .co_k800 h3 {
        padding-bottom: 12px;
    }

    .co_k800 h2 {
        padding-bottom: 12px;
    }

    .co_k800 h1 {
        padding-bottom: 12px;
    }

    .co_k800 strong {
        padding-bottom: 12px;
    }

    .co_k800 img {
        text-align: center;
        display: block;
        margin: 10px auto;
        background-color: #F6F6F6;
        border: 1px solid #E6E6E6;
        padding: 14px;
    }

    .co_k800 ol {
    }

        .co_k800 ol li a {
            color: #0da4d3;
            line-height: 30px;
        }

    .co_k800 p a {
        color: #0da4d3;
    }

.edui-editor-body .edui-body-container p a {
    color: #0da4d3;
    text-decoration: underline;
}

.edui-editor-body .edui-body-container div a {
    color: #0da4d3;
    text-decoration: underline;
}
/* page End */




/* 登录/注册 */
.redbitian {
    color: #c00;
    display: block;
    float: right;
    padding-top: 15px;
}

.loginBox {
    min-height: 520px;
    padding: 60px 0 80px;
}

.centerBox {
    margin-left: auto;
    margin-right: auto;
    width: 368px;
}

.w100 {
    width: 100%;
}

.plr35 {
    padding-left: 35px;
    padding-right: 35px;
}

.input {
    border: 1px #d8dde3 solid;
    border-radius: 5px;
    color: #576778;
    line-height: 52px;
    padding: 0 15px;
    height: 52px;
    width: 328px;
}

.btn {
    background-color: #3499da;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
}

.loginSbox {
    margin-left: auto;
    margin-right: auto;
    padding: 235px 0;
    width: 610px;
}

.success {
    background-position: -354px -116px;
    height: 104px;
    width: 104px;
}

.rSuccess,
.rError {
    color: #1cc4a6;
    font-size: 12px;
    position: absolute;
    top: 17px;
    left: 369px;
    white-space: nowrap;
}

.rError {
    color: #f8370b;
}

    .rSuccess span,
    .rError span {
        background-color: #1cc4a6;
        border-radius: 100%;
        display: inline-block;
        text-align: center;
        margin-right: 5px;
        height: 20px;
        width: 20px;
    }

    .rError span {
        background-color: #f34805;
    }

        .rSuccess span i,
        .rError span i {
            background-position: -483px -40px;
            display: inline-block;
            margin-top: 6px;
            height: 9px;
            width: 12px;
        }

        .rError span i {
            background-position: -472px -40px;
            height: 8px;
            width: 8px;
        }

.sex {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin-right: 35px;
}

    .sex i {
        border: 4px #dbdcde solid;
        border-radius: 100%;
        display: inline-block;
        margin-right: 4px;
        position: relative;
        top: 2px;
        height: 6px;
        width: 6px;
    }

        .sex i.current {
            border-color: #3f8def;
        }

.w175 {
    width: 175px;
}

.w143 {
    width: 143px;
}

.jieshou {
    background-color: #dcdee1;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin-right: 6px;
    height: 14px;
    width: 14px;
}

    .jieshou.jieshouSelect {
        background-color: #3499da;
    }

    .jieshou i {
        background: none;
        display: inline-block;
        margin-top: 3px;
        height: 9px;
        width: 12px;
    }

    .jieshou.jieshouSelect i {
        background: url(/images/icon.png) no-repeat -483px -40px;
    }

/* 登录/注册 End */



/* 个人主页 */
.uHead {
    position: absolute;
    top: 14px;
    left: 28px;
    right: 28px;
}

.uMainNav {
    background-position: -300px -38px;
    height: 17px;
    width: 25px;
}

.userTx {
    background-color: rgba(255,255,255,0.05);
    display: inline-block;
    padding: 5px;
    position: relative;
}

.uHomeV {
    bottom: 13px;
    right: 8px;
}

.userBanner {
    padding: 110px 0 80px 0;
}

.uWeibo,
.uWeixin,
.uDouban {
    margin: 0 5px;
    height: 30px;
    width: 30px;
}

.uWeibo {
    background-position: -470px -51px;
}

.uWeixin {
    background-position: -470px -82px;
}

.uDouban {
    background-position: -470px -113px;
}

.uSubNav {
    color: #1e2746;
    text-align: center;
}

    .uSubNav a {
        border-bottom: 3px #fff solid;
        color: #1e2746;
        display: inline-block;
        line-height: 58px;
        margin: 0 15px;
        padding: 0 10px;
    }

        .uSubNav a:hover,
        .uSubNav a.current {
            border-color: #ff4081;
        }

.uClassify a {
    border-radius: 5px;
    color: #1e2746;
    display: inline-block;
    font-size: 12px;
    line-height: 30px;
    margin-right: 1px;
    padding: 0 5px;
}

    .uClassify a:hover,
    .uClassify a.current {
        background-color: #0099e5;
        color: #fff;
    }

.uFooter {
    background-color: #e5e9eb;
    color: #aab5c3;
    font-size: 12px;
    margin-top: 70px;
    padding: 25px 0;
}

.uAbout {
    color: #1e2746;
    font-size: 12px;
    line-height: 24px;
    padding: 130px 0;
}
/* 个人主页 End */




/* 会员上传 */
.upSubNav {
    font-size: 0;
}

    .upSubNav a {
        background-color: #dfe3e8;
        color: #293047;
        display: inline-block;
        font-size: 16px;
        text-align: center;
        line-height: 57px;
        margin-right: 2px;
        min-width: 150px;
        padding: 0 10px;
    }

        .upSubNav a:hover,
        .upSubNav a.current {
            background-color: #1abc9c;
            color: #fff;
        }

.upList {
    padding: 20px 30px;
}

.line2 {
    background-color: #f6f6f6;
    overflow: hidden;
    height: 1px;
}

.upListLeft {
    color: #000;
    float: left;
    text-align: right;
    width: 65px;
}

.upListRight {
    margin-left: 75px;
}

.upInput {
    border: 1px #b8c4ce solid;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.09) inset;
    color: #6e6f71;
    line-height: 40px;
    padding: 0 10px;
    height: 40px;
    width: 408px;
}

.upTextarea {
    border: 1px #b8c4ce solid;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.09) inset;
    color: #6e6f71;
    line-height: 24px;
    resize: none;
    padding: 5px 10px;
    height: 174px;
    width: 968px;
}

.upListRight .fancySelect div {
    border: 1px #b8c4ce solid;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.09) inset;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    color: #6e6f71;
    padding: 0 10px;
}

    .upListRight .fancySelect div span {
        background-position: 0 -126px;
        right: 10px;
        top: 10px;
        height: 19px;
        width: 17px;
    }

.upListRight .fancySelect ul {
    border: 1px #b8c4ce solid;
    border-top: none;
    border-radius: 0;
    margin-top: 0;
}

.upListRight .fancySelect li {
    border-bottom: 1px #b8c4ce solid;
    color: #6e6f71;
    padding: 10px;
}

.w210 {
    width: 210px;
}

.upWork {
    background-color: #f5f5f5;
    padding-bottom: 15px;
    width: 990px;
}

    .upWork li {
        float: left;
        margin: 15px 0 0 15px;
        position: relative;
    }

        .upWork li.sortable-ghost {
            border: 2px #1abc9c dashed;
            height: 148px;
            width: 176px;
            background: #FFF;
        }

            .upWork li.sortable-ghost img {
                display: none;
            }

        .upWork li.last, .upWork li.uploadifive-queue-item {
            border: 2px #1abc9c dashed;
            height: 148px;
            width: 176px;
        }

        .upWork li img {
            height: 152px;
            width: 180px;
        }

        .upWork li:hover img {
            border: 2px #1abc9c solid;
            height: 148px;
            width: 176px;
        }

.close {
    background-color: #fff;
    color: #000;
    cursor: pointer;
    display: none;
    text-align: right;
    padding: 0 10px 13px;
    position: absolute;
    left: 2px;
    bottom: 2px;
    width: 156px;
}

.upWork li:hover .close {
    display: block;
}

.close span {
    background-position: -441px -88px;
    margin-right: 7px;
    position: relative;
    top: 8px;
    height: 28px;
    width: 28px;
}

.fujianBox {
    padding: 4px 10px;
    height: auto;
    width: 458px;
}

.fujianName {
    color: #60727f;
    margin-left: 10px;
}

    .fujianName i {
        background-position: -459px -144px;
        margin-right: 9px;
        position: relative;
        top: 5px;
        height: 22px;
        width: 22px;
    }

.fujianDetele {
    background-position: -301px -56px;
    cursor: pointer;
    height: 21px;
    width: 21px;
}

.yuanzuozhe {
    border: 1px #b8c4ce solid;
    margin-right: 15px;
    padding: 0 10px;
    line-height: 40px;
}

#banquan .fancySelect li {
    border-bottom: none;
}

    #banquan .fancySelect li span {
        display: inline-block;
        margin-right: 8px;
        width: 78px;
    }

        #banquan .fancySelect li span img {
            margin-right: 5px;
        }
/* 会员上传 End */




/* 提醒_消息 */
.mBox {
    padding: 20px 40px 70px;
}

.mHead {
    border-bottom: 1px #e3e7ec solid;
    color: #4d4d4d;
    font-size: 20px;
}

    .mHead a {
        color: #4d4d4d;
        display: inline-block;
        line-height: 50px;
        margin-right: 35px;
        padding: 0 15px;
        position: relative;
        bottom: -1px;
    }

        .mHead a:hover,
        .mHead a.current {
            border-bottom: 3px #7ea9e6 solid;
            color: #3874b9;
        }

.mList {
    border-bottom: 1px #f0f2f5 solid;
    padding: 30px 0;
}

.mText {
    margin: 0 165px 0 82px;
}

.message2List .mText {
    margin-right: 55px;
}

.mIcon {
    background-color: #ff0800;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    width: 16px;
}

.mDetele {
    background-position: -18px -126px;
    cursor: pointer;
    height: 12px;
    width: 12px;
}

.m2ViewRight {
    margin-right: 82px;
}

.m2ViewBox {
    background-color: #f8f9fb;
    line-height: 28px;
    margin: 0 80px;
    padding: 15px 20px;
}

    .m2ViewBox .mDetele {
        margin-top: 8px;
    }

.mt100 {
    margin-top: 100px;
}
/* 提醒_消息 End */




/* 账户设置 */
.w80 {
    width: 80px;
}

.ml80 {
    margin-left: 80px;
}

.height48 {
    height: 48px;
    line-height: 48px;
}

.height50 {
    height: 50px;
    line-height: 50px;
}

.mt14 {
    margin-top: 14px;
}

.youxiang {
    display: inline-block;
    font-size: 16px;
    padding-left: 5px;
    position: relative;
    top: 3px;
}

.uTextarea {
    border: 1px #d8dde3 solid;
    border-radius: 5px;
    color: #576778;
    line-height: 28px;
    padding: 5px 15px;
    height: 218px;
    width: 1068px;
}

.jine {
    border: 1px #e3e7ec solid;
    color: #293047;
    cursor: pointer;
    font-size: 18px;
    float: left;
    text-align: center;
    line-height: 58px;
    margin: 10px 10px 0 0;
    position: relative;
    height: 58px;
    width: 168px;
}

    .jine:hover,
    .jine.current {
        border: 2px #7ea9e6 solid;
        line-height: 56px;
        height: 56px;
        width: 166px;
    }

    .jine span {
        color: #ff7a10;
    }

.uCurrent {
    background-position: -32px -126px;
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 23px;
    width: 21px;
}

.jine:hover .uCurrent,
.jine.current .uCurrent {
    display: block;
}

.zhifufs {
    border: 1px #e3e7ec solid;
    cursor: pointer;
    float: left;
    margin-right: 20px;
    padding: 8px 10px;
    position: relative;
}

    .zhifufs:hover,
    .zhifufs.current {
        border: 2px #7ea9e6 solid;
        padding: 7px 9px;
    }

        .zhifufs:hover .uCurrent,
        .zhifufs.current .uCurrent {
            display: block;
        }

.ml40 {
    margin-left: 40px;
}

.tixianTab th {
    border-top: 1px #e9e9e9 solid;
    border-bottom: 1px #e9e9e9 solid;
    padding: 20px 0;
}

.tixianTab td {
    color: #999;
    padding: 15px 0;
}
/* 账户设置 End */



/* select */
.fancySelect div, .fancySelect ul {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fancySelect {
    cursor: pointer;
    font-size: 14px;
    position: relative;
    /*  z-index:10001;*/
    z-index: 999;
}

    .fancySelect div {
        background-color: #fff;
        border: 1px #d8dde3 solid;
        border-radius: 5px;
        height: 52px;
        line-height: 52px;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #999;
        padding: 0 15px;
    }

        .fancySelect div span {
            position: absolute;
            right: 13px;
            top: 23px;
            width: 12px;
            height: 7px;
            display: inline-block;
            overflow: hidden;
            background: url(/images/icon.png) no-repeat -300px 0;
        }

    .fancySelect.over div span {
        opacity: 1;
    }

    .fancySelect ul {
        position: absolute;
        background: #fff;
        border-radius: 5px;
        border: 1px #d8dde3 solid;
        margin-top: 1px;
        overflow: hidden;
    }

.no-boxshadow .fancySelect ul {
    border: 1px solid #ccc;
}

.fancySelect li {
    border-bottom: 1px #d8dde3 solid;
    padding: 15px 15px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    list-style: none;
    overflow: hidden;
}

    .fancySelect li:nth-last-child(1) {
        border: none;
    }

    .fancySelect li.over {
        background-color: #F5F5F5;
        color: #333;
    }

    .fancySelect li.selected {
        background-color: #f5f6f8;
    }

        .fancySelect li.selected:before, .fancySelect li.selected:after {
            position: absolute;
            background-color: #fff;
        }
/* select End */

/*提示框*/
.directive_notif {
    width: 100%;
    height: 60px;
    background: #3499da;
    position: fixed;
    text-align: center;
    line-height: 60px;
    opacity: 0.95;
    display: none;
    top: 0;
    z-index: 9999999;
}

    .directive_notif .no_prompt {
        color: #fff;
        font-size: 16px;
    }

/* 私信框 */
.sixinBox, .informBox {
    background-color: #fafafa;
    border: 1px #e5e5e5 solid;
    margin-top: 5px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 300px;
    display: none;
    z-index: 999999;
}

.sixinClose {
    cursor: pointer;
    font-size: 12px;
    line-height: 1.3;
}

.sixinBox textarea, .informBox textarea {
    background-color: #fff;
    border: 1px #e5e5e5 solid;
    line-height: 1.3;
    margin-top: 10px;
    padding: 5px;
    height: 83px;
    width: 288px;
}

.commentreplyshowBtn {
    padding-left: 10px;
}

a.commentinformBtn {
    font-size: 12px;
    color: #d0d0d0;
}



/*个人主页社交样式*/
.mtshejiao {
    position: relative;
    top: -8px;
}

.Sociallymian {
    width: 120px;
    margin: 0 auto;
    padding-left: 8px;
}

.Sociallyqqerqi {
    float: left;
    position: relative;
}

    .Sociallyqqerqi i {
        cursor: pointer;
    }

    .Sociallyqqerqi .text {
        opacity: 0;
        position: absolute;
        top: 28px;
        left: -34px;
        width: 80px;
        background-color: #3498db;
        color: #fff;
        padding: 10px 10px;
        line-height: 18px;
        font-size: 12px;
        text-align: center;
        border-radius: 2px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        .Sociallyqqerqi .text:before {
            content: "";
            position: absolute;
            top: -6px;
            left: 50%;
            margin-left: -8px;
            border-color: transparent transparent #3498db transparent;
            border-style: solid;
            border-width: 0 7px 8px 7px;
            height: 0;
            width: 0;
        }

    .Sociallyqqerqi i:hover + .text {
        opacity: 1;
        top: 30px;
    }

.Sociallyqq {
    float: left;
    position: relative;
}

    .Sociallyqq i {
        cursor: pointer;
    }

    .Sociallyqq .text,
    .titleText {
        opacity: 0;
        position: absolute;
        top: 28px;
        left: -26px;
        width: auto;
        background-color: #3498db;
        color: #fff;
        padding: 10px 10px;
        line-height: 18px;
        font-size: 12px;
        text-align: center;
        border-radius: 2px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

span.titleText {
    white-space: nowrap;
    top: 55px;
    left: -17px;
    color: #fff;
}

.Sociallyqq .text:before,
.titleText:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -8px;
    border-color: transparent transparent #3498db transparent;
    border-style: solid;
    border-width: 0 7px 8px 7px;
    height: 0;
    width: 0;
}

.Sociallyqq i:hover + .text {
    opacity: 1;
    top: 30px;
}

.icon:hover > .titleText {
    opacity: 1;
    top: 57px;
}

.htjicon span.titleText {
    white-space: nowrap;
    top: 23px;
    left: -23px;
}

.htjicon:hover > .titleText {
    opacity: 1;
    top: 25x;
}

.Sociallywx {
    float: left;
    position: relative;
    margin-left: 15px;
}

    .Sociallywx i {
        cursor: pointer;
    }

    .Sociallywx .text {
        opacity: 0;
        position: absolute;
        top: 28px;
        left: -34px;
        width: 80px;
        background-color: #3498db;
        color: #fff;
        padding: 10px 10px;
        line-height: 18px;
        font-size: 12px;
        text-align: center;
        border-radius: 2px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        .Sociallywx .text:before {
            content: "";
            position: absolute;
            top: -6px;
            left: 50%;
            margin-left: -8px;
            border-color: transparent transparent #3498db transparent;
            border-style: solid;
            border-width: 0 7px 8px 7px;
            height: 0;
            width: 0;
        }

    .Sociallywx i:hover + .text {
        opacity: 1;
        top: 30px;
    }


.Sociallywb {
    float: left;
    position: relative;
    margin-left: 15px;
}

    .Sociallywb i {
        cursor: pointer;
    }

    .Sociallywb .text {
        opacity: 0;
        position: absolute;
        top: 28px;
        left: -36px;
        width: auto;
        background-color: #3498db;
        color: #fff;
        padding: 10px 10px;
        line-height: 18px;
        font-size: 12px;
        text-align: center;
        border-radius: 2px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        .Sociallywb .text:before {
            content: "";
            position: absolute;
            top: -6px;
            left: 50%;
            margin-left: -8px;
            border-color: transparent transparent #3498db transparent;
            border-style: solid;
            border-width: 0 7px 8px 7px;
            height: 0;
            width: 0;
        }

    .Sociallywb i:hover + .text {
        opacity: 1;
        top: 30px;
    }


/*首页推荐小图标*/
.htjicon {
    margin-right: 0px;
}

.tooltipitjicon img {
    width: 12px;
    height: 14px;
    padding-top: 2px;
    border-radius: 0px;
    padding-left: 5px;
    padding-right: 0px;
    text-align: right;
}