li,
ol,
ul {
    list-style: none
}

address,
article,
aside,
audio,
blockquote,
body,
button,
canvas,
caption,
datalist,
dd,
details,
dialog,
div,
dl,
dt,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
iframe,
img,
input,
legend,
li,
map,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
progress,
section,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
ul,
video {
    border: medium none;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-size: 14px;
    font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
    line-height: 1.6;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: var(--subText);
    -webkit-font-smoothing: antialiased;
    background: #fff
}

input,
select,
textarea {
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    transition: -webkit-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out, -webkit-box-shadow .1s ease-in-out;
    outline: none;
}

blockquote,
body,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
label,
legend,
li,
ol,
p,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
}

article,
aside,
audio,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
video {
    display: block
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 12px
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}


:focus {
    outline: none
}

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

.clearfix {
    zoom: 1;
    clear: both
}

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

input::-webkit-input-placeholder {
    color: var(--infoText)
}

input:focus::-webkit-input-placeholder {
    color: #eee
}

input.checkbox,
input.radio {
    display: inline-block;
    width: 16px;
    height: 16px
}

a,
button,
input,
textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    text-decoration: none
}

html {
    font-size: 13px
}

.bgf {
    background-color: #fff
}

.bgfe {
    background-color: #fefefe
}

.bgGray {
    background-color: #f6f7f8
}

.bgNice {
    background-color: #f4f5f9
}

.tl {
    text-align: left !important
}

.tr {
    text-align: right !important
}

.tc {
    text-align: center !important
}

.bold,
.strong {
    font-weight: 700
}

.italic {
    font-style: italic
}

