html {
    color: #333;
    background: #f4f4f4;
    -webkit-text-size-adjust: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}

body, button, input, select, textarea {
    font-family: 'Microsoft Yahei',tahoma,arial,SimSun,sans-serif,\5b8b\4f53;
    font-size: 14px;
    border: none;
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500;
}

ol, ul {
    list-style: none;
}

i, em {
    font-style: normal;
}

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

img {
    border: 0;
}

iframe {
    display: block;
}

.divZ-indexMax {
    z-index: 2147483647;
}

.divZ-indexMax-1 {
    z-index: 2147483646;
}

.divZ-Tips-1 {
    z-index: 9999999;
}

.divZ-indexSelect {
    z-index: 999999;
}

.divWidth {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}

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

.divLeft {
    margin-left: auto;
    margin-right: auto;
    float: left;
}

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

.divRight {
    margin-left: auto;
    margin-right: auto;
    float: right;
}

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

.hide {
    display: none;
}

.show {
    display: block;
}

.width10 {
    width: 10%;
}

.width15 {
    width: 15%;
}

.width20 {
    width: 20%;
}

.width25 {
    width: 25%;
}

.width30 {
    width: 30%;
}

.width50 {
    width: 50%;
}

.width100 {
    width: 100%;
}

.width15px {
    width: 15px;
    font-size: 0;
}

.width20px {
    width: 20px;
    font-size: 0;
}

.height1px {
    height: 1px;
    font-size: 0;
}

.height2px {
    height: 2px;
    font-size: 0;
}

.height5px {
    height: 5px;
    font-size: 0;
}

.height10px {
    height: 10px;
}

.height15px {
    height: 15px;
}

.height20px {
    height: 20px;
}

.height36px {
    height: 36px;
}

.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.padding15 {
    padding: 15px;
}

.padding20 {
    padding: 20px;
}

