a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, tfoot, th, thead, time, tr, ul, var, video {

    border: 0;

    margin: 0;

    outline: 0;

    padding: 0;

    font-size: 100%;

    font-weight: normal;

}



html {

    -webkit-text-size-adjust: none;

}



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



    *:before,

    *:after {

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }



a {

    text-decoration: none;

    color: rgb(0, 0, 0);

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



    a:hover {

        opacity: 1;

    }



img {

    border: 0;

    -ms-interpolation-mode: bicubic;

    vertical-align: middle;

    font-size: 0;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



th, td, caption {

    vertical-align: top;

    text-align: left;

}



sub, sup {

    font-size: 10px;

}



.bold {

    font-weight: 600;

}



.fr {

    float: right;

}



.fl {

    float: left;

}



.clearfix:before,

.clearfix:after {

    content: "";

    display: table;

}



.clearfix:after {

    clear: both;

}



h1, h2, h3, h4, h5, h6,

.h1, .h2, .h3, .h4, .h5, .h6 {

    font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, sans-serif;

    font-weight: 500;

    line-height: 1.1;

    color: inherit;

}



    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,

    .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small,

    h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {

        font-weight: normal;

        line-height: 1;

        color: #999999;

    }



h1, h2, h3 {

    margin-top: 20px;

    margin-bottom: 10px;

}



    h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {

        font-size: 65%;

    }



h4, h5, h6 {

    margin-top: 10px;

    margin-bottom: 10px;

}



    h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small {

        font-size: 75%;

    }



h1, .h1 {

    font-size: 36px;

}



h2, .h2 {

    font-size: 30px;

}



h3, .h3 {

    font-size: 24px;

}



h4, .h4 {

    font-size: 18px;

}



h5, .h5 {

    font-size: 14px;

}



h6, .h6 {

    font-size: 12px;

}

/******colors**********/

.turquoise {

    background-color: #1ABC9C !important;

}



.green-sea {

    background-color: #16A085 !important;

}



.emerland {

    background-color: #78ba00 !important;

}



.nephritis {

    background-color: #27AE60 !important;

}



.peter-river {

    background-color: #3498DB !important;

}



.belize-hole {

    background-color: #2980B9 !important;

}



.amethyst {

    background-color: #9B59B6 !important;

}



.wisteria {

    background-color: #8E44AD !important;

}



.wet-asphalt {

    background-color: #2C3E50 !important;

}



.midnight-blue {

    background-color: #2C3E50 !important;

}



.concrete {

    background-color: #95A5A6 !important;

}



.asbestos {

    background-color: #7F8C8D !important;

}



.clouds {

    background-color: #ECF0F1 !important;

    color: #666 !important;

}



.sliver {

    background-color: #BDC3C7 !important;

}



.alizarin {

    background-color: #E74C3C !important;

}



.pomegranate {

    background-color: #C0392B !important;

}



.carrot {

    background-color: #E67E22 !important;

}



.pumpkin {

    background-color: #D35400 !important;

}



.sun-flower {

    background-color: #F1C40F !important;

}



.orange {

    background-color: #F39C12 !important;

}



.violet {

    background-color: #9f00a7 !important;

}

/********** tip arrow*****************/

.tip-arrow-down:after {

    content: "???";

    position: relative;

    left: 1px;

    font-size: 0.9em;

}



.tip-arrow-up:after {

    content: "???";

    position: relative;

    left: 1px;

    font-size: 0.9em;

}



aside {

    display: none;

    font-size: 1.1em;

    box-orient: vertical;

    -webkit-box-orient: vertical;

}



    aside.active {

        display: -webkit-box;

        display: box;

    }



.aside-close {

    position: absolute;

    top: 0;

    color: #ECF0F1;

    padding: 10px;

}



aside[data-position="left"] .aside-close {

    right: 0;

}



aside[data-position="right"] .aside-close {

    left: 0;

}



aside > * {

    -webkit-box-flex: 0;

}



aside > .header {

    overflow: hidden;

    height: 44px;

    line-height: 44px;

    text-align: center;

    font-size: 1.2em;

    font-weight: bold;

}



aside > .center {

    -webkit-box-flex: 1;

    overflow: auto;

}



aside ul.menu li {

    border-bottom: 1px solid rgba(0, 0, 0, .1);

}



    aside ul.menu li a {

        padding: 10px 20px;

        display: block;

    }



        aside ul.menu li a .icon {

            float: left;

        }



    aside ul.menu li.anchor {

        padding: 2px 10px;

        font-size: 0.9em;

    }



.back-mask {

    width: 200px;

    margin: 60px auto;

    text-align: center;

    color: #7F8C8D;

}



    .back-mask .icon {

        font-size: 80px;

        line-height: 80px;

        display: block;

        margin-bottom: 10px;

    }



.button, button {

    display: inline-block;

    padding: 8px 14px;

    border: none;

    cursor: pointer;

    text-align: center;

    text-decoration: none;

    outline: none;

    border-radius: 4px;

}



    .button:disabled, button:disabled, .button.disabled, button.disabled {

    }



    .button.small, button.small {

        height: 30px;

        padding: 0 8px;

        font-size: 1em;

        line-height: 28px;

    }



    .button:active, button:active {

        opacity: .6;

    }



    .button.block, button.block {

        width: 100%;

    }



    .button .icon, button .icon {

        float: left;

    }



.jingle-calendar {

    width: 100%;

    overflow: hidden;

}



.jingle-calendar-nav {

    height: 50px;

    line-height: 50px;

    display: -webkit-box;

    display: box;

    text-align: center;

}



    .jingle-calendar-nav > div {

        -webkit-box-flex: 1;

    }



    .jingle-calendar-nav i.icon {

        padding: 10px;

    }



.jingle-calendar-body {

    overflow-x: hidden;

}



.jingle-calendar table {

    width: 100%;

}



    .jingle-calendar table th {

        text-align: center;

        padding: 5px 0;

    }



    .jingle-calendar table td {

        text-align: center;

        padding: 15px 0;

    }



.control-group {

    display: -webkit-box;

    display: box;

    overflow: hidden;

    list-style: none;

    border-radius: 4px;

}



    .control-group li {

        overflow: hidden;

        text-align: center;

        white-space: nowrap;

        -webkit-box-flex: 1;

        box-flex: 1;

        padding: 5px 0;

        border-width: 1px;

        border-style: solid;

        border-right-width: 0;

    }



        .control-group li > a {

            display: block;

            overflow: hidden;

            text-overflow: ellipsis;

        }



        .control-group li:first-child {

            border-radius: 4px 0 0 4px;

        }



        .control-group li:last-child {

            border-right-width: 1px;

            border-radius: 0 4px 4px 0;

        }



    .control-group i.icon ~ a {

        padding: 0;

    }



[data-count] {

    position: relative;

}



.count {

    position: absolute;

    border-radius: 30px;

    color: #fff;

    line-height: 18px;

    padding: 0 5px;

    font-size: 12px;

    font-weight: 500;

    min-width: 8px;

    text-align: center;

    right: 7px;

    left: auto;

    top: 0;

    opacity: .8;

}



    .count.left {

        left: 7px;

        right: auto;

    }



footer {

    bottom: 0;

    display: -webkit-box;

    display: box;

    border-top: 1px solid #C8C8C8;

}



    footer > a {

        -webkit-box-flex: 1;

        box-flex: 1;

        display: block;

        text-align: center;

        font-size: 0.85em;

    }



        footer > a > .icon {

            float: none;

            display: block;

            height: 25px;

            line-height: 25px;

            padding-top: 5px;

            margin-bottom: 5px;

            font-size: 1.5em;

        }



        footer > a.label-right {

            text-align: left;

            line-height: 51px;

        }



            footer > a.label-right .icon {

                float: left;

                line-height: 51px;

                padding: 0 5px;

                font-size: 2em;

            }



.footer-secondary {

    position: absolute;

    bottom: 51px;

    left: 0;

    width: 100%;

    z-index: 2;

    padding: 10px;

    display: none;

}



input,

textarea,

button,

select {

    font-family: inherit;

    font-size: inherit;

}



    select,

    textarea,

    input[type="text"],

    input[type=search],

    input[type="password"],

    input[type="datetime"],

    input[type="datetime-local"],

    input[type="date"],

    input[type="month"],

    input[type="time"],

    input[type="week"],

    input[type="number"],

    input[type="email"],

    input[type="url"],

    input[type="tel"],

    input[type="color"],

    .input-group {

        width: 100%;

        height: 40px;

        padding: 5px;

        margin-bottom: 10px;

        border: 1px solid rgba(0, 0, 0, .2);

        border-radius: 3px;

        -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .2), inset 0 1px 1px rgba(0, 0, 0, .1);

        box-shadow: 0 1px 1px rgba(255, 255, 255, .2), inset 0 1px 1px rgba(0, 0, 0, .1);

        -webkit-user-select: text;

        -webkit-font-smoothing: antialiased;

        -wekbit-box-sizing: border-box;

        box-sizing: border-box;

        outline: none;

    }



    input[type=search] {

        height: 34px;

        font-size: 1em;

        border-radius: 30px;

    }



textarea {

    height: auto;

}



select {

    height: auto;

    font-size: 1em;

    background-color: #f8f8f8;

    background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #d4d4d4 100%);

    background-image: linear-gradient(to bottom, #f8f8f8 0%, #d4d4d4 100%);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);

}



.input-group {

    width: auto;

    height: auto;

    padding: 0;

}



    .input-group input {

        margin-bottom: 0;

        background-color: transparent;

        border: 0;

        border-bottom: 1px solid rgba(0, 0, 0, .2);

        border-radius: 0;

        box-shadow: none;

    }



        .input-group input:last-child {

            border-bottom-width: 0;

        }



.input-row {

    display: -webkit-box;

    display: box;

    overflow: hidden;

    border-bottom: 1px solid rgba(0, 0, 0, .2);

}



    .input-row:last-child {

        border-bottom-width: 0;

    }



    .input-row label {

        display: block;

        width: 100px;

        padding: 11px 10px 9px 13px;

        font-weight: 400;

    }



        .input-row label + input {

            display: block;

            -webkit-box-flex: 1;

            box-flex: 1;

            padding-left: 0;

            margin-bottom: 0;

            border-bottom: 0;

        }



        .input-row label + .toggle {

            margin: 10px;

        }



.label {

    background-color: #E67E22;

    color: #fff;

    padding: 2px 5px;

    border-radius: 3px;

    margin: 0 5px;

}



.grid {

    display: -webkit-box;

    display: box;

}



    .grid.middle {

        -webkit-box-pack: center;

        -webkit-box-align: center;

        box-pack: center;

        box-align: center;

    }



    .grid.vertical {

        -webkit-box-orient: vertical;

        box-orient: vertical;

    }



.grid-label {

    -webkit-box-flex: 0;

    box-flex: 0;

    width: 100px;

    font-weight: 600;

}



.col-0 {

    -webkit-box-flex: 0;

    box-flex: 0;

}



.col-1 {

    -webkit-box-flex: 1;

    box-flex: 1;

}



.col-2 {

    -webkit-box-flex: 2;

    box-flex: 2;

}



.col-3 {

    -webkit-box-flex: 3;

    box-flex: 3;

}



.col-4 {

    -webkit-box-flex: 4;

    box-flex: 3;

}



.col-5 {

    -webkit-box-flex: 5;

    box-flex: 5;

}



header {

    top: 0;

    display: -webkit-box;

    display: box;

}



    header > * {

        -webkit-box-flex: 0;

        box-flex: 0;

    }



    header nav.left {

        position: absolute;

        left: 0;

        top: 0;

        z-index: 2;

    }



    header nav.right {

        position: absolute;

        right: 0;

        top: 0;

        z-index: 2;

    }



    header .title {

        position: absolute;

        top: 0;

        left: 0;

        display: block;

        margin: 0;

        width: 100%;

        font-size: 1.2em;

        line-height: 44px;

        text-align: center;

        white-space: nowrap;

        z-index: 1;

        height: 60px;

    }



        header .title p {

            padding: 0;

            margin: 0 auto;

            height: 20px;

            line-height: 25px;

            font-size: 14px;

        }



    header .button, header button {

        height: 30px;

        line-height: 30px;

        margin: 5px;

        padding: 0 5px;

    }



        header .button:active,

        header button:active {

            opacity: .6;

        }



    header nav {

        padding: 0 5px;

    }



        header nav a {

            float: left;

        }



            header nav a:not(.button) {

                height: 44px;

            }



                header nav a:not(.button):active {

                    opacity: .6;

                }



                header nav a:not(.button) > .icon {

                    font-size: 1.5em;

                    float: left;

                }



    header .control-group {

        margin: 0 auto;

        width: 140px;

        height: 30px;

        margin-top: 8px;

    }



.header-secondary {

    display: -webkit-box;

    display: box;

    text-align: center;

}



    .header-secondary > a {

        -webkit-box-flex: 1;

        box-flex: 1;

        display: block;

    }



@font-face {

    font-family: 'Jingle';

    src: url(../other/AAIAAQAAAA4AAAAYAAAAAAACAAEAAwCvAAEABAAAAAIAAAAAAAEAAAAAzD2izwAAAADNt0rPAAAAAM23Ss8=) format('truetype');

    font-weight: normal;

    font-style: normal;

}



.icon {

    font-family: 'Jingle';

    font-weight: normal;

    font-style: normal;

    text-decoration: inherit;

    -webkit-font-smoothing: antialiased;

    /*  reset */

    display: inline;

    width: auto;

    height: auto;

    line-height: inherit;

    vertical-align: baseline;

    background-image: none;

    background-position: 0% 0%;

    background-repeat: repeat;

    margin: 0 3px;

}



    .icon.left {

        float: left;

    }



    .icon.right {

        float: right;

    }



    .icon:before {

        text-decoration: inherit;

        display: inline-block;

        speak: none;

    }



    .icon.diamonds:before {

        content: "\21";

    }



    .icon.next:before {

        content: "\22";

    }



    .icon.arrow-down:before {

        content: "\23";

    }



    .icon.arrow-up:before {

        content: "\24";

    }



    .icon.home:before {

        content: "\25";

    }



    .icon.home-2:before {

        content: "\26";

    }



    .icon.office:before {

        content: "\27";

    }



    .icon.newspaper:before {

        content: "\28";

    }



    .icon.pencil:before {

        content: "\29";

    }



    .icon.pencil-2:before {

        content: "\2a";

    }



    .icon.quill:before {

        content: "\2b";

    }



    .icon.image:before {

        content: "\2c";

    }



    .icon.camera:before {

        content: "\2d";

    }



    .icon.music:before {

        content: "\2e";

    }



    .icon.headphones:before {

        content: "\2f";

    }



    .icon.camera-2:before {

        content: "\30";

    }



    .icon.pacman:before {

        content: "\31";

    }



    .icon.connection:before {

        content: "\32";

    }



    .icon.podcast:before {

        content: "\33";

    }



    .icon.book:before {

        content: "\34";

    }



    .icon.books:before {

        content: "\35";

    }



    .icon.stack:before {

        content: "\36";

    }



    .icon.folder:before {

        content: "\37";

    }



    .icon.folder-open:before {

        content: "\38";

    }



    .icon.tag:before {

        content: "\39";

    }



    .icon.tags:before {

        content: "\3a";

    }



    .icon.barcode:before {

        content: "\3b";

    }



    .icon.qrcode:before {

        content: "\3c";

    }



    .icon.cart:before {

        content: "\3d";

    }



    .icon.phone:before {

        content: "\3e";

    }



    .icon.phone-hang-up:before {

        content: "\3f";

    }



    .icon.address-book:before {

        content: "\40";

    }



    .icon.envelop:before {

        content: "\41";

    }



    .icon.pushpin:before {

        content: "\42";

    }



    .icon.location:before {

        content: "\43";

    }



    .icon.map:before {

        content: "\44";

    }



    .icon.alarm:before {

        content: "\45";

    }



    .icon.bell:before {

        content: "\46";

    }



    .icon.calendar:before {

        content: "\47";

    }



    .icon.mobile:before {

        content: "\48";

    }



    .icon.cabinet:before {

        content: "\49";

    }



    .icon.drawer:before {

        content: "\4a";

    }



    .icon.drawer-2:before {

        content: "\4b";

    }



    .icon.drawer-3:before {

        content: "\4c";

    }



    .icon.redo:before {

        content: "\4d";

    }



    .icon.forward:before {

        content: "\4e";

    }



    .icon.reply:before {

        content: "\4f";

    }



    .icon.bubble:before {

        content: "\50";

    }



    .icon.bubbles:before {

        content: "\51";

    }



    .icon.user:before {

        content: "\52";

    }



    .icon.users:before {

        content: "\53";

    }



@-webkit-keyframes spinner {

    0% {

        -webkit-transform: rotate(0deg);

    }



    50% {

        -webkit-transform: rotate(180deg);

    }



    100% {

        -webkit-transform: rotate(360deg);

    }

}



.icon.spinner {

    display: inline-block;

    -webkit-animation: spinner .8s infinite linear;

    animation: spinner .8s infinite linear;

}



    .icon.spinner:before {

        content: "\54";

    }



.icon.search:before {

    content: "\55";

}



.icon.expand:before {

    content: "\56";

}



.icon.contract:before {

    content: "\57";

}



.icon.expand-2:before {

    content: "\58";

}



.icon.contract-2:before {

    content: "\59";

}



.icon.key:before {

    content: "\5a";

}



.icon.lock:before {

    content: "\5b";

}



.icon.unlocked:before {

    content: "\5c";

}



.icon.wrench:before {

    content: "\5d";

}



.icon.cogs:before {

    content: "\5e";

}



.icon.cog:before {

    content: "\5f";

}



.icon.wand:before {

    content: "\60";

}



.icon.pie:before {

    content: "\61";

}



.icon.stats:before {

    content: "\62";

}



.icon.bars:before {

    content: "\63";

}



.icon.bars-2:before {

    content: "\64";

}



.icon.gift:before {

    content: "\65";

}



.icon.meter:before {

    content: "\66";

}



.icon.remove:before {

    content: "\67";

}



.icon.airplane:before {

    content: "\68";

}



.icon.truck:before {

    content: "\69";

}



.icon.road:before {

    content: "\6a";

}



.icon.accessibility:before {

    content: "\6b";

}



.icon.target:before {

    content: "\6c";

}



.icon.lightning:before {

    content: "\6d";

}



.icon.switch:before {

    content: "\6e";

}



.icon.power-cord:before {

    content: "\6f";

}



.icon.signup:before {

    content: "\70";

}



.icon.options:before {

    content: "\71";

}



.icon.tree:before {

    content: "\72";

}



.icon.cloud:before {

    content: "\73";

}



.icon.cloud-download:before {

    content: "\74";

}



.icon.cloud-upload:before {

    content: "\75";

}



.icon.earth:before {

    content: "\76";

}



.icon.attachment:before {

    content: "\77";

}



.icon.brightness-medium:before {

    content: "\78";

}



.icon.brightness-contrast:before {

    content: "\79";

}



.icon.contrast:before {

    content: "\7a";

}



.icon.thumbs-up:before {

    content: "\7b";

}



.icon.thumbs-up-2:before {

    content: "\7c";

}



.icon.notification:before {

    content: "\7d";

}



.icon.question:before {

    content: "\7e";

}



.icon.info:before {

    content: "\e000";

}



.icon.info-2:before {

    content: "\e001";

}



.icon.blocked:before {

    content: "\e002";

}



.icon.cancel-circle:before {

    content: "\e003";

}



.icon.checkmark-circle:before {

    content: "\e004";

}



.icon.close:before {

    content: "\e005";

}



.icon.checkmark:before {

    content: "\e006";

}



.icon.minus:before {

    content: "\e007";

}



.icon.plus:before {

    content: "\e008";

}



.icon.enter:before {

    content: "\e009";

}



.icon.exit:before {

    content: "\e00a";

}



.icon.play:before {

    content: "\e00b";

}



.icon.pause:before {

    content: "\e00c";

}



.icon.stop:before {

    content: "\e00d";

}



.icon.backward:before {

    content: "\e00e";

}



.icon.forward-2:before {

    content: "\e00f";

}



.icon.eject:before {

    content: "\e014";

}



.icon.volume-high:before {

    content: "\e015";

}



.icon.volume-medium:before {

    content: "\e016";

}



.icon.volume-low:before {

    content: "\e017";

}



.icon.volume-mute:before {

    content: "\e018";

}



.icon.tab:before {

    content: "\e019";

}



.icon.previous:before {

    content: "\e01a";

}



.icon.checkbox-unchecked:before {

    content: "\e01b";

}



.icon.checkbox-partial:before {

    content: "\e01c";

}



.icon.radio-checked:before {

    content: "\e01d";

}



.icon.radio-unchecked:before {

    content: "\e01e";

}



.icon.crop:before {

    content: "\e01f";

}



.icon.scissors:before {

    content: "\e020";

}



.icon.share:before {

    content: "\e021";

}



.icon.html5:before {

    content: "\e022";

}



.icon.html5-2:before {

    content: "\e023";

}



.icon.chrome:before {

    content: "\e024";

}



.icon.libreoffice:before {

    content: "\e025";

}



.icon.IE:before {

    content: "\e026";

}



.icon.firefox:before {

    content: "\e027";

}



.icon.volume-mute-2:before {

    content: "\e028";

}



.icon.volume-increase:before {

    content: "\e029";

}



.icon.volume-decrease:before {

    content: "\e02a";

}



.icon.loop:before {

    content: "\e02b";

}



.icon.shuffle:before {

    content: "\e02c";

}



.icon.arrow-left:before {

    content: "\e02d";

}



.icon.arrow-right:before {

    content: "\e02e";

}



.icon.arrow-down-right:before {

    content: "\e02f";

}



.icon.arrow-down-2:before {

    content: "\e030";

}



.icon.arrow-down-left:before {

    content: "\e031";

}



.icon.checkbox-checked:before {

    content: "\e032";

}



.icon.file:before {

    content: "\e033";

}



.icon.file-2:before {

    content: "\e034";

}



.icon.rocket:before {

    content: "\e035";

}



.icon.flag:before {

    content: "\e036";

}



.icon.arrow-up-left:before {

    content: "\e037";

}



.icon.arrow-up-2:before {

    content: "\e038";

}



.icon.arrow-up-right:before {

    content: "\e039";

}



.icon.arrow-right-2:before {

    content: "\e03a";

}



.icon.arrow-down-right-2:before {

    content: "\e03b";

}



.icon.arrow-down-3:before {

    content: "\e03c";

}



.icon.arrow-down-left-2:before {

    content: "\e03d";

}



.icon.arrow-left-2:before {

    content: "\e03e";

}



.icon.area:before {

    content: "\e03f";

}



.icon.sina-weibo:before {

    content: "\e040";

}



.icon.renren:before {

    content: "\e041";

}



.icon.qq:before {

    content: "\e042";

}



.icon.signal:before {

    content: "\e043";

}



.icon.database:before {

    content: "\e044";

}



.icon.undo:before {

    content: "\e045";

}



.icon.menu:before {

    content: "\e046";

}



.icon.list:before {

    content: "\e047";

}



.icon.grid:before {

    content: "\e049";

}



.icon.ellipsis:before {

    content: "\e04a";

}



.icon.star:before {

    content: "\e04b";

}



.icon.star-2:before {

    content: "\e04c";

}



.icon.star-3:before {

    content: "\e04d";

}



.icon.arrow-up-3:before {

    content: "\e04e";

}



.icon.arrow-up-right-2:before {

    content: "\e04f";

}



.icon.arrow-up-left-2:before {

    content: "\e050";

}



.icon.target-2:before {

    content: "\e048";

}



.icon.images:before {

    content: "\e051";

}

/**

     ******************************

     *       *        header      *

     *       **********************

     *       *                    *

     * aside *                    *

     *       *      article       *

     *       *                    *

     *       *                    *

     *       **********************

     *       *       footer       *

     ******************************



**/

aside {

    position: absolute;

    width: 264px;

    top: 0;

    bottom: 0;

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    z-index: 3;

}



#section_container {

    overflow: hidden;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 3;

    /*background: #64A4E1;

    background-image: -webkit-linear-gradient(top left, #64A4E1, rgb(0, 0, 0));

    background-image: -moz-linear-gradient(top left, #64A4E1, rgb(0, 0, 0));

    background-image: -o-linear-gradient(top left, #64A4E1, rgb(0, 0, 0));

    background-image: linear-gradient(to bottom right, #64A4E1, rgb(0, 0, 0));*/

}



#section_container_mask {

    position: absolute;

    overflow: hidden;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 10;

    display: none;

}