.dgyFont,
.f13 {
    font-size: 13px
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f15 {
    font-size: 15px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f24 {
    font-size: 24px
}

.f32 {
    font-size: 32px
}

.f36 {
    font-size: 36px
}

.f48 {
    font-size: 48px
}

.numFont {
    font-family: Georgia, Times New Roman, SimSun, 宋体, serif
}

.fl {
    float: left
}

.fr {
    float: right
}

.p5 {
    padding: 5px
}

.p10 {
    padding: 10px
}

.p15 {
    padding: 15px
}

.p20 {
    padding: 20px
}

.p25 {
    padding: 25px
}

.p30 {
    padding: 30px
}

.p40 {
    padding: 40px
}

.p50 {
    padding: 50px
}

.p60 {
    padding: 60px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px
}

.pl30 {
    padding-left: 30px
}

.pl40 {
    padding-left: 40px
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pr15 {
    padding-right: 15px
}

.pr20 {
    padding-right: 20px
}

.pr30 {
    padding-right: 30px
}

.pr40 {
    padding-right: 40px
}

.plr5 {
    padding-left: 5px;
    padding-right: 5px
}

.plr10 {
    padding-left: 10px;
    padding-right: 10px
}

.plr20 {
    padding-left: 20px;
    padding-right: 20px
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.pt40 {
    padding-top: 40px
}

.ptb10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.ptb15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.pb0 {
    padding-bottom: 0
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pb40 {
    padding-bottom: 40px
}

.ml5 {
    margin-left: 5px
}

.ml8 {
    margin-left: 8px
}

.ml9 {
    margin-left: 9px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.ml80 {
    margin-left: 80px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt60 {
    margin-top: 60px
}

.mt70 {
    margin-top: 70px
}

.mt80 {
    margin-top: 80px
}

.mt90 {
    margin-top: 90px
}

.mt100 {
    margin-top: 100px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.mb70 {
    margin-bottom: 70px
}

.mb80 {
    margin-bottom: 80px
}

.mb90 {
    margin-bottom: 90px
}

.mb100 {
    margin-bottom: 100px
}

.mAuto {
    margin-left: auto;
    margin-right: auto
}

.w500 {
    width: 500px
}

.w600 {
    width: 600px
}

.w700 {
    width: 700px
}

.w800 {
    width: 800px
}

.w900 {
    width: 900px
}

.w1000 {
    width: 1000px
}

.min500 {
    min-width: 500px
}

.min600 {
    min-width: 600px
}

.min700 {
    min-width: 700px
}

.min800 {
    min-width: 800px
}

.min900 {
    min-width: 900px
}

.max500 {
    max-width: 500px
}

.max600 {
    max-width: 600px
}

.max700 {
    max-width: 700px
}

.max800 {
    max-width: 800px
}

.max900 {
    max-width: 900px
}

.h30 {
    height: 30px
}

.h40 {
    height: 40px
}

.h50 {
    height: 50px
}

.h60 {
    height: 60px
}

.h70 {
    height: 70px
}

.h80 {
    height: 80px
}

.h90 {
    height: 90px
}

.h100 {
    height: 100px
}

body {
    --mainColor: #22c085;
    --subColor: #22c085;
    --subText: #6e6d7a;
    --infoText: #999;
    --border: #eee;
    --focusBorder: #22c085;
    --bg: #fff;
    --subBg: #f6f6f6;
    --largeRadius: 10px;
    --radius: 6px;
    --subRadius: 3px;
    --layoutWidth: 1200px;
    --filterBg: rgba(234, 76, 137, 0.1);
    --input: #f6f7f8;
    --blue: #409eff;
    --yellow: #e6a23c;
    --red: #f56c6c;
    --green: #67c23a;
    --gold: #faad14;
    --gray: #dcdfe6;
    --dgyBlue: #0170fe
}

.linearBg,
.linearText {
    background-image: -webkit-gradient(linear, right top, left top, from(#957aff), to(#ff8080));
    background-image: linear-gradient(270deg, #957aff, #ff8080)
}

.linearText {
    color: transparent;
    background-clip: text
}

[data-theme=dgy] body {
    --mainColor: #22c085;
    --subColor: #22c085;
    --focusBorder: #22c085;
    --text: #3c3c3c
}

.dgyLayoutPart {
    position: relative
}

.dgyLayoutPart:after {
    content: "";
    clear: both
}

.dgyLayoutPart.vh {
    height: 100vh
}

.dgyHeader.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000
}

.dgyHeader.sticky {
    position: sticky
}

.dgyMain {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dgyMain.center {
    width: var(--layoutWidth);
    margin-left: auto;
    margin-right: auto
}

.dgyMain.center.w800 {
    width: 800px
}

.dgyMain.center.w900 {
    width: 900px
}

.dgyAside {
    width: 200px;
    height: 100%
}

.dgyBlock {
    display: block
}

.dgyBlock.inline {
    display: inline-block
}

.dgyForumBody {
    margin-top: 20px
}

.dgyFill,
.dgyFill1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dgyFill2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.dgyFill3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.dgyFooter {
    border-top: 1px solid var(--border);
    overflow: hidden;
    background: #fff;
    padding: 0 20px;
    color: var(--infoText);
    font-size: 12px;
    line-height: 20px;
    margin-top: 40px
}

.dgyFooter.mt0 {
    margin-top: 0
}

.dgyFooter .topWrapper {
    padding: 20px 0;
    border-bottom: 1px solid #f1f2fa;
    overflow: hidden
}

.dgyFooter .midWrapper {
    padding: 20px 0
}

.dgyFooter .midWrapper span {
    padding-right: 20px
}

.dgyFooter .logoWrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: var(--infoText);
    font-size: 12px;
    line-height: 18px
}

.dgyFooter .logoWrap .logo {
    display: block;
    max-width: 200px;
    max-height: 60px;
    margin-bottom: 40px
}

.dgyFooter.slim {
    border-top: 0
}

.dgyFooter.slim .topWrapper {
    border-top: 1px solid #f1f2fa
}

.dgyPart {
    position: relative
}

.dgyPart.card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 10px 20px
}

.dgyPart.card.bgGray {
    background: #f6f7f8
}

.dgyPart.card .extendFull {
    margin: 0 -20px -10px
}

.dgyPart.card .dgyLine.full {
    padding-bottom: 0;
    margin: 0 -20px
}

.dgyPart.card.p10 {
    padding: 10px
}

.dgyPart.card.p10 .dgyLine.full {
    padding-bottom: 0;
    margin: 0 -10px
}

.dgyPart.card.p20 {
    padding: 20px
}

.dgyPart.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dgyPart.flex.row {
    margin-left: -20px
}

.dgyPart.flex.fc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.dgyPart.flex.fcr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.dgyPart.flex.fr {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.dgyPart.flex.frr {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.dgyPart.flex.as {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.dgyPart.flex.ae {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.dgyPart.flex.ac {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

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

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

.dgyPart.flex.jb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dgyPart.flex.ja {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.dgyPart.flex.cc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dgyPart.flex.ss {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.dgyPart.flex.ce {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.dgyPart.flex.bs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dgyPart.flex .fill,
.dgyPart.flex .full {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dgyPart.flex .fill {
    overflow: hidden
}

.dgyPart.flex .fill.col {
    padding-left: 20px
}

.dgyPart.flex .mainPart {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.dgyPart.flex .mainPart.limitMin {
    min-height: 500px
}

.dgyPart.flex .mainPart.line {
    border-right: 1px solid var(--border);
    padding-right: 30px;
    margin-top: 4rem
}

.dgyPart.flex .asidePart {
    width: 180px;
    position: relative
}

.dgyPart.flex .asidePart.plus {
    width: 360px
}

.dgyPart.flex .asidePart.large {
    width: 280px
}

.dgyPart.flex .asidePart.small {
    width: 100px
}

.dgyPart.flex .asidePart.min {
    width: 80px
}

.dgyPart.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px
}

.dgyPart.row .dgyCol {
    padding-left: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dgyPart.row .dgyCol.col2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.dgyPart.row .dgyCol.w240 {
    width: 240px
}

.dgyPart.row.userCard .dgyCol {
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    width: 320px
}

.dgyPart.row.auto {
    margin-left: 0
}

.dgyPart.row.auto .dgyCol {
    padding-left: 0
}

.dgyPart.p10 {
    padding: 10px
}

.dgyPart.p20 {
    padding: 20px
}

.dgyHeadTagWrapper {
    position: relative;
    z-index: 10;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--border)
}

.dgyHeadTagWrapper .headWrap {
    border-top: 1px solid var(--border);
    padding: 10px 0
}

div.code {
    white-space: pre
}

.dgyCodeView {
    border: 1px solid var(--border);
    margin-bottom: 10px;
    padding: 12px 20px;
    background: #f7f7f7;
    border-radius: var(--subRadius);
    overflow-x: auto
}

.dgyCodeView code {
    white-space: pre
}

.dgyCodeView .hljs {
    background: transparent
}

.blur {
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.flip {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.backdrop {
    -webkit-backdrop-filter: saturate(180%) blur(12px);
    backdrop-filter: saturate(180%) blur(12px)
}

.hoverImg:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.dgyPath {
    position: relative;
    z-index: 10;
    margin-left: -5px
}

.dgyPath,
.dgyPath a {
    font-size: 12px;
    line-height: 1.8
}

.dgyPath a {
    padding: 0 5px
}

.dgyPath.white,
.dgyPath.white a {
    color: #fff
}

.dgyLoading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f0f3f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dgyLoading:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAoFJREFUaEPtWD9v01AQv3M/Q2xVfIoKxAqd444wFSQkEAMCMcXORJmSdKhUkBiAAalMMOZ5puz0GzCDmnyG+tBLSXHsxL67+Akinle/u/v9Od/zewgb/uCG4wdPoM7Bn/Hgtn2/bfqnrpx25sC0O7hOGHyzwJHyG52sf+aChDMC5/HgACF4YUET5C8j0z/wBJYo4B1Y1Rb/VAvNwUh6WUvgMm7rFsHFV853w2qhSTyiudJcEhoCxRgE+NExybWmD59FoJiYO1WkBCo1CN5EWfKkFQI2iZSE3cS2IPhiYy8g363bzMq5EeCkY5L7TeBnewxn0XyNlITdzGxs3SZWyYnwNhonj7m4RAQ0TtQBKYMHoOPQpM+54MUOrHIiNIlYCJurOByAYBRmSSoBryZQdII7lZYB04znch6VclKVXK73BFyqy8ntHeCo5HJNxQG7gwYAs6PgsicHOHV1RNTUXiBQPAbWqebiiKitvUCg+P9SR6Dp30bTMtralRaySuQIe6tABARjVwd0TW0/hTTt0maMd6BNNTW5/l8Hrg4jRK/DLH2mUe+v/U6fx8MRAvbmoLX7wuJtBx1GJk2kQohbaNIdvgLEp38K0efQpHelhYuHoqtYhZsiApN49A4AHnLBc67Xy24CwPvQJI+4grAJTPcOT4honwtecr1edhURP3bGvXscEiwCmraRXmxV3CX8EGa9B00keATi4ScAvHOZjNfzUgI2c9FlAphGJglbIfAbzE0g+s4dmRoCsw+7OzxCDHZavdxtUmHZey0BaS1WC0mTlkfkOndHTbU9gVUKbXwLSa7Xm9qk7r2zFpqNRcb1+jrgbaxTAuuC48R7AhyVXK75BQiMmUBZkFgsAAAAAElFTkSuQmCC") no-repeat 50%;
    background-size: 80%;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.dgyScreen {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, .2);
    z-index: 2048
}

.dgyScreen.msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .85)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .05) 5%, rgba(0, 0, 0, .85));
    background-size: 100%
}

.ellipsis,
.textHide {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ellipsis.line2,
.textHide.line2 {
    -webkit-line-clamp: 2
}

.ellipsis.line2,
.ellipsis.line3,
.textHide.line2,
.textHide.line3 {
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis.line3,
.textHide.line3 {
    -webkit-line-clamp: 3
}

.ellipsis.line4,
.textHide.line4 {
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.tranEase {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.tranEaseIO {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.dgyImg {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--radius)
}

.dgyImg.border {
    border: 1px solid var(--border)
}

.dgyImg.shadow {
    -webkit-box-shadow: 0 3px 18px rgba(0, 0, 0, .08);
    box-shadow: 0 3px 18px rgba(0, 0, 0, .08)
}

.dgyImgBox img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--radius)
}

.dgyImgBox.border img {
    border: 1px solid var(--border)
}

.dgyImgBox.shadow img {
    -webkit-box-shadow: 0 3px 18px rgba(0, 0, 0, .08);
    box-shadow: 0 3px 18px rgba(0, 0, 0, .08)
}

.dgyPop {
    position: relative;
    overflow: visible !important
}

.dgyPop:after,
.dgyPop:before {
    display: inline-block;
    position: absolute;
    top: calc(100% + 2px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1024;
    opacity: 0;
    visibility: hidden
}

.dgyPop:after {
    content: attr(data-dgyPop);
    padding: 6px 10px;
    border-radius: var(--subRadius);
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    background-color: #303133;
    -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, .1);
    box-shadow: 0 6px 24px rgba(0, 0, 0, .1);
    white-space: nowrap;
    top: calc(100% + 6px)
}

.dgyPop:before {
    content: "";
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #303133;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    border-width: 6px;
    border-top: 0
}

.dgyPop.top:after {
    top: auto;
    bottom: calc(100% + 6px)
}

.dgyPop.top:before {
    top: auto;
    bottom: calc(100% + 2px);
    border-top-width: 6px;
    border-top-style: solid;
    border-bottom: 0;
    border-top-color: #303133
}

.dgyPop.dgyDp:after,
.dgyPop.dgyDp:before,
.dgyPop:hover:after,
.dgyPop:hover:before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: visibility .2s linear, opacity .15s linear;
    transition: visibility .2s linear, opacity .15s linear
}

.dgyPopper {
    position: relative
}

.dgyPopper .popText {
    display: inline-block;
    padding: 8px 12px;
    border-radius: var(--subRadius);
    color: var(--text);
    font-size: 13px;
    line-height: 1.5;
    border: 1px solid var(--border);
    background: #f9f9f9;
    background: linear-gradient(315deg, var(--input), #fefefe);
    -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, .1);
    box-shadow: 0 6px 24px rgba(0, 0, 0, .1);
    white-space: nowrap;
    position: absolute;
    top: calc(100% + 7px);
    left: -10px;
    z-index: 1024;
    opacity: 0;
    visibility: hidden
}

.dgyPopper .popText:after,
.dgyPopper .popText:before {
    display: block;
    content: "";
    width: 0;
    line-height: 0;
    font-size: 0;
    border-style: solid;
    border-color: transparent;
    position: absolute;
    left: 25px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    border-width: 7px;
    border-top: 0
}

.dgyPopper .popText:before {
    top: -7px;
    border-bottom-color: #e6e8eb
}

.dgyPopper .popText:after {
    top: -6px;
    border-bottom-color: #fff
}

.dgyPopper.top .popText {
    top: auto;
    bottom: calc(100% + 7px)
}

.dgyPopper.top .popText:after,
.dgyPopper.top .popText:before {
    border-top-width: 7px;
    border-top-style: solid;
    border-bottom: 0
}

.dgyPopper.top .popText:before {
    top: auto;
    bottom: -7px;
    border-top-color: #e6e8eb
}

.dgyPopper.top .popText:after {
    top: auto;
    bottom: -6px;
    border-top-color: #fff
}

.dgyPopper.right .popText {
    left: auto;
    right: -10px
}

.dgyPopper.right .popText:after,
.dgyPopper.right .popText:before {
    left: auto;
    right: 10px
}

.dgyPopper.dgyDp .popText,
.dgyPopper:hover .popText {
    opacity: 1;
    visibility: visible;
    -webkit-transition: visibility .2s linear, opacity .15s linear;
    transition: visibility .2s linear, opacity .15s linear
}

.dgyPopper.dark .popText {
    padding: 6px 10px;
    border-radius: var(--subRadius);
    color: #fff;
    border: 1px solid #303133;
    background: #303133;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dgyPopper.dark .popText:after,
.dgyPopper.dark .popText:before {
    border-bottom-color: #303133
}

.dgyPopper.dark.top .popText:after,
.dgyPopper.dark.top .popText:before {
    border-top-color: #303133
}

.dgyFeedPart {
    position: relative
}

.dgyFeedPart .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px
}

.dgyFeedPart .items .contentWrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 13px;
    color: var(--subText);
    line-height: 1.5;
    padding-bottom: 15px;
    border-bottom: 1px dashed #eee
}

.dgyFeedPart .items .avatarText {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    margin-right: 10px;
    text-align: center;
    overflow: hidden;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    border-radius: 50%;
    background-color: var(--mainColor);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1) inset;
    box-shadow: inset 0 3px 10px rgba(0, 0, 0, .1);
    word-wrap: break-word
}

.dgyFeedPart .items:nth-last-child(1n+1) .avatarText {
    background-color: var(--red)
}

.dgyFeedPart .items:nth-last-child(odd) .avatarText {
    background-color: var(--green)
}

.dgyFeedPart .items:nth-last-child(3n+1) .avatarText {
    background-color: var(--blue)
}

.dgyFeedPart .items:nth-last-child(5n+1) .avatarText {
    background-color: var(--yellow)
}







.dgyNotice {
    padding: 12px;
    color: #fff;
    background-color: var(--mainColor)
}

.dgyNotice.green,
.dgyNotice.success {
    background-color: var(--green)
}

.dgyNotice.error,
.dgyNotice.red {
    background-color: var(--red)
}

.dgyNotice.blue,
.dgyNotice.primary {
    background-color: var(--blue)
}

.dgyNotice .noticeBox {
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    line-height: 20px
}

.dgyNote {
    font-size: 13px;
    color: var(--subText);
    line-height: 1.8
}

.dgyNote.info {
    color: var(--infoText)
}

.dgyNote.tr {
    text-align: right
}

.dgyNote.tc {
    text-align: center
}

.dgyNote.f48 {
    font-size: 48px
}

.dgyNote.f32 {
    font-size: 32px
}

.dgyNote.f24 {
    font-size: 24px
}

.dgyNote.f20 {
    font-size: 20px
}

.dgyNote.f18 {
    font-size: 18px
}

.dgyNote.f16 {
    font-size: 16px
}

.dgyNote.f15 {
    font-size: 15px
}

.dgyNote.f14 {
    font-size: 14px
}

.dgyNote.f12 {
    font-size: 12px
}

.dgyNote blockquote {
    margin: 10px 0;
    padding-left: 15px;
    color: var(--infoText);
    font-size: 12px;
    border-left: 4px solid #f0f0f0
}

.dgyNote.blue blockquote,
.dgyNote.danger blockquote,
.dgyNote.gray blockquote,
.dgyNote.green blockquote,
.dgyNote.info blockquote,
.dgyNote.primary blockquote,
.dgyNote.red blockquote,
.dgyNote.success blockquote,
.dgyNote.warn blockquote,
.dgyNote.yellow blockquote {
    padding: 10px 15px;
    border-radius: var(--subRadius)
}

.dgyNote.gray blockquote,
.dgyNote.info blockquote {
    border-left-color: #d3d4d6;
    background-color: #f6f7f8;
    color: #909399
}

.dgyNote.blue blockquote,
.dgyNote.primary blockquote {
    border-left-color: #b3d8ff;
    background-color: #ecf5ff;
    color: #409eff
}

.dgyNote.green blockquote,
.dgyNote.success blockquote {
    border-left-color: #c2e7b0;
    background-color: #f0f9eb;
    color: #67c23a
}

.dgyNote.warn blockquote,
.dgyNote.yellow blockquote {
    border-left-color: #f5dab1;
    background-color: #fdf6ec;
    color: #e6a23c
}

.dgyNote.danger blockquote,
.dgyNote.red blockquote {
    border-left-color: #f56c6c;
    background-color: #fef0f0;
    color: #f56c6c
}

.dgyNote .noteBox {
    font-size: 12px;
    padding: 10px 16px;
    background-color: #fafafa;
    border: 1px solid #eaeefb;
    border-radius: var(--radius)
}

.dgyNote.small .noteBox,
.dgyNote.small blockquote {
    padding: 5px 12px
}

.dgyLetterPart {
    padding: 50px;
    margin: 20px auto;
    border: 1px solid #f6f6f6;
    background-color: #f7f8fa
}

.dgyLetter {
    max-width: 680px;
    margin: 0 auto;
    border-radius: var(--radius);
    position: relative;
    padding: 10px;
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 16px rgba(0, 0, 0, .2);
    overflow: hidden
}

.dgyLetter:before {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, var(--mainColor), var(--mainColor) 25%, #fff 0, #fff 50%, var(--mainColor) 0, var(--mainColor) 75%, #fff 0, #fff);
    background-size: 40px 40px
}

.dgyLetter:after,
.dgyLetter:before {
    content: "";
    display: block;
    position: absolute
}

.dgyLetter:after {
    left: 6px;
    top: 6px;
    right: 6px;
    bottom: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2) inset;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, .2)
}

.dgyLetter .letterWrap {
    position: relative;
    z-index: 10;
    padding: 40px 30px
}

.dgyLetter .letterWrap .letter {
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    margin: 20px 0;
    padding: 30px 20px;
    text-align: justify;
    line-height: 1.8;
    font-size: 14px;
    color: var(--text)
}

.dgyLetter .letterWrap.mark:after {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 10px;
    width: 120px;
    height: 110px;
    background: url() no-repeat 50%;
    background-size: 110px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    opacity: .8
}

.dgyMsg {
    padding: 40px
}

.dgyMsg.php {
    position: fixed;
    left: 50%;
    top: 45%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 900
}

.dgyMsg.large .msgWrap {
    width: 520px
}

.dgyMsg .msgWrap {
    position: relative;
    border: 1px solid var(--border);
    width: 460px;
    min-height: 300px;
    padding: 30px 60px 50px;
    border-radius: 20px;
    text-align: center;
    font-size: 13px;
    color: var(--subText);
    line-height: 1.5;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 16px rgba(0, 0, 0, .08)
}

.dgyMsg .msgWrap.tl {
    text-align: left
}

.dgyMsg .msgWrap:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: rotate(354deg);
    transform: rotate(354deg);
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid var(--border);
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 16px rgba(0, 0, 0, .08)
}

.dgyMsg .msgWrap .closeBtn {
    position: absolute;
    right: 40px;
    top: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: var(--infoText);
    text-align: center;
    z-index: 10;
    cursor: pointer
}

.dgyMsg .msgWrap .closeBtn .dgyIcon {
    font-size: 24px
}

.dgyMsg .msgWrap .scrollBox {
    max-height: 120px;
    overflow-y: auto
}

.dgyMsg .msgWrap .scrollBox::-webkit-scrollbar {
    width: 0;
    height: 0
}

.dgyMsg .msgWrap .msgContent {
    position: relative;
    z-index: 10
}

.dgyMsg .msgWrap .msgContent .title {
    font-size: 18px;
    color: var(--text);
    font-weight: 700;
    margin-bottom: 10px
}

.dgyLine {
    border-bottom: 1px solid var(--border);
    padding-bottom: 10px;
    margin-bottom: 10px
}

.dgyLine.small {
    padding-bottom: 5px;
    margin-bottom: 5px
}

.dgyLine.dotted {
    border-bottom-style: dotted;
    border-color: #ddd
}

.dgyLine.dashed {
    border-bottom-style: dashed;
    border-color: #ddd
}

.dgyLine.double {
    border-bottom-style: double
}

.dgyLine.theme {
    border-color: var(--mainColor)
}

.dgyColor {
    color: var(--mainColor)
}

.dgyColor.blue,
.dgyColor.primary {
    color: var(--blue)
}

.dgyColor.green,
.dgyColor.success {
    color: var(--green)
}

.dgyColor.warning,
.dgyColor.yellow {
    color: var(--yellow)
}

.dgyColor.danger,
.dgyColor.red {
    color: var(--red)
}

.dgyColor.gray,
.dgyColor.info {
    color: #909399
}

.dgyColor.light,
.dgyColor.white {
    color: #fff
}

.dgyColor.black,
.dgyColor.main {
    color: var(--text)
}

.dgyColor.sub {
    color: var(--subText)
}

.dgyColor.info {
    color: var(--infoText)
}

.dgyColor.gold,
.dgyColor.vip {
    color: var(--gold)
}

.dgyIcon.super {
    font-size: 64px
}

.dgyIcon.large {
    font-size: 48px
}

.dgyIcon.medium,
.dgyIcon.mid {
    font-size: 32px
}

.dgyIcon.small {
    font-size: 24px
}

.dgyIcon.min {
    font-size: 12px
}

.dgyText {
    color: var(--subText);
    font-size: 13px;
    line-height: 1.5
}

.dgyText.h1,
.dgyText.h2,
.dgyText.h3,
.dgyText.h4,
.dgyText.h5,
.dgyText.h6 {
    font-weight: 700;
    color: var(--text);
    line-height: 1.8
}

.dgyText.h1 {
    font-size: 28px
}

.dgyText.h2 {
    font-size: 24px
}

.dgyText.h3 {
    font-size: 20px
}

.dgyText.h4 {
    font-size: 18px
}

.dgyText.f16,
.dgyText.h5 {
    font-size: 15px
}

.dgyText.f14,
.dgyText.h6 {
    font-size: 14px
}

.dgyText.f15 {
    font-size: 15px
}

.dgyText.f16 {
    font-size: 16px
}

.dgyText.f18 {
    font-size: 18px
}

.dgyText.f20 {
    font-size: 20px
}

.dgyText.f24 {
    font-size: 24px
}

.dgyText.f32 {
    font-size: 32px
}

.dgyText.info,
.dgyText.small {
    color: var(--infoText)
}

.dgyText.small {
    font-size: 12px
}

.dgyText.lh1 {
    line-height: 1 !important
}

.dgyText.white {
    color: #fff !important
}

.dgyText.theme {
    color: var(--mainColor) !important
}

.dgyText.underline {
    background-image: linear-gradient(180deg, rgba(255, 0, 0, 0) 0, rgba(255, 0, 0, 0) 12px, #eaf0fc 0)
}

.dgyTabsSwitch {
    position: relative;
    background: #f4f5f6;
    padding: 4px;
    border-radius: var(--radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dgyTabsSwitch .items {
    padding: 3px 10px;
    border-radius: var(--subRadius);
    font-size: 12px;
    color: var(--infoText);
    cursor: pointer
}



.dgyTabsSwitch .items.on {
    background-color: var(--mainColor);
    color: #fff
}

.dgyTabsSwitch .items.on:hover {
    color: #fff
}

.dgyTabsSwitch.green .items.on {
    background-color: var(--green)
}

.dgyTabsSwitch.yellow .items.on {
    background-color: var(--yellow)
}

.dgyTabsSwitch.blue .items.on {
    background-color: var(--blue)
}

.dgyTabsSwitch.red .items.on {
    background-color: var(--red)
}

.dgySwitch {
    position: relative;
    background-color: var(--gray);
    height: 20px;
    min-width: 40px;
    border-radius: 10px;
    cursor: pointer
}

.dgySwitch:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: left .2s linear;
    transition: left .2s linear
}

.dgySwitch.on {
    background-color: var(--mainColor)
}

.dgySwitch.on:after {
    left: calc(100% - 18px)
}

.dgySwitch.circle {
    min-width: 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid var(--mainColor);
    overflow: hidden
}

.dgySwitch.circle.small {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.dgySwitch.circle:after {
    left: 0;
    width: 10px;
    height: 20px;
    border-radius: 0;
    background-color: var(--mainColor);
    -webkit-transition: none;
    transition: none
}

.dgySwitch.circle.on {
    border-color: var(--dgyBlue)
}

.dgySwitch.circle.on:after {
    left: auto;
    right: 0;
    background-color: var(--dgyBlue)
}

.dgySwitch.green.on {
    background-color: var(--green)
}

.dgySwitch.yellow.on {
    background-color: var(--yellow)
}

.dgySwitch.blue.on {
    background-color: var(--blue)
}

.dgySwitch.red.on {
    background-color: var(--red)
}

.dgySwitch.theme.on {
    background-color: var(--mainColor)
}

.dgyRadio>label {
    position: relative;
    padding: 5px 15px 5px 22px;
    height: 36px;
    font-size: 13px;
    margin-right: 10px;
    overflow: hidden;
    color: var(--subText);
    background-color: var(--input);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dgyRadio>label input[type=checkbox]+img,
.dgyRadio>label input[type=radio]+img {
    height: 30px
}

.dgyRadio>label input[type=checkbox],
.dgyRadio>label input[type=radio] {
    visibility: hidden;
    width: 8px
}

.dgyRadio>label input[type=checkbox]:after,
.dgyRadio>label input[type=checkbox]:before,
.dgyRadio>label input[type=radio]:after,
.dgyRadio>label input[type=radio]:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--subRadius);
    cursor: pointer;
    visibility: visible
}

.dgyRadio>label input[type=checkbox]:before,
.dgyRadio>label input[type=radio]:before {
    border: 1px solid var(--border)
}

.dgyRadio>label input[type=checkbox]:after,
.dgyRadio>label input[type=radio]:after {
    content: "";
    display: block;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    color: #fff;
    text-align: center;
    background-color: #fff;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dgyRadio>label input[type=radio]:checked:before {
    border-color: var(--mainColor)
}

.dgyRadio>label input[type=radio]:checked:after {
    border: 5px solid var(--mainColor)
}

.dgyRadio>label input[type=checkbox]:after {
    content: "鉁�";
    border-radius: 3px;
    font-size: 12px;
    line-height: 14px
}

.dgyRadio>label input[type=checkbox]:checked:before {
    border-color: var(--mainColor)
}

.dgyRadio>label input[type=checkbox]:checked:after {
    color: #fff;
    background-color: var(--mainColor);
    border-color: var(--mainColor)
}

.dgyRadio>label input[type=checkbox]:focus,
.dgyRadio>label input[type=radio]:focus {
    outline: none
}

.dgyRadio>label input[type=checkbox]:disabled,
.dgyRadio>label input[type=radio]:disabled {
    opacity: .8
}

.dgyRadio>label input[type=checkbox]:disabled:after,
.dgyRadio>label input[type=checkbox]:disabled:before,
.dgyRadio>label input[type=radio]:disabled:after,
.dgyRadio>label input[type=radio]:disabled:before {
    cursor: not-allowed
}

.dgyRadio.blue>label {
    background-color: #ecf5ff
}

.dgyRadio.blue>label input[type=checkbox]:checked:after,
.dgyRadio.blue>label input[type=checkbox]:checked:before,
.dgyRadio.blue>label input[type=radio]:checked:after,
.dgyRadio.blue>label input[type=radio]:checked:before {
    border-color: var(--blue)
}

.dgyRadio.blue>label input[type=radio]:checked:after {
    border-width: 5px
}

.dgyRadio.blue>label input[type=checkbox]:checked:after {
    background-color: var(--blue)
}

.dgyRadio.yellow>label {
    background-color: #fdf6ec
}

.dgyRadio.yellow>label input[type=checkbox]:checked:after,
.dgyRadio.yellow>label input[type=checkbox]:checked:before,
.dgyRadio.yellow>label input[type=radio]:checked:after,
.dgyRadio.yellow>label input[type=radio]:checked:before {
    border-color: var(--yellow)
}

.dgyRadio.yellow>label input[type=radio]:checked:after {
    border-width: 5px
}

.dgyRadio.yellow>label input[type=checkbox]:checked:after {
    background-color: var(--yellow)
}

.dgyRadio.red>label {
    background-color: #fef0f0
}

.dgyRadio.red>label input[type=checkbox]:checked:after,
.dgyRadio.red>label input[type=checkbox]:checked:before,
.dgyRadio.red>label input[type=radio]:checked:after,
.dgyRadio.red>label input[type=radio]:checked:before {
    border-color: var(--red)
}

.dgyRadio.red>label input[type=radio]:checked:after {
    border-width: 5px
}

.dgyRadio.red>label input[type=checkbox]:checked:after {
    background-color: var(--red)
}

.dgyRadio.green>label {
    background-color: #f0f9eb
}

.dgyRadio.green>label input[type=checkbox]:checked:after,
.dgyRadio.green>label input[type=checkbox]:checked:before,
.dgyRadio.green>label input[type=radio]:checked:after,
.dgyRadio.green>label input[type=radio]:checked:before {
    border-color: var(--green)
}

.dgyRadio.green>label input[type=radio]:checked:after {
    border-width: 5px
}

.dgyRadio.green>label input[type=checkbox]:checked:after {
    background-color: var(--green)
}

.dgyRadio.large>label {
    padding: 10px 20px 10px 28px;
    height: 42px
}

.dgyRadio.large>label input[type=checkbox]:after,
.dgyRadio.large>label input[type=radio]:after {
    left: 15px
}

.dgyRadio.light>label {
    background: transparent;
    padding-right: 10px
}

.dgyRadio.light>label input[type=checkbox]:before,
.dgyRadio.light>label input[type=radio]:before {
    border-color: transparent
}

.dgyRadio.light>label input[type=checkbox]:after,
.dgyRadio.light>label input[type=radio]:after {
    left: 8px;
    opacity: .6
}

.dgyRadio.light>label input[type=checkbox]:checked:before,
.dgyRadio.light>label input[type=radio]:checked:before {
    border-color: transparent
}

.dgyRadio.light>label input[type=checkbox]:checked:after,
.dgyRadio.light>label input[type=radio]:checked:after {
    opacity: 1
}

.dgyRadio.switch {
    position: relative;
    width: 40px;
    height: 20px
}

.dgyRadio.switch input[type=radio] {
    visibility: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 10;
    opacity: 0
}

.dgyRadio.switch input[type=radio]:after,
.dgyRadio.switch input[type=radio]:before {
    content: "";
    display: block;
    position: absolute;
    visibility: visible;
    border-radius: 10px;
    cursor: pointer
}

.dgyRadio.switch input[type=radio]:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--gray)
}

.dgyRadio.switch input[type=radio]:after {
    content: "";
    left: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: left .2s linear;
    transition: left .2s linear;
    margin-top: 0
}

.dgyRadio.switch input[type=radio]:first-child:checked,
.dgyRadio.switch input[type=radio]:last-child:checked {
    z-index: 1;
    opacity: 1
}

.dgyRadio.switch input[type=radio]:first-child:checked:before {
    background-color: var(--mainColor)
}

.dgyRadio.switch input[type=radio]:first-child:checked:after,
.dgyRadio.switch input[type=radio]:last-child:after {
    left: calc(100% - 18px)
}

.dgyRadio.switch input[type=radio]:last-child:checked:before {
    background-color: var(--gray)
}

.dgyRadio.switch input[type=radio]:last-child:checked:after {
    left: 2px
}

.dgyRadio.switch.blue input[type=radio]:first-child:checked:before {
    background-color: var(--blue)
}

.dgyRadio.switch.yellow input[type=radio]:first-child:checked:before {
    background-color: var(--yellow)
}

.dgyRadio.switch.red input[type=radio]:first-child:checked:before {
    background-color: var(--red)
}

.dgyRadio.switch.green input[type=radio]:first-child:checked:before {
    background-color: var(--green)
}

.dgyInput,
.uploadfile {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    width: 100%;
    border-radius: var(--subRadius);
    border: 1px solid var(--border);
    padding: 5px 10px;
    line-height: 24px;
    font-size: 13px;
    color: var(--text);
    overflow: hidden;
    background-color: var(--input)
}

.dgyInput.select,
.uploadfile.select {
    padding-right: 30px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA/klEQVRYR+2V3Q2DIBRGP8IOHaLuYMAd6gp96Th96Qp2ByHu0A7RHYgNiRqsf3CL8QWfiIGcw3fhwnDwxw7mIwmkBFICQwJKKcE5/+R5/t7zajZNczbGnKSU2nJGAgDunPNyL4kOXgG4LQkoAK89JBx4BkBOBGwcdV1XjLFLbAkX3rbtsyiKsi/z5BbElliDj86Ae/BiSWzBFwVilMMHvirwj4QvfFOAIhEC9xIIkQiFewv4SFDgQQJrElR4sMCchP1njLHtNfttMj5vCuk5dvtEByHBSQn0u3IkQNn5Yiv2ia2fo7V+2LEQ4hqyzp1LKgEVNrcuCaQEUgKHJ/AF9mviIYcDpGAAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position: 96%;
    background-size: 14px
}

.dgyInput.select::-ms-expand,
.uploadfile.select::-ms-expand {
    display: none
}

.dgyInput:focus,
.uploadfile:focus {
    border-color: var(--focusBorder)
}

.dgyInput.num,
.dgyInputinput[type=number],
.uploadfile.num,
.uploadfileinput[type=number] {
    font-size: 15px
}

.laydate_body .laydate_box,
.laydate_body .laydate_box * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.dgyFormYzm .input,
.dgyFormYzm input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    width: 100%;
    border-radius: var(--subRadius);
    border: 1px solid var(--border);
    padding: 5px 10px;
    line-height: 24px;
    height: auto;
    font-size: 13px;
    color: var(--text);
    overflow: hidden;
    background-color: var(--input)
}

.dgyFormYzm .input.laydate-icon,
.dgyFormYzm input.laydate-icon {
    background-position: 10px;
    padding-left: 30px
}

.dgyFormYzm .input:focus,
.dgyFormYzm input:focus {
    border-color: var(--focusBorder)
}

.dgyFormYzm .select,
.dgyFormYzm select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    width: 100%;
    border-radius: var(--subRadius);
    border: 1px solid var(--border);
    padding: 5px 30px 5px 10px;
    line-height: 24px;
    font-size: 13px;
    color: var(--text);
    overflow: hidden;
    background-color: var(--input);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA/klEQVRYR+2V3Q2DIBRGP8IOHaLuYMAd6gp96Th96Qp2ByHu0A7RHYgNiRqsf3CL8QWfiIGcw3fhwnDwxw7mIwmkBFICQwJKKcE5/+R5/t7zajZNczbGnKSU2nJGAgDunPNyL4kOXgG4LQkoAK89JBx4BkBOBGwcdV1XjLFLbAkX3rbtsyiKsi/z5BbElliDj86Ae/BiSWzBFwVilMMHvirwj4QvfFOAIhEC9xIIkQiFewv4SFDgQQJrElR4sMCchP1njLHtNfttMj5vCuk5dvtEByHBSQn0u3IkQNn5Yiv2ia2fo7V+2LEQ4hqyzp1LKgEVNrcuCaQEUgKHJ/AF9mviIYcDpGAAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position: 98%;
    background-size: 14px
}

.dgyFormYzm .select::-ms-expand,
.dgyFormYzm select::-ms-expand {
    display: none
}

.dgyFormYzm .select:focus,
.dgyFormYzm select:focus {
    border-color: var(--focusBorder)
}

.dgyFormYzm.large .select,
.dgyFormYzm.large select {
    padding: 6px 30px 6px 15px;
    line-height: 28px
}

.dgyFormYzm.large .input,
.dgyFormYzm.large input {
    padding: 6px 15px;
    line-height: 28px
}

.dgyFormYzm.large .input.laydate-icon,
.dgyFormYzm.large input.laydate-icon {
    padding-left: 50px
}

.dgyFormYzm.w240 {
    width: 240px
}

.dgyFormYzm.w360 {
    width: 360px
}

.dgyFormYzm.b9 .select,
.dgyFormYzm.b9 select {
    background-position: 95%
}

.dgyTextarea {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 15px;
    font-size: 13px;
    color: var(--text);
    line-height: 18px;
    background-color: var(--input);
    border-radius: var(--subRadius);
    border: 1px solid var(--border);
    width: 100%;
    min-height: 100px;
    margin-bottom: 10px
}

.dgyTextarea.editor {
    min-height: 300px;
    font-size: 14px;
    line-height: 24px
}

.dgyTextarea.large {
    min-height: 200px;
    font-size: 14px;
    line-height: 24px
}

.dgyTextarea.reply {
    background-color: #fff;
    margin-top: 20px
}

.dgyTextarea:focus {
    border-color: var(--focusBorder)
}

.formPart {
    margin-bottom: 30px
}

.formPart .submitPart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.formPart .submitPart .dgyBtn {
    padding: 0 30px
}

.dgyInputLabel {
    font-size: 13px;
    color: var(--text);
    position: relative
}

.dgyInputLabel .iconBox {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.dgyInputLabel .iconBox .dgyIcon {
    font-size: 18px;
    color: #bbb
}

.dgyInputLabel .iconBox.on .dgyIcon {
    color: var(--mainColor)
}

.dgyInputLabel .qrCode {
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -13px;
    width: 90px;
    height: 26px;
    cursor: pointer
}

.dgyInputLabel .qrCode.demo {
    background-color: #fff;
    border: 1px solid var(--border);
    border-radius: var(--subRadius)
}

.dgyInputLabel .qrCode.img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -o-object-fit: cover;
    object-fit: cover
}

.dgyInputLabel .dgyUpBtn,
.dgyInputLabel .upload-btn {
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -17px;
    width: 100px;
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    cursor: pointer;
    border-radius: var(--subRadius);
    color: #fff;
    font-size: 13px;
    text-align: center;
    background-color: var(--mainColor);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    white-space: nowrap;
    overflow: hidden
}

.dgyInputLabel .dgyUpBtn :hover,
.dgyInputLabel .upload-btn :hover {
    opacity: .8
}

.dgyInputLabel.large .dgyInput,
.dgyInputLabel.large .uploadfile {
    padding: 6px 15px;
    line-height: 28px;
    font-size: 14px
}

.dgyInputLabel.large .dgyInput.num,
.dgyInputLabel.large .dgyInputinput[type=number],
.dgyInputLabel.large .uploadfile.num,
.dgyInputLabel.large .uploadfileinput[type=number] {
    font-size: 16px
}

.dgyInputLabel.large .qrCode {
    margin-top: -17px;
    width: 100px;
    height: 34px
}

.dgyInputLabel.w240 {
    width: 240px
}

.dgyInputLabel.w360 {
    width: 360px
}

.dgyInputLabel.title .dgyInput,
.dgyInputLabel.title .uploadfile {
    padding: 8px 15px;
    line-height: 28px;
    font-size: 16px;
    background: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--border)
}

.dgyInputLabel.title .dgyInput:focus,
.dgyInputLabel.title .uploadfile:focus {
    border-color: var(--focusBorder)
}

.dgyInputLabel.title .iconBox {
    margin-top: -21px;
    width: 42px;
    height: 42px;
    left: 5px;
    line-height: 42px
}

.dgyInputLabel.title .iconBox .dgyIcon {
    font-size: 24px;
    color: var(--mainColor)
}

.dgyInputLabel.icon .dgyInput,
.dgyInputLabel.icon .uploadfile {
    padding-left: 50px
}

.dgyInputLabel.codePart,
.dgyInputLabel.qrCode .dgyInput,
.dgyInputLabel.qrCode .uploadfile {
    padding-right: 110px
}

.dgyFormRule {
    padding-bottom: 20px;
    position: relative
}

.dgyFormRule .ruleTips {
    visibility: hidden;
    position: absolute;
    bottom: 3px;
    left: 5px;
    height: 16px;
    line-height: 16px;
    color: var(--red);
    font-size: 12px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.dgyFormRule.error .dgyInput {
    border-color: var(--red)
}

.dgyFormRule.error .ruleTips {
    visibility: visible
}

.dgyTable {
    margin-bottom: 10px;
    font-size: 13px;
    color: var(--subText);
    width: 100%;
    text-align: left
}

.dgyTable thead {
    padding: 12px 0;
    font-weight: 600;
    font-size: 14px;
    color: var(--text)
}

.dgyTable tbody,
.dgyTable thead {
    line-height: 30px
}

.dgyTable tbody tr:hover {
    background: #fafafa
}

.dgyTable td,
.dgyTable th {
    padding: 12px 5px;
    border-bottom: 1px solid var(--border)
}

.dgyServiceWidget {
    position: fixed;
    right: 40px;
    bottom: 80px;
    z-index: 200
}

.dgyServiceWidget .items {
    cursor: pointer;
    margin-top: 8px;
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: var(--radius);
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .02);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .02);
    border: 1px solid var(--border)
}

.dgyServiceWidget .items .iconBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px
}

.dgyServiceWidget .items .iconBox .dgyIcon {
    color: var(--text);
    font-size: 20px
}

.dgyServiceWidget .items:hover {
    background: var(--mainColor);
    border-color: var(--mainColor)
}

.dgyServiceWidget .items:hover .messageWrap {
    display: block
}

.dgyServiceWidget .items:hover .iconBox .dgyIcon {
    color: #fff
}

.dgyServiceWidget .items.theme:hover {
    background: #fff;
    border-color: var(--border)
}

.dgyServiceWidget .messageWrap {
    position: absolute;
    right: 40px;
    bottom: 0;
    padding-right: 14px;
    text-align: center;
    display: none
}

.dgyServiceWidget .messageWrap .messageBox {
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .02);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .02);
    border: 1px solid var(--border);
    background: #fff;
    border-radius: 6px;
    padding: 15px
}

.dgyServiceWidget .messageWrap .messageBox .qrCode {
    display: block;
    width: 120px;
    height: auto;
    margin: 0 auto 10px
}

.dgyServiceWidget .messageWrap .messageBox p {
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
    color: #8c8889
}

#pageGroup,
.dgyPagination {
    margin: 10px auto;
    font-size: 13px;
    text-align: center
}

#pageGroup.tl,
.dgyPagination.tl {
    text-align: left
}

#pageGroup.tr,
.dgyPagination.tr {
    text-align: right
}

#pageGroup a,
#pageGroup span,
.dgyPagination a,
.dgyPagination span {
    display: inline-block;
    color: var(--infoText);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 4px
}


#pageGroup .nextpage,
#pageGroup .nextPage,
#pageGroup .prepage,
#pageGroup .prePage,
.dgyPagination .nextpage,
.dgyPagination .nextPage,
.dgyPagination .prepage,
.dgyPagination .prePage {
    text-indent: -99999em;
    opacity: .5
}

#pageGroup .nextpage.nopage,
#pageGroup .nextpage.noPage,
#pageGroup .nextPage.nopage,
#pageGroup .nextPage.noPage,
#pageGroup .prepage.nopage,
#pageGroup .prepage.noPage,
#pageGroup .prePage.nopage,
#pageGroup .prePage.noPage,
.dgyPagination .nextpage.nopage,
.dgyPagination .nextpage.noPage,
.dgyPagination .nextPage.nopage,
.dgyPagination .nextPage.noPage,
.dgyPagination .prepage.nopage,
.dgyPagination .prepage.noPage,
.dgyPagination .prePage.nopage,
.dgyPagination .prePage.noPage {
    opacity: .2
}

#pageGroup .prepage,
#pageGroup .prePage,
.dgyPagination .prepage,
.dgyPagination .prePage {
    background: url(//m.360buyimg.com/babel/jfs/t1/20899/24/18861/1153/63465323E53e27654/2e56d3ee00171a61.png) no-repeat 50%;
    background-size: 18px
}

#pageGroup .nextpage,
#pageGroup .nextPage,
.dgyPagination .nextpage,
.dgyPagination .nextPage {
    background: url(//m.360buyimg.com/babel/jfs/t1/184115/30/29673/1282/634652fcE7716e578/08687af2896fcfbb.png) no-repeat 50%;
    background-size: 18px
}

#pageGroup .nopage,
#pageGroup .noPage,
.dgyPagination .nopage,
.dgyPagination .noPage {
    position: relative
}

#pageGroup .curpage,
#pageGroup .curPage,
.dgyPagination .curpage,
.dgyPagination .curPage {
    color: var(--mainColor);
    font-weight: 700
}

#pageGroup .pageinfo,
#pageGroup .pageInfo,
.dgyPagination .pageinfo,
.dgyPagination .pageInfo {
    display: none
}

.dgyEmpty,
.dgySvg {
    position: relative;
    padding-top: 190px;
    min-width: 280px;
    text-align: center;
    font-size: 13px;
    color: var(--infoText);
    line-height: 1.5
}

.dgyEmpty.page,
.dgySvg.page {
    margin: 100px auto 60px
}

.dgyEmpty.box,
.dgySvg.box {
    margin: 50px auto 30px
}

.dgyEmpty:after,
.dgySvg:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width: 280px;
    height: 190px;
    -o-object-fit: cover;
    object-fit: cover;
    background: url(/static/img/build.svg) no-repeat 50%;
    background-size: 90%;
    opacity: .8
}

.dgyEmpty.coffee:after,
.dgySvg.coffee:after {
    background: url(/static/img/coffee.svg) no-repeat 50%;
    background-size: 90%
}

.dgyEmpty.balloon:after,
.dgySvg.balloon:after {
    background: url(/static/img/zy2.svg) no-repeat 50%;
    background-size: 90%
}

.dgyEmpty.question:after,
.dgySvg.question:after {
    background: url(/static/img/question.svg) no-repeat 50%;
    background-size: 90%
}

.dgyEmpty.search:after,
.dgySvg.search:after {
    background: url(/static/img/search.svg) no-repeat 50%;
    background-size: 90%
}

.dgyEmpty.scooter:after,
.dgySvg.scooter:after {
    background: url(/static/img/scooter.svg) no-repeat 50%;
    background-size: 90%
}

.dgyEmpty.noPage:after,
.dgySvg.noPage:after {
    background: url(/static/img/404.svg) no-repeat 50%;
    background-size: 90%
}

.dgyEmpty.large,
.dgySvg.large {
    padding-top: 240px;
    min-width: 360px
}

.dgyEmpty.large:after,
.dgySvg.large:after {
    width: 360px;
    height: 240px
}

.dgyEmpty.mid,
.dgySvg.mid {
    padding-top: 136px;
    min-width: 200px
}

.dgyEmpty.mid:after,
.dgySvg.mid:after {
    width: 200px;
    height: 136px
}

.dgyEmpty.small,
.dgySvg.small {
    padding-top: 85px;
    min-width: 120px;
    font-size: 12px
}

.dgyEmpty.small:after,
.dgySvg.small:after {
    width: 120px;
    height: 85px
}

.dgyBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36px;
    padding: 0 18px;
    cursor: pointer;
    border-radius: var(--subRadius);
    color: #fff;
    font-size: 13px;
    text-align: center;
    background: var(--mainColor);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

.dgyBtn.sub {
    background: #f0f3f4;
    color: #444950
}



.dgyBtn.light {
    background: #fff;
    color: #787878;
    border: 1px solid #ddd
}



.dgyBtn.linear {
    background: -webkit-gradient(linear, left top, right top, from(#e0208c), to(#fa6400));
    background: linear-gradient(90deg, #e0208c 0, #fa6400)
}

.dgyBtn.plain {
    color: var(--mainColor);
    background: transparent;
    border: 1px solid var(--mainColor)
}

.dgyBtn.plain:hover {
    color: #fff;
    background: var(--mainColor)
}

.dgyBtn.radius {
    border-radius: 18px
}

.dgyBtn.shadow {
    -webkit-box-shadow: #e7fcef;
    box-shadow: #e7fcef
}

.dgyBtn.circle {
    width: 36px;
    border-radius: 50%
}

.dgyBtn.large {
    height: 42px;
    font-size: 16px;
    font-weight: 600
}

.dgyBtn.small {
    height: 32px
}

.dgyBtn.min {
    padding: 0 10px;
    font-size: 12px;
    height: 28px
}

.dgyBtn.full {
    width: 100%
}

.dgyBtn.flex {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dgyBtn.disabled {
    opacity: .7;
    cursor: not-allowed
}

.dgyBtnGroup {
    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;
    cursor: pointer;
    border-radius: var(--subRadius);
    font-size: 13px;
    text-align: center;
    border: 1px solid var(--mainColor);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.dgyBtnGroup .dgyBtn {
    width: 100%;
    border-right: 1px solid var(--border);
    background: var(--mainColor);
    color: #fff;
    border-radius: 0
}

.dgyBtnGroup .dgyBtn:last-of-type {
    border-right: 0
}

.dgyBtnGroup .dgyBtn:hover {
    opacity: .8
}

.dgyBtnGroup .dgyBtn .dgyIcon {
    font-size: 18px;
    margin-left: 5px
}

.dgyBtnGroup.text {
    border: 0
}

.dgyBtnGroup.text .dgyBtn {
    background: transparent;
    color: var(--text)
}


.dgyActionBtn {
    font-size: 12px;
    color: var(--infoText);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.dgyActionBtn,
.dgyActionBtn .iconBox {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dgyActionBtn .iconBox {
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 60px;
    height: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: #f2f2f2;
    border: 1px solid var(--border);
    position: relative
}

.dgyActionBtn .iconBox .dgyIcon {
    font-size: 28px;
    color: #aaa
}

.dgyActionBtn .iconBox .dgyIcon.on {
    color: var(--mainColor)
}

.dgyActionBtn .iconBox.on {
    background: var(--mainColor);
    border-color: var(--mainColor)
}

.dgyActionBtn .iconBox.on .dgyIcon {
    color: #fff
}

.dgyActionBtn .iconBox .badge {
    position: absolute;
    left: 65%;
    top: 0;
    min-width: 22px;
    max-width: 48px;
    padding: 0 6px;
    height: 22px;
    line-height: 20px;
    border-radius: 12px;
    background-color: var(--mainColor);
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.dgyActionBtn .iconBox .badge.gold {
    background-color: #faad14
}

.dgyActionBtn .iconBox .badge.blue {
    background-color: #409eff
}

.dgyActionBtn.small .iconBox {
    width: 50px;
    height: 50px;
    margin-bottom: 5px
}

.dgyActionBtn.small .iconBox .dgyIcon {
    font-size: 24px
}



.dgyAsideNav {
    height: 100%;
    position: relative;
    z-index: 100
}

.dgyAsideNav.gray {
    background: #f6f7f9
}

.dgyAsideNav.doc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fafafa
}

.dgyAsideNav.fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100
}

.dgyAsideNav.hideMenu .dgyMenu {
    width: 0;
    opacity: 0
}

.dgyAsideNav .asideNav {
    width: 80px;
    background: #fff;
    -webkit-box-shadow: 0 3px 18px rgba(0, 0, 0, .08);
    box-shadow: 0 3px 18px rgba(0, 0, 0, .08);
    padding-top: 10px
}

.dgyAsideNav .asideNav .navCard .navItems {
    padding: 10px;
    font-size: 12px;
    color: var(--infoText);
    cursor: pointer;
    text-align: center;
    margin-bottom: 15px
}

.dgyAsideNav .asideNav .navCard .navItems .iconBox {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dgyAsideNav .asideNav .navCard .navItems .iconBox .dgyIcon {
    font-size: 24px;
    opacity: .6
}



.dgyAsideNav .asideNav .navCard .navItems.on .dgyIcon,
.dgyAsideNav .asideNav .navCard .navItems:hover .dgyIcon {
    opacity: 1
}

.dgyAsideNav .dgyMenu {
    min-height: 600px;
    padding: 10px 0;
    width: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    border-right: 1px solid var(--border);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.dgyAsideNav .dgyMenu::-webkit-scrollbar {
    width: 0;
    height: 0
}

.dgyAsideNav .menuGroup {
    position: relative
}

.dgyAsideNav .menuGroup .menuLabel {
    margin-bottom: 20px
}

.dgyAsideNav .menuGroup .topHead {
    color: var(--infoText);
    line-height: 24px;
    padding: 0 30px
}

.dgyAsideNav .menuGroup .topHead .menuTitle {
    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;
    font-size: 12px;
    border-bottom: 1px solid var(--border);
    padding: 10px 0
}

.dgyAsideNav .menuGroup .topHead .menuTitle .dgyIcon {
    font-size: 18px
}

.dgyAsideNav .menuGroup .itemList {
    margin-top: 10px
}

.dgyAsideNav .menuGroup .itemList .menuItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    color: var(--text);
    padding: 10px 30px;
    margin-bottom: 5px;
    border-right: 3px solid transparent;
    cursor: pointer
}

.dgyAsideNav .menuGroup .itemList .menuItems .dgyIcon {
    font-size: 18px;
    margin-right: 10px
}


.dgyAsideNav .menuGroup.grid {
    padding: 0 20px 10px
}

.dgyAsideNav .menuGroup.grid .topHead {
    padding: 0
}

.dgyAsideNav .menuGroup.grid .menuCardPart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px
}

.dgyAsideNav .menuGroup.grid .menuCardPart .menuCardItems {
    width: 50%;
    padding-left: 20px;
    padding-top: 20px
}

.dgyAsideNav .menuGroup.grid .menuCard {
    font-size: 12px;
    color: var(--infoText);
    cursor: pointer;
    text-align: center
}

.dgyAsideNav .menuGroup.grid .menuCard .imgBox {
    background: #f1f1f1;
    border-radius: var(--subRadius)
}

.dgyAsideNav .menuGroup.grid .menuCard .iconBox,
.dgyAsideNav .menuGroup.grid .menuCard .imgBox {
    width: 90px;
    height: 90px;
    margin: 0 auto 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dgyAsideNav .menuGroup.grid .menuCard .iconBox {
    background-color: #fff;
    border-radius: var(--subRadius);
    border: 1px solid var(--border);
    font-size: 13px;
    color: var(--infoText);
    position: relative
}

.dgyAsideNav .menuGroup.grid .menuCard .iconBox .dgyIcon {
    font-size: 32px
}



.dgyArticle {
    font-size: 14px;
    color: var(--subText);
    line-height: 1.8;
    position: relative;
    text-align: justify
}

.dgyArticle p {
    line-height: 1.8
}

.dgyArticle.forum,
.dgyArticle p {
    color: var(--text);
    margin-bottom: 10px
}

.dgyArticle.forum,
.dgyArticle.forum p {
    font-size: 15px;
    line-height: 1.5
}

.dgyArticle img {
    max-width: 100%
}

.dgyArticle.desc {
    padding: 30px;
    margin-bottom: 20px
}

.dgyArticle.desc .iconMark {
    position: absolute;
    left: 0;
    top: 0;
    color: #ddd;
    font-size: 36px
}

.dgyArticle.desc p {
    text-indent: 2em;
    color: #787878
}

.forumPart .forumMain {
    padding-top: 20px;
    min-height: 900px
}

.forumPart .forumAside {
    position: absolute;
    width: 100%;
    height: 100%
}

.forumPart .forumSidebar {
    position: relative;
    height: 100%
}

.forumPart .forumSticky {
    position: sticky;
    top: 71px;
    height: 100vh;
    will-change: transform
}

.forumPart .forumComment {
    height: 100%;
    will-change: transform;
    overflow-y: auto
}

.forumPart .forumComment::-webkit-scrollbar {
    width: 0;
    height: 0
}

.forumPart .forumComment .dgyComment {
    padding-bottom: 80px
}

.forumUserPart {
    margin-top: 30px;
    padding: 40px 20px;
    position: relative
}

.forumUserPart:before {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    border-top: 1px solid var(--border);
    width: 100%
}

.forumUserPart .userWrap {
    position: relative;
    z-index: 10;
    margin: -40px auto 0;
    text-align: center
}

.dgyComment {
    position: relative;
    font-size: 13px
}

.dgyComment .subComment {
    padding: 10px;
    border-radius: var(--radius);
    background: #fafbfc;
    border: 1px solid #e2e4e8;
    font-size: 13px;
    color: var(--subText);
    overflow: hidden;
    margin-top: 10px
}

.dgyComment .extendBox {
    display: none;
    margin-top: 20px;
    overflow: hidden
}

.dgyComment.forum .subComment {
    padding: 0;
    background: transparent;
    border: 0;
    margin-top: 5px
}

.dgyComment .original_comment {
    display: block;
    margin-bottom: 5px
}

.dgyComment .user_name {
    color: #576b95;
    font-weight: 500
}

.dgyList {
    font-size: 13px;
    line-height: 1.5;
    color: var(--subText);
    position: relative;
    width: 100%
}

.dgyList .title {
    font-size: 14px;
    color: var(--text);
    font-weight: 600
}

.dgyList .title.small {
    font-size: 13px;
    line-height: 1.3
}

.dgyList .title.big {
    font-size: 16px
}

.dgyList .title.large {
    font-size: 18px;
    line-height: 1.8
}

.dgyList .detail.small {
    color: var(--infoText);
    font-size: 12px
}

.dgyList .detail.info {
    color: var(--infoText)
}

.dgyList .focusText {
    color: var(--mainColor)
}

.dgyList .line {
    display: block;
    position: relative;
    margin: 15px 0 10px;
    height: 1px
}

.dgyList .line:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 1px;
    background-color: var(--border)
}

.dgyList .footerWrap {
    padding-top: 10px
}

.dgyList .listGrid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-gap: 30px 20px
}

.dgyList .listGrid.user {
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr))
}

.dgyList .listGrid .items {
    background-color: #fff
}

.dgyList .listGrid .items.card .footerWrap {
    padding: 15px;
    border: 1px solid var(--border);
    border-radius: 0 0 6px 6px;
    border-top: 0
}

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

.dgySearch,
.dgySearch .searchBox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dgySearch .searchBox {
    border-radius: 4px;
    border: 1px solid var(--border);
    padding: 5px;
    font-size: 13px;
    color: var(--text);
    overflow: hidden
}

.dgySearch .iconSearch {
    cursor: pointer;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 18px;
    background: none;
    margin-right: 5px;
    text-align: center
}

.dgySearch .iconSearch.fixed {
    margin-right: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px
}

.dgySearch .iconSearch .dgyIcon {
    font-size: 18px;
    color: #bbb
}

.dgySearch .searchInput {
    border-radius: 16px;
    border: 1px solid var(--border);
    display: block;
    width: 240px;
    height: 32px;
    padding: 0 40px 0 15px;
    font-size: 13px;
    color: var(--text);
    background-color: var(--input);
    overflow: hidden
}

.dgySearch .searchInput:focus {
    border-color: var(--focusBorder);
    color: var(--mainColor)
}

.dgySearch .searchInput.small {
    width: 200px
}

.dgySearch .searchInput.min {
    width: 160px
}

.dgySearch.large .largeForm {
    width: 100%
}

.dgySearch.large .searchInput {
    width: 100%;
    height: 42px;
    border-radius: var(--radius)
}

.dgySearch.normal .searchInput {
    height: 36px;
    border-radius: var(--radius)
}

.dgyTag {
    color: #f56c6c;
    background: #fef0f0;
    border: 1px solid #fde2e2;
    padding: 0 10px;
    height: 24px;
    border-radius: var(--subRadius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    overflow: hidden
}

.dgyTag.large {
    height: 30px
}

.dgyTag.pointer {
    cursor: pointer
}

.dgyTag.topic {
    background: #f6f6f6;
    border-radius: 14px;
    border: 0;
    height: 28px;
    color: var(--mainColor);
    position: relative;
    padding: 0 5px
}

.dgyTag.topic .dgyIcon {
    color: var(--mainColor);
    font-size: 20px;
    margin-right: 5px
}

.dgyTag.tag {
    cursor: pointer;
    background: #f6f6f6;
    border-radius: 15px;
    border: 0;
    height: 30px;
    padding: 0 15px;
    color: var(--mainColor)
}


.dgyTag.orange {
    background: var(--mainColor);
    color: #fff;
    border-color: var(--mainColor)
}

.dgyTag.light {
    background: #f6f6f6;
    border-radius: var(--subRadius);
    color: var(--infoText);
    border: 0
}

.dgyTag.light:hover {
    background: var(--mainColor);
    color: #fff
}

.dgyTag.text {
    background: transparent;
    color: var(--subText);
    border-color: transparent;
    padding: 0
}



.dgyTag.link {
    background: transparent;
    border-color: transparent;
    padding: 0;
    position: relative;
    font-size: 12px;
    line-height: 20px;
    color: var(--infoText)
}


.dgyTag.small {
    padding: 0 6px;
    height: 21px
}

.dgyTagItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.dgyTagItems.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dgyTagItems .dgyTag.orange {
    background: var(--mainColor);
    color: #fff;
    border-color: var(--mainColor)
}

.dgyTagItems .dgyTag.light {
    height: 22px;
    background: #f2f2f2;
    border-radius: 2px;
    color: var(--subText);
    border: 0
}

.dgyTagItems .dgyTag.light:hover {
    background: var(--mainColor);
    color: #fff
}

.dgyTagItems .dgyTag.text {
    background: transparent;
    color: var(--subText);
    border-color: transparent;
    padding: 0
}



.dgyTagItems .dgyTag.link {
    background: transparent;
    border-color: transparent;
    padding: 0;
    position: relative;
    font-size: 12px;
    line-height: 20px;
    color: var(--infoText)
}

.dgyTagItems .dgyTag.link.largeText {
    font-size: 13px;
    font-weight: 700
}

.dgyTagItems.link .dgyTag em {
    font-style: normal;
    display: inline-block;
    position: relative;
    padding: 0 5px;
    line-height: 20px
}

.dgyTagItems.link .dgyTag em:after {
    content: "/";
    font-size: 12px;
    line-height: 20px;
    color: var(--infoText)
}

.dgyTagItems.link .dgyTag:last-of-type em {
    display: none
}

.dgyThumb {
    display: block;
    position: relative;
    overflow: hidden
}

.dgyThumb .thumb {
    display: block;
    width: 220px;
    height: 140px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px
}

.dgyThumb .coverText {
    width: 100%;
    line-height: 30px;
    padding: 40px 15px 10px 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 700;
    color: #f2f3f4;
    z-index: 10;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .8))
}

.dgyThumb .cover,
.dgyThumb .coverText {
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden
}

.dgyThumb .cover {
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    right: 0;
    z-index: 5;
    background: rgba(0, 0, 0, .3);
    font-size: 24px;
    color: #fff
}

.dgyThumb .cover .dgyIcon {
    font-size: 42px
}

.dgyThumb:hover .cover {
    opacity: 1
}

.dgyThumb.card {
    border-radius: 6px 6px 0 0
}

.dgyThumb.card .thumb {
    width: 100%;
    height: 180px;
    border-radius: 0
}

.dgyThumb.radius {
    border-radius: 6px
}

.dgyThumb.radius .thumb {
    width: 100%;
    height: 180px;
    border-radius: 0
}

.dgyThumb.radius.mid .thumb {
    height: 220px
}

.dgyThumb.radius.h160 .thumb {
    height: 160px
}

.dgyThumb.mini .thumb {
    width: 80px;
    height: 60px
}

.dgyThumb.small .thumb {
    width: 140px;
    height: 90px
}

.dgyThumb.large .thumb {
    width: 240px;
    height: 180px
}

.dgyThumb.full .thumb {
    width: 100%;
    height: 260px
}

.dgyThumb.full.h160 .thumb {
    height: 160px
}

.dgyThumb.circle .thumb {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.dgyThumb.square .thumb {
    width: 60px;
    height: 60px
}

.dgyTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #757575
}

.dgyTitle.between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dgyTitle.line {
    margin-bottom: 15px;
    border-bottom: 1px solid var(--border)
}

.dgyTitle.min {
    font-size: 12px;
    color: #757575
}

.dgyTitle .extendBox {
    position: relative
}

.dgyTitle .mainTitle {
    color: var(--text);
    font-weight: 700;
    font-size: 24px;
    line-height: 1.8;
    margin-bottom: 20px
}

.dgyTitle .title {
    line-height: 40px;
    color: #454545
}

.dgyTitle .title.f12,
.dgyTitle .title.small {
    font-size: 12px
}

.dgyTitle .title.f14,
.dgyTitle .title.normal {
    font-size: 14px
}

.dgyTitle .title.big,
.dgyTitle .title.f16 {
    font-size: 16px
}

.dgyTitle .title.f18,
.dgyTitle .title.large {
    font-size: 18px
}

.dgyTitle .title .active {
    display: inline-block;
    border-bottom: 3px solid var(--mainColor)
}

.dgyTitle .title small {
    padding-left: 5px;
    font-size: 12px;
    color: var(--infoText)
}

.dgyTitle .min,
.dgyTitle .more {
    font-size: 12px;
    color: var(--infoText);
    line-height: 40px
}

.dgyTitle .tabItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 40px;
    white-space: nowrap;
    scroll-behavior: smooth;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden
}

.dgyTitle .tabItems .item {
    display: inline-block;
    font-size: 14px;
    color: #757575;
    margin-right: 30px;
    font-weight: 700;
    position: relative;
    border-bottom: 3px solid transparent;
    cursor: pointer
}


.dgyTitle.sub {
    margin-bottom: 15px;
    margin-top: 10px
}

.dgyTitle.sub .more {
    line-height: normal;
    height: 30px
}

.dgyTitle.sub .tabItems .item {
    height: 30px
}



.dgyTitle.page {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border);
    padding-bottom: 20px;
    font-size: 12px;
    color: var(--subText)
}

.dgyTitle.page.bb0 {
    border-bottom: 0;
    margin-bottom: 0
}

.dgyTitle.page .title {
    font-size: 32px;
    color: var(--text);
    line-height: 36px;
    margin-bottom: 10px
}

.dgyTitle.page p {
    margin-bottom: 5px
}

.dgyTitle.page .info {
    color: var(--infoText);
    line-height: 28px
}

.dgyTitle.page.full {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dgyPageMain {
    padding: 30px 0;
    background-image: url(//img14.360buyimg.com/jdcms/jfs/t1/143532/3/26233/7381/61b32d96E0918c816/a7713d99965739d7.png), -webkit-gradient(linear, left top, right top, from(orange), to(var(--mainColor)));
    background-image: url(//img10.360buyimg.com/jdcms/jfs/t1/118799/9/24011/7381/61b32dc6E79be8434/e0527336e530ff2a.png), linear-gradient(90deg, orange, var(--mainColor))
}

.dgyBadge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--mainColor);
    border: 1px solid var(--mainColor);
    font-size: 16px;
    color: #fff
}

.dgyBadge.icon {
    background: transparent;
    border: 0;
    border-radius: 0
}

.dgyBadge.icon .badge {
    display: inline-block;
    width: 94%;
    height: 94%
}

.dgyBadge.badge {
    position: absolute;
    left: 70%;
    top: 0;
    width: auto;
    min-width: 22px;
    max-width: 48px;
    padding: 0 8px;
    height: 22px;
    line-height: 20px;
    border-radius: 12px;
    border-color: #fff;
    font-size: 12px;
    display: inline-block;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin: 0
}

.dgyBadge.badge.dot,
.dgyBadge.badge.num {
    left: 90%;
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

.dgyBadge.badge.dot {
    width: 10px;
    min-width: auto;
    padding: 0;
    height: 10px;
    border-radius: 50%
}

.dgyBadge.level {
    border-radius: 0;
    border: 0;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: transparent url(/static/img/badge-bronze1.svg) no-repeat 50%;
    background-size: 86%
}

.dgyBadge.level.gray {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5
}

.dgyBadge.level.lv1 {
    background: url(/static/img/badge-bronze1.svg) no-repeat 50%;
    background-size: 86%
}

.dgyBadge.level.lv2 {
    background: url(/static/img/badge-silver.svg) no-repeat 50%;
    background-size: 90%
}

.dgyBadge.level.lv3 {
    background: url(/static/img/badge-gold.svg?v=wildParty) no-repeat 50%;
    background-size: 90%
}

.dgyBadge.level.lv4 {
    background: url(/static/img/badge-diamond.svg) no-repeat 50%;
    background-size: 90%
}

.dgyBadge.level.lv5 {
    background: url(/static/img/badge-legen.svg) no-repeat 50%;
    background-size: 90%
}

.dgyBadge.level.vip {
    background: url(/static/img/badge-vip.svg) no-repeat 50%;
    background-size: 90%
}

.dgyBadge.level.epic {
    background: url(/static/img/badge-epic.svg) no-repeat 50%;
    background-size: 90%
}

.dgyBadge.level.hot {
    background: url(/static/img/badge-hot.svg) no-repeat 50%;
    background-size: 90%
}

.dgyBadge.level.mail {
    background: url(/static/img/badge-email.svg) no-repeat 50%;
    background-size: 90%
}

.dgyBadge .dgyIcon {
    font-size: 16px
}

.dgyBadge.large {
    width: 50px;
    height: 50px;
    font-size: 26px;
    margin-right: 10px
}

.dgyBadge.large .dgyIcon {
    font-size: 26px
}

.dgyBadge.big {
    width: 36px;
    height: 36px;
    margin-right: 8px
}

.dgyBadge.big,
.dgyBadge.big .dgyIcon {
    font-size: 22px
}

.dgyBadge.small {
    width: 20px;
    height: 20px;
    font-size: 12px
}

.dgyBadge.min,
.dgyBadge.small .dgyIcon {
    font-size: 12px
}

.dgyBadge.min {
    width: 18px;
    height: 18px
}

.dgyBadge.min .dgyIcon,
.dgyBadge.num {
    font-size: 12px
}

.dgyBadge.num {
    display: inline-block;
    text-align: center;
    line-height: 16px;
    padding: 0 5px;
    width: auto;
    min-width: 18px;
    max-width: 42px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 18px;
    border-radius: 9px;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.dgyBadge.num .dgyIcon {
    font-size: 12px
}

.dgyBadge.linear {
    background: -webkit-gradient(linear, left top, right top, from(rgba(245, 245, 249, 0)), color-stop(40%, #f5f5f9), to(#f5f5f9));
    background: linear-gradient(90deg, rgba(245, 245, 249, 0), #f5f5f9 40%, #f5f5f9)
}

.dgyBadge.blue {
    background: var(--blue);
    border-color: var(--blue)
}

.dgyBadge.yellow {
    background: var(--yellow);
    border-color: var(--yellow)
}

.dgyBadge.red {
    background: var(--red);
    border-color: var(--red)
}

.dgyBadge.green {
    background: var(--green);
    border-color: var(--green)
}

.dgyBadge.light {
    background: #f6f7f9;
    border-color: var(--border);
    color: var(--mainColor)
}

.dgyBadge.gray {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .3
}

.dgyCoreBanner {
    position: relative;
    background: #fff;
    overflow: hidden
}

.dgyCoreBanner:after {
    content: "";
    position: absolute;
    width: 1440px;
    height: 480px;
    background-size: 1440px 480px;
    background-image: url(//m.360buyimg.com/babel/jfs/t1/203602/16/24703/10764/63465375Ed1eaf587/786b80aad9fb8f19.jpg);
    top: -26px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .4
}

.dgyCoreBanner .bannerContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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 0;
    overflow: hidden;
    position: relative;
    z-index: 10
}

.dgyCoreBanner .bannerContent .textWrapper {
    width: 280px;
    position: relative;
    margin-right: 40px
}

.dgyCoreBanner .bannerContent .textWrapper .title {
    font-size: 24px;
    color: var(--text);
    line-height: 1.2;
    margin-bottom: 10px
}

.dgyCoreBanner .bannerContent .textWrapper .detail {
    font-size: 14px;
    color: var(--infoText);
    line-height: 1.5
}

.dgyCoreBanner .bannerContent .bannerWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    overflow: hidden
}

.dgyCoreBanner .bannerContent .dgyBannerCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.dgyCoreBanner .bannerContent .dgyBannerCard .items {
    display: block;
    width: 260px;
    height: 170px;
    background: #fff;
    position: relative;
    border-radius: var(--radius);
    border: 1px solid #f2f3f4;
    overflow: hidden;
    margin-left: 30px
}

.dgyCoreBanner .bannerContent .dgyBannerCard .items .thumb {
    display: block;
    width: 100%;
    height: 170px;
    -o-object-fit: cover;
    object-fit: cover
}

.dgyCoreBanner .bannerContent .dgyBannerCard .items .cover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 25px 15px 0;
    height: 60px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 17, 22, 0)), to(rgba(16, 17, 22, .75)));
    background-image: linear-gradient(180deg, rgba(16, 17, 22, 0), rgba(16, 17, 22, .75));
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.dgyCoreBanner .bannerContent .dgyBannerCard .items .cover p {
    height: 30px;
    color: #fff;
    font-size: 13px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dgyCoreBanner .bannerContent .dgyBannerCard .items:hover .cover {
    opacity: 1
}

.dgyBanner {
    width: 100%;
    border-radius: var(--radius)
}

.dgyBanner,
.dgyBanner .items {
    position: relative;
    overflow: hidden
}

.dgyBanner .items {
    height: 330px
}

.dgyBanner .items .textBox {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 30px;
    padding: 40px 160px 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 700;
    color: #f2f3f4;
    z-index: 10;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .8))
}

.dgyBanner .bannerImg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.dgyBanner .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 15px;
    text-align: right;
    padding-right: 20px
}

.dgyBanner .swiper-pagination-bullet {
    border-radius: 4px;
    width: 8px;
    height: 4px;
    background: #fff;
    opacity: .5
}

.dgyBanner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
    width: 20px
}

.dgyBanner .swiper-button-next,
.dgyBanner .swiper-button-prev {
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .8;
    border-radius: 50%;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 20px;
    margin-top: -20px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.dgyBanner .swiper-button-next:hover,
.dgyBanner .swiper-button-prev:hover {
    background: rgba(0, 0, 0, .4);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
}

.dgyBanner .swiper-button-next {
    right: 10px
}

.dgyBanner .swiper-button-prev {
    left: 10px
}

.dgyBanner .swiper-button-next:after,
.dgyBanner .swiper-button-prev:after {
    display: none;
    content: "";
    background: transparent
}

.dgyProductCard {
    margin-bottom: 20px;
    overflow: hidden
}

.dgyProductCard.part {
    padding: 20px 10px;
    border: 1px solid var(--border);
    border-radius: var(--radius)
}

.dgyProductCard.slim .cardPart {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border)
}

.dgyProductCard.sticky {
    position: sticky;
    top: 90px
}

.dgyProductCard .cardPart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    color: var(--infoText);
    line-height: 1.5
}

.dgyProductCard .cardPart .items {
    width: 100%;
    margin-bottom: 10px;
    padding-right: 10px
}

.dgyProductCard .cardPart .items.w2 {
    width: 50%
}

.dgyProductCard .cardPart .items.w3 {
    width: 33.3333%
}

.dgyProductCard .cardPart .items.w4 {
    width: 25%
}

.dgyProductCard .cardPart .items p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.dgyProductCard .cardPart .items strong {
    font-weight: 700;
    font-size: 14px;
    color: var(--text)
}

.dgySwiperCard {
    font-size: 12px;
    line-height: 22px;
    color: var(--subText);
    position: relative;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: #fff;
    padding: 20px;
    overflow: hidden
}

.dgySwiperCard .items {
    padding: 10px;
    background: #fff
}

.dgySwiperCard .items .tagBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    color: var(--mainColor)
}

.dgySwiperCard .items .tagBox .dgyIcon {
    font-size: 18px;
    margin-right: 5px;
    color: var(--mainColor)
}

.dgySwiperCard .items .tagBox b {
    font-weight: 600
}

.dgySwiperCard .items .top {
    margin-bottom: 15px;
    font-size: 12px;
    color: var(--infoText)
}

.dgySwiperCard .items h3 {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    color: var(--text);
    overflow: hidden
}

.dgySwiperCard .items .line {
    display: block;
    position: relative;
    margin: 15px 0;
    height: 1px;
    width: 100%;
    overflow: hidden
}

.dgySwiperCard .items .line:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 1px;
    background-color: #ddd
}

.dgySwiperCard .items .detail {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 24px;
    height: 48px;
    color: #757575;
    overflow: hidden
}

.dgySwiperCard .items .more {
    font-size: 14px;
    line-height: 24px;
    color: #3b426b;
    position: relative
}

.dgySwiperCard .swiper-pagination {
    text-align: right;
    bottom: 5px !important;
    padding-right: 10px
}

.dgySwiperCard .swiper-pagination-bullet {
    height: 6px;
    width: 6px;
    border-radius: 3px
}

.dgySwiperCard .swiper-pagination-bullet-active {
    width: 20px
}

.dgySwiperCard .btmBox {
    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;
    font-size: 12px;
    color: var(--infoText);
    position: relative
}

.dgySwiperCard .btmBox .num {
    color: var(--mainColor);
    margin-right: 5px;
    margin-left: 5px
}

.dgySwiperCard .btmBox .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: var(--mainColor);
    border-radius: 4px;
    border: 1px solid var(--mainColor);
    overflow: hidden;
    padding: 0 10px;
    height: 26px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.dgySwiperCard:hover .btmBox .btn {
    color: #fff;
    background: var(--mainColor)
}

.dgySwiperCard.talk .items {
    padding-top: 0
}

.dgySwiperCard.talk .items h3 {
    line-height: 20px;
    height: 40px
}

.dgySwiperCard.talk .items .line {
    margin: 25px 0 15px
}

.dgySwiperCard.talk .swiper-pagination {
    top: 0;
    bottom: auto !important
}

.dgySwiperCard.talk .swiper-pagination-bullet {
    margin: 0 2px
}

.dgySwiperCard.talk .swiper-pagination-bullet-active {
    background: var(--mainColor);
    width: 10px
}

.dgyScreenShot {
    margin-bottom: 30px
}

.dgyScreenShot,
.dgyScreenShot .shotPart {
    position: relative
}

.dgyScreenShot .shotPart .swiper-button-next,
.dgyScreenShot .shotPart .swiper-button-prev {
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .8;
    border-radius: 50%;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 20px;
    margin-top: -20px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.dgyScreenShot .shotPart .swiper-button-next:hover,
.dgyScreenShot .shotPart .swiper-button-prev:hover {
    background: rgba(0, 0, 0, .4);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
}

.dgyScreenShot .shotPart .swiper-button-next {
    right: 10px
}

.dgyScreenShot .shotPart .swiper-button-prev {
    left: 10px
}

.dgyScreenShot .shotPart .swiper-button-next:after,
.dgyScreenShot .shotPart .swiper-button-prev:after {
    display: none;
    content: "";
    background: transparent
}

.dgyScreenShot .shotItem {
    width: 360px;
    min-height: 200px;
    margin-right: 20px
}

.dgyScreenShot .shotItem .shotImg {
    display: block;
    width: 100%;
    min-height: 200px;
    max-height: 800px;
    border-radius: var(--radius);
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.dgyScreenShot .shotItem:last-of-type {
    margin-right: 0
}

.dgyLoginWrapper {
    width: 100%;
    height: 100vh;
    min-height: 600px;
    background: #f6f8fb;
    position: relative
}

.dgyLoginWrapper:after {
    background: rgba(0, 0, 0, .1)
}

.dgyLoginWrapper:after,
.dgyLoginWrapper:before {
    content: "";
    width: 40%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.dgyLoginWrapper:before {
    background-color: var(--mainColor)
}

.dgyLoginWrapper.noBg:after,
.dgyLoginWrapper.noBg:before {
    content: none
}

.dgyLoginWrapper.bg:before {
    background: url(https://m.360buyimg.com/babel/jfs/t1/191366/10/28619/175723/631be0d9E1dda26ec/6c5dc2047a5879ad.jpg) no-repeat 50%;
    background-size: cover
}

.dgyLoginWrapper.girl:before {
    background: url(https://m.360buyimg.com/babel/jfs/t1/48230/13/21560/73082/631be189Ef25ddfa2/da83307943cf207e.jpg) no-repeat 50%;
    background-size: cover
}

.dgyLoginWrapper .mainPart {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
    z-index: 10
}

.dgyLoginWrapper .loginPart {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dgyLoginWrapper .loginPart:before {
    content: "";
    width: 50%;
    height: 100%;
    background-color: #f6f8fb;
    position: absolute;
    left: 0;
    top: 0
}

.dgyLoginWrapper .loginPart .loginWrap {
    position: relative;
    padding-bottom: 70px
}

.dgyLoginWrapper .loginPart .loginWrap:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 120px;
    width: 140px;
    height: 50px;
    background: url(//img11.360buyimg.com/jdcms/jfs/t1/170067/36/26515/537/61b33184E9c836c8b/277d64e8783fe4e8.png) no-repeat 50%;
    background-size: 140px
}

.dgyLoginWrapper .loginPart .loginBox {
    background-color: #fff;
    padding: 20px 30px 30px;
    border-radius: var(--radius);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
    width: 360px;
    position: relative
}

.dgyLoginWrapper .infoPart {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dgyLoginWrapper .infoPart:before {
    content: "";
    position: absolute;
    top: 0;
    left: -195px;
    display: inline-block;
    width: 180px;
    height: 180px;
    background: url(//img11.360buyimg.com/jdcms/jfs/t1/221450/15/5474/10173/61b331afEb6827518/a388c47dfd400540.png) no-repeat 50%;
    background-size: 180px
}

.dgyLoginWrapper .infoPart .mainWrap {
    width: 90%;
    position: relative;
    margin-top: -120px
}

.dgyLoginWrapper .infoPart .mainWrap .dgyImgBox {
    width: 360px
}

.dgyLoginWrapper .infoPart .mainWrap .headBox {
    padding: 64px 64px 30px;
    text-align: left
}

.dgyLoginWrapper .infoPart .mainWrap .headBox .logo {
    opacity: .8;
    margin-bottom: 20px
}

.dgyLoginWrapper .infoPart .mainWrap .headBox .title {
    font-size: 24px;
    line-height: 30px;
    padding-right: 30px
}

.dgyLoginLight {
    width: 100%;
    height: 100vh;
    min-width: 1200px;
    min-height: 600px;
    background: #f6f8fb url(//img20.360buyimg.com/jdcms/jfs/t1/207118/33/12217/45801/61b331d9E0aebd137/d6d072102381c444.jpg) no-repeat 50%;
    background-size: cover;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dgyLoginLight .logo {
    display: inline-block;
    max-width: 140px;
    max-height: 50px;
    position: fixed;
    left: 20px;
    top: 20px;
    z-index: 666
}

.dgyLoginLight .loginMain {
    width: 700px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify
}

.dgyLoginLight .extendBox,
.dgyLoginLight .loginMain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.dgyLoginLight .extendBox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    font-size: 16px;
    color: var(--subText);
    line-height: 1.5;
    min-height: 400px;
    padding-top: 50px
}

.dgyLoginLight .extendBox .svgImg {
    max-height: 160px;
    max-width: 160px;
    margin-left: -60px;
    margin-bottom: -10px
}

.dgyLoginLight .loginBox {
    background-color: #fff;
    padding: 20px 30px 30px;
    border-radius: var(--radius);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
    width: 360px;
    position: relative
}

.dgyDesktop {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #fff
}

.dgyDesktop .desktopHead {
    height: 70px;
    border-bottom: 1px solid var(--border)
}

.dgyDesktop .desktopMain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.dgyDesktop .desktopMain.center {
    width: var(--layoutWidth);
    margin: 0 auto
}

.dgyDesktop .desktopMain.calc {
    height: calc(100% - 70px);
    overflow-y: hidden;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dgyDesktop .desktopMain.locked {
    overflow-y: hidden
}

.dgyDesktop .menuPart {
    background: #fff;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-right: 1px solid #eef2f8;
    -webkit-box-shadow: 2px 0 12px #aaa;
    box-shadow: 2px 0 12px #aaa
}

.dgyDesktop .menuPart .menuWrapper {
    padding-top: 20px;
    width: 70px;
    border-right: 1px solid var(--border)
}

.dgyDesktop .menuPart .menuWrapper .items {
    text-align: center;
    font-size: 12px;
    color: var(--infoText);
    line-height: 1.5;
    position: relative;
    margin-bottom: 25px;
    cursor: pointer
}

.dgyDesktop .menuPart .menuWrapper .items .iconBox {
    text-align: center
}

.dgyDesktop .menuPart .menuWrapper .items .iconBox .dgyIcon {
    font-size: 24px
}



.dgyDesktop .menuPart .menuWrapper .items.on:after,
.dgyDesktop .menuPart .menuWrapper .items:hover:after {
    content: "";
    width: 3px;
    height: 100%;
    background: var(--mainColor);
    position: absolute;
    right: 0;
    top: 0
}

.dgyDesktop .menuPart .toolWrapper {
    padding: 20px;
    width: 270px;
    overflow-y: auto
}

.dgyDesktop .menuPart .toolWrapper::-webkit-scrollbar {
    width: 0;
    height: 0
}

.dgyDesktop .mainPart,
.dgyDesktop .previewPart {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dgyDesktop .previewPart {
    overflow-y: auto
}

.dgyDesktop .previewPart.border {
    border: 6px solid #f3f4f5
}

.dgyDesktop .previewPart.pr0 {
    padding-right: 0
}

.dgyDesktop .previewPart.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dgyDesktop .previewPart.gray {
    background: #f0f2f5
}

.dgyDesktop .previewPart::-webkit-scrollbar {
    width: 0;
    height: 0
}

.dgyDesktop .deskPanel {
    padding: 20px 30px
}

.dgyDesktop .operatePart {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 160px;
    overflow-y: auto
}

.dgyDesktop .operatePart::-webkit-scrollbar {
    width: 0;
    height: 0
}

.toolGroup {
    margin-bottom: 20px;
    margin-left: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.toolGroup .items {
    margin-left: 20px;
    margin-bottom: 20px;
    text-align: center
}

.toolGroup .gridWrap {
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f6f7f9;
    border-radius: var(--radius);
    color: #33383e;
    margin-bottom: 10px;
    cursor: pointer;
    overflow: hidden
}



.toolGroup .dgyIcon {
    font-size: 36px
}

.toolGroup .dgyIconImg {
    display: block;
    width: 80px;
    height: 80px
}

.toolGroup .info {
    color: var(--subText);
    font-size: 12px;
    line-height: 1.8
}

.updateAvatarWrap {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    width: 120px;
    height: 120px;
    border: 1px dotted #eee;
    background: #f6f7f9
}

.updateAvatarWrap .avatar {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.updateAvatarWrap .upFile {
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    cursor: pointer
}

.updateAvatarWrap .upFile.text {
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    color: var(--infoText);
    opacity: .6;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}



.dgyMemberPart {
    padding: 60px 0
}

.dgyMemberPart.line {
    border-bottom: 1px solid var(--border)
}

.dgyMemberPart .userInfo {
    font-size: 13px;
    color: var(--subText);
    line-height: 1.8
}

.dgyMemberPart .userInfo .strong {
    font-size: 18px;
    color: var(--text);
    font-weight: 600
}

.dgyMemberPart .userInfo .sign {
    font-size: 16px
}

.dgyMemberPart.card {
    padding: 20px;
    border-radius: var(--subRadius);
    border: 1px solid var(--border)
}

.dgyMemberPart.card .userInfo .strong {
    font-size: 16px
}

.dgyMemberPart.card .userInfo .sign {
    line-height: 1.5;
    font-size: 13px
}

.dgyMemberPart.card .extendBox {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px dotted var(--border)
}

.dgyMemberPart.card.effect {
    -webkit-box-shadow: 0 0 60px rgba(117, 131, 148, .1);
    box-shadow: 0 0 60px rgba(117, 131, 148, .1);
    -webkit-transition: -webkit-box-shadow .35s ease, -webkit-transform .35s ease;
    transition: -webkit-box-shadow .35s ease, -webkit-transform .35s ease;
    transition: box-shadow .35s ease, transform .35s ease;
    transition: box-shadow .35s ease, transform .35s ease, -webkit-box-shadow .35s ease, -webkit-transform .35s ease;
    position: relative
}

.dgyMemberPart.card.effect:hover {
    -webkit-box-shadow: 0 10px 80px rgba(117, 131, 148, .24);
    box-shadow: 0 10px 80px rgba(117, 131, 148, .24);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.dgyUserItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dgyUserItems .items {
    width: 33.3333%;
    padding: 10px;
    text-align: center;
    overflow: hidden
}

.dgyUserItems .items .avatar {
    display: block;
    width: 60px;
    height: 60px;
    background: #f6f7f9;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto 5px
}

.dgyUserItems .items .info {
    font-size: 13px;
    color: var(--subText);
    line-height: 1.8;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.dgySummary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dgySummary .items {
    font-size: 12px;
    color: var(--infoText);
    line-height: 1.5;
    position: relative
}

.dgySummary .items .itemLabel {
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    margin-left: 30px
}

.dgySummary .items .itemLabel:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
    height: 60%;
    width: 1px;
    background: var(--border)
}

.dgySummary .items .itemLabel .strong {
    font-weight: 600;
    font-size: 24px;
    color: var(--text)
}

.dgySummary .items:first-of-type .itemLabel:before {
    background: transparent
}

.dgySummary.right .items {
    text-align: right
}

.dgySummary.center .items {
    text-align: center
}

.dgyQuickCard {
    position: relative
}

.dgyQuickCard .gridWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.dgyQuickCard .gridWrap .itemLabel {
    width: 33.3333%;
    padding: 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dgyQuickCard .gridWrap .itemLabel.w4 {
    width: 25%
}

.dgyQuickCard .gridWrap .itemLabel.tool {
    width: 320px
}

.dgyQuickCard .cardItems {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--subText);
    font-size: 13px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    background: #fff;
    overflow: hidden
}



.dgyQuickCard .cardItems:hover .iconBox {
    border-color: var(--mainColor);
    background: var(--mainColor)
}

.dgyQuickCard .cardItems:hover .iconBox .dgyIcon {
    color: #fff
}

.dgyQuickCard .sourceItems {
    width: 320px;
    min-height: 200px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 30px 25px 40px 30px;
    color: var(--subText);
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 20px;
    margin-right: 20px;
    -webkit-box-shadow: 0 0 60px rgba(117, 131, 148, .1);
    box-shadow: 0 0 60px rgba(117, 131, 148, .1);
    -webkit-transition: -webkit-box-shadow .35s ease, -webkit-transform .35s ease;
    transition: -webkit-box-shadow .35s ease, -webkit-transform .35s ease;
    transition: box-shadow .35s ease, transform .35s ease;
    transition: box-shadow .35s ease, transform .35s ease, -webkit-box-shadow .35s ease, -webkit-transform .35s ease;
    position: relative
}

.dgyQuickCard .sourceItems .titleBox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dgyQuickCard .sourceItems .titleBox .title {
    font-size: 16px;
    font-weight: 600;
    color: var(--text)
}

.dgyQuickCard .sourceItems:hover {
    -webkit-box-shadow: 0 10px 80px rgba(117, 131, 148, .24);
    box-shadow: 0 10px 80px rgba(117, 131, 148, .24);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.dgyQuickCard .sourceItems.small {
    min-height: 120px
}

.dgyQuickCard .lightItems {
    color: var(--subText);
    font-size: 13px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    background: #fff
}

.dgyQuickCard .mainSection {
    padding: 20px
}

.dgyQuickCard .mainSection,
.dgyQuickCard .mainSection .iconBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dgyQuickCard .mainSection .iconBox {
    width: 60px;
    height: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--border);
    margin-right: 15px
}

.dgyQuickCard .mainSection .iconBox .dgyIcon {
    font-size: 32px;
    color: var(--mainColor)
}

.dgyQuickCard .mainSection .titleBox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    color: var(--infoText);
    line-height: 1.8;
    overflow: hidden
}

.dgyQuickCard .mainSection .titleBox .title {
    font-size: 16px;
    font-weight: 600;
    color: var(--text)
}

.dgyQuickCard .btmSection {
    border-top: 1px solid var(--border);
    height: 40px;
    padding: 0 20px;
    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
}

.dgyQuickCard .btmSection .strong {
    font-weight: 600
}

.dgyQuickCard .items {
    text-align: center;
    background: #fff
}

.dgyQuickCard .items .menuSection {
    border: 1px solid var(--border);
    padding: 20px;
    border-radius: 24px;
    margin-bottom: 10px;
    cursor: pointer
}

.dgyQuickCard .items .menuSection .menuBox {
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 16px;
    background: var(--mainColor)
}

.dgyQuickCard .items .menuSection .menuBox .dgyIcon {
    font-size: 36px;
    color: #fff
}

.dgyQuickCard .items .menuSection:hover {
    border-color: var(--mainColor)
}

.dgyQuickCard .items .titleSection {
    font-size: 13px;
    color: var(--infoText);
    line-height: 1.8
}

.dgyQuickCard .items .titleSection .title {
    font-size: 16px;
    font-weight: 600;
    color: var(--text)
}

.layMenuBtn {
    display: none
}

.layMenuBtn .dgyIcon {
    font-size: 24px;
    color: var(--text)
}

.layShow {
    display: none
}

@media screen and (max-width:1200px) {
    .dgyMain {
        padding: 0 20px
    }

    .dgyMain.center {
        width: 100% !important
    }

    .dgyMain .mainPart.line {
        border: 0 !important
    }

    .dgyFooter {
        padding: 0
    }

    .layColumn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .layColumn.ac {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .layShow {
        display: block !important
    }

    .layHide {
        display: none !important
    }

    .dgyMsg .msgWrap {
        width: 100% !important
    }

    .dgyServiceWidget {
        right: 10px;
        bottom: 60px
    }

    .dgyNavBar {
        padding: 0 20px
    }

    .dgyNavBar .barWrapper .mainWrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .dgyNavBar .barWrapper .mainWrap .logoBox {
        padding-right: 0
    }

    .dgyNavBar .barWrapper .layMenuBtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .dgyNavBar .barWrapper .layMenuBtn.close {
        margin-bottom: 20px
    }

    .dgyNavBar .barWrapper .layMenu {
        position: fixed;
        left: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: -1;
        opacity: 0;
        visibility: hidden
    }

    .dgyNavBar .barWrapper .layMenu.active {
        left: 0;
        z-index: 1024;
        opacity: 1;
        visibility: visible;
        -webkit-transition: visibility .2s linear, opacity .15s linear;
        transition: visibility .2s linear, opacity .15s linear
    }

    .dgyNavBar .barWrapper .layMenu:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5)
    }

    .dgyNavBar .barWrapper .layMenu .menuWrap {
        background-color: #fff;
        width: 80%;
        height: 100vh;
        padding: 10px 20px 30px;
        position: relative;
        z-index: 1025;
        overflow: hidden
    }

    .dgyNavBar .barWrapper .layMenu nav {
        height: 100%
    }

    .dgyNavBar .barWrapper .layMenu .menuItems {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 60px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden
    }

    .dgyNavBar .barWrapper .layMenu .menuItems::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .dgyNavBar .barWrapper .layMenu .menuItems .items {
        width: 100%;
        margin-top: 10px;
        padding: 10px 0
    }

    .dgyNavBar .barWrapper .layMenu .menuItems .items .menuLabel {
        display: block
    }

    .dgyNavBar .barWrapper .layMenu .menuItems .items .menuLabel .menuText {
        display: block;
        font-size: 16px;
        font-weight: 700;
        color: var(--text)
    }

    .dgyNavBar .barWrapper .layMenu .menuItems .items.on .menuText {
        color: var(--mainColor)
    }

    .dgyNavBar .barWrapper .layMenu .menuItems .items.sub .menuAbs {
        position: relative;
        visibility: visible;
        left: 6px;
        top: 0
    }

    .dgyNavBar .barWrapper .layMenu .menuItems .subMenuPart {
        min-width: 100%;
        border: 0;
        border-left: 3px solid var(--border);
        padding: 0 10px;
        margin-top: 10px;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .dgyNavBar .barWrapper .layMenu .menuItems .subMenuPart:after,
    .dgyNavBar .barWrapper .layMenu .menuItems .subMenuPart:before {
        display: none
    }

    .dgyNavBar .barWrapper .layMenu .menuItems .subMenuPart .subItems {
        padding: 0 5px;
        margin-bottom: 10px
    }

    .dgyNavBar .barWrapper .layMenu .menuItems .subMenuPart .subItems.on {
        background: transparent
    }

    .dgyNavBar .barWrapper .layMenu .menuItems .subMenuPart .subItems .iconBox {
        display: none
    }

    .dgyNavBar .barWrapper .layMenu .menuItems .subMenuPart .subItems .iconBox.arr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: visible
    }

    .dgyCoreBanner {
        margin-bottom: 20px
    }

    .dgyCoreBanner:after {
        width: 100%;
        background-size: contain
    }

    .dgyCoreBanner .bannerContent {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 0
    }

    .dgyCoreBanner .bannerContent .textWrapper {
        width: 100%;
        margin-right: 0;
        padding: 20px 30px
    }

    .dgyCoreBanner .bannerContent .bannerWrapper {
        width: 100%
    }

    .dgyCoreBanner .bannerContent .dgyBannerCard {
        margin-top: 30px;
        width: 100%;
        padding-right: 30px;
        display: -webkit-box;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .dgyCoreBanner .bannerContent .dgyBannerCard .items {
        display: inline-block;
        width: 320px;
        height: 200px
    }

    .dgyCoreBanner .bannerContent .dgyBannerCard .items .thumb {
        height: 200px
    }

    .dgyCoreBanner .bannerContent .dgyBannerCard::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .layIndexHead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        border-bottom: 15px solid #f2f2f2
    }

    .layIndexHead .dgyHeadTagWrapper {
        margin-bottom: 0;
        border-bottom: 0
    }

    .layIndexHead .dgyHeadTagWrapper .headWrap {
        border-top: 0;
        padding: 0 10px
    }

    .layIndexHead .dgyHeadTagWrapper .dgyTagItems {
        display: none
    }

    .layIndexHead .dgyHeadTagWrapper .dgySearch,
    .layIndexHead .dgyHeadTagWrapper .dgySearch form {
        width: 100%
    }

    .layIndexHead .dgyHeadTagWrapper .dgySearch .searchInput {
        width: 100%;
        height: 42px
    }

    .indexMainLayout,
    .layMainLayout {
        padding: 0 20px
    }

    .indexMainLayout>.dgyPart.flex,
    .layMainLayout>.dgyPart.flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: block
    }

    .indexMainLayout .mainPart,
    .layMainLayout .mainPart {
        overflow: inherit !important;
        padding-right: 0 !important
    }

    .indexMainLayout .mainPart:after,
    .layMainLayout .mainPart:after {
        content: "";
        display: block;
        margin: 40px -20px 0;
        height: 0;
        border-bottom: 15px solid #f2f2f2
    }

    .indexMainLayout .asidePart,
    .layMainLayout .asidePart {
        margin-top: 30px;
        width: 100% !important;
        margin-left: 0 !important
    }

    .indexMainLayout .mainPart {
        padding-top: 10px
    }

    .layFeedBody .dgyPart.row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .layArticleLayout {
        padding: 0 20px
    }

    .layArticleLayout>.dgyPart.flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: block
    }

    .layArticleLayout .mainPart {
        overflow: inherit !important;
        padding-right: 0 !important
    }

    .layArticleLayout .asidePart {
        margin-top: 30px;
        width: 100% !important;
        margin-left: 0 !important
    }

    .layArticleLayout .dgyBanner .items {
        height: 230px
    }

    .dgyTitle .tabItems .item {
        border-bottom: 0
    }

    .dgyTitle .tabItems::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .dgyList .layDetail {
        padding: 10px 15px;
        background: #f6f7f8;
        border-radius: var(--radius);
        text-align: justify
    }

    .dgyList .layTitle {
        height: 42px
    }

    .dgyList .layLine {
        border-bottom: 1px solid #eee;
        padding-bottom: 20px
    }

    .dgyForumBody {
        margin-top: 0;
        background-color: #fff
    }

    .dgyForumBody .layMainLayout {
        padding: 0 !important
    }

    .dgyForumBody .layMainLayout .mainPart .dgyPart.card {
        border: 0;
        padding: 0
    }

    .dgyForumBody .layMainLayout .asidePart {
        padding: 0 20px
    }

    .dgyProductCard.sticky {
        position: static;
        top: 0
    }

    .layActionLayout {
        position: fixed;
        right: 10px;
        bottom: 60px;
        z-index: 200
    }

    .layLoginBtn {
        padding: 0 10px !important;
        height: 28px !important
    }

    .layLoginBtn>.dgyIcon {
        display: none
    }

    .dgyLoginWrapper {
        background: #fff
    }

    .dgyLoginWrapper .infoPart,
    .dgyLoginWrapper:after,
    .dgyLoginWrapper:before {
        display: none
    }

    .dgyLoginWrapper .mainPart {
        padding: 0;
        width: 100%
    }

    .dgyLoginWrapper .loginPart {
        width: 100%
    }

    .dgyLoginWrapper .loginPart:before {
        display: none
    }

    .dgyLoginWrapper .loginPart .loginBox {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .dgyLoginWrapper .loginPart .loginWrap {
        margin: 0 auto
    }

    .dgyLoginWrapper .loginPart .loginWrap:after {
        display: none
    }

    .layMemberNav {
        position: fixed;
        left: -100%;
        top: 0;
        z-index: -1;
        width: 100%;
        background: rgba(0, 0, 0, .5);
        opacity: 0;
        visibility: hidden
    }

    .layMemberNav.active {
        left: 0;
        z-index: 1024;
        opacity: 1;
        visibility: visible;
        -webkit-transition: visibility .2s linear, opacity .15s linear;
        transition: visibility .2s linear, opacity .15s linear
    }

    .layMemberNav .dgyMenu {
        width: 80%;
        background-color: #fff
    }

    .layMemberNav .layMenuBtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 30px;
        padding-top: 10px
    }

    .layMemberNav .layMenuBtn.close {
        margin-bottom: 20px
    }

    .dgyDesktop .deskPanel {
        padding: 0 !important
    }

    .dgyDesktop .deskPanel .dgyTitle.page {
        padding: 20px
    }

    .layMemberMain {
        padding: 20px !important
    }

    .layMemberMain.pb0 {
        padding-bottom: 0 !important
    }

    .layMemberMain.pt0 {
        padding-top: 0 !important
    }

    .layMemberMain .dgyInputLabel.layFull,
    .layMemberMain .dgyInputLabel.w240,
    .layMemberMain .dgyInputLabel.w360 {
        width: 100% !important
    }

    .layMemberMain .mainPart {
        overflow: inherit !important;
        padding-right: 0 !important;
        border: 0 !important
    }

    .layMemberMain .asidePart {
        width: 100% !important;
        margin-left: 0 !important
    }

    .layMemberMain .dgyQuickCard .gridWrap .itemLabel.tool {
        width: 100% !important
    }

    .layMemberMain>.dgyPart.flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .layMemberMain.index {
        padding: 10px !important
    }

    .layMemberMain.index>.dgyPart.flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .layMemberMain.index>.dgyPart.flex .mainPart {
        padding: 10px !important
    }

    .dgyLetterPart {
        padding: 0;
        border: 0;
        background-color: #fff
    }

    .layTable {
        display: -webkit-box;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .layTable::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .layTable .dgyTable {
        min-width: 800px
    }

    .layBtn {
        width: 100%;
        height: 42px
    }

    .layPage {
        margin-top: 10px
    }
}

::-moz-selection {
    color: hsla(0, 0%, 100%, .85);
    background: var(--mainColor)
}

::selection {
    color: hsla(0, 0%, 100%, .85);
    background: var(--mainColor)
}

.hide {
    visibility: hidden
}

#nprogress .bar {
    background: var(--mainColor) !important;
    opacity: .6
}

@media screen and (max-width: 550px) { label.label_img { width: 100%; margin-bottom: 1em; } label.label_img img { margin: 0 auto; } }

.subMenuPart .subItems {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 15px 10px;
    background: #fff;
    border-radius: var(--radius);
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
}

@media (max-width: 767px) {
  .userWrap {
    display: none;
  }
}