.paddingTop5 {
    padding-top: 5px;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingTop15 {
    padding-top: 15px;
}

.paddingBottom10 {
    padding-bottom: 10px;
}

.paddingBottom15 {
    padding-bottom: 15px;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font22 {
    font-size: 22px;
}

.font26 {
    font-size: 26px;
}

.font30 {
    font-size: 30px;
}

.line-height20px {
    line-height: 20px;
}

.line-height24px {
    line-height: 24px;
}

.line-height28px {
    line-height: 28px;
}

.line-height32px {
    line-height: 32px;
}

.line-height36px {
    line-height: 36px;
}

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

.hand {
    cursor: pointer;
}

.red {
    color: red;
}

.white {
    color: white;
}

.cWeb {
    color: #ff5000;
}

.bgColorFontRgba8 {
    color: rgba(255,255,255,.8);
}

.ccc {
    color: #ccc;
}

.c222 {
    color: #222;
}

.c7a {
    color: #7a7a7a;
}

.c8a {
    color: #8a8a8a;
}

.c45 {
    color: #454545;
}

.c666 {
    color: #666;
}

.c999 {
    color: #999;
}

.bold {
    font-weight: bold;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.verticalTop {
    vertical-align: top;
}

.verticalMiddle {
    vertical-align: middle;
}

.verticalBottom {
    vertical-align: bottom;
}

.word14 {
    font-size: 14px;
    line-height: 30px;
}

.divWordHidden {
    overflow: hidden;
    text-overflow: ellipsis;
}

.divHidden {
    overflow: hidden;
    white-space: nowrap;
}

.ulTD {
    list-style: none;
    width: 100%;
    overflow: hidden;
}

    .ulTD li {
        width: 50%;
        float: left;
        text-align: left;
    }

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.textLine-through {
    text-decoration: line-through;
}

.bgColorBody {
    background-color: #f2f2f2;
}

.bgColorWhite {
    background-color: white;
}

.bgColor333 {
    background-color: #333;
}

.bgColorE3 {
    background-color: #e3e3e3;
}

.bgColorWeb {
    background-color: #ff5000;
}

.bgTaoBao {
    background-color: #fb3434;
}

.bgLineCode {
    background-image: url('data:image/png;base64,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');
}

a {
    color: #333;
    outline: none;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        color: #ff5000;
    }

        a:hover img {
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

.normalTable {
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

.tableCenter{
    margin:auto;
}

.a_z span {
    cursor: pointer;
}

.azTable {
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0;
}

    .azTable td {
        height: 30px;
        line-height: 30px;
        vertical-align: top;
    }

        .azTable td img {
            height: 40px;
            padding-bottom: 20px;
        }

        .azTable td a:link {
            color: #8a8a8a;
        }

        .azTable td a:hover {
            color: #ff5000;
        }

.borderTopRed {
    border-top: 2px solid #ff5000;
    padding: 8px;
}

.borderTopE3 {
    border-top: 2px solid #E3E3E3;
    padding: 8px;
}

.borderTop {
    border-top: 1px solid #ddd;
}

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

/* head */
.headLine {
    background-color: #e3e3e3;
    font-size: 0px;
}

.headVerticalLine {
    color: #ccc;
    font-size: 10px;
    line-height: 10px;
    border-right: 1px solid #ccc;
}

a.head:link {
    color: #000;
    font-size: 16px;
}

a.head:hover {
    color: #ff5000;
    padding-bottom: 5px;
    border-bottom: 2px solid #ff5000;
}

a.head:visited {
    color: #000;
}

a.headMini:link {
    color: #666;
    font-size: 14px;
}

a.headMini:hover {
    color: #ff5000;
    border-bottom: 2px solid #ff5000;
    padding-bottom:7px;
}

a.headMini:visited {
    color: #666;
}

.headNav {
    background-color: #fff;
    top: 0px;
    position: fixed;
    width: 100%;
    font-size: 14px;
    display: none;
    color: black;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #e3e3e3;
    /*-webkit-box-shadow: #e3e3e3 0px 0px 5px;
    -moz-box-shadow: #333 0px 0px 5px;
    box-shadow: #e3e3e3 0px 0px 5px;
    behavior: url(/PIE.htc);*/
}

a.hotkeyword:link {
    color: #999;
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #ccc;
    font-size: 12px;
}

a.hotkeyword:hover {
    color: #ff5000;
    text-decoration: underline;
}

a.hotkeyword:visited {
    color: #999;
}

.hotKeywordHidden {
    overflow: hidden;
    white-space: nowrap;
    max-width: 620px;
    font-size: 12px;
    line-height: 13px;
}

.ppMoreTable {
    border: 0px;
    border-collapse: separate;
    border-spacing: 30px 10px;
    margin: auto;
}

    .ppMoreTable td ul li {
        height: 26px;
        line-height: 26px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .ppMoreTable td ul li img {
            height: 26px;
        }

    .ppMoreTable td div {
        font-weight: bold;
        font-size: 16px;
        color: #333;
        min-width: 110px;
        padding: 3px 0 10px 0;
        border-bottom: 1px solid #ccc;
    }

    .ppMoreTable td a:link {
        color: #8a8a8a;
    }

    .ppMoreTable td a:hover {
        color: #ff5000;
    }
/* end head */

/* shop */
.navTable {
    border: 0px;
    border-collapse: separate;
    border-spacing: 0px;
    width: 100%;
}

    .navTable tr td {
        text-align: left;
        height: 36px;
        line-height: 36px;
    }

        .navTable tr td span {
            text-align: left;
            color: #999;
        }

        .navTable tr td a:link {
            color: #8a8a8a;
            padding-right: 15px;
            display: inline-block;
        }

        .navTable tr td a:hover {
            color: #ff5000;
        }

.shopTbNav {
    border: 0px;
    border-collapse: separate;
    border-spacing: 15px 5px;
    margin: auto;
    width: 100%;
}
    .shopTbNav td {
        line-height: 28px;
        overflow: hidden;
        white-space: nowrap;
        text-align: left;
        width: 50%;
    }

.ppRightTable {
    border: 0px;
    border-collapse: separate;
    border-spacing: 15px 5px;
    margin: auto;
}

    .ppRightTable td {
        vertical-align: top;
    }

        .ppRightTable td img {
            width: 140px;
            border: 1px solid #e3e3e3;
        }

        .ppRightTable td ul li {
            line-height: 40px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            text-align: center;
        }
/* end shop */

/* item */
.divRedLine {
    background-color: #ffffff;
    border: 1px solid #ff5000;
}

.divOutLine {
    background-color: #ffffff;
    border: 1px solid #ececec;
}

.itemTable {
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

    .itemTable td {
        color: #8e8e8e;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 5px 5px 0 5px;
    }
.couponMoneyTable {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

    .couponMoneyTable td {
        white-space: nowrap;
        border-style: solid;
        border-width: 1px;
        border-color: #fb3434;
        color: #fb3434;
        padding: 2px 6px 2px 6px;
        text-align: center;
        background-color: White;
        font-size: 12px;
    }
/* end item */

/* pageCSS */
a.pageLinkPage:link {
    color: #888888;
    text-decoration: none;
    font-size: 14px;
}

a.pageLinkPage:visited {
    color: #888888;
    text-decoration: none;
    font-size: 14px;
}

a.pageLinkPage:hover {
    color: #ff5000;
    text-decoration: underline;
    font-size: 14px;
}

a.pageLinkPage:active {
    color: #888888;
    font-size: 14px;
    text-decoration: underline;
}

.pageTable {
    border: 0px;
    padding: 3px;
    margin: auto;
}

    .pageTable td {
        min-width: 36px;
        text-align: center;
        word-break: keep-all;
        white-space: nowrap;
        padding: 2px;
        font-size: 14px;
    }

.pageInput {
    font-size: 14px;
    color: #666666;
    padding: 4px;
    text-align: center;
    border: 1px solid #c7c7c7;
    background-color: White;
    width: 40px;
}

.pageSelect {
    font-size: 14px;
    color: #666666;
    padding: 4px;
    text-align: center;
    border: 1px solid #c7c7c7;
    background-color: White;
    width: 95px;
}

.pageButton {
    font-size: 14px;
    color: #333;
    background-color: #efefef;
    padding: 4px 6px 4px 6px;
    border: 1px solid #c7c7c7;
    cursor: pointer;
}

.pageDiv {
    padding: 4px 8px 4px 8px;
    border: 1px solid #c7c7c7;
    text-align: center;
    cursor: pointer;
}

.pageSelectPage {
    font-size: 16px;
    padding: 4px;
    border: 1px solid #ff5000;
    background-color: #ff5000;
    color: White;
    text-align: center;
}
/* pageCSS */

/* bottom */
.navTopBottom {
    background-color: #f4f4f4;
    position: fixed;
    display: none;
    border: 1px solid #f4f4f4;
}
    .navTopBottom i {
        font-size: 25px;
    }

.navTopLi {
    color: #ccc;
    font-size: 14px;
    text-align: center;
    background-color: white;
    padding:5px;
}

    .navTopLi a {
        font-size: 14px;
        color: #ccc;
        text-decoration: none;
    }

.navTopDarkLi {
    color: #f4f4f4;
    font-size: 14px;
    background-color: #ff5500;
    cursor: pointer;
    text-align: center;
    padding: 5px;
}

    .navTopDarkLi a {
        font-size: 14px;
        color: #f4f4f4;
        text-decoration: none;
    }

.navtopLine {
    height: 1px;
    background-color: #f4f4f4;
    font-size: 0;
}

.cp {
    border-top: 1px solid #ddd;
    line-height: 24px;
    text-align: center;
    padding: 18px 0 20px 0;
    color: #666;
    font-size: 12px;    
}

    .cp a:link {
        color: #777;
    }

    .cp a:hover {
        color: #ff5500;
    }

    .cp a:visited {
        color: #777;
    }
/* bottom */

.imgGray {
    border: 1px solid #f8f8f8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #f8f8f8 0px 0px 10px;
    -moz-box-shadow: #f8f8f8 0px 0px 10px;
    box-shadow: #f8f8f8 0px 0px 10px;
    background: #acacac;
    behavior: url(/PIE.htc);
    padding-bottom: 0px;
}

/* layui */
.layui-form-select dl dd.layui-this {
    background-color: #ff5000;
    color:white;
}

/*.layui-btn {
    background-color: #ff5000;
}*/

.layui-elem-field legend {
    font-size: 22px;
}

.layui-elem-field {
    border: 1px solid #e3e3e3;
}

.layui-table-sort {
    margin-left:0px;
}
/* end layui*/