section {

    /*

     display: none;

   top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: #fff;*/

    z-index: 4;

    overflow: hidden;

}



    section.anim:after {

        content: "";

        position: absolute;

        display: block;

        top: 0;

        left: 0;

        bottom: 0;

        right: 0;

    }



    section.active {

        z-index: 6;

        display: block;

        overflow: auto;

        overflow-x: hidden;

    }



    section.animating {

        z-index: 5;

        display: block;

    }



article {

    /* top: 0;

    bottom: 0;

    width: 100%;

    visibility: hidden;

  display: none; */

    overflow: hidden;

    z-index: 0;

    background-color: #fff;

}



    article.active {

        visibility: visible;

        display: block;

        z-index: 1;

    }



header, footer, .header-secondary {

    left: 0;

    width: 100%;

    z-index: 10;

}



header {

    top: 0;

    height: 60px;

    line-height: 60px;

}



.header-secondary {

    top: 60px;

    height: 30px;

    line-height: 30px;

    font-size: .9em;

}



footer {

    bottom: 0;

    height: 51px;

}



    footer ~ article {

        bottom: 51px;

    }



header ~ article {

    top: 44px;

}



.header-secondary {

    top: 44px;

}



    .header-secondary ~ article {

        top: 74px;

    }



/* Lists

-------------------------------------------------- */

