@charset "UTF-8";
/*! Created by shqlkj.com on 2022/01/01. Contact QQ: 910781082 */
/* ----------------------------------------------------------------- 样式重置 & 常用样式 --------------------------------------------------------------- */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: bolder;
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button, input {
    overflow: visible;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, audio, canvas, progress,p, video, body, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4,h5, h6, a, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    font-family: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


button, select {
    text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Helvetica, Verdana, "微软雅黑", "Hiragino Sans GB", "Hiragino Sans GB W3", "宋体", Arial, sans-serif;
    -webkit-text-size-adjust: none;
}

/**, *::before, *::after {*/
/*    -webkit-box-sizing: inherit;*/
/*    box-sizing: inherit;*/
/*}*/

body {
    font-size: 14px;
    color: #2D4457;
    background: #ffffff;
    min-width: 1200px;
    min-height: 100vh;
}

body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-radius: 8px;
}

body::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #EAECF5;
}

body::-webkit-scrollbar-thumb:hover {
    background: #EAECF5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: inherit;
}


ul, li, ol {
    list-style: none;
    line-height: normal;
}

i, address, cite, dfn, em, var {
    font-style: normal;
}

input[type=date] {
    outline: none;
    border: none;
}

a {
    text-decoration: none;
    color: #2D4457;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}

a:active, a:hover, a:focus {
    color: #1989FA;
    outline-width: 0;
}

video {
    border: none;
    outline: none;
    display: block;
    width: 100%;
}

img, input[type=text], input[type=submit], input[type=password], textarea, select, button, footer, header {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

input[type=file] {
    cursor: pointer;
}

::-moz-selection {
    background: #1989FA;
    color: #fff;
}

::selection {
    background: #1989FA;
    color: #fff;
}

::-moz-selection {
    background: #1989FA;
    color: #fff;
}

img {
    -ms-interpolation-mode: bicubic;
}

.uc-content {
    min-width: 1200px;
    max-width: 1390px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.uc-show {
    display: block !important;
}

.uc-hide {
    display: none !important;
}

.uc-h98 {
    width: 100%;
    height: 98px;
}

.uc-bg {
    background-color: #F2F2F2;
}

.uc-b {
    font-weight: bold;
}

.uc-small {
    font-size: .875em;
}

.uc-big {
    font-size: 1.25em;
}

.uc-ma {
    margin-left: auto;
    margin-right: auto;
}

.uc-lineCenter {
    text-decoration: line-through;
}

.uc-del {
    text-decoration: line-through;
    color: #9EA8B8;
    margin-left: 20px;
}

.uc-del:first-child {
    margin-left: 0;
}

.animate, .uc-animate, .uc-revealOnScroll {
    opacity: 0;
}

.uc-left {
    float: left;
}

.uc-right {
    float: right;
}

.uc-underline {
    text-decoration: underline !important;
}

.uc-tLeft {
    text-align: left !important;
}

.uc-tCenter {
    text-align: center !important;
}

.uc-tRight {
    text-align: right !important;
}

.uc-pt0 {
    padding-top: 0px !important;
}

.uc-pb0 {
    padding-bottom: 0px !important;
}

.uc-pl0 {
    padding-left: 0px !important;
}

.uc-pr0 {
    padding-right: 0px !important;
}

.uc-pd0 {
    padding: 0px !important;
}

.uc-mt0 {
    margin-top: 0px !important;
}

.uc-mb0 {
    margin-bottom: 0px !important;
}

.uc-ml0 {
    margin-left: 0px !important;
}

.uc-mr0 {
    margin-right: 0px !important;
}

.uc-mg0 {
    margin: 0px !important;
}

.uc-pt5 {
    padding-top: 5px !important;
}

.uc-pb5 {
    padding-bottom: 5px !important;
}

.uc-pl5 {
    padding-left: 5px !important;
}

.uc-pr5 {
    padding-right: 5px !important;
}

.uc-pd5 {
    padding: 5px !important;
}

.uc-mt5 {
    margin-top: 5px !important;
}

.uc-mb5 {
    margin-bottom: 5px !important;
}

.uc-ml5 {
    margin-left: 5px !important;
}

.uc-mr5 {
    margin-right: 5px !important;
}

.uc-mg5 {
    margin: 5px !important;
}

.uc-pt10 {
    padding-top: 10px !important;
}

.uc-pb10 {
    padding-bottom: 10px !important;
}

.uc-pl10 {
    padding-left: 10px !important;
}

.uc-pr10 {
    padding-right: 10px !important;
}

.uc-pd10 {
    padding: 10px !important;
}

.uc-mt10 {
    margin-top: 10px !important;
}

.uc-mb10 {
    margin-bottom: 10px !important;
}

.uc-ml10 {
    margin-left: 10px !important;
}

.uc-mr10 {
    margin-right: 10px !important;
}

.uc-mg10 {
    margin: 10px !important;
}

.uc-pt15 {
    padding-top: 15px !important;
}

.uc-pb15 {
    padding-bottom: 15px !important;
}

.uc-pl15 {
    padding-left: 15px !important;
}

.uc-pr15 {
    padding-right: 15px !important;
}

.uc-pd15 {
    padding: 15px !important;
}

.uc-mt15 {
    margin-top: 15px !important;
}

.uc-mb15 {
    margin-bottom: 15px !important;
}

.uc-ml15 {
    margin-left: 15px !important;
}

.uc-mr15 {
    margin-right: 15px !important;
}

.uc-mg15 {
    margin: 15px !important;
}

.uc-pt20 {
    padding-top: 20px !important;
}

.uc-pb20 {
    padding-bottom: 20px !important;
}

.uc-pl20 {
    padding-left: 20px !important;
}

.uc-pr20 {
    padding-right: 20px !important;
}

.uc-pd20 {
    padding: 20px !important;
}

.uc-mt20 {
    margin-top: 20px !important;
}

.uc-mb20 {
    margin-bottom: 20px !important;
}

.uc-ml20 {
    margin-left: 20px !important;
}

.uc-mr20 {
    margin-right: 20px !important;
}

.uc-mg20 {
    margin: 20px !important;
}

.uc-pt25 {
    padding-top: 25px !important;
}

.uc-pb25 {
    padding-bottom: 25px !important;
}

.uc-pl25 {
    padding-left: 25px !important;
}

.uc-pr25 {
    padding-right: 25px !important;
}

.uc-pd25 {
    padding: 25px !important;
}

.uc-mt25 {
    margin-top: 25px !important;
}

.uc-mb25 {
    margin-bottom: 25px !important;
}

.uc-ml25 {
    margin-left: 25px !important;
}

.uc-mr25 {
    margin-right: 25px !important;
}

.uc-mg25 {
    margin: 25px !important;
}

.uc-pt30 {
    padding-top: 30px !important;
}

.uc-pb30 {
    padding-bottom: 30px !important;
}

.uc-pl30 {
    padding-left: 30px !important;
}

.uc-pr30 {
    padding-right: 30px !important;
}

.uc-pd30 {
    padding: 30px !important;
}

.uc-mt30 {
    margin-top: 30px !important;
}

.uc-mb30 {
    margin-bottom: 30px !important;
}

.uc-ml30 {
    margin-left: 30px !important;
}

.uc-mr30 {
    margin-right: 30px !important;
}

.uc-mg30 {
    margin: 30px !important;
}

.uc-pt40 {
    padding-top: 40px !important;
}

.uc-pb40 {
    padding-bottom: 40px !important;
}

.uc-pl40 {
    padding-left: 40px !important;
}

.uc-pr40 {
    padding-right: 40px !important;
}

.uc-pd40 {
    padding: 40px !important;
}

.uc-mt40 {
    margin-top: 40px !important;
}

.uc-mb40 {
    margin-bottom: 40px !important;
}

.uc-ml40 {
    margin-left: 40px !important;
}

.uc-mr40 {
    margin-right: 40px !important;
}

.uc-mg40 {
    margin: 40px !important;
}

.uc-pt50 {
    padding-top: 50px !important;
}

.uc-pb50 {
    padding-bottom: 50px !important;
}

.uc-pl50 {
    padding-left: 50px !important;
}

.uc-pr50 {
    padding-right: 50px !important;
}

.uc-pd50 {
    padding: 50px !important;
}

.uc-mt50 {
    margin-top: 50px !important;
}

.uc-mb50 {
    margin-bottom: 50px !important;
}

.uc-ml50 {
    margin-left: 50px !important;
}

.uc-mr50 {
    margin-right: 50px !important;
}

.uc-mg50 {
    margin: 50px !important;
}

.uc-pt60 {
    padding-top: 60px !important;
}

.uc-pb60 {
    padding-bottom: 60px !important;
}

.uc-pl60 {
    padding-left: 60px !important;
}

.uc-pr60 {
    padding-right: 60px !important;
}

.uc-pd60 {
    padding: 60px !important;
}

.uc-mt60 {
    margin-top: 60px !important;
}

.uc-mb60 {
    margin-bottom: 60px !important;
}

.uc-ml60 {
    margin-left: 60px !important;
}

.uc-mr60 {
    margin-right: 60px !important;
}

.uc-mg60 {
    margin: 60px !important;
}

.uc-pt70 {
    padding-top: 70px !important;
}

.uc-pb70 {
    padding-bottom: 70px !important;
}

.uc-pl70 {
    padding-left: 70px !important;
}

.uc-pr70 {
    padding-right: 70px !important;
}

.uc-pd70 {
    padding: 70px !important;
}

.uc-mt70 {
    margin-top: 70px !important;
}

.uc-mb70 {
    margin-bottom: 70px !important;
}

.uc-ml70 {
    margin-left: 70px !important;
}

.uc-mr70 {
    margin-right: 70px !important;
}

.uc-mg70 {
    margin: 70px !important;
}

.uc-pt80 {
    padding-top: 80px !important;
}

.uc-pb80 {
    padding-bottom: 80px !important;
}

.uc-pl80 {
    padding-left: 80px !important;
}

.uc-pr80 {
    padding-right: 80px !important;
}

.uc-pd80 {
    padding: 80px !important;
}

.uc-mt80 {
    margin-top: 80px !important;
}

.uc-mb80 {
    margin-bottom: 80px !important;
}

.uc-ml80 {
    margin-left: 80px !important;
}

.uc-mr80 {
    margin-right: 80px !important;
}

.uc-mg80 {
    margin: 80px !important;
}

.uc-pt90 {
    padding-top: 90px !important;
}

.uc-pb90 {
    padding-bottom: 90px !important;
}

.uc-pl90 {
    padding-left: 90px !important;
}

.uc-pr90 {
    padding-right: 90px !important;
}

.uc-pd90 {
    padding: 90px !important;
}

.uc-mt90 {
    margin-top: 90px !important;
}

.uc-mb90 {
    margin-bottom: 90px !important;
}

.uc-ml90 {
    margin-left: 90px !important;
}

.uc-mr90 {
    margin-right: 90px !important;
}

.uc-mg90 {
    margin: 90px !important;
}

.uc-pt100 {
    padding-top: 100px !important;
}

.uc-pb100 {
    padding-bottom: 100px !important;
}

.uc-pl100 {
    padding-left: 100px !important;
}

.uc-pr100 {
    padding-right: 100px !important;
}

.uc-pd100 {
    padding: 100px !important;
}

.uc-mt100 {
    margin-top: 100px !important;
}

.uc-mb100 {
    margin-bottom: 100px !important;
}

.uc-ml100 {
    margin-left: 100px !important;
}

.uc-mr100 {
    margin-right: 100px !important;
}

.uc-mg100 {
    margin: 100px !important;
}

.uc-pt110 {
    padding-top: 110px !important;
}

.uc-pb110 {
    padding-bottom: 110px !important;
}

.uc-pl110 {
    padding-left: 110px !important;
}

.uc-pr110 {
    padding-right: 110px !important;
}

.uc-pd110 {
    padding: 110px !important;
}

.uc-mt110 {
    margin-top: 110px !important;
}

.uc-mb110 {
    margin-bottom: 110px !important;
}

.uc-ml110 {
    margin-left: 110px !important;
}

.uc-mr110 {
    margin-right: 110px !important;
}

.uc-mg110 {
    margin: 110px !important;
}

.uc-pt120 {
    padding-top: 120px !important;
}

.uc-pb120 {
    padding-bottom: 120px !important;
}

.uc-pl120 {
    padding-left: 120px !important;
}

.uc-pr120 {
    padding-right: 120px !important;
}

.uc-pd120 {
    padding: 120px !important;
}

.uc-mt120 {
    margin-top: 120px !important;
}

.uc-mb120 {
    margin-bottom: 120px !important;
}

.uc-ml120 {
    margin-left: 120px !important;
}

.uc-mr120 {
    margin-right: 120px !important;
}

.uc-mg120 {
    margin: 120px !important;
}

.uc-pt150 {
    padding-top: 150px !important;
}

.uc-pb150 {
    padding-bottom: 150px !important;
}

.uc-pl150 {
    padding-left: 150px !important;
}

.uc-pr150 {
    padding-right: 150px !important;
}

.uc-pd150 {
    padding: 150px !important;
}

.uc-mt150 {
    margin-top: 150px !important;
}

.uc-mb150 {
    margin-bottom: 150px !important;
}

.uc-ml150 {
    margin-left: 150px !important;
}

.uc-mr150 {
    margin-right: 150px !important;
}

.uc-mg150 {
    margin: 150px !important;
}

.uc-pt160 {
    padding-top: 160px !important;
}

.uc-pb160 {
    padding-bottom: 160px !important;
}

.uc-pl160 {
    padding-left: 160px !important;
}

.uc-pr160 {
    padding-right: 160px !important;
}

.uc-pd160 {
    padding: 160px !important;
}

.uc-mt160 {
    margin-top: 160px !important;
}

.uc-mb160 {
    margin-bottom: 160px !important;
}

.uc-ml160 {
    margin-left: 160px !important;
}

.uc-mr160 {
    margin-right: 160px !important;
}

.uc-mg160 {
    margin: 160px !important;
}

.uc-pt180 {
    padding-top: 180px !important;
}

.uc-pb180 {
    padding-bottom: 180px !important;
}

.uc-pl180 {
    padding-left: 180px !important;
}

.uc-pr180 {
    padding-right: 180px !important;
}

.uc-pd180 {
    padding: 180px !important;
}

.uc-mt180 {
    margin-top: 180px !important;
}

.uc-mb180 {
    margin-bottom: 180px !important;
}

.uc-ml180 {
    margin-left: 180px !important;
}

.uc-mr180 {
    margin-right: 180px !important;
}

.uc-mg180 {
    margin: 180px !important;
}

.uc-pt200 {
    padding-top: 200px !important;
}

.uc-pb200 {
    padding-bottom: 200px !important;
}

.uc-pl200 {
    padding-left: 200px !important;
}

.uc-pr200 {
    padding-right: 200px !important;
}

.uc-pd200 {
    padding: 200px !important;
}

.uc-mt200 {
    margin-top: 200px !important;
}

.uc-mb200 {
    margin-bottom: 200px !important;
}

.uc-ml200 {
    margin-left: 200px !important;
}

.uc-mr200 {
    margin-right: 200px !important;
}

.uc-mg200 {
    margin: 200px !important;
}

.uc-icon16 {
    width: 16px;
    height: 16px;
}

.uc-icon18 {
    width: 18px;
    height: 18px;
}

.uc-icon20 {
    width: 20px;
    height: 20px;
}

.uc-icon24 {
    width: 24px;
    height: 24px;
}

.uc-icon28 {
    width: 28px;
    height: 28px;
}

.uc-icon32 {
    width: 32px;
    height: 32px;
}

.uc-icon36 {
    width: 36px;
    height: 36px;
}

.uc-icon40 {
    width: 40px;
    height: 40px;
}

.uc-icon44 {
    width: 44px;
    height: 44px;
}

.uc-icon48 {
    width: 48px;
    height: 48px;
}

.uc-icon50 {
    width: 50px;
    height: 50px;
}

.uc-icon64 {
    width: 64px;
    height: 64px;
}

.uc-icon70 {
    width: 70px;
    height: 70px;
}

.uc-icon80 {
    width: 80px;
    height: 80px;
}

.uc-icon90 {
    width: 90px;
    height: 90px;
}

.uc-icon100 {
    width: 100px;
    height: 100px;
}

.uc-icon120 {
    width: 120px;
    height: 120px;
}

.uc-icon150 {
    width: 150px;
    height: 150px;
}

.uc-icon200 {
    width: 200px;
    height: 200px;
}

@font-face {
    font-family: "uc-font";
    src: url("../fonts/iconfont.eot?t=1584354732377");
    src: url("../fonts/iconfont.eot?t=1584354732377#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAdAAAsAAAAAEBgAAAbxAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCGHgqOBIsCATYCJANcCzAABCAFhGEHgi8bnQ1RVHKqkf1MsG0VrBfRQBAJsb60MMb1gc3i5BMLGB9XBF/7hfWb+bscBCgfFoYUgSRSiZGoAPjkcfk50qj2f3Ut58qaEauOqE+6Qi751bv8vjSY7TszG36Ap12DIZWfk9Fkcjo6Qzo8CIIerAhKD+LRxCksralu2QIJg1uMaK37FC83RFDVAxIK1CQAO1JuLAH1lJpxfirSFungRc9MjyfQNta8zOado1NSVuF4oNb+0GekbItShahCM7Tus20lrsM109V0BtfUu4+/LAwDklrGnWjLvm1B1gr+24PM9ljIzq/Y/BLwth0ZsxEVqe6bFWS9aLac9k/DyvfAVBQ3Vy+10i1DMCORGurppJu+sqSsLOvKpnLtec5u/m1r7z9AHMfB9r3yrJ5ySWEq7zhtPysy/4FHDNAy2EBG0l9DR18tbTVdWV1loJ6hkiZRh5pdiOGseChScBEYgBQe0I8i49RgOTgEmwEISiKQKDVAf6TUA30onUCH0g30pfQCLUof0KYsAWqUlUCXsg7IlE1AnXINqPgtK8JABGcjwiAE5yDCUARvRoQGgreiiSYYJm8zFzEJie9IL3AhFxglXhZJWRJTksrVzh+JdbkA9X4D+gm7xv79O21lEbuc6I4bMVVX1fWqYX0LPq5RfT0tr5K60q4nmnxK9vO0elYgEKWh9cB6krmVliqmNEWjVnFw3erR8pKprKx4SotI7F8Cd/Rqr0VWEaPydKu5wtEr/TcbpaCnMewKQjBqlU6pnR69P5Nv/9byQmltRJprFX7xNtG2fUP05+/3FG/dO1hvzp523TRCNGoK6LFTueLR0zmFhVWkps1fvV1OFjSqlXNlkc/DiI5cMdJbeDVcfPy6qf6ia61UGqkl80DMaRUiRIh4EGB4CIHyOHyUi/AZvxU2lKaAhR1mDUyjVtkGTl8qJ9OatID9TJWGnMnQ00Z1QwQpkjFv0oBGt7hAp2hjV1Qq7YyIdlRgrwSRU9sbiia6sLk1RNrps2ct60c22ohQ0JXbl25aTSqtTSluoJNKipOzhCBgdBHyl8g01DQ5ccWMmV3OOflTxTggiO5u7OUK//MS9NYtiS159V9i1idSS86aWIyd5QVCycdGAP+F537+jqGosDCxZOSI0FDQBopaRE5ikdFupXI32xjG7QzxEv5z+rtG1mgokAgCMDUB+5VxhnaDF+76Rih7EzMywm7ygoySz6zHX8wsQm/cQMEWMYSPlS9kOMkVFclgHObHSabezmZF8NnAUk7/M4X+t9Xps6FTiN2Ejfi5Pzy92nL2qlUn8ZakOWPGeHieNm3BT6aaD7xQFpKionDApbAkfb6hReo3bzIyJk1ycZHngaB/dBft+XBT12vVzV3argJw2UgCUML+wOVCFW1icv/zzRIlT//W03P5/rM39hnosOCMp+feXw/4FkwysmyWvpM1f/8rJe7K7xJS7SqaZe+kzUaWLdIWCAJSMsJ8zZ+/Y0c4x29BP3zENmNbPnzYouzn4wd0S7zziBt//5yaklo1AT1wAJXY+BfCaQpgE7A++ATPgRzPYfiDoGFTtMNVw7Fpk/xDbViBD8Z9p3wHjR6nN5Vyp6OiYGM33JZ02L+f5c4D7ohI+G31lpn//v3+1TZiinFrxoihQ9/JQPZOWVCcd+iFsMsvi7D4wQj/tNSeMXCq3zMherPQZ3nfMxDpRjrIXvNNIG/IrkOzPjuteZ1pZqXVmmVpP3+Zpqj3N+/PgZPS3XSSkvP6TF6ardmNlMPZrbvQy3hX7nDRWvq7ya3Ar1NP3qFteiwG+QzQlIjtvue4Y/arfr1c9LDq+++JrpKSh3EsrvpQm/fjjpM20BeFDIntlIMadxZ3ipSG0aYoyyaJKtlMU03HAlNdw2pT2yybO3cMIuVE1cJMbw9T6Ou2KMmeiLLsk6iS/WCqGerfVNfX/6a2XVHaZ8fUyKluKmAaBB3d0ZCj9IRCXb3ihlrzGPyrMVM2j7LSOag0REkd03aV7oIElX6D9Np3tfaop3BCd14ng/EYaaIwAq7NQOtkwbI8vxsyOU5I1SYKYDQgUCN3qBCHJE9uq1WdwBn22zsGfFfGGOXfyU/Tc0BJhTQ7ymGyw0W7QTJOp3WomLrmc6lA81BRQE00Qe2kSwBjvghRif9SEcBppiBFQWKBRYN5cYPM1oVMlgBBN7gDDgskclRRi3o0ohmtaEcnTtZfK/pGv+gf4pCENGQhD0UoQ6W1OwAej/DW4KHiY+jatzdQ1plSeGOo0A+0W/tIG4P3BAJvpFtdQGPiluuZCDFRUEEL6+TWGqWRjFkoy67+Ne+fy09AXuWYEAU+xhTyEm51MQWmeJBPFFxXC+1fq8wcRQXiikO1GmGVZyQhAAA=") format("woff2"), url("../fonts/iconfont.woff?t=1584354732377") format("woff"), url("../fonts/iconfont.ttf?t=1584354732377") format("truetype"), url("../fonts/iconfont.svg?t=1584354732377#uc-font") format("svg");
}

.uc-font {
    font-family: "uc-font" !important;
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.uc-checkbox-circle:before {
    content: "\e624";
}

.uc-checkbox-circle-on:before {
    content: "\e64f";
}

.uc-checkbox:before {
    content: "\e684";
}

.uc-checkbox-on:before {
    content: "\e67d";
}

.uc-checkbox-on-plain:before {
    content: "\e683";
}

.uc-radio-on:before {
    content: "\e7b3";
}

.uc-radio:before {
    content: "\e7b5";
}

.uc-arrow-left:before {
    content: "\e75b";
}

.uc-arrow-right:before {
    content: "\e75c";
}

.uc-arrow-right2:before {
    content: "\e6ae";
}

.uc-arrow-left2:before {
    content: "\e6d6";
}

.uc-arrow-down:before {
    content: "\e615";
}

.uc-arrow-top:before {
    content: "\e75d";
}

.uc-arrow-down2:before {
    content: "\e6a4";
}

.uc-arrow-top2:before {
    content: "\e6b2";
}

.uc-menu:before {
    content: "\e6a9";
}

.uc-close:before {
    content: "\e67f";
}

.uc-search:before {
    content: "\e66f";
}

.uc-add:before {
    content: "\e672";
}

.uc-reduce:before {
    content: "\e614";
}

.uc-next:before {
    content: "\e60c";
}

.uc-prev:before {
    content: "\e605";
}

.uc-arrow {
    position: relative;
    padding-right: 10px;
}

.uc-arrow:after {
    content: '\e75c';
    font-family: 'uc-font';
    font-size: 1.4em;
    right: -10px;
    color: #BEC9DC;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@font-face {
    font-family: "element-icons";
    src: url("../fonts/element-icons.woff") format("woff"), url("../fonts/element-icons.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.uc-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.uc-flex.start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.uc-flex.end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.uc-flex.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.uc-flex-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.uc-flex-col.start {
    -ms-flex-line-pack: start;
    align-content: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.uc-flex-col.end {
    -ms-flex-line-pack: end;
    align-content: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.uc-flex-col.center {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.g-userMain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 700px;
    margin-bottom: 50px;
}

.g-userMain .userMain-left {
    width: 160px;
}

.g-userMain .userMain-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.g-userMain .g-crumb {
    padding: 0 24px;
}

textarea {
    min-height: 120px;
    height: auto;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    width: 100%;
}

input:-moz-placeholder {
    color: #BEC9DC;
}

::-webkit-input-placeholder {
    color: #BEC9DC;
}

input[type=text], input[type=password] {
    -webkit-appearance: none;
}

[type=submit] {
    outline: none;
}

[type=submit]:hover {
    opacity: .8;
}

button {
    margin: 0;
    padding: 0;
    background: none;
    line-height: inherit;
    font-size: inherit;
    border: none;
    color: inherit;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

button:after {
    display: none;
}

.uc-input, .uc-select, .uc-button, .uc-textarea {
    width: 100%;
    border: #eeeeee 1px solid;
    outline: none;
    height: 30px;
    line-height: 28px;
    border-radius: 5px;
    padding: 0 10px;
}

.uc-input:hover, .uc-input:focus, .uc-select:hover, .uc-select:focus, .uc-button:hover, .uc-button:focus, .uc-textarea:hover, .uc-textarea:focus {
    border-color: #1989FA;
}

.uc-btn {
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    border-radius: 5px;
    padding: 0 10px;
}

.uc-btn img {
    margin-right: 10px;
}

.uc-btn:hover {
    opacity: .8;
}

.uc-btn.blue {
    background-color: #1989FA;
    border: #1989FA 1px solid;
    color: #fff;
}

.uc-btn.blue-linear {
    background: -webkit-gradient(linear, left top, right top, from(rgba(25, 137, 250, 0.7)), to(#1989FA));
    background: -webkit-linear-gradient(left, rgba(25, 137, 250, 0.7) 0%, #1989FA 100%);
    background: -o-linear-gradient(left, rgba(25, 137, 250, 0.7) 0%, #1989FA 100%);
    background: linear-gradient(to right, rgba(25, 137, 250, 0.7) 0%, #1989FA 100%);
    color: #fff;
}

.uc-btn.blue-plain {
    color: #1989FA;
    border: #1989FA 1px solid;
}

.uc-btn.blue-plain:hover {
    opacity: 1;
    background-color: #1989FA;
    color: #fff;
}

.uc-btn.red {
    background-color: #EA292A;
    border: #EA292A 1px solid;
    color: #fff;
}

.uc-btn.orange {
    background-color: #FFA042;
    border: #FFA042 1px solid;
    color: #fff;
}

.uc-btn.red-linear {
    background: -webkit-gradient(linear, left top, right top, from(rgba(234, 41, 42, 0.7)), to(#EA292A));
    background: -webkit-linear-gradient(left, rgba(234, 41, 42, 0.7) 0%, #EA292A 100%);
    background: -o-linear-gradient(left, rgba(234, 41, 42, 0.7) 0%, #EA292A 100%);
    background: linear-gradient(to right, rgba(234, 41, 42, 0.7) 0%, #EA292A 100%);
    color: #fff;
}

.uc-btn.red-plain {
    color: #EA292A;
    border: #EA292A 1px solid;
}

.uc-btn.red-plain:hover {
    opacity: 1;
    background-color: #EA292A;
    color: #fff;
}

.uc-btn.green {
    background-color: #A1D801;
    border: #A1D801 1px solid;
    color: #fff;
}

.uc-btn.green-linear {
    background: -webkit-gradient(linear, left top, right top, from(rgba(161, 216, 1, 0.7)), to(#A1D801));
    background: -webkit-linear-gradient(left, rgba(161, 216, 1, 0.7) 0%, #A1D801 100%);
    background: -o-linear-gradient(left, rgba(161, 216, 1, 0.7) 0%, #A1D801 100%);
    background: linear-gradient(to right, rgba(161, 216, 1, 0.7) 0%, #A1D801 100%);
    color: #fff;
}

.uc-btn.green-plain {
    color: #A1D801;
    border: #A1D801 1px solid;
}

.uc-btn.green-plain:hover {
    opacity: 1;
    background-color: #A1D801;
    color: #fff;
}

.uc-btn.gray {
    background-color: #9EA8B8;
    border: #9EA8B8 1px solid;
    color: #fff;
}

.uc-btn.gray-linear {
    background: -webkit-gradient(linear, left top, right top, from(rgba(158, 168, 184, 0.7)), to(#9EA8B8));
    background: -webkit-linear-gradient(left, rgba(158, 168, 184, 0.7) 0%, #9EA8B8 100%);
    background: -o-linear-gradient(left, rgba(158, 168, 184, 0.7) 0%, #9EA8B8 100%);
    background: linear-gradient(to right, rgba(158, 168, 184, 0.7) 0%, #9EA8B8 100%);
    color: #fff;
}

.uc-btn.gray-plain {
    color: #9EA8B8;
    border: #9EA8B8 1px solid;
}

.uc-btn.gray-plain:hover {
    opacity: 1;
    background-color: #9EA8B8;
    color: #fff;
}

.uc-btn img {
    margin-right: 10px;
}

.uc-checkbox {
    width: 24px;
    height: 24px;
    position: relative;
    cursor: pointer;
    background: url("images/checkbox2.png") left center no-repeat;
    background-size: 24px 24px;
    display: inline-block;
}

.uc-checkbox.on {
    background-image: url("images/checkbox2-on.png");
}

.uc-checkbox:before, .uc-checkbox:after {
    display: none;
}

.uc-checkbox-circle {
    min-width: 24px;
    height: 19px;
    position: relative;
    cursor: pointer;
    padding-left: 25px;
    background: url("images/checkbox.png") left center no-repeat;
    background-size: 20px 20px;
    display: inline-block;
}

.uc-checkbox-circle.on {
    background-image: url("images/checkbox-on.png");
}

.uc-checkbox-circle:before, .uc-checkbox-circle:after {
    display: none;
}

.uc-phColor {
    color: #9EA8B8;
}

.uc-blue {
    color: #1989FA !important;
}

.uc-red {
    color: #EA292A !important;
}

.uc-green {
    color: #A1D801 !important;
}

.uc-gray {
    color: #9EA8B8 !important;
}

.g-crumb {
    line-height: 50px;
    border-bottom: #eeeeee 1px solid;
    font-size: 12px;
}

.g-crumb a {
    position: relative;
    padding-right: 15px;
    margin-right: 3px;
    color: #9EA8B8;
}

.g-crumb a:after {
    content: '\e75c';
    font-family: 'uc-font';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.g-crumb a:last-child {
    padding-right: 0;
    color: #2D4457;
}

.g-crumb a:last-child:after {
    display: none;
}

.g-crumb.bg {
    background-color: #F8F8F8;
}

.uc-prvNxt {
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 24px;
}

.uc-prvNxt .uc-select {
    margin: 0 24px;
    width: 100px;
}

.uc-prvNxt .con {
    color: #9EA8B8;
    margin-right: -10px;
}

.uc-prvNxt .con a {
    margin: 0 5px;
    color: #9EA8B8;
    min-width: 24px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
}

.uc-prvNxt .con a.on {
    border: #eeeeee 1px solid;
}

.uc-prvNxt .con a:hover {
    color: #1989FA;
}

.uc-prvNxt .txt {
    color: #9EA8B8;
    padding-left: 25px;
}

.uc-prvNxt .number {
    color: #2D4457;
    margin: 0 5px;
}

.uc-tag {
    display: inline-block;
    border-radius: 3px;
    padding: 0 5px;
}

.uc-tag:empty {
    display: none;
}

.uc-tag.blue {
    background-color: #1989FA;
    color: #fff;
}

.uc-tag.red {
    background-color: #EA292A;
    color: #fff;
}

.uc-tag.green {
    background-color: #A1D801;
    color: #fff;
}

.uc-tag.gray {
    background-color: rgba(158, 168, 184, 0.4);
    color: #fff;
}

/* ---------------------------------------------------------------------- 通用样式  -------------------------------------------------------------------- */
.uc-alert {
    position: fixed;
    z-index: 999;
    left: 0;
    width: 100vw;
    top: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    padding-right: constant(safe-area-inset-right);
    padding-right: env(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left);
}

.uc-alert .box-right {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    width: 640px;
    background-color: #fff;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.uc-alert .box-right::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-radius: 8px;
}

.uc-alert .box-right::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

.uc-alert .box-right::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #EAECF5;
}

.uc-alert .box-right::-webkit-scrollbar-thumb:hover {
    background: #EAECF5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.uc-alert .over-close {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.uc-alert {
    display: none;
}

.uc-alert-account .box-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    height: 100vh;
}

.uc-alert-account .scroll-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    max-width: 640px;
    overflow-x: hidden;
    overflow-y: auto;
}

.uc-alert-account .scroll-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-radius: 8px;
}

.uc-alert-account .scroll-box::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

.uc-alert-account .scroll-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #EAECF5;
}

.uc-alert-account .scroll-box::-webkit-scrollbar-thumb:hover {
    background: #EAECF5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.uc-alert-account .panel {
    padding: 50px;
    background-color: #F2F2F2;
}

.uc-alert-account .panel h2 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 15px;
}

.uc-alert-account .panel .btm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-alert-account .panel .uc-btn {
    height: 32px;
    margin-right: 15px;
}

.uc-alert-account .detail {
    padding: 50px;
}

.uc-alert-account .detail .account-box {
    margin-bottom: 24px;
    border-bottom: #eeeeee 1px solid;
    padding-bottom: 24px;
}

.uc-alert-account .sub-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.uc-alert-account .sub-title b {
    font-size: 24px;
}

.uc-alert-account .operate {
    padding: 30px 50px;
}

.uc-alert-account .operate .uc-btn {
    background-color: #F4F5FA;
    width: 350px;
    border-radius: 4px;
    height: 64px;
    margin: 0 auto;
    color: #FF5081;
    font-size: 16px;
}

.uc-alert-account .account-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-alert-account .account-box .face {
    width: 64px;
    border-radius: 4px;
    height: 64px;
    overflow: hidden;
    margin-right: 15px;
}

.uc-alert-account .account-box .face img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.uc-alert-account .account-box .con {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    line-height: 24px;
}

.uc-alert-account .account-box .txt {
    min-width: 5em;
    text-align: right;
    display: inline-block;
}

.uc-alert-account .total-box h3 {
    font-size: 16px;
    margin-bottom: 20px;
}

.uc-alert-account .total {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-alert-account .total li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.uc-alert-account .total .number {
    font-size: 24px;
    margin-bottom: 10px;
}

.uc-alert-account .total .btn {
    color: #9EA8B8;
}

.uc-alert-account .total img {
    margin-right: 5px;
}

.uc-alert-account .user-panel {
    border-bottom: #eeeeee 1px solid;
    padding: 50px;
}

.uc-alert-account .user-panel h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.uc-alert-account .user-panel h2 b {
    font-size: 24px;
}

.uc-alert-account .user-panel h2 .line {
    width: 1px;
    height: 16px;
    background-color: #BEC9DC;
    display: inline-block;
    margin: 0 10px;
}

.uc-alert-account .user-panel h2 a {
    font-size: 14px;
}

/* |17|云产品-商品详情页-选配-云产品-1/2配置选项-云产品-2/2配置选项|cloudOptional| */
.uc-alert-cloudOptional .box-right {
    width: 100%;
    max-width: 1186px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.uc-alert-cloudOptional .top-panel {
    padding: 24px 30px 10px;
    border-bottom: #eeeeee 1px solid;
    background-color: #fff;
}

.uc-alert-cloudOptional .top-panel h3 {
    font-size: 16px;
}

.uc-alert-cloudOptional .top-panel p {
    color: #9EA8B8;
    font-size: 12px;
    margin-top: 15px;
}

.uc-alert-cloudOptional .bottom-panel {
    padding: 24px 30px;
    border-top: #eeeeee 1px solid;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-alert-cloudOptional .bottom-panel .uc-btn {
    margin: 0 4px;
    height: 32px;
    min-width: 64px;
}

.uc-alert-cloudOptional .center-panel {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.uc-alert-cloudOptional .main-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 40px;
}

.uc-alert-cloudOptional .main-center {
    width: 500px;
}

.uc-alert-cloudOptional .main-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 40px;
}

.uc-alert-cloudOptional .info li {
    line-height: 2em;
    margin-bottom: 30px;
    font-size: 12px;
}

.uc-alert-cloudOptional .info .name {
    color: #9EA8B8;
    margin-bottom: 5px;
}

.uc-alert-cloudOptional .info .con {
    font-size: 14px;
}

.uc-alert-cloudOptional .info .btn {
    margin-top: 5px;
    display: inline-block;
}

.uc-alert-cloudOptional .scroll-box {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    padding-right: 5px;
    max-width: 640px;
}

.uc-alert-cloudOptional .scroll-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-radius: 8px;
}

.uc-alert-cloudOptional .scroll-box::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

.uc-alert-cloudOptional .scroll-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #EAECF5;
}

.uc-alert-cloudOptional .scroll-box::-webkit-scrollbar-thumb:hover {
    background: #EAECF5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.uc-alert-cloudOptional .scroll-box h3 {
    margin-bottom: 10px;
}

.uc-alert-cloudOptional .sub-title {
    padding: 5px 0;
    line-height: 24px;
}

.uc-alert-cloudOptional .line {
    height: 1px;
    background-color: #EAECF5;
    margin: 20px 0;
}

.uc-alert-cloudOptional .form {
    margin-bottom: 15px;
}

.uc-alert-cloudOptional .form li {
    border: #BEC9DC 2px solid;
    border-radius: 4px;
    padding: 5px 30px;
    margin-bottom: 10px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-alert-cloudOptional .form li:last-child {
    margin-bottom: 0;
}

.uc-alert-cloudOptional .form li.on {
    border-color: #1989FA;
}

.uc-alert-cloudOptional .form .name {
    padding: 5px 0;
    font-size: 16px;
    line-height: 32px;
    cursor: pointer;
}

.uc-alert-cloudOptional .form .money {
    text-align: right;
}

.uc-alert-cloudOptional .sideMenu {
    margin-left: auto;
    margin-right: 0;
    border-left: #F2F2F2 2px solid;
    width: 100px;
    background-color: rgba(255, 255, 255, 0.9);
}

.uc-alert-cloudOptional .sideMenu li {
    padding-left: 20px;
    padding-right: 10px;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    margin-bottom: 15px;
}

.uc-alert-cloudOptional .sideMenu li:last-child {
    margin-bottom: 0;
}

.uc-alert-cloudOptional .sideMenu li.on:after {
    content: '';
    width: 12px;
    border-radius: 100%;
    height: 12px;
    background-color: #fff;
    border: #1989FA 3px solid;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -7px;
}

.uc-alert-cloudOptional .sideMenu .con {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.uc-alert-msgCenter {
    display: none;
}

.uc-alert-msgCenter .box {
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background-color: #ffffff;
    color: #F56C6C;
    padding: 15px 30px;
    line-height: 1.5em;
    text-align: center;
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 110px;
    z-index: 1001;
}

.uc-alert-msgSide .box {
    position: fixed;
    width: 640px;
    top: 0;
    z-index: 1001;
    right: 0;
}

.uc-alert-msgSide .con {
    background-color: #ffffff;
    color: #F56C6C;
    padding: 5px 30px;
    min-height: 32px;
    line-height: 1.5em;
    text-align: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 110px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}

.uc-alert-invoiceAdd .title {
    line-height: 56px;
    border-bottom: #eeeeee 1px solid;
    font-size: 16px;
    padding: 0 30px;
}

.uc-alert-invoiceAdd .sub-title {
    line-height: 1.5em;
    margin-bottom: 10px;
}

.uc-alert-invoiceAdd .box-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.uc-alert-invoiceAdd .scroll-box {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    padding: 35px 80px;
    padding-right: 5px;
    max-width: 640px;
}

.uc-alert-invoiceAdd .scroll-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-radius: 8px;
}

.uc-alert-invoiceAdd .scroll-box::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

.uc-alert-invoiceAdd .scroll-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #EAECF5;
}

.uc-alert-invoiceAdd .scroll-box::-webkit-scrollbar-thumb:hover {
    background: #EAECF5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.uc-alert-invoiceAdd .choose-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px;
}

.uc-alert-invoiceAdd .choose-box .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 80px;
    text-align: center;
    font-size: 16px;
    border: #BEC9DC 2px solid;
    border-radius: 4px;
}

.uc-alert-invoiceAdd .choose-box .item:first-child {
    margin-left: 0;
}

.uc-alert-invoiceAdd .choose-box .item.on {
    border-color: #1989FA;
}

.uc-alert-invoiceAdd .tab-con {
    display: none;
}

.uc-alert-invoiceAdd .tab-con:first-child {
    display: block;
}

.uc-alert-invoiceAdd .form {
    margin-bottom: 30px;
}

.uc-alert-invoiceAdd .form li {
    position: relative;
    min-height: 56px;
    border: #BEC9DC 1px solid;
    padding-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
    border-radius: 4px;
}

.uc-alert-invoiceAdd .form .uc-input {
    padding: 0 15px;
    border: none;
    height: 32px;
}

.uc-alert-invoiceAdd .form .txt {
    color: #9EA8B8;
    font-size: 12px;
    line-height: 16px;
    padding: 0 15px;
}

.uc-alert-invoiceAdd .operate {
    padding: 48px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-alert-invoiceAdd .operate .uc-btn {
    min-width: 64px;
    height: 32px;
}

.uc-alert-addressAdd .title {
    line-height: 56px;
    border-bottom: #eeeeee 1px solid;
    font-size: 16px;
    padding: 0 30px;
}

.uc-alert-addressAdd .sub-title {
    line-height: 1.5em;
    margin-bottom: 10px;
}

.uc-alert-addressAdd .box-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.uc-alert-addressAdd .scroll-box {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    padding: 35px 80px;
    padding-right: 5px;
    max-width: 640px;
}

.uc-alert-addressAdd .scroll-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-radius: 8px;
}

.uc-alert-addressAdd .scroll-box::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

.uc-alert-addressAdd .scroll-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #EAECF5;
}

.uc-alert-addressAdd .scroll-box::-webkit-scrollbar-thumb:hover {
    background: #EAECF5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.uc-alert-addressAdd .form {
    margin-bottom: 30px;
}

.uc-alert-addressAdd .form li {
    position: relative;
    min-height: 56px;
    border: #BEC9DC 1px solid;
    padding-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
    border-radius: 4px;
}

.uc-alert-addressAdd .form .con {
    position: relative;
}

.uc-alert-addressAdd .form .uc-input {
    padding: 0 15px;
    border: none;
    height: 32px;
}

.uc-alert-addressAdd .form .txt {
    color: #9EA8B8;
    font-size: 12px;
    line-height: 16px;
    padding: 0 15px;
}

.uc-alert-addressAdd .form .uc-textarea {
    padding: 5px 15px;
    line-height: 22px;
    border: none;
}

.uc-alert-addressAdd .form .city-picker-span {
    background-color: transparent;
}

.uc-alert-addressAdd .form .city-picker-span .title {
    padding: 0;
    margin: 0;
    border: none;
    line-height: 32px;
}

.uc-alert-addressAdd .form .city-picker-span .select-item {
    line-height: 32px;
}

.uc-alert-addressAdd .operate {
    padding: 48px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-alert-addressAdd .operate .uc-btn {
    min-width: 64px;
    height: 32px;
}

.uc-alert-orderSearch {
    z-index: 777;
    padding-top: 97px;
}

.uc-alert-orderSearch .box-top {
    background-color: #ffffff;
    padding: 35px 0;
    position: relative;
    z-index: 9;
}

.uc-alert-orderSearch .scroll-box {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    max-height: 50vh;
    padding-right: 5px;
    min-width: 1200px;
    max-width: 1400px;
    margin: 0 auto 30px;
}

.uc-alert-orderSearch .scroll-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-radius: 8px;
}

.uc-alert-orderSearch .scroll-box::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

.uc-alert-orderSearch .scroll-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #EAECF5;
}

.uc-alert-orderSearch .scroll-box::-webkit-scrollbar-thumb:hover {
    background: #EAECF5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.uc-alert-orderSearch .operate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    border-top: #eeeeee 1px solid;
    padding-top: 24px;
}

.uc-alert-orderSearch .operate .uc-btn {
    margin: 0 5px;
    height: 32px;
    min-width: 64px;
}

.uc-alert-orderSearch .operate .uc-btn.gray-plain {
    color: #2D4457;
}

.uc-alert-orderSearch .form li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 32px;
}

.uc-alert-orderSearch .form .con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 12px;
}

.uc-alert-orderSearch .form .name {
    font-size: 14px;
    min-width: 5em;
    margin-right: 20px;
    margin-bottom: 15px;
}

.uc-alert-orderSearch .form .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    margin-right: 20px;
}

.uc-alert-orderSearch .form .uc-select, .uc-alert-orderSearch .form .uc-input {
    width: 186px;
    border-radius: 4px;
    height: 32px;
    height: 32px;
}

.uc-alert-orderSearch .form .txt {
    min-width: 7em;
    text-align: right;
    margin-right: 10px;
}

.uc-alert-orderCancle .title, .uc-alert-receipt .title, .uc-alert-invoiceDetail .title, .uc-alert-invoiceForm .title {
    line-height: 56px;
    border-bottom: #eeeeee 1px solid;
    font-size: 16px;
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
}

.uc-alert-orderCancle .sub-title, .uc-alert-receipt .sub-title, .uc-alert-invoiceDetail .sub-title, .uc-alert-invoiceForm .sub-title {
    line-height: 1.5em;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-alert-orderCancle .box-right, .uc-alert-receipt .box-right, .uc-alert-invoiceDetail .box-right, .uc-alert-invoiceForm .box-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.uc-alert-orderCancle .scroll-box, .uc-alert-receipt .scroll-box, .uc-alert-invoiceDetail .scroll-box, .uc-alert-invoiceForm .scroll-box {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    padding: 0px 80px;
    padding-right: 5px;
    max-width: 640px;
}

.uc-alert-orderCancle .scroll-box::-webkit-scrollbar, .uc-alert-receipt .scroll-box::-webkit-scrollbar, .uc-alert-invoiceDetail .scroll-box::-webkit-scrollbar, .uc-alert-invoiceForm .scroll-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-radius: 8px;
}

.uc-alert-orderCancle .scroll-box::-webkit-scrollbar-track, .uc-alert-receipt .scroll-box::-webkit-scrollbar-track, .uc-alert-invoiceDetail .scroll-box::-webkit-scrollbar-track, .uc-alert-invoiceForm .scroll-box::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

.uc-alert-orderCancle .scroll-box::-webkit-scrollbar-thumb, .uc-alert-receipt .scroll-box::-webkit-scrollbar-thumb, .uc-alert-invoiceDetail .scroll-box::-webkit-scrollbar-thumb, .uc-alert-invoiceForm .scroll-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #EAECF5;
}

.uc-alert-orderCancle .scroll-box::-webkit-scrollbar-thumb:hover, .uc-alert-receipt .scroll-box::-webkit-scrollbar-thumb:hover, .uc-alert-invoiceDetail .scroll-box::-webkit-scrollbar-thumb:hover, .uc-alert-invoiceForm .scroll-box::-webkit-scrollbar-thumb:hover {
    background: #EAECF5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.uc-alert-orderCancle .operate, .uc-alert-receipt .operate, .uc-alert-invoiceDetail .operate, .uc-alert-invoiceForm .operate {
    padding: 48px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-alert-orderCancle .operate .uc-btn, .uc-alert-receipt .operate .uc-btn, .uc-alert-invoiceDetail .operate .uc-btn, .uc-alert-invoiceForm .operate .uc-btn {
    min-width: 64px;
    height: 32px;
    margin: 0 5px;
}

.uc-alert-orderCancle h2 {
    font-size: 24px;
    padding: 35px 0;
    text-align: center;
}

.uc-alert-orderCancle .choose-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px;
}

.uc-alert-orderCancle .choose-box .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 80px;
    text-align: center;
    font-size: 16px;
    border: #BEC9DC 2px solid;
    border-radius: 4px;
}

.uc-alert-orderCancle .choose-box .item:first-child {
    margin-left: 0;
}

.uc-alert-orderCancle .choose-box .item.on {
    border-color: #1989FA;
    color: #2D4457;
}

.uc-alert-receipt .upload-box .txt {
    font-size: 12px;
    color: #9EA8B8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.5em;
}

.uc-alert-receipt .upload-box .btn-upload {
    height: 32px;
    border: #BEC9DC 1px solid;
    margin-top: 10px;
    width: 130px;
    cursor: pointer;
    position: relative;
    color: #1989FA;
}

.uc-alert-receipt .upload-box .btn-upload input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.uc-alert-receipt .upload-box .btn-upload:hover {
    background-color: #1989FA;
    border-color: #1989FA;
    color: #fff;
}

.uc-alert-invoiceDetail .info {
    padding: 24px 0;
}

.uc-alert-invoiceDetail .info .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.5em;
    font-size: 12px;
    margin-bottom: 8px;
}

.uc-alert-invoiceDetail .info .item:last-child {
    margin-bottom: 0;
}

.uc-alert-invoiceDetail .info .con {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.uc-alert-invoiceDetail .info .status {
    margin-left: 10px;
}

.uc-alert-invoiceDetail .info .txt {
    min-width: 8em;
    text-align: right;
}

.uc-alert-invoiceDetail .info.full-bg {
    width: 640px;
    margin-left: -80px;
    margin-right: -80px;
    background-color: #F2F2F2;
    padding: 24px 0 24px 80px;
}

.uc-alert-invoiceDetail .info.full {
    width: 580px;
    margin-left: -50px;
    margin-right: -50px;
    padding: 24px 0 24px 50px;
}

.uc-alert-invoiceDetail .info.border {
    border-bottom: #eeeeee 1px solid;
}

.uc-alert-invoiceForm .title {
    width: 600px;
}

#update_order .title1 {
    font-size: 16px;
    padding: 10px 0;
    margin-bottom: 15px;
    margin-top: 15px;
}

.uc-alert-invoiceForm .choose-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px;
}

.uc-alert-invoiceForm .choose-box .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 80px;
    text-align: center;
    font-size: 16px;
    border: #BEC9DC 2px solid;
    border-radius: 4px;
}

.uc-alert-invoiceForm .choose-box .item:first-child {
    margin-left: 0;
}

.uc-alert-invoiceForm .choose-box .item.on {
    border-color: #1989FA;
    color: #2D4457;
}

.uc-alert-invoiceForm .tab-con {
    display: none;
}

.uc-alert-invoiceForm .tab-con:first-child {
    display: block;
}

.uc-alert-invoiceForm .form {
    width: 480px;
}

.uc-alert-invoiceForm .form li {
    position: relative;
    min-height: 56px;
    border: #BEC9DC 1px solid;
    padding-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
    border-radius: 4px;
}

.uc-alert-invoiceForm .form .uc-input {
    padding: 0 15px;
    border: none;
    height: 32px;
}

.uc-alert-invoiceForm .form .uc-textarea {
    padding: 5px 15px;
    line-height: 22px;
    border: none;
}

.uc-alert-invoiceForm .form .txt {
    color: #9EA8B8;
    font-size: 12px;
    line-height: 16px;
    padding: 0 15px;
    position: relative;
    margin-bottom: -5px;
    margin-top: 3px;
}

.uc-alert-invoiceForm .form .city-picker-span {
    width: 100% !important;
    height: 32px;
    background-color: transparent;
}

.uc-alert-invoiceForm .form .city-picker-span .title {
    padding: 0;
    margin: 0;
    border: none;
    line-height: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-alert-invoiceForm .form .city-picker-span .select-item {
    line-height: 32px;
    height: 32px;
    margin: 0;
    padding: 0 15px;
}

.uc-alert-invoiceForm .form .city-picker-dropdown {
    width: 100% !important;
}

.g-userSideMenu {
    border-right: #eeeeee 1px solid;
    border-bottom: #eeeeee 1px solid;
}

.g-userSideMenu .name {
    line-height: 64px;
    padding: 0 24px;
}

.g-userSideMenu h3 {
    background-color: #F2F2F2;
    line-height: 48px;
    padding: 0 12px 0 24px;
    border-top: #eeeeee 1px solid;
    border-bottom: #eeeeee 1px solid;
}

.g-userSideMenu .con {
    line-height: 32px;
    padding: 12px 0;
    font-size: 12px;
}

.g-userSideMenu .con .item {
    display: block;
    padding: 0 12px 0 24px;
}

.g-userSideMenu .con .item.on, .g-userSideMenu .con .item:hover {
    color: #1989FA;
    font-size: 14px;
}

.js_btnOpenImg {
    cursor: pointer;
}

.js_btnOpenImg1 {
    cursor: pointer;
}

.g-productList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 20px;
    /*margin-bottom: 150px;*/
}

.g-productList li {
    width: 21.5%;
    margin-right: 4.5%;
    margin-bottom: 20px;
    overflow: hidden;
}

.g-productList li:nth-child(4n) {
    margin-right: 0;
}

.g-productList li:hover .box {
    -webkit-box-shadow: 0px 8px 16px 0px rgba(233, 235, 241, 1);
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.02);
    box-shadow: 0px 8px 16px 0px rgba(233, 235, 241, 1);
    border-radius: 12px;
    background-color: rgba(250, 252, 255, 1);
}

.g-productList .box {
    padding-top: 10px;
    padding-left: 3px;
}

.g-productList .img {
    border-radius: 12px;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    height: 192px;
    width: 296px;
}

.g-productList .img img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.g-productList .con {
    padding: 15px 0 10px;
    line-height: 20px;
}

.g-productList h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    font-size: 16px;
}

.g-productList small {
    font-size: 12px;
}

.g-productList .txt {
    font-size: 12px;
    color: #9EA8B8;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    text-align: left;
}

.g-productList .btm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.g-productList .uc-btn {
    margin-right: 15px;
    padding: 0;
    width: 64px;
    border-radius: 4px;
    height: 32px;
}

.g-reduceAddBox {
    overflow: hidden;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.g-reduceAddBox .btnReduce, .g-reduceAddBox .btnAdd {
    width: 32px;
    line-height: 32px;
    color: #2D4457;
    border-radius: 4px;
    cursor: pointer;
    background-color: #F4F5FA;
    text-align: center;
}

.g-reduceAddBox .uc-input {
    width: 64px;
    text-align: center;
    height: 32px;
    border: none;
    border-radius: 4px;
    background-color: #F4F5FA;
    margin: 0 4px;
    font-size: 14px;
}

.city-picker-input {
    opacity: 0 !important;
    top: -9999px;
    left: -9999px;
    position: absolute;
}

.city-picker-span {
    position: relative;
    display: block;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #ccc;
    cursor: pointer;
    font-size: 14px;
}

.city-picker-span > .placeholder {
    color: #aaa;
}

.city-picker-span > .arrow {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 10px;
    margin-top: -3px;
    height: 5px;
    background: url(../images/drop-arrow.png) -10px -25px no-repeat;
}

.city-picker-span.focus {
    border-bottom-color: #46A4FF;
}

.city-picker-span.open {
    border-bottom-color: #46A4FF;
}

.city-picker-span.open > .arrow {
    background-position: -10px -10px;
}

.city-picker-span > .title > span {
    color: #333;
    padding: 5px 15px;
    border-radius: 3px;
    font-size: 14px !important;
}

.city-picker-span > .title > span:hover {
    background-color: #f1f8ff;
}

.city-picker-dropdown {
    position: absolute;
    width: 315px;
    left: -9999px;
    top: -9999px;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 999999;
    display: none;
    min-width: 330px;
    margin-bottom: 20px;
}

.city-select-wrap {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

.city-select-tab {
    border-bottom: 1px solid #ccc;
    background: #f0f0f0;
    font-size: 13px;
}

.city-select-tab > a {
    display: inline-block;
    padding: 8px 22px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid transparent;
    color: #4D4D4D;
    text-align: center;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: -1px;
}

.city-select-tab > a.active {
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #46A4FF;
}

.city-select-tab > a:first-child {
    border-left: none;
}

.city-select-tab > a:last-child.active {
    border-right: 1px solid #ccc;
}

.city-select-content {
    width: 100%;
    min-height: 10px;
    background-color: #fff;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.city-select {
    font-size: 13px;
}

.city-select dl {
    line-height: 2;
    clear: both;
    padding: 3px 0;
    margin: 0;
}

.city-select dt {
    position: absolute;
    width: 2.5em;
    font-weight: 500;
    text-align: right;
    line-height: 2;
}

.city-select dd {
    margin-left: 0;
    line-height: 2;
}

.city-select.province dd {
    margin-left: 3em;
}

.city-select a {
    display: inline-block;
    padding: 0 10px;
    outline: 0;
    text-decoration: none;
    white-space: nowrap;
    margin-right: 2px;
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

.city-select a:hover, .city-select a:focus {
    background-color: #f1f8ff;
    border-radius: 2px;
    color: #46A4FF;
}

.city-select a.active {
    background-color: #46A4FF;
    color: #fff;
    border-radius: 2px;
}

.g-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
}

.g-filter .item {
    font-size: 24px;
    color: #BEC9DC;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 24px;
}

.g-filter .item.on {
    color: #2D4457;
}

.g-filterBD .tab-con {
    display: none;
}

.g-filterBD .tab-con:first-child {
    display: block;
}

footer {
    background-color: #3D404B;
}

footer a {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

footer .uc-content {
    padding-top: 35px;
    padding-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    color: #fff;
    font-size: 12px;
}

footer .code-box {
    margin-right: 25px;
    padding-bottom: 2px;
}

footer .code-box img {
    display: block;
    margin: 0 auto 15px;
}

footer .contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #DDDDDD;
    line-height: 20px;
}

footer .contact a {
    color: #DDDDDD;
}

footer .contact a:hover {
    color: #1989FA;
}

footer .logo-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

footer .logo-box img {
    display: block;
    margin-right: 20px;
}

footer .logo-box a {
    color: #fff;
}

footer .logo-box a:hover {
    color: #1989FA;
}

.g-fixedSideMenu {
    position: fixed;
    top: 23%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    border-left: #F2F2F2 2px solid;
    background-color: rgba(255, 255, 255, 0.9);
}

.g-fixedSideMenu li {
    padding-left: 20px;
    padding-right: 10px;
    cursor: pointer;
    min-width: 130px;
    max-width: 200px;
    position: relative;
    font-size: 16px;
    margin-bottom: 15px;
}

.g-fixedSideMenu li:last-child {
    margin-bottom: 0;
}

.g-fixedSideMenu li.on:after {
    content: '';
    width: 12px;
    border-radius: 100%;
    height: 12px;
    background-color: #fff;
    border: #1989FA 3px solid;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -7px;
}

.g-fixedSideMenu .con {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.g-fixedSideMenu .on .con {
    font-size: 18px;
    font-weight: 700;
}

body {
    padding-top: 73px;
}

header {
    background-color: #F2F2F2;
    position: fixed;
    z-index: 888;
    left: 0;
    width: 100%;
    top: 0;
    border-bottom: #F2F2F2 1px solid;
    min-width: 1200px;
}

.hd-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px;
    padding: 0 50px;
    line-height: 32px;
}

.hd-top .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hd-top .right > a, .hd-top .right > div {
    margin-left: 12px;
}

.hd-top .name-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.hd-top .name-box .e12 {
    width: 7em;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: right;
}

.hd-top .name-box .e4 {
    width: 4em;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    cursor: pointer;
}

.hd-top .name-box:hover {
    color: #2D4457;
}

.hd-top .name-box:hover .full-name {
    display: block;
}

.hd-top .full-name {
    position: absolute;
    right: 0;
    top: 32px;
    width: 600px;
    text-align: right;
    z-index: 999;
    display: none;
}

.hd-top .full-name .uc-tag {
    background-color: #333;
    color: #fff;
    line-height: 28px;
    padding: 0 10px;
    border-radius: 5px;
}

.hd-top .full-name .uc-tag:after {
    content: '\e6b2';
    font-family: 'uc-font';
    font-size: 1.4em;
    color: #333;
    position: absolute;
    right: 20px;
    top: -14px;
}

.hd-menu .uc-content {
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.hd-menu img {
    display: block;
}

.hd-menu .center-box {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 64px;
    min-width: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hd-menu .center-box.showSearch .menu, .hd-menu .center-box.showSearch .btn-openSearch {
    display: none;
}

.hd-menu .center-box.showSearch .search-box, .hd-menu .center-box.showSearch .search-box-link {
    display: block;
}

.hd-menu .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 16px;
}

.hd-menu .menu li {
    line-height: 64px;
    margin-right: 50px;
    position: relative;
}

.hd-menu .menu li.on a {
    color: #1989FA;
}

.hd-menu .menu li.on:after {
    content: '';
    width: 24px;
    border-radius: 3px;
    height: 3px;
    background-color: #1989FA;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
}

.hd-menu .search-box {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 64px;
    padding: 8px 0;
    width: 880px;
    background-color: #F2F2F2;
}

.hd-menu .search-box .uc-input {
    height: 48px;
    padding-left: 0;
    padding-right: 60px;
    background-color: transparent;
    outline: none;
    border: none;
}

.hd-menu .search-box .btn-close, .hd-menu .btn-search {
    position: absolute;
    top: 50%;
    left: 97%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hd-menu .search-box .btn-close {
    right: 0;
}

.hd-menu .search-box .btn-search {
    right: 40px;
}

.hd-menu .search-box-link {
    display: none;
    position: absolute;
    left: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-35%);
    top: 64px;
    background-color: #fff;
    width: 490px;
    -webkit-box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 0 0 12px 12px;
    max-height: 50vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.hd-menu .search-box-link::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-radius: 8px;
}

.hd-menu .search-box-link::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

.hd-menu .search-box-link::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #EAECF5;
}

.hd-menu .search-box-link::-webkit-scrollbar-thumb:hover {
    background: #EAECF5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.hd-menu .search-box-link .tips {
    padding: 10px 20px;
    color: #9EA8B8;
    font-size: 12px;
}

.hd-menu .search-box-link .black {
    color: #2D4457;
}

.hd-menu .search-box-link h3 {
    font-size: 12px;
    color: #9EA8B8;
    padding: 10px 20px;
}

.hd-menu .search-box-link .list {
    margin-bottom: 15px;
}

.hd-menu .search-box-link li {
    line-height: 32px;
    padding: 0 20px;
}

.hd-menu .search-box-link li:hover {
    background-color: #F2F2F2;
}

.g-table table {
    width: 100%;
    border: #EEEEEE 1px solid;
    color: #666666;
    font-size: 12px;
}

.g-table table th, .g-table table td {
    height: 40px;
    padding: 0 10px;
    text-align: left;
}

.g-table table th {
    background-color: #F8F8F9;
}

.g-table table tr {
    border-bottom: #EEEEEE 1px solid;
}

.g-table table tr:hover {
    background-color: #ffffff;
}

.g-table .uc-green {
    color: #31AA02 !important;
}

.g-title {
    padding: 10px 0;
    margin-bottom: 15px;
}

.g-title, .g-title .left, .g-title .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.g-title b {
    font-size: 24px;
}

.g-title .right {
    color: #9EA8B8;
    font-size: 12px;
}

.g-title .line {
    margin: 0 10px;
    color: #DCE3EE;
}

.g-title .number {
    margin-left: 10px;
}

.banner11 {
    height: 460px;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 0;
}

.banner11 .hd {
    z-index: 1;
    overflow: hidden;
    position: absolute;
    bottom: 5px;
    height: 25px;
    width: 100%;
    text-align: center;
}

.banner11 .hd ul {
    overflow: hidden;
    zoom: 1;
    width: 100%;
    text-align: center;
    height: 25px;
}

.banner11 .hd li {
    text-align: center;
    background: #fff;
    cursor: pointer;
    margin: 0 4px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    display: inline-block;
}

.banner11 .hd li.on {
    background: #1989FA;
}

.banner11 .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.banner11 .bd li {
    zoom: 1;
    vertical-align: middle;
    width: 100%;
    border-radius: 12px;
    height: 460px;
    background: url("../images/banner1.jpg") center top no-repeat;
    background-size: auto 460px;
}

.banner11 .bd img {
    width: 100%;
    height: 460px;
    display: block;
}

.banner11 .bd a {
    display: block;
    width: 100%;
    height: 100%;
}

.banner11 .prev, .banner11 .next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    opacity: .8;
}

.banner11 .prev:hover, .banner11 .next:hover {
    opacity: 1;
}

.banner11 .prev {
    left: 50%;
    margin-left: -600px;
}

.banner11 .next {
    right: 50%;
    margin-right: -600px;
}

/*!
* -----------------------------------------------------------------------------------------------------------------------------------------------------
* ---------------------------------------------                            各页面样式                           ----------------------------------------
* -----------------------------------------------------------------------------------------------------------------------------------------------------
* --------------------------------------------- 						 可拆分到独立页面中， 					---------------------------------------
* --------------------------------------------- 		  如无必要，别拆。方便后期配合开发新页面或维护修改 			---------------------------------------
* -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
/* |01|首页：未登录-已登录、未认证-已认证、搜索样式|home| */
.uc-home-1 {
    padding: 15px 0;
    margin-bottom: 20px;
}

.uc-home-1 .uc-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.uc-home-1 .left {
    width: 23%;
    border-radius: 12px;
    height: 430px;
    max-width: 320px;
    background-color: #F2F2F2;
    padding: 15px 30px;
    margin-right: 16px;
    text-align: left;
}

.uc-home-1 .menu {
    margin-bottom: 10px;
}

.uc-home-1 .menu li {
    line-height: 30px;
    padding: 6px 0;
}

.uc-home-1 .menu h3 {
    font-size: 14px;
    margin-bottom: 5px;
    color: #2D4457;
}

.uc-home-1 .menu h3 a {
    display: block;
}

.uc-home-1 .menu .con {
    font-size: 12px;
    line-height: 18px;
    color: #9EA8B8;
}

.uc-home-1 .menu .con a {
    color: #9EA8B8;
}

.uc-home-1 .menu .con a:hover {
    color: #1989FA;
}

.uc-home-1 .more {
    color: #1989FA;
}

.uc-home-1 .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    border-radius: 12px;
    overflow: hidden;
}

.uc-home-1 .swiper-box .item {
    width: 100%;
    border-radius: 12px;
    height: 460px;
    overflow: hidden;
}

.uc-home-1 .swiper-box .item img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.uc-home-2 {
    padding: 15px 0;
}

.uc-home-3 .uc-content {
    border-top: #eeeeee 1px solid;
    padding-top: 50px;
}

/* |15|云产品-首页|cloud| */
.uc-cloud-1 {
    /*padding: 60px 0 15px;*/
    min-height: 665px;
}

/* |02|操作手册-模板|template| */
.uc-template-1 {
    padding: 30px 0;
}

.uc-template-1 .box {
    margin-bottom: 30px;
    background-color: #F4F5FA;
}

.uc-template-1 .box:last-child {
    margin-bottom: 0;
}

.uc-template-1 .box .con img {
    display: block;
    max-width: 100%;
}

.uc-template-1 .title {
    border-bottom: #DCE3EE 1px solid;
    line-height: 76px;
    padding: 0 30px;
    font-size: 24px;
}

/* |11|店铺订购-商品详情页|shop-detail| */
.uc-shopDetail-1, .uc-cloudDetail-1 {
    padding-bottom: 30px;
}

.uc-shopDetail-1 .panel, .uc-cloudDetail-1 .panel {
    border-bottom: #eeeeee 1px solid;
    font-size: 16px;
}

.uc-shopDetail-1 .panel .uc-content, .uc-cloudDetail-1 .panel .uc-content {
    height: 64px;
}

.uc-shopDetail-1 .panel .uc-content, .uc-shopDetail-1 .panel .uc-content .operate, .uc-cloudDetail-1 .panel .uc-content, .uc-cloudDetail-1 .panel .uc-content .operate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-shopDetail-1 .panel .uc-btn, .uc-cloudDetail-1 .panel .uc-btn {
    margin-left: 15px;
    padding: 0;
    width: 64px;
    border-radius: 4px;
    height: 32px;
    -webkit-box-shadow: 0 3px 9px 0 rgba(234, 41, 42, 0.16);
    box-shadow: 0 3px 9px 0 rgba(234, 41, 42, 0.16);
}

.uc-shopDetail-1 .tips, .uc-cloudDetail-1 .tips {
    padding: 10px 0;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
}

.uc-shopDetail-1 .box, .uc-cloudDetail-1 .box {
    background-color: #F4F5FA;
    min-height: 60vh;
    text-align: center;
    max-height: 78vh;
    overflow-y: auto;
}

/* |12|店铺订购-订单提交|shopOrderSure| */
/* |16|云产品-订单提交|cloudOrderSure| */
/* |22|云产品-订单提交|cloudOrderSure2| */
.uc-shopOrderSure-1, .uc-cloudOrderSure-1, .uc-cloudOrderSure2-1 {
    padding-top: 60px;
    padding-bottom: 15px;
}

.uc-shopOrderSure-1 .title, .uc-cloudOrderSure-1 .title, .uc-cloudOrderSure2-1 .title {
    font-size: 24px;
    padding: 10px 0;
    margin-bottom: 15px;
}

.uc-shopOrderSure-1 .part, .uc-cloudOrderSure-1 .part, .uc-cloudOrderSure2-1 .part {
    margin-bottom: 50px;
}

.uc-shopOrderSure-1 .part1 h3, .uc-cloudOrderSure-1 .part1 h3, .uc-cloudOrderSure2-1 .part1 h3 {
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0;
}

.uc-shopOrderSure-1 .part1 table, .uc-cloudOrderSure-1 .part1 table, .uc-cloudOrderSure2-1 .part1 table {
    width: 100%;
}

.uc-shopOrderSure-1 .part1 table th, .uc-cloudOrderSure-1 .part1 table th, .uc-cloudOrderSure2-1 .part1 table th {
    background-color: #F4F5FA;
}

.uc-shopOrderSure-1 .part1 table td, .uc-shopOrderSure-1 .part1 table th, .uc-cloudOrderSure-1 .part1 table td, .uc-cloudOrderSure-1 .part1 table th, .uc-cloudOrderSure2-1 .part1 table td, .uc-cloudOrderSure2-1 .part1 table th {
    height: 40px;
    padding: 0 50px;
    text-align: left;
}

.uc-shopOrderSure-1 .part1 table tr, .uc-cloudOrderSure-1 .part1 table tr, .uc-cloudOrderSure2-1 .part1 table tr {
    border-bottom: #eeeeee 1px solid;
}

.uc-shopOrderSure-1 .product-info, .uc-cloudOrderSure-1 .product-info, .uc-cloudOrderSure2-1 .product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px;
}

.uc-shopOrderSure-1 .product-info .img, .uc-cloudOrderSure-1 .product-info .img, .uc-cloudOrderSure2-1 .product-info .img {
    width: 200px;
    height: 168px;
    overflow: hidden;
    margin-right: 70px;
}

.uc-shopOrderSure-1 .product-info .img img, .uc-cloudOrderSure-1 .product-info .img img, .uc-cloudOrderSure2-1 .product-info .img img {
    width: 100%; /* height: 100%; */
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.uc-shopOrderSure-1 .product-info .right, .uc-cloudOrderSure-1 .product-info .right, .uc-cloudOrderSure2-1 .product-info .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.uc-shopOrderSure-1 .product-info .info, .uc-cloudOrderSure-1 .product-info .info, .uc-cloudOrderSure2-1 .product-info .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-shopOrderSure-1 .product-info .info li, .uc-cloudOrderSure-1 .product-info .info li, .uc-cloudOrderSure2-1 .product-info .info li {
    width: 25%;
    padding-right: 20px;
    line-height: 28px;
}

.uc-shopOrderSure-1 .product-info .info .txt, .uc-cloudOrderSure-1 .product-info .info .txt, .uc-cloudOrderSure2-1 .product-info .info .txt {
    min-width: 6em;
    text-align: right;
    display: inline-block;
}

.uc-shopOrderSure-1 .product-info .line, .uc-cloudOrderSure-1 .product-info .line, .uc-cloudOrderSure2-1 .product-info .line {
    background-color: #F2F2F2;
    height: 1px;
    margin: 15px 0;
}

.uc-shopOrderSure-1 .invoice-box li, .uc-shopOrderSure-1 .addr-box li, .uc-cloudOrderSure-1 .invoice-box li, .uc-cloudOrderSure-1 .addr-box li, .uc-cloudOrderSure2-1 .invoice-box li, .uc-cloudOrderSure2-1 .addr-box li, .uc-alert-invoiceForm .addr-box li, .uc-alert-invoiceForm .invoice-box li {
    padding: 15px 30px 15px 70px;
    border-bottom: #eeeeee 1px solid;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-shopOrderSure-1 .invoice-box li.on, .uc-shopOrderSure-1 .addr-box li.on, .uc-cloudOrderSure-1 .invoice-box li.on, .uc-cloudOrderSure-1 .addr-box li.on, .uc-cloudOrderSure2-1 .invoice-box li.on, .uc-cloudOrderSure2-1 .addr-box li.on, .uc-alert-invoiceForm .addr-box li.on, .uc-alert-invoiceForm .invoice-box li.on {
    background-color: #EBF6FF;
}

.uc-shopOrderSure-1 .invoice-box .uc-checkbox-circle, .uc-shopOrderSure-1 .addr-box .uc-checkbox-circle, .uc-cloudOrderSure-1 .invoice-box .uc-checkbox-circle, .uc-cloudOrderSure-1 .addr-box .uc-checkbox-circle, .uc-cloudOrderSure2-1 .invoice-box .uc-checkbox-circle, .uc-cloudOrderSure2-1 .addr-box .uc-checkbox-circle, .uc-alert-invoiceForm .addr-box .uc-checkbox-circle, .uc-alert-invoiceForm .invoice-box .uc-checkbox-circle {
    position: absolute;
    left: 50px;
    top: 15px;
}

.uc-shopOrderSure-1 .invoice-box .center, .uc-shopOrderSure-1 .addr-box .center, .uc-cloudOrderSure-1 .invoice-box .center, .uc-cloudOrderSure-1 .addr-box .center, .uc-cloudOrderSure2-1 .invoice-box .center, .uc-cloudOrderSure2-1 .addr-box .center, .uc-alert-invoiceForm .addr-box .center, .uc-alert-invoiceForm .invoice-box .center {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 24px;
    line-height: 24px;
}

.uc-shopOrderSure-1 .invoice-box .uc-tag, .uc-shopOrderSure-1 .addr-box .uc-tag, .uc-cloudOrderSure-1 .invoice-box .uc-tag, .uc-cloudOrderSure-1 .addr-box .uc-tag, .uc-cloudOrderSure2-1 .invoice-box .uc-tag, .uc-cloudOrderSure2-1 .addr-box .uc-tag, .uc-alert-invoiceForm .addr-box .uc-tag, .uc-alert-invoiceForm .invoice-box .uc-tag {
    background-color: #F3F9FF;
    color: #1989FA;
    margin-left: 5px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-shopOrderSure-1 .invoice-box .uc-tag img, .uc-shopOrderSure-1 .addr-box .uc-tag img, .uc-cloudOrderSure-1 .invoice-box .uc-tag img, .uc-cloudOrderSure-1 .addr-box .uc-tag img, .uc-cloudOrderSure2-1 .invoice-box .uc-tag img, .uc-cloudOrderSure2-1 .addr-box .uc-tag img, .uc-alert-invoiceForm .addr-box .uc-tag img, .uc-alert-invoiceForm .invoice-box .uc-tag img {
    display: block;
    margin-right: 5px;
}

.uc-shopOrderSure-1 .invoice-box .txt1, .uc-shopOrderSure-1 .invoice-box .txt2, .uc-shopOrderSure-1 .addr-box .txt1, .uc-shopOrderSure-1 .addr-box .txt2, .uc-cloudOrderSure-1 .invoice-box .txt1, .uc-cloudOrderSure-1 .invoice-box .txt2, .uc-cloudOrderSure-1 .addr-box .txt1, .uc-cloudOrderSure-1 .addr-box .txt2, .uc-cloudOrderSure2-1 .invoice-box .txt1, .uc-cloudOrderSure2-1 .invoice-box .txt2, .uc-cloudOrderSure2-1 .addr-box .txt1, .uc-cloudOrderSure2-1 .addr-box .txt2, .uc-alert-invoiceForm .addr-box .txt1, .uc-alert-invoiceForm .addr-box .txt2, .uc-alert-invoiceForm .invoice-box .txt1, .uc-alert-invoiceForm .invoice-box .txt2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-shopOrderSure-1 .invoice-box .txt2, .uc-shopOrderSure-1 .addr-box .txt2, .uc-cloudOrderSure-1 .invoice-box .txt2, .uc-cloudOrderSure-1 .addr-box .txt2, .uc-cloudOrderSure2-1 .invoice-box .txt2, .uc-cloudOrderSure2-1 .addr-box .txt2, .uc-alert-invoiceForm .addr-box .txt2, .uc-alert-invoiceForm .invoice-box .txt2 {
    font-size: 12px;
    margin-top: 5px;
}

.uc-shopOrderSure-1 .invoice-box .right, .uc-shopOrderSure-1 .addr-box .right, .uc-cloudOrderSure-1 .invoice-box .right, .uc-cloudOrderSure-1 .addr-box .right, .uc-cloudOrderSure2-1 .invoice-box .right, .uc-cloudOrderSure2-1 .addr-box .right, .uc-alert-invoiceForm .addr-box .right, .uc-alert-invoiceForm .invoice-box .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-shopOrderSure-1 .part2 .operate, .uc-cloudOrderSure-1 .part2 .operate, .uc-cloudOrderSure2-1 .part2 .operate, .uc-alert-invoiceForm .part2 .operate {
    margin-top: 16px;
}

.uc-shopOrderSure-1 .part2 .operate .uc-btn, .uc-cloudOrderSure-1 .part2 .operate .uc-btn, .uc-cloudOrderSure2-1 .part2 .operate .uc-btn, .uc-alert-invoiceForm .part2 .operate .uc-btn {
    width: 160px;
    border-radius: 4px;
    height: 48px;
    color: #1989FA;
    border-color: #BEC9DC;
}

.uc-shopOrderSure-1 .part2 .operate .uc-btn:hover, .uc-cloudOrderSure-1 .part2 .operate .uc-btn:hover, .uc-cloudOrderSure2-1 .part2 .operate .uc-btn:hover, .uc-alert-invoiceForm .part2 .operate .uc-btn:hover {
    border-color: #1989FA;
    background-color: #1989FA;
    color: #fff;
}

.uc-shopOrderSure-1 .form-add, .uc-cloudOrderSure-1 .form-add, .uc-cloudOrderSure2-1 .form-add, .uc-alert-invoiceForm .form-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-shopOrderSure-1 .form-add li, .uc-cloudOrderSure-1 .form-add li, .uc-cloudOrderSure2-1 .form-add li, .uc-alert-invoiceForm .form-add li {
    width: 24%;
    margin-bottom: 15px;
    margin-right: 1.33%;
    border-radius: 4px;
    height: 64px;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: #ddd 1px solid;
}

.uc-shopOrderSure-1 .form-add li:nth-child(4n), .uc-cloudOrderSure-1 .form-add li:nth-child(4n), .uc-cloudOrderSure2-1 .form-add li:nth-child(4n), .uc-alert-invoiceForm .form-add li:nth-child(4n) {
    margin-right: 0;
}

.uc-shopOrderSure-1 .form-add p, .uc-cloudOrderSure-1 .form-add p, .uc-cloudOrderSure2-1 .form-add p, .uc-alert-invoiceForm .form-add p {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-shopOrderSure-1 .form-add .uc-input, .uc-cloudOrderSure-1 .form-add .uc-input, .uc-cloudOrderSure2-1 .form-add .uc-input, .uc-alert-invoiceForm .form-add .uc-input {
    font-size: 12px;
    height: 24px;
    padding: 0;
    border: none;
}

.uc-shopOrderSure-1 .pay-filter, .uc-shopOrderSure-1 .pay-filter .item, .uc-cloudOrderSure-1 .pay-filter, .uc-cloudOrderSure-1 .pay-filter .item, .uc-cloudOrderSure2-1 .pay-filter, .uc-cloudOrderSure2-1 .pay-filter .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-shopOrderSure-1 .pay-filter .item, .uc-cloudOrderSure-1 .pay-filter .item, .uc-cloudOrderSure2-1 .pay-filter .item {
    width: 350px;
    border-radius: 4px;
    height: 64px;
    padding: 0 30px;
    margin-right: 15px;
    background-color: #F2F2F2;
    cursor: pointer;
    font-size: 16px;
}

.uc-shopOrderSure-1 .pay-filter .item.plain, .uc-cloudOrderSure-1 .pay-filter .item.plain, .uc-cloudOrderSure2-1 .pay-filter .item.plain {
    background-color: #fff;
    border: #eeeeee 2px solid;
}

.uc-shopOrderSure-1 .pay-filter .item.on, .uc-cloudOrderSure-1 .pay-filter .item.on, .uc-cloudOrderSure2-1 .pay-filter .item.on {
    border-color: #1989FA;
}

.uc-shopOrderSure-1 .pay-filter img, .uc-cloudOrderSure-1 .pay-filter img, .uc-cloudOrderSure2-1 .pay-filter img {
    display: block;
    margin-right: 15px;
}

.uc-shopOrderSure-1 .pay-box, .uc-cloudOrderSure-1 .pay-box, .uc-cloudOrderSure2-1 .pay-box {
    margin-top: 15px;
}

.uc-shopOrderSure-1 .tab-con, .uc-cloudOrderSure-1 .tab-con, .uc-cloudOrderSure2-1 .tab-con {
    display: none;
}

.uc-shopOrderSure-1 .tab-con:first-child, .uc-cloudOrderSure-1 .tab-con:first-child, .uc-cloudOrderSure2-1 .tab-con:first-child {
    display: block;
}

.uc-shopOrderSure-1 .pay-detal, .uc-cloudOrderSure-1 .pay-detal, .uc-cloudOrderSure2-1 .pay-detal {
    background: #f8f8f8 url("images/payOrderSure.png") right bottom no-repeat;
    background-size: 1400px 204px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 100px;
}

.uc-shopOrderSure-1 .pay-detal .right, .uc-cloudOrderSure-1 .pay-detal .right, .uc-cloudOrderSure2-1 .pay-detal .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 30px;
    line-height: 24px;
}

.uc-shopOrderSure-1 .pay-detal .right .txt, .uc-cloudOrderSure-1 .pay-detal .right .txt, .uc-cloudOrderSure2-1 .pay-detal .right .txt {
    min-width: 5em;
    text-align: right;
    display: inline-block;
}

.uc-shopOrderSure-1 .pay-detal .right .btn, .uc-cloudOrderSure-1 .pay-detal .right .btn, .uc-cloudOrderSure2-1 .pay-detal .right .btn {
    margin-left: 10px;
}

.uc-shopOrderSure-1 .pay-detal .left img, .uc-cloudOrderSure-1 .pay-detal .left img, .uc-cloudOrderSure2-1 .pay-detal .left img {
    display: block;
    margin-bottom: 20px;
}

.uc-shopOrderSure-1 .pay-detal .con, .uc-cloudOrderSure-1 .pay-detal .con, .uc-cloudOrderSure2-1 .pay-detal .con {
    font-size: 12px;
    line-height: 24px;
}

.uc-shopOrderSure-1 .uc-textarea, .uc-cloudOrderSure-1 .uc-textarea, .uc-cloudOrderSure2-1 .uc-textarea {
    min-height: 128px;
    padding: 15px 20px;
    line-height: 20px;
    font-size: 14px;
}

.uc-shopOrderSure-2, .uc-cloudOrderSure-2, .uc-cloudOrderSure2-2, .uc-softwareOptional-2, .uc-hardwareOptional-2, .uc-shopOptional-2, .uc-cloudOptional-2, .uc-cloudOptional2-2, .uc-cloudOptional3-2 {
    background-color: #F8F8F8;
    border-top: #dddddd 1px solid;
    /*margin-bottom: 120px;*/
}

.uc-shopOrderSure-2 .uc-content, .uc-cloudOrderSure-2 .uc-content, .uc-cloudOrderSure2-2 .uc-content, .uc-softwareOptional-2 .uc-content, .uc-hardwareOptional-2 .uc-content, .uc-shopOptional-2 .uc-content, .uc-cloudOptional-2 .uc-content, .uc-cloudOptional2-2 .uc-content, .uc-cloudOptional3-2 .uc-content {
    padding: 35px 0;
    min-height: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-shopOrderSure-2 .left, .uc-cloudOrderSure-2 .left, .uc-cloudOrderSure2-2 .left, .uc-softwareOptional-2 .left, .uc-hardwareOptional-2 .left, .uc-shopOptional-2 .left, .uc-cloudOptional-2 .left, .uc-cloudOptional2-2 .left, .uc-cloudOptional3-2 .left {
    font-size: 20px;
    text-align: right;
    margin-right: 30px;
    line-height: 28px;
}

.uc-shopOrderSure-2 .left .uc-big, .uc-cloudOrderSure-2 .left .uc-big, .uc-cloudOrderSure2-2 .left .uc-big, .uc-softwareOptional-2 .left .uc-big, .uc-hardwareOptional-2 .left .uc-big, .uc-shopOptional-2 .left .uc-big, .uc-cloudOptional-2 .left .uc-big, .uc-cloudOptional2-2 .left .uc-big, .uc-cloudOptional3-2 .left .uc-big {
    font-size: 24px;
    margin-top: 8px;
}

.uc-shopOrderSure-2 .left .uc-small, .uc-cloudOrderSure-2 .left .uc-small, .uc-cloudOrderSure2-2 .left .uc-small, .uc-softwareOptional-2 .left .uc-small, .uc-hardwareOptional-2 .left .uc-small, .uc-shopOptional-2 .left .uc-small, .uc-cloudOptional-2 .left .uc-small, .uc-cloudOptional2-2 .left .uc-small, .uc-cloudOptional3-2 .left .uc-small {
    font-size: 14px;
}

.uc-shopOrderSure-2 .uc-btn, .uc-cloudOrderSure-2 .uc-btn, .uc-cloudOrderSure2-2 .uc-btn, .uc-softwareOptional-2 .uc-btn, .uc-hardwareOptional-2 .uc-btn, .uc-shopOptional-2 .uc-btn, .uc-cloudOptional-2 .uc-btn, .uc-cloudOptional2-2 .uc-btn, .uc-cloudOptional3-2 .uc-btn {
    width: 350px;
    border-radius: 4px;
    height: 64px;
    -webkit-box-shadow: 0 3px 9px 0 rgba(234, 41, 42, 0.16);
    box-shadow: 0 3px 9px 0 rgba(234, 41, 42, 0.16);
    font-size: 24px;
}

.uc-shopOrderSure-2 .agree, .uc-cloudOrderSure-2 .agree, .uc-cloudOrderSure2-2 .agree, .uc-softwareOptional-2 .agree, .uc-hardwareOptional-2 .agree, .uc-shopOptional-2 .agree, .uc-cloudOptional-2 .agree, .uc-cloudOptional2-2 .agree, .uc-cloudOptional3-2 .agree {
    margin-bottom: 5px;
}

/* |08|软件产品-商品详情页-选配|softwareOptional| */
/* |09|智能硬件-商品详情页-选配|hardwareOptional| */
/* |10|店铺订购-商品详情页-选配|shopOptional| */
/* |17|云产品-商品详情页-选配-云产品-1/2配置选项-云产品-2/2配置选项|cloudOptional| */
/* |20|云产品-商品详情页-选配|cloudOptional2| */
/* |21|云产品-加点_商品详情页|cloudOptional3| */
.uc-softwareOptional-1 .uc-content, .uc-hardwareOptional-1 .uc-content, .uc-shopOptional-1 .uc-content, .uc-cloudOptional-1 .uc-content, .uc-cloudOptional2-1 .uc-content, .uc-cloudOptional3-1 .uc-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 50px 0;
    line-height: 28px;
    min-height: 600px;
}

.uc-softwareOptional-1 .main-left, .uc-softwareOptional-1 .main-right, .uc-hardwareOptional-1 .main-left, .uc-hardwareOptional-1 .main-right, .uc-shopOptional-1 .main-left, .uc-shopOptional-1 .main-right, .uc-cloudOptional-1 .main-left, .uc-cloudOptional-1 .main-right, .uc-cloudOptional2-1 .main-left, .uc-cloudOptional2-1 .main-right, .uc-cloudOptional3-1 .main-left, .uc-cloudOptional3-1 .main-right {
    width: 480px;
}

.uc-softwareOptional-1 .brand, .uc-hardwareOptional-1 .brand, .uc-shopOptional-1 .brand, .uc-cloudOptional-1 .brand, .uc-cloudOptional2-1 .brand, .uc-cloudOptional3-1 .brand {
    width: 100%;
    height: 240px;
    overflow: hidden;
    margin-bottom: 10px;
}

.uc-softwareOptional-1 .brand img, .uc-hardwareOptional-1 .brand img, .uc-shopOptional-1 .brand img, .uc-cloudOptional-1 .brand img, .uc-cloudOptional2-1 .brand img, .uc-cloudOptional3-1 .brand img {
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.uc-softwareOptional-1 .product-intro, .uc-hardwareOptional-1 .product-intro, .uc-shopOptional-1 .product-intro, .uc-cloudOptional-1 .product-intro, .uc-cloudOptional2-1 .product-intro, .uc-cloudOptional3-1 .product-intro {
    padding: 5px 0;
    text-align: center;
    color: #1989FA;
    margin-bottom: 10px;
}

.uc-softwareOptional-1 .contact-tips, .uc-hardwareOptional-1 .contact-tips, .uc-shopOptional-1 .contact-tips, .uc-cloudOptional-1 .contact-tips, .uc-cloudOptional2-1 .contact-tips, .uc-cloudOptional3-1 .contact-tips {
    font-size: 12px;
    margin-bottom: 10px;
}

.uc-softwareOptional-1 .choose-result, .uc-hardwareOptional-1 .choose-result, .uc-shopOptional-1 .choose-result, .uc-cloudOptional-1 .choose-result, .uc-cloudOptional2-1 .choose-result, .uc-cloudOptional3-1 .choose-result {
    margin-bottom: 30px;
}

.uc-softwareOptional-1 .choose-result h3, .uc-hardwareOptional-1 .choose-result h3, .uc-shopOptional-1 .choose-result h3, .uc-cloudOptional-1 .choose-result h3, .uc-cloudOptional2-1 .choose-result h3, .uc-cloudOptional3-1 .choose-result h3 {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
}

.uc-softwareOptional-1 .choose-result .con, .uc-hardwareOptional-1 .choose-result .con, .uc-shopOptional-1 .choose-result .con, .uc-cloudOptional-1 .choose-result .con, .uc-cloudOptional2-1 .choose-result .con, .uc-cloudOptional3-1 .choose-result .con {
    margin-bottom: 20px;
    line-height: 28px;
}

.uc-softwareOptional-1 .choose-result .uc-btn, .uc-hardwareOptional-1 .choose-result .uc-btn, .uc-shopOptional-1 .choose-result .uc-btn, .uc-cloudOptional-1 .choose-result .uc-btn, .uc-cloudOptional2-1 .choose-result .uc-btn, .uc-cloudOptional3-1 .choose-result .uc-btn {
    width: 160px;
    border-radius: 4px;
    height: 48px;
    color: #1989FA;
    border-color: #BEC9DC;
}

.uc-softwareOptional-1 .choose-result .uc-btn:hover, .uc-hardwareOptional-1 .choose-result .uc-btn:hover, .uc-shopOptional-1 .choose-result .uc-btn:hover, .uc-cloudOptional-1 .choose-result .uc-btn:hover, .uc-cloudOptional2-1 .choose-result .uc-btn:hover, .uc-cloudOptional3-1 .choose-result .uc-btn:hover {
    border-color: #1989FA;
    background-color: #1989FA;
    color: #fff;
}

.uc-softwareOptional-1 .scroll-box, .uc-hardwareOptional-1 .scroll-box, .uc-shopOptional-1 .scroll-box, .uc-cloudOptional-1 .scroll-box, .uc-cloudOptional2-1 .scroll-box, .uc-cloudOptional3-1 .scroll-box {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 500px;
    padding-right: 5px;
}

.uc-softwareOptional-1 .scroll-box::-webkit-scrollbar, .uc-hardwareOptional-1 .scroll-box::-webkit-scrollbar, .uc-shopOptional-1 .scroll-box::-webkit-scrollbar, .uc-cloudOptional-1 .scroll-box::-webkit-scrollbar, .uc-cloudOptional2-1 .scroll-box::-webkit-scrollbar, .uc-cloudOptional3-1 .scroll-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-radius: 8px;
}

.uc-softwareOptional-1 .scroll-box::-webkit-scrollbar-track, .uc-hardwareOptional-1 .scroll-box::-webkit-scrollbar-track, .uc-shopOptional-1 .scroll-box::-webkit-scrollbar-track, .uc-cloudOptional-1 .scroll-box::-webkit-scrollbar-track, .uc-cloudOptional2-1 .scroll-box::-webkit-scrollbar-track, .uc-cloudOptional3-1 .scroll-box::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

.uc-softwareOptional-1 .scroll-box::-webkit-scrollbar-thumb, .uc-hardwareOptional-1 .scroll-box::-webkit-scrollbar-thumb, .uc-shopOptional-1 .scroll-box::-webkit-scrollbar-thumb, .uc-cloudOptional-1 .scroll-box::-webkit-scrollbar-thumb, .uc-cloudOptional2-1 .scroll-box::-webkit-scrollbar-thumb, .uc-cloudOptional3-1 .scroll-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #EAECF5;
}

.uc-softwareOptional-1 .scroll-box::-webkit-scrollbar-thumb:hover, .uc-hardwareOptional-1 .scroll-box::-webkit-scrollbar-thumb:hover, .uc-shopOptional-1 .scroll-box::-webkit-scrollbar-thumb:hover, .uc-cloudOptional-1 .scroll-box::-webkit-scrollbar-thumb:hover, .uc-cloudOptional2-1 .scroll-box::-webkit-scrollbar-thumb:hover, .uc-cloudOptional3-1 .scroll-box::-webkit-scrollbar-thumb:hover {
    background: #EAECF5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.uc-softwareOptional-1 .main-right, .uc-hardwareOptional-1 .main-right, .uc-shopOptional-1 .main-right, .uc-cloudOptional-1 .main-right, .uc-cloudOptional2-1 .main-right, .uc-cloudOptional3-1 .main-right {
    margin-left: 50px;
}

.uc-softwareOptional-1 .title, .uc-hardwareOptional-1 .title, .uc-shopOptional-1 .title, .uc-cloudOptional-1 .title, .uc-cloudOptional2-1 .title, .uc-cloudOptional3-1 .title {
    font-size: 24px;
    margin-bottom: 10px;
}

.uc-softwareOptional-1 .sub-title, .uc-hardwareOptional-1 .sub-title, .uc-shopOptional-1 .sub-title, .uc-cloudOptional-1 .sub-title, .uc-cloudOptional2-1 .sub-title, .uc-cloudOptional3-1 .sub-title {
    padding: 5px 0;
    line-height: 24px;
}

.uc-softwareOptional-1 .line, .uc-hardwareOptional-1 .line, .uc-shopOptional-1 .line, .uc-cloudOptional-1 .line, .uc-cloudOptional2-1 .line, .uc-cloudOptional3-1 .line {
    height: 1px;
    background-color: #EAECF5;
    margin: 20px 0;
}

.uc-softwareOptional-1 .form, .uc-hardwareOptional-1 .form, .uc-shopOptional-1 .form, .uc-cloudOptional-1 .form, .uc-cloudOptional2-1 .form, .uc-cloudOptional3-1 .form {
    margin-bottom: 15px;
}

.uc-softwareOptional-1 .form li, .uc-hardwareOptional-1 .form li, .uc-shopOptional-1 .form li, .uc-cloudOptional-1 .form li, .uc-cloudOptional2-1 .form li, .uc-cloudOptional3-1 .form li {
    border: #BEC9DC 2px solid;
    border-radius: 4px;
    padding: 15px 30px;
    margin-bottom: 10px;
}

.uc-softwareOptional-1 .form li:last-child, .uc-hardwareOptional-1 .form li:last-child, .uc-shopOptional-1 .form li:last-child, .uc-cloudOptional-1 .form li:last-child, .uc-cloudOptional2-1 .form li:last-child, .uc-cloudOptional3-1 .form li:last-child {
    margin-bottom: 0;
}

.uc-softwareOptional-1 .form li.on, .uc-hardwareOptional-1 .form li.on, .uc-shopOptional-1 .form li.on, .uc-cloudOptional-1 .form li.on, .uc-cloudOptional2-1 .form li.on, .uc-cloudOptional3-1 .form li.on {
    border-color: #1989FA;
}

.uc-softwareOptional-1 .form li.on .number-box, .uc-softwareOptional-1 .form li.on .name .g-reduceAddBox, .uc-hardwareOptional-1 .form li.on .number-box, .uc-hardwareOptional-1 .form li.on .name .g-reduceAddBox, .uc-shopOptional-1 .form li.on .number-box, .uc-shopOptional-1 .form li.on .name .g-reduceAddBox, .uc-cloudOptional-1 .form li.on .number-box, .uc-cloudOptional-1 .form li.on .name .g-reduceAddBox, .uc-cloudOptional2-1 .form li.on .number-box, .uc-cloudOptional2-1 .form li.on .name .g-reduceAddBox, .uc-cloudOptional3-1 .form li.on .number-box, .uc-cloudOptional3-1 .form li.on .name .g-reduceAddBox {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.uc-softwareOptional-1 .form .name, .uc-hardwareOptional-1 .form .name, .uc-shopOptional-1 .form .name, .uc-cloudOptional-1 .form .name, .uc-cloudOptional2-1 .form .name, .uc-cloudOptional3-1 .form .name {
    padding: 15px 0;
    font-size: 16px;
    line-height: 32px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-softwareOptional-1 .form .name .n, .uc-hardwareOptional-1 .form .name .n, .uc-shopOptional-1 .form .name .n, .uc-cloudOptional-1 .form .name .n, .uc-cloudOptional2-1 .form .name .n, .uc-cloudOptional3-1 .form .name .n {
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-right: 10px;
}

.uc-softwareOptional-1 .form .name .g-reduceAddBox, .uc-hardwareOptional-1 .form .name .g-reduceAddBox, .uc-shopOptional-1 .form .name .g-reduceAddBox, .uc-cloudOptional-1 .form .name .g-reduceAddBox, .uc-cloudOptional2-1 .form .name .g-reduceAddBox, .uc-cloudOptional3-1 .form .name .g-reduceAddBox {
    display: none;
}

.uc-softwareOptional-1 .form .name .line-two, .uc-hardwareOptional-1 .form .name .line-two, .uc-shopOptional-1 .form .name .line-two, .uc-cloudOptional-1 .form .name .line-two, .uc-cloudOptional2-1 .form .name .line-two, .uc-cloudOptional3-1 .form .name .line-two {
    line-height: 20px;
}

.uc-softwareOptional-1 .form .name .money, .uc-hardwareOptional-1 .form .name .money, .uc-shopOptional-1 .form .name .money, .uc-cloudOptional-1 .form .name .money, .uc-cloudOptional2-1 .form .name .money, .uc-cloudOptional3-1 .form .name .money {
    text-align: right;
}

.uc-softwareOptional-1 .form.style-small li, .uc-hardwareOptional-1 .form.style-small li, .uc-shopOptional-1 .form.style-small li, .uc-cloudOptional-1 .form.style-small li, .uc-cloudOptional2-1 .form.style-small li, .uc-cloudOptional3-1 .form.style-small li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.uc-softwareOptional-1 .number-box, .uc-hardwareOptional-1 .number-box, .uc-shopOptional-1 .number-box, .uc-cloudOptional-1 .number-box, .uc-cloudOptional2-1 .number-box, .uc-cloudOptional3-1 .number-box {
    padding: 15px 0;
    border-top: #eeeeee 1px solid;
    display: none !important;
}

.uc-softwareOptional-1 .number-box, .uc-softwareOptional-1 .number-box .number-item, .uc-hardwareOptional-1 .number-box, .uc-hardwareOptional-1 .number-box .number-item, .uc-shopOptional-1 .number-box, .uc-shopOptional-1 .number-box .number-item, .uc-cloudOptional-1 .number-box, .uc-cloudOptional-1 .number-box .number-item, .uc-cloudOptional2-1 .number-box, .uc-cloudOptional2-1 .number-box .number-item, .uc-cloudOptional3-1 .number-box, .uc-cloudOptional3-1 .number-box .number-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-softwareOptional-1 .number-box .t, .uc-hardwareOptional-1 .number-box .t, .uc-shopOptional-1 .number-box .t, .uc-cloudOptional-1 .number-box .t, .uc-cloudOptional2-1 .number-box .t, .uc-cloudOptional3-1 .number-box .t {
    font-size: 12px;
    color: #9EA8B8;
    margin-right: 5px;
}

/* |13|店铺订购-申请退款（个人）-店铺订购-申请退款（企业）|shopRefund| */
/* |14|店铺订购-退款详情（订单退款信息）-店铺订购-退款详情（店铺订购信息）|shopRefundDetail| */
/* |23|云产品-退款申请|cloudRefund| */
.uc-shopRefund-1, .uc-shopRefundDetail-1, .uc-cloudRefund-1 {
    padding-bottom: 64px;
    min-height: 600px;
}

.uc-shopRefund-1 .panel, .uc-shopRefundDetail-1 .panel, .uc-cloudRefund-1 .panel {
    background-color: #ffffff;
    border-bottom: #eeeeee 1px solid;
    padding: 15px 0;
    position: relative;
    z-index: 66;
    margin-top: -1px;
    margin-bottom: 64px;
}

.uc-shopRefund-1 .panel .title h2, .uc-shopRefundDetail-1 .panel .title h2, .uc-cloudRefund-1 .panel .title h2 {
    font-size: 24px;
}

.uc-shopRefund-1 .panel .title p, .uc-shopRefundDetail-1 .panel .title p, .uc-cloudRefund-1 .panel .title p {
    margin-top: 10px;
}

.uc-shopRefund-1 .panel .money-box, .uc-shopRefundDetail-1 .panel .money-box, .uc-cloudRefund-1 .panel .money-box {
    text-align: center;
    font-size: 24px;
}

.uc-shopRefund-1 .panel .money-box .txt, .uc-shopRefundDetail-1 .panel .money-box .txt, .uc-cloudRefund-1 .panel .money-box .txt {
    padding: 0 15px;
    position: relative;
}

.uc-shopRefund-1 .panel .money-box .txt:after, .uc-shopRefundDetail-1 .panel .money-box .txt:after, .uc-cloudRefund-1 .panel .money-box .txt:after {
    content: '';
    width: 1px;
    height: 20px;
    background-color: #D8D8D8;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.uc-shopRefund-1 .panel .money-box .txt:first-child:after, .uc-shopRefundDetail-1 .panel .money-box .txt:first-child:after, .uc-cloudRefund-1 .panel .money-box .txt:first-child:after {
    display: none;
}

.uc-shopRefund-1 .main, .uc-shopRefundDetail-1 .main, .uc-cloudRefund-1 .main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.uc-shopRefund-1 .main-left, .uc-shopRefundDetail-1 .main-left, .uc-cloudRefund-1 .main-left {
    width: 480px;
}

.uc-shopRefund-1 .product-info, .uc-shopRefundDetail-1 .product-info, .uc-cloudRefund-1 .product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 15px;
}

.uc-shopRefund-1 .product-info .img, .uc-shopRefundDetail-1 .product-info .img, .uc-cloudRefund-1 .product-info .img {
    width: 160px;
    height: 80px;
    overflow: hidden;
    margin-right: 30px;
}

.uc-shopRefund-1 .product-info .img img, .uc-shopRefundDetail-1 .product-info .img img, .uc-cloudRefund-1 .product-info .img img {
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.uc-shopRefund-1 .product-info .con, .uc-shopRefundDetail-1 .product-info .con, .uc-cloudRefund-1 .product-info .con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.uc-shopRefund-1 .product-info h3, .uc-shopRefundDetail-1 .product-info h3, .uc-cloudRefund-1 .product-info h3 {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 16px;
}

.uc-shopRefund-1 .line, .uc-shopRefundDetail-1 .line, .uc-cloudRefund-1 .line {
    margin: 40px 0;
    height: 1px;
    background-color: #eeeeee;
}

.uc-shopRefund-1 .order-info .item, .uc-shopRefundDetail-1 .order-info .item, .uc-cloudRefund-1 .order-info .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.5em;
    font-size: 12px;
    margin-bottom: 8px;
}

.uc-shopRefund-1 .order-info .con, .uc-shopRefundDetail-1 .order-info .con, .uc-cloudRefund-1 .order-info .con {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.uc-shopRefund-1 .order-info .txt, .uc-shopRefundDetail-1 .order-info .txt, .uc-cloudRefund-1 .order-info .txt {
    min-width: 11em;
    text-align: right;
}

.uc-shopRefund-1 .order-info .pr12, .uc-shopRefundDetail-1 .order-info .pr12, .uc-cloudRefund-1 .order-info .pr12 {
    padding-right: 12px;
}

.uc-shopRefund-1 .main-right, .uc-shopRefundDetail-1 .main-right, .uc-cloudRefund-1 .main-right {
    width: 480px;
    margin-left: 50px;
}

.uc-shopRefund-1 .main-right.w640, .uc-shopRefundDetail-1 .main-right.w640, .uc-cloudRefund-1 .main-right.w640 {
    max-width: 640px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.uc-shopRefund-1 .main-right .title, .uc-shopRefundDetail-1 .main-right .title, .uc-cloudRefund-1 .main-right .title {
    font-size: 16px;
    margin-bottom: 15px;
}

.uc-shopRefund-1 .main-right .title.big, .uc-shopRefundDetail-1 .main-right .title.big, .uc-cloudRefund-1 .main-right .title.big {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
}

.uc-shopRefund-1 .rule-box, .uc-shopRefundDetail-1 .rule-box, .uc-cloudRefund-1 .rule-box {
    margin-bottom: 30px;
}

.uc-shopRefund-1 .rule-box .btn-rule, .uc-shopRefundDetail-1 .rule-box .btn-rule, .uc-cloudRefund-1 .rule-box .btn-rule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #1989FA;
}

.uc-shopRefund-1 .rule-box .btn-rule img, .uc-shopRefundDetail-1 .rule-box .btn-rule img, .uc-cloudRefund-1 .rule-box .btn-rule img {
    display: block;
    margin-right: 6px;
}

.uc-shopRefund-1 .rule-box .rule, .uc-shopRefundDetail-1 .rule-box .rule, .uc-cloudRefund-1 .rule-box .rule {
    border: #BEC9DC 1px solid;
    background-color: #EBF6FF;
    padding: 16px 24px;
    border-radius: 4px;
    display: none;
}

.uc-shopRefund-1 .rule-box .rule h3, .uc-shopRefundDetail-1 .rule-box .rule h3, .uc-cloudRefund-1 .rule-box .rule h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    margin-bottom: 10px;
}

.uc-shopRefund-1 .rule-box .rule .con, .uc-shopRefundDetail-1 .rule-box .rule .con, .uc-cloudRefund-1 .rule-box .rule .con {
    font-size: 12px;
    line-height: 18px;
    text-align: justify;
    margin-bottom: 10px;
}

.uc-shopRefund-1 .rule-box .rule .con:last-child, .uc-shopRefundDetail-1 .rule-box .rule .con:last-child, .uc-cloudRefund-1 .rule-box .rule .con:last-child {
    margin-bottom: 0;
}

.uc-shopRefund-1 .rule-box.on .btn-rule, .uc-shopRefundDetail-1 .rule-box.on .btn-rule, .uc-cloudRefund-1 .rule-box.on .btn-rule {
    display: none;
}

.uc-shopRefund-1 .rule-box.on .rule, .uc-shopRefundDetail-1 .rule-box.on .rule, .uc-cloudRefund-1 .rule-box.on .rule {
    display: block;
}

.uc-shopRefund-1 .scroll-box, .uc-shopRefundDetail-1 .scroll-box, .uc-cloudRefund-1 .scroll-box {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 5px;
    padding-bottom: 20px;
}

.uc-shopRefund-1 .scroll-box::-webkit-scrollbar, .uc-shopRefundDetail-1 .scroll-box::-webkit-scrollbar, .uc-cloudRefund-1 .scroll-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-radius: 8px;
}

.uc-shopRefund-1 .scroll-box::-webkit-scrollbar-track, .uc-shopRefundDetail-1 .scroll-box::-webkit-scrollbar-track, .uc-cloudRefund-1 .scroll-box::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

.uc-shopRefund-1 .scroll-box::-webkit-scrollbar-thumb, .uc-shopRefundDetail-1 .scroll-box::-webkit-scrollbar-thumb, .uc-cloudRefund-1 .scroll-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #EAECF5;
}

.uc-shopRefund-1 .scroll-box::-webkit-scrollbar-thumb:hover, .uc-shopRefundDetail-1 .scroll-box::-webkit-scrollbar-thumb:hover, .uc-cloudRefund-1 .scroll-box::-webkit-scrollbar-thumb:hover {
    background: #EAECF5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.uc-shopRefund-1 .sub-title, .uc-shopRefundDetail-1 .sub-title, .uc-cloudRefund-1 .sub-title {
    padding: 10px 0;
    line-height: 1.5em;
}

.uc-shopRefund-1 .choose-box, .uc-shopRefundDetail-1 .choose-box, .uc-cloudRefund-1 .choose-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px;
}

.uc-shopRefund-1 .choose-box .item, .uc-shopRefundDetail-1 .choose-box .item, .uc-cloudRefund-1 .choose-box .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 80px;
    text-align: center;
    font-size: 16px;
    border: #BEC9DC 2px solid;
    border-radius: 4px;
}

.uc-shopRefund-1 .choose-box .item:first-child, .uc-shopRefundDetail-1 .choose-box .item:first-child, .uc-cloudRefund-1 .choose-box .item:first-child {
    margin-left: 0;
}

.uc-shopRefund-1 .choose-box .item.on, .uc-shopRefundDetail-1 .choose-box .item.on, .uc-cloudRefund-1 .choose-box .item.on {
    border-color: #1989FA;
}

.uc-shopRefund-1 .tab-con, .uc-shopRefundDetail-1 .tab-con, .uc-cloudRefund-1 .tab-con {
    display: none;
}

.uc-shopRefund-1 .tab-con:first-child, .uc-shopRefundDetail-1 .tab-con:first-child, .uc-cloudRefund-1 .tab-con:first-child {
    display: block;
}

.uc-shopRefund-1 .form li, .uc-shopRefundDetail-1 .form li, .uc-cloudRefund-1 .form li {
    position: relative;
    min-height: 56px;
    border: #BEC9DC 1px solid;
    padding-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
    border-radius: 4px;
}

.uc-shopRefund-1 .form .uc-input, .uc-shopRefundDetail-1 .form .uc-input, .uc-cloudRefund-1 .form .uc-input {
    padding: 0 15px;
    border: none;
    height: 32px;
}

.uc-shopRefund-1 .form .txt, .uc-shopRefundDetail-1 .form .txt, .uc-cloudRefund-1 .form .txt {
    color: #9EA8B8;
    font-size: 12px;
    line-height: 16px;
    padding: 0 15px;
}

.uc-shopRefund-1 .form .city-picker-span, .uc-shopRefundDetail-1 .form .city-picker-span, .uc-cloudRefund-1 .form .city-picker-span {
    width: 100% !important;
    height: 32px;
    background-color: transparent;
}

.uc-shopRefund-1 .form .city-picker-span .title, .uc-shopRefundDetail-1 .form .city-picker-span .title, .uc-cloudRefund-1 .form .city-picker-span .title {
    padding: 0;
    margin: 0;
    border: none;
    line-height: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-shopRefund-1 .form .city-picker-span .select-item, .uc-shopRefundDetail-1 .form .city-picker-span .select-item, .uc-cloudRefund-1 .form .city-picker-span .select-item {
    line-height: 32px;
    height: 32px;
    margin: 0;
    padding: 0 15px;
}

.uc-shopRefund-1 .form .city-picker-dropdown, .uc-shopRefundDetail-1 .form .city-picker-dropdown, .uc-cloudRefund-1 .form .city-picker-dropdown {
    width: 100% !important;
}

.uc-shopRefund-1 .upload-box .tips, .uc-shopRefundDetail-1 .upload-box .tips, .uc-cloudRefund-1 .upload-box .tips {
    font-size: 12px;
    color: #9EA8B8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.5em;
}

.uc-shopRefund-1 .upload-box .btn-upload, .uc-shopRefundDetail-1 .upload-box .btn-upload, .uc-cloudRefund-1 .upload-box .btn-upload {
    height: 48px;
    border: #BEC9DC 1px solid;
    margin-top: 10px;
    width: 130px;
    cursor: pointer;
    position: relative;
    color: #1989FA;
}

.uc-shopRefund-1 .upload-box .btn-upload input[type=file], .uc-shopRefundDetail-1 .upload-box .btn-upload input[type=file], .uc-cloudRefund-1 .upload-box .btn-upload input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.uc-shopRefund-1 .upload-box .btn-upload:hover, .uc-shopRefundDetail-1 .upload-box .btn-upload:hover, .uc-cloudRefund-1 .upload-box .btn-upload:hover {
    background-color: #1989FA;
    border-color: #1989FA;
    color: #fff;
}

.uc-shopRefund-1 .operate, .uc-shopRefundDetail-1 .operate, .uc-cloudRefund-1 .operate {
    margin-top: 40px;
}

.uc-shopRefund-1 .operate .uc-btn, .uc-shopRefundDetail-1 .operate .uc-btn, .uc-cloudRefund-1 .operate .uc-btn {
    height: 64px;
    font-size: 24px;
}

.uc-cloudRefund-1 .form li {
    min-height: 80px;
    overflow: visible;
}

.uc-cloudRefund-1 .form .unit {
    position: absolute;
    right: 30px;
    bottom: 10px;
    line-height: 32px;
}

.uc-cloudRefund-1 .form .uc-input {
    font-size: 16px;
}

.uc-cloudRefund-1 .form .input-tips {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 500px;
    color: #9EA8B8;
    min-width: 80%;
}

/* |18|商品详情|productDetail| */
.uc-productDetail-1 {
    background-color: #F8F8F8;
    border-bottom: #eeeeee 1px solid;
    padding: 15px 0 30px;
    position: relative;
    z-index: 66;
    margin-top: -1px;
    margin-bottom: 64px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
}

.uc-productDetail-1 .uc-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.uc-productDetail-1 .con {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.uc-productDetail-1 .con h2 {
    font-size: 24px;
}

.uc-productDetail-1 .con p {
    margin-top: 10px;
}

.uc-productDetail-1 .uc-btn {
    width: 350px;
    border-radius: 4px;
    height: 64px;
    -webkit-box-shadow: 0 3px 9px 0 rgba(234, 41, 42, 0.16);
    box-shadow: 0 3px 9px 0 rgba(234, 41, 42, 0.16);
}

.uc-productDetail-2 .uc-content {
    margin-bottom: 50px;
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.uc-productDetail-2 .order-info .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.5em;
    font-size: 12px;
    margin-bottom: 8px;
}

.uc-productDetail-2 .order-info .con {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.uc-productDetail-2 .order-info .txt {
    min-width: 8em;
    text-align: right;
}

.uc-productDetail-2 .order-info .pr12 {
    padding-right: 12px;
}

.uc-productDetail-2 .main-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 50px;
}

.uc-productDetail-2 .part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.uc-productDetail-2 .img {
    width: 360px;
    height: 180px;
    overflow: hidden;
    margin-right: 30px;
}

.uc-productDetail-2 .img img {
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.uc-productDetail-2 .part1 {
    margin-bottom: 30px;
}

.uc-productDetail-2 .part1 .con {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.uc-productDetail-2 .part1 .con p {
    font-size: 14px;
}

.uc-productDetail-2 .part1 .con h3 {
    margin: 15px 0;
    font-size: 24px;
}

.uc-productDetail-2 .part1 .percent {
    width: 100%;
    border-radius: 6px;
    height: 6px;
    background-color: #EEEEEE;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}

.uc-productDetail-2 .part1 .per {
    height: 6px;
    border-radius: 6px;
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #1989FA;
}

.uc-productDetail-2 .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.uc-productDetail-2 .part2 {
    margin-bottom: 30px;
    line-height: 1.5em;
}

.uc-productDetail-2 .part2 .r {
    text-align: right;
}

.uc-productDetail-2 .part2 .txt1 {
    font-size: 16px;
    margin-bottom: 5px;
}

.uc-productDetail-2 .part2 .txt2 {
    font-size: 12px;
}

/* |05|发票信息-新增发票|invoice| */
/* |06|收货地址-添加收货地址|address| */
.uc-invoice-1, .uc-address-1 {
    padding: 24px;
}

.uc-invoice-1 .operate, .uc-address-1 .operate {
    margin-bottom: 10px;
}

.uc-invoice-1 .operate .btn-add, .uc-address-1 .operate .btn-add {
    color: #1989FA;
}

.uc-invoice-1 .list li, .uc-address-1 .list li {
    padding: 15px 30px 15px 70px;
    border-bottom: #eeeeee 1px solid;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-invoice-1 .list li.on, .uc-address-1 .list li.on {
    background-color: #EBF6FF;
}

.uc-invoice-1 .list .uc-checkbox-circle, .uc-address-1 .list .uc-checkbox-circle {
    position: absolute;
    left: 50px;
    top: 15px;
}

.uc-invoice-1 .list .center, .uc-address-1 .list .center {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 24px;
    line-height: 24px;
}

.uc-invoice-1 .list .uc-tag, .uc-address-1 .list .uc-tag {
    background-color: #F3F9FF;
    color: #1989FA;
    margin-left: 5px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-invoice-1 .list .uc-tag img, .uc-address-1 .list .uc-tag img {
    display: block;
    margin-right: 5px;
}

.uc-invoice-1 .list .txt1, .uc-invoice-1 .list .txt2, .uc-address-1 .list .txt1, .uc-address-1 .list .txt2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-invoice-1 .list .txt2, .uc-address-1 .list .txt2 {
    font-size: 12px;
    margin-top: 5px;
}

.uc-invoice-1 .list .right, .uc-address-1 .list .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* |04|我的消息|message| */
.uc-message-1 {
    padding: 24px;
}

.uc-message-1 .filter {
    border-bottom: #eeeeee 1px solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 40px;
    margin-bottom: 10px;
}

.uc-message-1 .filter .item {
    margin-right: 20px;
}

.uc-message-1 .filter .item.on {
    position: relative;
    color: #1989FA;
}

.uc-message-1 .filter .item.on:after {
    content: '';
    width: 32px;
    border-radius: 2px;
    height: 2px;
    background-color: #1989FA;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
}

.uc-message-1 .operate {
    margin-bottom: 10px;
    line-height: 30px;
}

.uc-message-1 .operate .btn {
    font-size: 12px;
    margin-right: 15px;
}

.uc-message-1 .tab-con {
    display: none;
}

.uc-message-1 .tab-con:first-child {
    display: block;
}

.uc-message-1 .table table {
    width: 100%;
    border: #EEEEEE 1px solid;
    color: #666666;
    font-size: 12px;
}

.uc-message-1 .table table th, .uc-message-1 .table table td {
    padding: 10px;
    text-align: left;
    line-height: 20px;
}

.uc-message-1 .table table th {
    background-color: #F8F8F9;
}

.uc-message-1 .table table tr {
    border-bottom: #EEEEEE 1px solid;
}

.uc-message-1 .table table tr:hover {
    background-color: rgba(25, 137, 250, 0.08);
}

.uc-message-1 .table table a {
    color: #666666;
}

.uc-message-1 .table table a:hover {
    color: #1989FA;
}

.uc-message-1 .table table .con {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.uc-message-1 .table .uc-checkbox {
    position: relative;
    top: 2px;
}

.uc-message-1 .table .btn {
    margin-left: 10px;
}

.uc-message-1 .table .btn:first-child {
    margin-left: 0;
}

/* |03|我的订单-流水明细-更多查询-查询条件超出首屏样式-订单取消-发票详情（已开票、已申请）-发票明细综合信息-修改发票（适用于：普通、增值税）-修改发票（适用于：电子发票）-重开发票-上传回执单-店铺订购-重开发票-店铺订购-发票修改|order| */
.uc-order-1 {
    padding: 24px;
}

.uc-order-1 .search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 30px;
    line-height: 32px;
}

.uc-order-1 .search-box .name {
    font-size: 14px;
    margin-right: 30px;
    margin-bottom: 10px;
}

.uc-order-1 .search-box .item {
    margin-right: 30px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-order-1 .search-box .txt {
    font-size: 12px;
    margin-right: 10px;
}

.uc-order-1 .search-box .uc-select, .uc-order-1 .search-box .uc-input {
    width: 186px;
    border-radius: 4px;
    height: 32px;
    height: 32px;
}

.uc-order-1 .search-box .operate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.uc-order-1 .search-box .operate .uc-btn {
    margin-right: 10px;
    height: 32px;
    min-width: 64px;
}

.uc-order-1 .search-box .operate .uc-btn.gray-plain {
    color: #2D4457;
}

.uc-order-1 .filter {
    border-bottom: #eeeeee 1px solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 40px;
    margin-bottom: 15px;
}

.uc-order-1 .filter .item {
    margin-right: 20px;
}

.uc-order-1 .filter .item.on {
    position: relative;
    color: #1989FA;
}

.uc-order-1 .filter .item.on:after {
    content: '';
    width: 32px;
    border-radius: 2px;
    height: 2px;
    background-color: #1989FA;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
}

.uc-order-1 .tab-con {
    display: none;
}

.uc-order-1 .tab-con:first-child {
    display: block;
}

.uc-order-1 .scroll-box {
    overflow-x: auto;
    max-height: 80vh;
}

.uc-order-1 .scroll-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-radius: 8px;
}

.uc-order-1 .scroll-box::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

.uc-order-1 .scroll-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #EAECF5;
}

.uc-order-1 .scroll-box::-webkit-scrollbar-thumb:hover {
    background: #EAECF5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.uc-order-1 .list {
    font-size: 12px;
    border: #eeeeee 1px solid;
    min-width: 1240px;
}

.uc-order-1 .list .title, .uc-order-1 .list .hd, .uc-order-1 .list .part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.uc-order-1 .list .title .item, .uc-order-1 .list .hd .item, .uc-order-1 .list .part .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px;
    line-height: 20px;
}

.uc-order-1 .list .title .item:nth-child(1), .uc-order-1 .list .hd .item:nth-child(1), .uc-order-1 .list .part .item:nth-child(1) {
    min-width: 180px;
}

.uc-order-1 .list .title .item:nth-child(2), .uc-order-1 .list .hd .item:nth-child(2), .uc-order-1 .list .part .item:nth-child(2) {
    min-width: 170px;
}

.uc-order-1 .list .title .item:nth-child(3), .uc-order-1 .list .hd .item:nth-child(3), .uc-order-1 .list .part .item:nth-child(3) {
    min-width: 160px;
}

.uc-order-1 .list .title .item:nth-child(4), .uc-order-1 .list .hd .item:nth-child(4), .uc-order-1 .list .part .item:nth-child(4) {
    min-width: 150px;
}

.uc-order-1 .list .title .item:nth-child(5), .uc-order-1 .list .hd .item:nth-child(5), .uc-order-1 .list .part .item:nth-child(5) {
    min-width: 120px;
}

.uc-order-1 .list .title .item:nth-child(6), .uc-order-1 .list .hd .item:nth-child(6), .uc-order-1 .list .part .item:nth-child(6) {
    min-width: 90px;
}

.uc-order-1 .list .title {
    background-color: #F8F8F9;
}

.uc-order-1 .list .bd {
    border-top: #eeeeee 1px solid;
    display: none;
}

.uc-order-1 .list li {
    border-bottom: #eeeeee 1px solid;
}

.uc-order-1 .list li:last-child {
    border-bottom: none;
}

.uc-order-1 .list li:hover .hd, .uc-order-1 .list li.on .hd {
    background-color: #EDF6FF;
}

.uc-order-1 .list .btn-detail {
    color: #1989FA;
}

.uc-order-1 .list .btn-detail .t2 {
    display: none;
}

.uc-order-1 .list .btn-detail.on .t1 {
    display: none;
}

.uc-order-1 .list .btn-detail.on .t2 {
    display: inline;
}

.uc-order-1 .list .part .item {
    padding: 10px 10px;
    /*border-bottom: #eeeeee 1px solid;*/
}

.uc-order-1 .list .part .item:first-child {
    border-bottom: none;
}

.uc-order-1 .list .part:last-child .item {
    border-bottom: none;
}

.uc-order-1 .list .part .btn {
    margin-right: 10px;
}

.uc-order-1 .list .con .btn {
    margin-right: 5px;
}

.uc-order-1 .list .sub-title {
    margin-bottom: 10px;
}

.uc-order-1 .list .e05 {
    margin-right: .5em;
}

.uc-order-1 .list .product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.uc-order-1 .list .product .img {
    width: 48px;
    border-radius: 5px;
    height: 48px;
    overflow: hidden;
    margin-right: 10px;
}

.uc-order-1 .list .product .img img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.uc-order-1 .list .product .r {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.uc-order-1 .list .product h4 {
    font-size: 12px;
    margin-bottom: 6px;
}

.uc-order-2 {
    padding: 24px;
}

.uc-order-2 .search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 30px;
    line-height: 32px;
}

.uc-order-2 .search-box .name {
    font-size: 14px;
    margin-right: 30px;
    margin-bottom: 10px;
}

.uc-order-2 .search-box .item {
    margin-right: 30px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-order-2 .search-box .txt {
    font-size: 12px;
    margin-right: 10px;
}

.uc-order-2 .search-box .uc-select, .uc-order-2 .search-box .uc-input {
    width: 186px;
    border-radius: 4px;
    height: 32px;
    height: 32px;
}

.uc-order-2 .search-box .operate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.uc-order-2 .search-box .operate .uc-btn {
    margin-right: 10px;
    height: 32px;
    min-width: 64px;
}

.uc-order-2 .search-box .operate .uc-btn.gray-plain {
    color: #2D4457;
}

.uc-order-2 .filter {
    border-bottom: #eeeeee 1px solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 40px;
    margin-bottom: 15px;
}

.uc-order-2 .filter .item {
    margin-right: 20px;
}

.uc-order-2 .filter .item.on {
    position: relative;
    color: #1989FA;
}

.uc-order-2 .filter .item.on:after {
    content: '';
    width: 32px;
    border-radius: 2px;
    height: 2px;
    background-color: #1989FA;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
}

.uc-order-2 .tab-con {
    display: none;
}

.uc-order-2 .tab-con:first-child {
    display: block;
}

.uc-order-2 .scroll-box {
    overflow-x: auto;
    max-height: 80vh;
}

.uc-order-2 .scroll-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-radius: 8px;
}

.uc-order-2 .scroll-box::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

.uc-order-2 .scroll-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #EAECF5;
}

.uc-order-2 .scroll-box::-webkit-scrollbar-thumb:hover {
    background: #EAECF5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.uc-order-2 .list {
    font-size: 12px;
    border: #eeeeee 1px solid;
    min-width: 1240px;
}

.uc-order-2 .list .title, .uc-order-2 .list .hd, .uc-order-2 .list .part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.uc-order-2 .list .title .item, .uc-order-2 .list .hd .item, .uc-order-2 .list .part .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px;
    line-height: 20px;
}

.uc-order-2 .list .title .item:nth-child(1), .uc-order-2 .list .hd .item:nth-child(1), .uc-order-2 .list .part .item:nth-child(1) { /* min-width: 270px; */
}

.uc-order-2 .list .title .item:nth-child(2), .uc-order-2 .list .hd .item:nth-child(2), .uc-order-2 .list .part .item:nth-child(2) {
    min-width: 180px;
}

.uc-order-2 .list .title .item:nth-child(3), .uc-order-2 .list .hd .item:nth-child(3), .uc-order-2 .list .part .item:nth-child(3) {
    min-width: 200px;
}

.uc-order-2 .list .title .item:nth-child(4), .uc-order-2 .list .hd .item:nth-child(4), .uc-order-2 .list .part .item:nth-child(4) {
    min-width: 200px;
}

.uc-order-2 .list .title .item:nth-child(5), .uc-order-2 .list .hd .item:nth-child(5), .uc-order-2 .list .part .item:nth-child(5) {
    min-width: 200px;
}

.uc-order-2 .list .title .item:nth-child(6), .uc-order-2 .list .hd .item:nth-child(6), .uc-order-2 .list .part .item:nth-child(6) {
    min-width: 150px;
}

.uc-order-2 .list .title {
    background-color: #F8F8F9;
}

.uc-order-2 .list .bd {
    border-top: #eeeeee 1px solid;
    display: none;
}

.uc-order-2 .list li {
    border-bottom: #eeeeee 1px solid;
}

.uc-order-2 .list li:last-child {
    border-bottom: none;
}

.uc-order-2 .list li:hover .hd, .uc-order-2 .list li.on .hd {
    background-color: #EDF6FF;
}

.uc-order-2 .list .btn-detail {
    color: #1989FA;
}

.uc-order-2 .list .btn-detail .t2 {
    display: none;
}

.uc-order-2 .list .btn-detail.on .t1 {
    display: none;
}

.uc-order-2 .list .btn-detail.on .t2 {
    display: inline;
}

.uc-order-2 .list .part .item {
    padding: 30px 10px;
    border-bottom: #eeeeee 1px solid;
}

.uc-order-2 .list .part .item:first-child {
    border-bottom: none;
}

.uc-order-2 .list .part:last-child .item {
    border-bottom: none;
}

.uc-order-2 .list .part .btn {
    margin-right: 10px;
}

.uc-order-2 .list .sub-title {
    margin-bottom: 10px;
}

.uc-order-2 .list .e05 {
    margin-right: .5em;
}

.uc-order-2 .list .product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.uc-order-2 .list .product .img {
    width: 48px;
    border-radius: 5px;
    height: 48px;
    overflow: hidden;
    margin-right: 10px;
}

.uc-order-2 .list .product .img img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.uc-order-2 .list .product .r {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.uc-order-2 .list .product h4 {
    font-size: 12px;
    margin-bottom: 6px;
}

.text_127 {
    width: 74px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(45, 68, 87, 1);
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
    margin-left: 100px;
}

.uc-alert-orderRefund .title, .uc-alert-receipt .title, .uc-alert-invoiceDetail .title, .uc-alert-invoiceForm .title {
    line-height: 56px;
    border-bottom: #eeeeee 1px solid;
    font-size: 16px;
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
}

.uc-alert-orderRefund .sub-title, .uc-alert-receipt .sub-title, .uc-alert-invoiceDetail .sub-title, .uc-alert-invoiceForm .sub-title {
    line-height: 1.5em;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-alert-orderRefund .box-right, .uc-alert-receipt .box-right, .uc-alert-invoiceDetail .box-right, .uc-alert-invoiceForm .box-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.uc-alert-orderRefund .scroll-box, .uc-alert-receipt .scroll-box, .uc-alert-invoiceDetail .scroll-box, .uc-alert-invoiceForm .scroll-box {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    padding: 0px 80px;
    padding-right: 5px;
    max-width: 640px;
}

.uc-alert-orderRefund .scroll-box::-webkit-scrollbar, .uc-alert-receipt .scroll-box::-webkit-scrollbar, .uc-alert-invoiceDetail .scroll-box::-webkit-scrollbar, .uc-alert-invoiceForm .scroll-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-radius: 8px;
}

.uc-alert-orderRefund .scroll-box::-webkit-scrollbar-track, .uc-alert-receipt .scroll-box::-webkit-scrollbar-track, .uc-alert-invoiceDetail .scroll-box::-webkit-scrollbar-track, .uc-alert-invoiceForm .scroll-box::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

.uc-alert-orderRefund .scroll-box::-webkit-scrollbar-thumb, .uc-alert-receipt .scroll-box::-webkit-scrollbar-thumb, .uc-alert-invoiceDetail .scroll-box::-webkit-scrollbar-thumb, .uc-alert-invoiceForm .scroll-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #EAECF5;
}

.uc-alert-orderRefund .scroll-box::-webkit-scrollbar-thumb:hover, .uc-alert-receipt .scroll-box::-webkit-scrollbar-thumb:hover, .uc-alert-invoiceDetail .scroll-box::-webkit-scrollbar-thumb:hover, .uc-alert-invoiceForm .scroll-box::-webkit-scrollbar-thumb:hover {
    background: #EAECF5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.uc-alert-orderRefund .operate, .uc-alert-receipt .operate, .uc-alert-invoiceDetail .operate, .uc-alert-invoiceForm .operate {
    padding: 48px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-alert-orderRefund .operate .uc-btn, .uc-alert-receipt .operate .uc-btn, .uc-alert-invoiceDetail .operate .uc-btn, .uc-alert-invoiceForm .operate .uc-btn {
    min-width: 64px;
    height: 32px;
    margin: 0 5px;
}

.uc-alert-orderRefund h2 {
    font-size: 24px;
    padding: 35px 0;
    text-align: center;
}

.uc-alert-orderRefund .choose-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px;
}

.uc-alert-orderRefund .choose-box .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 80px;
    text-align: center;
    font-size: 16px;
    border: #BEC9DC 2px solid;
    border-radius: 4px;
}

.uc-alert-orderRefund .choose-box .item:first-child {
    margin-left: 0;
}

.uc-alert-orderRefund .choose-box .item.on {
    border-color: #1989FA;
    color: #2D4457;
}

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

.popup {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1001;
    display: none;
}

.notification-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    transition: opacity 0.3s;
}
.notification-box {
    background: white;
    border-radius: 12px;
    width: 320px;
    padding: 25px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    transform: translateY(20px);
    transition: transform 0.3s;
    text-align: center;
}
.notification-icon {
    font-size: 48px;
    color: #4CAF50;
    margin-bottom: 15px;
    text-align: center;
}
.notification-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
    text-align: center;
}
.notification-btn {
    padding: 10px 25px;
    background: #4CAF50;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.2s;
}
.notification-btn:hover {
    background: #45a049;
}

.order-label {
    display: inline-block;
    padding: 4px 6px;
    border-radius: 4px;
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin: 4px;
}

/* 状态颜色方案 */
.status-pending {
    background-color: #FFF3CD;
    color: #856404;
    border: 1px solid #FFEEBA;
}

.status-processing {
    background-color: #CCE5FF;
    color: #004085;
    border: 1px solid #B8DAFF;
}

.status-shipped {
    background-color: #D4EDDA;
    color: #155724;
    border: 1px solid #C3E6CB;
}

.status-delivered {
    background-color: #D1ECF1;
    color: #0C5460;
    border: 1px solid #BEE5EB;
}

.status-cancelled {
    background-color: #F8D7DA;
    color: #721C24;
    border: 1px solid #F5C6CB;
}