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;
}


.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 {
        background: rgba(185, 180, 182, 0.20);
        color: #999 !important;
    }

    .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;
    }

/* 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: rgb(0, 0, 0);
}

    .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);
}

/**** 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("img/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("img/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 {
    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;
}