ul.list {

    list-style: none;

}



.list > li {

    position: relative;

    padding: 15px 20px 15px 10px;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

}



    .list > li:first-child {

        border-top: 1px solid rgba(0, 0, 0, .1);

    }



    .list > li > a:not([class*="button"]) {

        position: relative;

        display: block;

        padding: inherit;

        margin: -15px -20px -15px -10px;

        ;

        color: inherit;

    }



    .list > li strong {

        color: #333;

        font-size: 1.2em;

    }



    .list > li p {

        color: #7a7a7a;

        font-size: 0.9em;

        padding-top: 5px;

    }



    .list > li > .icon {

        position: absolute;

        right: 5px;

        top: 50%;

        font-size: 18px;

        margin-top: -9px;

        color: #BDC3C7;

    }



    .list > li .tag {

        position: absolute;

        top: 10px;

        right: 10px;

        padding: 1px 5px;

        border-radius: 3px;

        font-size: 0.8em;

    }



.icon ~ .tag {

    right: 30px !important;

}





/* Inset list

-------------------------------------------------- */



.list.inset {

    width: auto;

    margin-right: 10px;

    margin-left: 10px;

    border: 1px solid rgba(0, 0, 0, .1);

    border-radius: 6px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



    .list.inset > li:first-child {

        border-top-width: 0;

    }



    .list.inset > li:last-child {

        border-bottom-width: 0;

    }





.list .divider {

    position: relative;

    top: -1px;

    padding-top: 6px;

    padding-bottom: 6px;

    font-size: 0.9em;

    font-weight: 400;

    line-height: 18px;

    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);

    background-color: #f8f8f8;

    border-top: 1px solid rgba(0, 0, 0, .1);

    border-bottom: 1px solid rgba(0, 0, 0, .1);

}



.list.inset .divider:first-child {

    top: 0;

    border-top-width: 0;

    border-radius: 6px 6px 0 0;

}



.list.inset .divider:last-child {

    border-radius: 0 0 6px 6px;

}



#jingle_popup_mask {

    display: none;

    position: absolute;

    z-index: 90;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    opacity: 0;

}



#jingle_popup {

    display: none;

    position: absolute;

    left: 0;

    right: 0;

    z-index: 98;

    min-height: 50px;

}



    #jingle_popup.arrow {

        border-radius: 5px;

    }



        #jingle_popup.arrow:after {

            border: solid transparent;

            content: " ";

            height: 0;

            width: 0;

            position: absolute;

            pointer-events: none;

            border-width: 10px;

        }



        #jingle_popup.arrow.top:after {

            bottom: 100%;

            left: 50%;

            margin-left: -10px;

        }



        #jingle_popup.arrow.right:after {

            left: 100%;

            top: 50%;

            margin-top: -10px;

        }



        #jingle_popup.arrow.bottom:after {

            top: 100%;

            left: 50%;

            margin-left: -10px;

        }



        #jingle_popup.arrow.left:after {

            top: 50%;

            right: 100%;

            margin-top: -10px;

        }



#popup_btn_container {

    text-align: center;

    margin-top: 10px;

    display: -webkit-box;

    display: box;

}



    #popup_btn_container > a {

        -webkit-box-flex: 1;

        box-flex: 1;

        padding: 10px;

        display: block;

        color: #222;

        border: 1px solid rgba(0, 0, 0, 0.2);

        border-left: none;

        border-bottom: none;

    }



        #popup_btn_container > a:last-child {

            border-right: 0 none;

        }



.popup-title {

    text-align: left;

    padding: 10px;

}



.popup-content {

    padding: 0 10px 10px 10px;

    line-height: 1.2em;

}



#tag_close_popup {

    position: absolute;

    top: 0;

    right: 0;

    font-size: 1em;

    padding: 5px 5px 10px 10px;

}



#jingle_popup .nav {

    text-align: center;

    font-size: 1em;

}



#jingle_popup.loading {

    top: 50%;

    left: 50%;

    margin: -75px 0 0 -75px;

    opacity: .9;

    text-align: center;

    width: 150px;

    height: 150px;

    border-radius: 10px;

}



    #jingle_popup.loading i.icon {

        font-size: 4em;

        line-height: 110px;

        margin: 0;

    }



.slider {

    position: relative;

    overflow: hidden;

}



    .slider > div > * {

        display: none;

    }



.dots {

    width: 100%;

    height: 20px;

    position: absolute;

    left: 0;

    bottom: 10px;

    z-index: 999;

    opacity: .7;

}



    .dots ul {

        margin: 0 auto;

        width: 112px;

        height: 20px;

        padding: 0px 8px;

        display: -webkit-box;

        display: box;

    }



        .dots ul li {

            list-style: none;

            -webkit-box-flex: 1;

            height: 20px;

            padding: 5px 10px;

        }



            .dots ul li a {

                display: block;

                width: 10px;

                height: 10px;

                border-radius: 10px;

            }

/*** aside  ****/

aside {

    background: #393939;

    color: #fff;

}



.aside-close {

    color: #ECF0F1;

}



aside > .header {

    border-bottom: 1px solid #000;

    background-color: #393939;

    background-image: -webkit-linear-gradient(top, #393939 0, #2b2b2b 100%);

    color: #fff;

}



aside ul.menu li a {

    color: #fff;

}



aside ul.menu li.anchor {

    color: #8b9195;

}

/*** background mask **/

.back-mask {

    color: #7F8C8D;

}

/**** button ****/

.button, button {

    color: #fff;

    background-color: #0d1726;

}



    .button.light, button.light {

        border: 1px solid rgb(0, 0, 0);

        color: rgb(0, 0, 0);

        background: none;

    }

/**** control group **/

.control-group li {

    border-color: rgb(0, 0, 0);

}



    .control-group li > a {

        color: rgb(0, 0, 0);

    }



    .control-group li.active {

        background: rgb(0, 0, 0);

        color: #fff;

    }



.control-group .icon {

    color: rgb(0, 0, 0);

}



header .control-group {

    margin: 0 auto;

    width: 140px;

    height: 30px;

    margin-top: 8px;

    line-height: 30px;

}



    header .control-group li {

        border-color: #fff;

        padding: 0;

    }



        header .control-group li.active {

            background: #fff;

            color: #158f75;

        }



.control-group li.active a, .control-group li.active .icon {

    color: #fff;

}



.control-group .icon {

    color: rgb(0, 0, 0);

}



/**** counts ****/

.count {

    background-color: #E74C3C;

}

/**** dots ****/

.dots ul li a {

    background: #b9b4b6;

}



.dots ul li.active a {

    background-color: #4c4d4c;

}

/**** footer ****/

footer {

    background-color: #262F3D;

}



    footer > a {

        color: #fff;

    }



        footer > a.active {

            color: rgb(0, 0, 0);

        }



    footer .active .icon {

        color: rgb(0, 0, 0);

    }



.footer-secondary {

    background-color: #262F3D;

    color: #fff;

}

/**** header ****/

header {

    background-color: #fff;

    border-bottom: 1px solid #eee;

    color: rgb(0, 0, 0);

    position: relative;

}



    header .title {

        color: rgb(0, 0, 0);

    }



    header .button, header button {

        background: none;

        border: 1px solid #000;

        color: rgb(0, 0, 0);

    }



    header nav a:not(.button) {

        color: #fff;

    }



.header-secondary {

    background-color: #626262;

    color: #fff;

}

/**** list ****/

ul.list {

    background-color: #fff;

}



.list > li.active {

    background-color: rgba(231, 238, 229, 0.75) !important;

}



    .list > li.active > .icon {

        color: rgb(0, 0, 0);

    }



.list > li .tag {

    background-color: #3498DB;

    color: #fff;

}



/**** popup ****/

#jingle_popup_mask {

    background-color: #222;

}



#jingle_popup {

    background-color: #eef3f3;

    color: #222;

    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.6);

}



    #jingle_popup.arrow.top:after {

        border-bottom-color: #CAD1DA;

    }



    #jingle_popup.arrow.right:after {

        border-left-color: #CAD1DA;

    }



    #jingle_popup.arrow.bottom:after {

        border-top-color: #CAD1DA;

    }



    #jingle_popup.arrow.left:after {

        border-right-color: #CAD1DA;

    }



#popup_btn_container {

}



.popup-title {

    color: #33b4db;

}



#tag_close_popup {

    color: #BDC3C7;

}



#jingle_popup .nav {

    color: #000;

}



    #jingle_popup .nav.active, #jingle_popup .nav:active {

        background-color: #79db8d !important;

        color: #fff;

    }



#jingle_popup.loading {

    background-color: #2C3E50;

}



    #jingle_popup.loading p {

        color: #BDC3C7;

    }



    #jingle_popup.loading i.icon {

        color: #fff;

    }



/**** progress ****/

[data-progress] {

    background: #fff;

    border: 1px solid #343431;

}



    [data-progress] .bar {

        background: #343431;

        color: #fff;

    }

/**** range ****/

input[type="range"] {

    border: 1px solid #343431;

}



    input[type="range"]::-webkit-slider-thumb {

        background: #343431;

    }

/**** toggles ****/

.toggle {

    background-color: #656968;

}



.toggle-handle {

    background-color: #fff;

    border: 1px solid #656968;

}



.toggle.active {

    background-color: #343431;

}



    .toggle.active .toggle-handle {

        background-color: #fff;

        border: 1px solid #343431;

    }

/**** selected ****/

.selected {

    background-color: #343431 !important;

    color: #fff;

}

/**** calendar ****/

.jingle-calendar {

    background-color: #eee;

}



.jingle-calendar-nav {

    background-color: #262F3D;

    color: #fff;

}



.jingle-calendar table thead {

    background: #eee;

}



.jingle-calendar table tbody {

    background: #f5f5f5;

}



.jingle-calendar table td {

    border: 1px solid #fff;

}



    .jingle-calendar table td.active {

        background-color: #343431;

    }



#jingle_toast {

    display: none;

    position: absolute;

    z-index: 99;

    color: #fff;

}



#jingle_toast {

    top: 70%;

    font-size: 1em;

    text-align: center;

    width: 100%;

    left: 0;

}



    #jingle_toast.top {

        top: 50px;

        opacity: .7;

    }



    #jingle_toast > a {

        padding: 10px 15px;

        background: #222;

        display: inline-block;

        max-width: 90%;

        margin: 0 auto;

        color: #fff;

        text-align: center;

    }



    #jingle_toast.top > a {

        width: 90%;

    }



    #jingle_toast.success > a {

        background-color: #27AE60;

        !important;

    }



    #jingle_toast.error > a {

        background-color: #E74C3C;

        !important;

    }



    #jingle_toast.info > a {

        background-color: #F1C40F;

        !important;

    }



    #jingle_toast i.icon {

        margin-right: 10px;

    }



.toggle {

    position: relative;

    width: 70px;

    height: 28px;

    border-radius: 8px;

    display: inline-block;

    text-align: center;

}

/** ??????????????? **/

[data-on]:before {

    content: attr(data-off) !important;

    font-family: "Open Sans" !important;

    font-size: .9em !important;

    line-height: 28px;

    color: #fff;

    margin-left: 30px;

}



[data-on].active:before {

    content: attr(data-on) !important;

    margin-right: 30px;

    margin-left: 0;

}



.toggle-handle {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    width: 30px;

    height: 28px;

    -webkit-transition: left 0.1s ease-in-out;

    transition: left 0.1s ease-in-out;

    border-radius: 7px 0 0 7px;

}



.toggle.active .toggle-handle {

    left: 40px;

    border-radius: 0 7px 7px 0;

}





.refresh-container {

    padding: 10px;

    text-align: center;

}



.refresh-icon {

    font-size: 1.1em;

    display: inline-block;

}



.refresh-label {

    font-size: 1em;

    display: inline-block;

}



.refresh-tip {

    display: block;

    padding: 3px;

    font-size: .9em;

}





.indented > * {

    margin: 5px 10px;

}



.app-list {

    width: 96%;

    margin: 10px auto;

    border: 1px solid rgba(0, 0, 0, .1);

    border-radius: 6px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



    .app-list li {

        display: -webkit-box;

    }



    .app-list .btn {

        width: auto;

        height: auto;

        padding: 10px;

        text-align: center;

    }



    .app-list span.icon {

        position: inherit;

        font-size: 40px;

        color: rgb(0, 0, 0);

        padding: 0 10px;

    }



    .app-list a {

        -webkit-box-flex: 1;

    }



.app-btn-group {

    width: auto;

    height: auto;

    text-align: center;

}



    .app-btn-group > * {

        margin: 5px 0;

    }



.icon-container {

    width: 100%;

}



    .icon-container > * {

        margin: 10px;

        padding-top: 50px;

        float: left;

        width: 7em;

        height: 85px;

        background-color: #eee;

        border-radius: 5px;

        font-weight: bold;

        text-align: center;

        position: relative;

    }



    .icon-container .icon {

        font-size: 2em;

        width: 100%;

        text-align: center;

        padding: 5px;

        position: absolute;

        left: 0;

        top: 15px;

    }



@-webkit-keyframes flipIn {

    0% {

        -webkit-transform: perspective(1000px) rotateY(90deg);

        opacity: 0;

    }



    100% {

        -webkit-transform: perspective(1000px) rotateY(0deg);

        opacity: 1;

    }

}



.flipIn {

    -webkit-backface-visibility: visible !important;

    -webkit-animation-name: flipIn;

    -webkit-transform-origin: top left;

}



@-webkit-keyframes flipOut {

    0% {

        -webkit-transform: perspective(1000px) rotateY(90deg);

        opacity: 0;

    }



    100% {

        -webkit-transform: perspective(1000px) rotateY(0deg);

        opacity: 1;

    }

}



.flipOut {

    -webkit-animation-name: flipOut;

    -webkit-backface-visibility: visible !important;

    -webkit-transform-origin: top right;

}



.arrow_container {

    color: #fff;

    display: none;

    border-radius: 4px;

    border: 1px solid #E64816;

    background: #E64816;

    padding: 5px;

    text-align: center;

    position: relative;

    width: 60%;

    margin: 10px auto;

}



    .arrow_container:after {

        bottom: 100%;

        left: 50%;

        margin-left: -20px;

        border: solid transparent;

        content: " ";

        height: 0;

        width: 0;

        position: absolute;

        pointer-events: none;

        border-width: 20px;

        border-bottom-color: #E64816;

    }





.member_info {

    background: #f7f3f2;

    padding-top: 5px;

    min-height: 55px;

    font-size: 0.8em;

}



    .member_info i {

        width: 50px;

        margin-left: 10px;

        float: left;

    }



    .member_info img {

        width: 40px;

        height: 40px;

        border-radius: 20px;

        -webkit-border-radius: 20px;

        -moz-border-radius: 20px;

        border: none;

    }



    .member_info .info {

        margin-left: 5px;

        float: left;

        height: 40px;

        width: 150px;

        text-align: center;

    }



    .member_info .name {

        float: left;

        height: 20px;

        line-height: 20px;

        clear: both;

    }



    .member_info .wechat {

        float: left;

        height: 20px;

        line-height: 20px;

        clear: both;

    }



    .member_info .info b {

        height: 20px;

        margin-top: 20px;

    }



    .member_info .order {

        height: 30px;

        margin-top: 20px;

    }



    .member_info .infoTip {

        width: 100%;

        clear: both;

        padding: 0 5px;

        font-size: 0.8em;

    }



        .member_info .infoTip li {

            float: left;

            display: block;

            line-height: 20px;

        }



        .member_info .infoTip label {

            color: #d2691e;

        }





.pageContent {

    overflow: hidden;

    width: 98%;

    margin: 0 auto;

}



.left {

    float: left;

}



.right {

    float: right;

}



.w30 {

    width: 30%;

}



.record-list {

    width: 96%;

    margin: 5px auto;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



    .record-list li {

        display: -webkit-box;

    }



    .record-list span.icon {

        position: inherit;

        font-size: 40px;

        color: #524d4b;

        padding: 0 10px;

    }



    .record-list a {

        -webkit-box-flex: 1;

    }



    .record-list p {

        width: 80%;

    }



.scroll-area {

    display: block;

    height: 100%;

    overflow: auto;

    overflow-x: hidden;

    box-sizing: border-box;

}



.scroll-area-list {

    overflow: auto;

    overflow-x: hidden;

    display: block;

    height: 100%;

    width: 100%;

}



.pro-list-area {

    width: 100%;

}



.fl-l {

    float: left;

}



.pro-list-item {

    width: 50%;

    float: left;

    box-sizing: border-box;

    height: 190px;

    padding: 5px;

    border-bottom: 0 none;

}



.pro-list-item-inner {

    background: #fff;

    border: 1px solid #ddd;

    padding: 10px;

}





.pro-list-item img {

    display: block;

    margin-left: -13px;

    width: 120px;

    margin: 0 auto;

    border: none;

}



.pro-list-item h5 {

    font-size: 14px;

    padding: 1px;

    font-weight: normal;

}



.pro-list-item .price {

    color: #fd578e;

    float: right;

    font-size: 14px;

    font-weight: bold;

}







.s-img-area img {

    max-width: 316px;

    max-height: 238px;

    margin: 0 auto;

}



.s-img-area img {

    display: block;

}



.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn;

}



.animated-quick {

    -webkit-animation-duration: .4s;

    animation-duration: .4s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.wap-pro-tip {

    text-align: right;

    padding-right: 20px;

    color: #f9a;

    font-size: 10px;

    height: 30px;

    line-height: 30px;

}



.wap-price-area {

    border-bottom: 1px solid #ccc;

    background: #fff;

    padding: 10px 0 0 0;

}



    .wap-price-area .buy-price {

        color: #ff7e00;

        padding: 0 10px 10px 10px;

        border-bottom: 1px solid #ccc;

        font-weight: bold;

        font-size: 16px;

    }



.wap-price-intro {

    position: relative;

    padding: 10px;

    line-height: 26px;

}





.detail {

    position: relative;

    padding: 5px 10px;

    font-size: 0.9em;

    color: #5a5a5a;

}



.content {

    width: 100%;

    margin: 0 auto;

}



    .content img {

        width: 100%;

        margin: 0 auto;

    }



.app-bottom {

    position: absolute;

    top: auto;

    bottom: 0;

    left: 0;

}



.wap-bug-btn {

    width: 100%;

    position: fixed;

    z-index: 10;

    bottom: 0;

    left: 0;

    background: #f6f6f6;

    padding: 10px 0;

    text-align: center;

    border-top: 1px solid #ddd;

}



.btn {

    padding: 0 20px;

    margin-right: 10px;

    height: 30px;

    line-height: 30px;

    font-size: 12px;

    color: #616161;

    background: 0;

    border: 0 none;

    text-align: center;

    border: 1px solid #d8d7d7;

    background: #e4e4e4;

    border-radius: 4px;

    display: inline-block;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}





.big-btn {

    height: 38px;

    line-height: 38px;

    font-size: 16px;

    border-radius: 6px;

}



.status1-btn {

    background: #d11c08;

    border: 1px solid #b31807;

    color: #fff;

}



.giftinfo {

    width: 98%;

    margin-top: 10px;

}



    .giftinfo .reduce {

        font-size: 20px;

        color: #000;

        line-height: 26px;

    }



    .giftinfo .add {

        font-size: 20px;

        color: #000;

        line-height: 26px;

    }





    .giftinfo input {

        padding: 0;

        margin: 0;

        height: 20px;

    }



    .giftinfo .title {

        width: 80px;

        display: block;

    }



.giftinfo-list {

    width: 96%;

    margin: 5px auto;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 14px;

}



    .giftinfo-list li {

        display: -webkit-box;

        padding: 5px;

    }







.music_list li, .music_list a {

    display: block;

    line-height: 40px;

    height: 40px;

    font-size: 80%;

}



    .music_list li a {

        padding-left: 10px;

        text-decoration: none;

        color: #000;

    }



.music_ico {

    font-size: 80%;

    color: #000;

    overflow: hidden;

}



.music_ico1 {

    font-size: 80%;

    color: #000;

    overflow: hidden;

    border-top: 1px solid #ccc;

    -moz-box-shadow: 0px 0px 6px #D9D9D9;

    -webkit-box-shadow: 0px 0px 6px #D9D9D9;

    box-shadow: 0px 0px 6px #D9D9D9;

}



.music_list ul {

    border-radius: 3px;

    margin: 6px;

    border: 1px solid #ccc;

    background: #F6F6F6;

    word-wrap: break-word;

    word-break: normal;

    -moz-box-shadow: 0px 0px 6px #D9D9D9;

    -webkit-box-shadow: 0px 0px 6px #D9D9D9;

    box-shadow: 0px 0px 6px #D9D9D9;

}



.user_center li {

    position: relative;

    padding-left: 5px;

    text-shadow: 0 1px 0 #fff;

}



/*????????????*/

.result_content {

    width: 80%;

    margin: 0 auto;

    color: #000;

}



.QueryPanl {

    width: 99%;

    margin: 0 auto;

}

/*???????????? end*/













.product-list {

    width: 96%;

    margin: 5px auto;

    border: 1px solid rgba(0, 0, 0, .1);

    border-radius: 6px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



    .product-list li {

        display: -webkit-box;

    }



    .product-list img {

        width: 80px;

        height: 80px;

        border: none;

        padding: 5px;

        margin: 5px;

    }



    .product-list span.icon {

        position: inherit;

        font-size: 40px;

        color: #524d4b;

        padding: 0 10px;

    }



    .product-list i {

    }



    .product-list a {

        -webkit-box-flex: 1;

    }



.introduction {

    font-size: 12px;

}



    .introduction img {

        width: 100%;

    }



    .introduction b {

        font-size: 14px;

        font-weight: bold;

        line-height: 25px;

        padding: 3px;

    }



    .introduction .imgp {

        float: left;

        padding: 5px;

        width: auto;

    }



    .introduction .age i {

        display: block;

        padding: 3px;

        font-style: normal;

        font-size: 14px;

        font-weight: bold;

        line-height: 25px;

        float: left;

        margin: 0;

        width: 20%;

    }



    .introduction .age span {

        display: block;

        padding: 3px;

        margin: 0;

        font-style: normal;

        float: left;

        width: 80%;

    }



    .introduction .age p {

        display: block;

        clear: both;

    }









/*??????*/





.navbar_div {

    position: fixed;

    bottom: 0;

    width: 100%;

    height: 50px;

    z-index: 9999;

    background-color: rgba(39, 39, 39, 1);

    border: 0;

    text-shadow: none; /*{a-page-shadow-x}; */

}



/**????????????*/



.nav_foot ul {

    list-style: none;

    padding: 0;

    position: relative;

    display: block;

    border: 0;

    max-width: 100%;

    overflow: visible;

    zoom: 1;

}



    .nav_foot ul li {

        width: 50%;

        margin: 0;

        padding: 0;

        border: 0;

        float: left;

        min-height: 1px;

        box-sizing: border-box;

        display: block;

        text-align: center;

        border-right-width: 0;

        height: 50px;

    }



.ui-btn-inner {

    color: #fff /*{a-bar-color}*/;

    font-weight: bold;

    font-size: 12px;

    padding: 3px 10px;

    min-width: .75em;

    display: block;

    position: relative;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    zoom: 1;

    height: 46px;

    text-align: center;

    margin: 0;

    border-right-width: 0;

    background-color: rgba(39, 39, 39, 1);

}







.ui-btn-text {

    position: relative;

    z-index: 1;

    width: 100%;

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    top: 6px;

    clear: both;

    color: #fff;

}



.ui-border {

    border-left: #ffffff solid 1px;

}



#cssWebsite img {

    margin-top: 5px;

    width: 50%;

    max-width: 140px;

    max-height: 38px;

}



#cssQuery img {

    margin-top: 5px;

    width: 50%;

    max-width: 140px;

    max-height: 38px;

}





.tel_title {

    margin: 0 auto;

    text-align: center;

    max-height: 50px;

    font-size: 18px;

    line-height: 30px;

    font-weight: 800;

    font-family: 'Microsoft YaHei',Arial, Helvetica, sans-serif;

    width: 100%;

    text-align: center;

    color: black;

    height: 32px;

    background: #F9FAFC;

}



    .tel_title span {

        color: black;

        font-size: 14px;

    }



    .tel_title i {

        margin-right: 10px;

        font-size: 18px;

    }



    .tel_title img {

        width: 100%;

        display: block;

        max-height: 49px;

        max-width: 480px;

        margin: 0 auto;

    }

/*????????????*/



.error {

    background: none repeat scroll 0 0 #FFEBE8;

    border: 1px solid #f5c2bb;

    margin: 3px;

    padding: 3px;

}



.contents .title {

    font-size: 130%;

    padding: 10px 5px;

    margin: 8px auto;

    clear: both;

}



.contents {

    margin: 0 auto;

    font-size: 100%;

    line-height: 100%;

    padding: 0;

    overflow: hidden;

}



    .contents table {

        margin: 5px auto;

        background: transparent;

        border: solid 1px #dcdcdc;

        width: 98%;

    }



        .contents table td {

            background: transparent;

            border-bottom: solid 1px #dcdcdc;

            line-height: 25px;

        }



.backnenu {

    background: none repeat scroll 0 0 #07489a;

    border: 0 none;

    color: #FFFFFF;

    margin: 10px;

    cursor: pointer;

    padding: 0;

    height: 25px;

    line-height: 25px;

    display: block;

}



.navindex li {

    list-style: none;

    text-align: center;

    display: block;

    float: left;

    margin: 10px auto;

    padding: 0;

    width: 32%;

}



    .navindex li img {

        margin: 0 auto;

        width: 80px;

        margin: 5px;

    }







.navindex .icon {

    color: #0e2b05;

    font-size: 2.8em;

    font-weight: 500;

    padding: 0;

    margin: 0;

    width: 80px;

}



.navindex p {

    color: #0e2b05;

    font-size: 1.2em;

    font-weight: 500;

    padding: 0;

    margin: 0;

    height: 20px;

    line-height: 20px;

}



.navindex h1 {

    text-align: center;

}



.navindex li a {

    display: block;

    font-size: 100%;

    line-height: 100%;

    line-height: 50px;

    overflow: hidden;

    position: relative;

    cursor: pointer;

}



.sec, .ssec, .pager {

    line-height: 120%;

    padding: 5px 6px;

}



    .ssec .ssec {

        margin-bottom: 5px;

        padding: 0;

    }



.sec, .list, .ssec {

    clear: both;

}







.giflist {

    background: none repeat scroll 0 0 #CEE1EE;

}



    .giflist ul {

        margin: 0 auto;

        padding: 8px;

        width: 90%;

    }



    .giflist li {

        list-style: none;

        padding: 2px 0;

        display: block;

        float: left;

        height: 220px;

        width: 50%;

        text-align: center;

    }



    .giflist img {

        vertical-align: top;

        width: 140px;

        height: 140px;

    }



    .giflist h1 {

        text-align: center;

    }







.giftdetail {

    margin: 3px;

}



    .giftdetail img {

        width: 100%;

    }



.addCart {

    width: 70px;

    height: 22px;

    text-align: center;

    line-height: 21px;

    color: #fff;

    border: none;

    cursor: pointer;

    font-size: 12px;

    padding: 0;

}





.SubOrder {

    width: 70px;

    height: 22px;

    text-align: center;

    line-height: 21px;

    color: #fff;

    border: none;

    cursor: pointer;

    font-size: 12px;

    padding: 0;

}



.confirmOrder {

    width: 70px;

    height: 22px;

    text-align: center;

    line-height: 21px;

    color: #fff;

    border: none;

    cursor: pointer;

    font-size: 12px;

    padding: 0;

}



.gotoCart {

    width: 70px;

    height: 22px;

    text-align: center;

    line-height: 21px;

    color: #fff;

    border: none;

    cursor: pointer;

    font-size: 12px;

    padding: 0;

}



.gotoShoping {

    width: 70px;

    height: 22px;

    text-align: center;

    line-height: 21px;

    color: #fff;

    border: none;

    cursor: pointer;

    font-size: 12px;

    padding: 0;

}





.minicart {

    float: right;

    color: #fff;

    padding: 5px 3px;

    line-height: 90%;

    font-size: 90%;

}



    .minicart a:link, .minicart a:visited {

        color: #fff;

        text-decoration: none;

    }



    .minicart a:hover {

        color: #ff6a00;

        background-color: #ffffff;

        text-decoration: none;

    }





/*?????????*/



.order-table {

    margin-top: 5px;

    width: 100%;

    border: 1px solid #cecfce;

    font-size: 12px;

}



    .order-table select {

        height: 24px;

        width: 140px;

    }



    .order-table th {

        border-left: 2px solid #FFFFFF;

        height: 24px;

        line-height: 24px;

        text-align: center;

        border: 1px solid #cecfce;

        border-bottom: 2px solid #B2D1FF;

    }



        .order-table th.s-title {

            border-left: 0 none;

            width: 130px;

        }



        .order-table th.s-price {

            width: 50px;

        }



        .order-table th.s-amount {

            width: 70px;

        }



        .order-table th.s-total {

            width: 60px;

        }



        .order-table th.s-oper {

            width: 60px;

        }





        .order-table th hr {

            background-color: #B2D1FF;

            color: #B2D1FF;

            height: 3px;

        }



hr {

    background-color: #D1D7DC;

    border: medium none;

    color: #D1D7DC;

    height: 1px;

}







.flow-steps {

    margin: 2px 0;

    overflow: hidden;

}



    .flow-steps .num3 li {

        width: 86px;

    }



    .flow-steps .num4 li {

        width: 87px;

    }



    .flow-steps .num5 li {

        width: 86px;

    }



    .flow-steps .num6 li {

        width: 86px;

    }



    .flow-steps li {

        background: url("../images/flow_steps_bg.png") no-repeat scroll 100% 0 #E4E4E4;

        color: #404040;

        float: left;

        font-size: 12px;

        font-weight: bold;

        height: 23px;

        line-height: 23px;

        overflow: hidden;

        padding: 0 5px 0 0;

        text-align: center;

    }



        .flow-steps li span, .flow-steps li strong {

            display: block;

        }



        .flow-steps li .first {

            background: url("../images/flow_steps_bg.png") no-repeat scroll -12px -69px #E4E4E4;

        }



        .flow-steps li.last {

            background-position: 100% -138px;

        }



        .flow-steps li.current {

            background-color: #FF6600;

            color: #FFFFFF;

        }



            .flow-steps li.current .first {

                background-color: #FF6600;

                background-position: -12px -92px;

            }



        .flow-steps li.current-prev {

            background-position: 100% -23px !important;

        }



        .flow-steps li.done {

            background-color: #FFE6BA;

            background-position: 100% -46px;

            color: #FF6600;

        }



            .flow-steps li.done .first {

                background-color: #FFE6BA;

                background-position: -12px -115px;

            }



        .flow-steps li.last-current {

            background-color: #FF6600;

            background-position: 100% -161px;

            color: #FFFFFF;

        }



li {

    list-style: none outside none;

}

/*????????? end*/



#profile {

    background-color: #ffffff;

    border-bottom: 1px solid #e1e1e1;

    overflow: hidden;

    height: 135px;

    font-family: 'Microsoft YaHei',Arial, Helvetica, sans-serif;

}



.info_head_img {

    width: 80px;

    height: 80px;

    margin: 0 auto;

    margin-top: 15px;

    font-size: 40px;

    border-radius: 40px;

    -webkit-border-radius: 40px;

    -moz-border-radius: 40px;

    background: #000000;

    color: #ffffff;

}



    .info_head_img i {

        margin-top: 30px;

        margin-left: 20px;

        position: absolute;

    }



    .info_head_img img {

        width: 60px;

    }



.profile_info {

    margin: 0 auto;

    height: 60px;

    font-size: 14px;

    color: #454545;

}



    .profile_info .loginlink {

        width: 80px;

        margin: 0 auto;

        height: 60px;

        font-size: 1.2em;

        color: #454545;

        text-decoration: none;

        text-align: center;

    }



    .profile_info a {

        color: #454545;

        text-decoration: none;

        font-size: 1.2em;

    }



    .profile_info .loginlink a:hover, .profile_info .loginlink a:active .profile_info .loginlink a:link, .profile_info .loginlink a:visited {

        font-size: 1.2em;

        font-weight: 500;

        text-align: center;

        text-decoration: none;

        color: #454545;

    }



#deleteBtn {

    font-size: 16px;

    font-weight: 500;

}



.weinxPlane {

    width: 96%;

    margin: 0 auto;

}



    .weinxPlane img {

        width: 100%;

        height: 100%;

    }



.ShareBtn {

    width: 100%;

    text-align: center;

    height: 46px;

    background-color: #ff5bb0;

    line-height: 46px;

    display: inline-block;

}



    .ShareBtn .black {

        background-color: #313030;

    }







.HtmlAttribute {

    width: 98%;

    margin: 5px auto;

}



    .HtmlAttribute h2 {

        font-family: 'Microsoft YaHei',Arial, Helvetica, sans-serif;

        margin: 5px auto;

        text-align: center;

    }



    .HtmlAttribute img {

        width: 98%;

    }



.productimg img {

    width: 80px;

    float: left;

    margin: 0 5px;

}



.QueryPanl {

    width: 320px;

    margin: 0 auto;

}



    .QueryPanl img {

        width: 200px;

        margin: 0 auto;

        text-align: center;

    }



.QueryResult {

    text-align: left;

    margin: 10px;

}







#pnum {

    line-height: 16px;

    height: 16px;

}



.reduce {

    font-size: 14px;

}



.add {

    font-size: 14px;

}



.ex-tooltip {

    position: absolute;

    background: #EEE;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

    padding: 5px;

    -webkit-box-shadow: 0 1px 3px #000;

    -moz-box-shadow: 0 1px 3px #000;

    -ms-box-shadow: 0 1px 3px #000;

    -o-box-shadow: 0 1px 3px #000;

    box-shadow: 0 1px 3px #000;

    border-collapse: separate;

    display: none;

}