@charset "utf-8";
@font-face {
    font-family: "思源黑体";
    src: url('../思源黑体.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Alimama";
    src: url('../阿里妈妈竖黑体.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DIN";
    src: url('../DIN.ttf');
    font-weight: normal;
    font-style: normal;
}


/*
	Author: L.q
*/


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

body,
button,
input,
select,
textarea {
    font-family: "思源黑体", "microsoft yahei", Arial, Helvetica, sans-serif;
}

body {
    background: #fff;
    color: #333;
    font-size: 16px;
}

body.bg {
    background: #f7f7f7;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

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

caption,
th {
    text-align: left;
}

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

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

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


/*html5*/

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
    display: block;
}

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

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

textarea {
    resize: none;
}

em {
    font-style: normal;
}

i {
    font-style: normal;
}


/*图标*/

@font-face {
    font-family: 'iconfont';
    /* project id 721747 */
    src: url('../iconfont/iconfont.eot');
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), url('../iconfont/iconfont.woff2') format('woff2'), url('../iconfont/iconfont.woff') format('woff'), url('../iconfont/iconfont.ttf') format('truetype'), url('../iconfont/iconfont.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont";
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
}


/*其他项目可复用模块*/


/*按钮*/


/*公共标题*/

.g-title01 {
    margin-bottom: 20px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
}

.g-title01 p {
    line-height: 26px;
    color: #999;
    font-size: 16px;
}

.g-title02 {
    position: relative;
    padding-left: 12px;
    margin-bottom: 24px;
}

.g-title02 h2 {
    line-height: 24px;
    color: #383c3b;
    font-size: 24px;
}

.g-title02:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 4px;
    height: 24px;
    background: #2ba245;
}


/*平板*/

@media screen and (min-width: 768px) {
    .g-title01 {
        margin-bottom: 20px;
        line-height: 40px;
        text-align: center;
        font-size: 32px;
    }
    .g-title01 p {
        line-height: 32px;
    }
}


/*面包屑 无背景色*/

.crumb {
    height: 60px;
    margin-bottom: 15px;
    line-height: 60px;
    background: #f6f6f6;
    overflow: hidden;
}

.crumb ul {
    float: left;
}

.crumb i.iconfont {
    margin-left: 15px;
    color: #108bec;
    font-size: 28px;
}

.crumb li {
    float: left;
    margin-right: 12px;
    color: #333;
}

.crumb a {
    color: #333;
}

.crumb a:hover {
    color: #108bec;
}

.crumb li.link:after {
    margin-left: 5px;
    content: '>>';
}


/*面包屑 有背景色*/

.crumb-bg {
    height: 60px;
    line-height: 60px;
    margin-bottom: 30px;
    background: #f4f4f4;
}


/*分页*/

.page {
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    text-align: center;
}

.page li {
    float: none !important;
    display: inline-block;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 3px;
    border: 1px solid #ddd;
    color: #999;
    text-align: center;
}

.page li a {
    display: block;
}

.page li a.active,
.page li a:hover {
    background: #108bec;
    color: #fff;
}


/*.gk-clear:after {*/


/*    display: block;*/


/*    content: "";*/


/*    clear: both;*/


/*    height: 0;*/


/*    visibility: hidden;*/


/*}*/


/*分割线*/

hr {
    height: 1px;
    margin: 10px 0;
    border: 0;
    clear: both;
}

.gk-container {
    margin: 0 auto;
}

.gk-container-big {
    width: 1538px;
    margin: 0 auto;
}

.gk-col-lg1,
.gk-col-lg10,
.gk-col-lg11,
.gk-col-lg12,
.gk-col-lg2,
.gk-col-lg3,
.gk-col-lg4,
.gk-col-lg5,
.gk-col-lg6,
.gk-col-lg7,
.gk-col-lg8,
.gk-col-lg9,
.gk-col-md1,
.gk-col-md10,
.gk-col-md11,
.gk-col-md12,
.gk-col-md2,
.gk-col-md3,
.gk-col-md4,
.gk-col-md5,
.gk-col-md6,
.gk-col-md7,
.gk-col-md8,
.gk-col-md9,
.gk-col-sm1,
.gk-col-sm10,
.gk-col-sm11,
.gk-col-sm12,
.gk-col-sm2,
.gk-col-sm3,
.gk-col-sm4,
.gk-col-sm5,
.gk-col-sm6,
.gk-col-sm7,
.gk-col-sm8,
.gk-col-sm9,
.gk-col-xs1,
.gk-col-xs10,
.gk-col-xs11,
.gk-col-xs12,
.gk-col-xs2,
.gk-col-xs3,
.gk-col-xs4,
.gk-col-xs5,
.gk-col-xs6,
.gk-col-xs7,
.gk-col-xs8,
.gk-col-xs9 {
    float: left;
    position: relative;
    display: block;
    box-sizing: border-box;
}


/*大屏幕电脑 >1200px*/

.gk-container {
    width: 90%;
}

.gk-hide-lg {
    display: none!important;
}

.gk-show-lg-block {
    display: block!important;
}

.gk-show-lg-inline {
    display: inline!important;
}

.gk-show-lg-inline-block {
    display: inline-block !important;
}

.gk-col-lg1 {
    width: 8.33333333%;
}

.gk-col-lg2 {
    width: 16.66666667%;
}

.gk-col-lg3 {
    width: 25%;
}

.gk-col-lg4 {
    width: 33.33333333%;
}

.gk-col-lg5 {
    width: 41.66666667%;
}

.gk-col-lg6 {
    width: 50%;
}

.gk-col-lg7 {
    width: 58.33333333%;
}

.gk-col-lg8 {
    width: 66.66666667%;
}

.gk-col-lg9 {
    width: 75%;
}

.gk-col-lg10 {
    width: 83.33333333%;
}

.gk-col-lg11 {
    width: 91.66666667%;
}

.gk-col-lg12 {
    width: 100%;
}

.gk-col-lg-offset1 {
    margin-right: 8.33333333%;
}

.gk-col-lg-offset2 {
    margin-right: 16.66666667%;
}

.gk-col-lg-offset3 {
    margin-right: 25%;
}

.gk-col-lg-offset4 {
    margin-right: 33.33333333%;
}

.gk-col-lg-offset5 {
    margin-right: 41.66666667%;
}

.gk-col-lg-offset6 {
    margin-right: 50%;
}

.gk-col-lg-offset7 {
    margin-right: 58.33333333%;
}

.gk-col-lg-offset8 {
    margin-right: 66.66666667%;
}

.gk-col-lg-offset9 {
    margin-right: 75%;
}

.gk-col-lg-offset10 {
    margin-right: 83.33333333%;
}

.gk-col-lg-offset11 {
    margin-right: 91.66666667%;
}

.gk-col-lg-offset12 {
    margin-right: 100%;
}


/*间距*/

.gk-col-space1 {
    margin: -0.5px;
}

.gk-col-space1>* {
    padding: 0.5px;
}

.gk-col-space3 {
    margin: -1.5px;
}

.gk-col-space3>* {
    padding: 1.5px;
}

.gk-col-space5 {
    margin: -2.5px;
}

.gk-col-space5>* {
    padding: 2.5px;
}

.gk-col-space8 {
    margin: -3.5px;
}

.gk-col-space8>* {
    padding: 3.5px;
}

.gk-col-space10 {
    margin: -5px;
}

.gk-col-space10>* {
    padding: 5px;
}

.gk-col-space12 {
    margin: -6px;
}

.gk-col-space12>* {
    padding: 6px;
}

.gk-col-space15 {
    margin: -7.5px;
}

.gk-col-space15>* {
    padding: 7.5px;
}

.gk-col-space18 {
    margin: -9px;
}

.gk-col-space18>* {
    padding: 9px;
}

.gk-col-space20 {
    margin: -10px;
}

.gk-col-space20>* {
    padding: 10px;
}

.gk-col-space22 {
    margin: -11px;
}

.gk-col-space22>* {
    padding: 11px;
}

.gk-col-space24 {
    margin: -12px;
}

.gk-col-space24>* {
    padding: 12px;
}

.gk-col-space25 {
    margin: -12.5px;
}

.gk-col-space25>* {
    padding: 12.5px;
}

.gk-col-space26>* {
    padding: 13px;
}

.gk-col-space30 {
    margin: -15px;
}

.gk-col-space30>* {
    padding: 15px;
}

.gk-bg-red {
    background-color: #FF5722 !important;
}

.gk-bg-orange {
    background-color: #FFB800 !important;
}

.gk-bg-green {
    background-color: #009688 !important;
}

.gk-bg-cyan {
    background-color: #2F4056 !important;
}

.gk-bg-blue {
    background-color: #1E9FFF !important;
}

.gk-bg-black {
    background-color: #393D49 !important;
}

.gk-bg-gray {
    background-color: #eee !important;
    color: #666 !important;
}

.gk-btn-disabled,
.gk-btn-disabled:active,
.gk-btn-disabled:hover {
    border: 1px solid #e6e6e6;
    background-color: #FBFBFB;
    color: #C9C9C9;
    cursor: not-allowed;
    opacity: 1;
}


/*input textarea select基础样式 */

.gk-input,
.gk-select,
.gk-textarea {
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 2px;
}

.gk-input::-webkit-input-placeholder,
.gk-select::-webkit-input-placeholder,
.gk-textarea::-webkit-input-placeholder {
    line-height: 1.3;
}

.gk-input,
.gk-textarea {
    display: block;
    width: 100%;
    padding-left: 10px;
}

.gk-input:hover,
.gk-textarea:hover {
    border-color: #D2D2D2 !important;
}

.gk-input:focus,
.gk-textarea:focus {
    border-color: #C9C9C9 !important;
}

.gk-textarea {
    min-height: 100px;
    height: auto;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical;
}

.gk-select {
    padding: 0 10px;
}

.gk-form input[type=checkbox],
.gk-form input[type=radio],
.gk-form select {
    display: none;
}


/*css3*/


/* 弹出 变小 */

.a-bounceout {
    -webkit-animation: 0.5s ease-in forwards;
    -moz-animation: 0.5s ease-in forwards;
    -ms-animation: 0.5s ease-in forwards;
    animation: 0.5s ease-in forwards;
    -webkit-animation-name: bounceout;
    -moz-animation-name: bounceout;
    -ms-animation-name: bounceout;
    animation-name: bounceout;
}


/* 弹出 变大 */

.a-bouncein {
    -webkit-animation: 0.5s ease-in forwards;
    -moz-animation: 0.5s ease-in forwards;
    -ms-animation: 0.5s ease-in forwards;
    animation: 0.5s ease-in forwards;
    -webkit-animation-name: bouncein;
    -moz-animation-name: bouncein;
    -ms-animation-name: bouncein;
    animation-name: bouncein;
}


/* 淡出 */

.a-fadeout {
    -webkit-animation: 0.5s ease-in forwards;
    -moz-animation: 0.5s ease-in forwards;
    -ms-animation: 0.5s ease-in forwards;
    animation: 0.5s ease-in forwards;
    -webkit-animation-name: fadeout;
    -moz-animation-name: fadeout;
    -ms-animation-name: fadeout;
    animation-name: fadeout;
}


/* 淡入 */

.a-fadein {
    -webkit-animation: 0.3s ease-in forwards;
    -moz-animation: 0.3s ease-in forwards;
    -ms-animation: 0.3s ease-in forwards;
    animation: 0.3s ease-in forwards;
    -webkit-animation-name: fadein;
    -moz-animation-name: fadein;
    -ms-animation-name: fadein;
    animation-name: fadein;
}


/*向上出现*/

.fadeInBottomBig {
    -webkit-animation: fadeInLeftBig 1s;
    -moz-animation: fadeInLeftBig 1s;
    -ms-animation: fadeInLeftBig 1s;
    animation: fadeInLeftBig 1s;
    -webkit-animation-name: fadeInBottomBig;
    -moz-animation-name: fadeInBottomBig;
    -ms-animation-name: fadeInBottomBig;
    animation-name: fadeInBottomBig;
}


/* 弹出 变小*/

@-webkit-keyframes bounceout {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
    }
}

@-moz-keyframes bounceout {
    0% {
        -moz-transform: scale(1);
    }
    25% {
        -moz-transform: scale(0.95);
    }
    100% {
        opacity: 0;
        -moz-transform: scale(0.3);
    }
}

@-ms-keyframes bounceout {
    0% {
        -ms-transform: scale(1);
    }
    25% {
        -ms-transform: scale(0.95);
    }
    100% {
        opacity: 0;
        -ms-transform: scale(0.3);
    }
}

@keyframes bounceout {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(0.95);
    }
    100% {
        opacity: 0;
        transform: scale(0.3);
    }
}


/* 弹出 变大*/

@-webkit-keyframes bouncein {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.5);
    }
    25% {
        -webkit-transform: scale(0.5);
    }
    50% {
        -webkit-transform: scale(0.75);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bouncein {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    25% {
        opacity: 1;
        -webkit-transform: scale(0.85);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    75% {
        opacity: 1;
        -webkit-transform: scale(0.85);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-ms-keyframes bouncein {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    25% {
        opacity: 1;
        -webkit-transform: scale(0.85);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    75% {
        opacity: 1;
        -webkit-transform: scale(0.85);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes bouncein {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    25% {
        opacity: 1;
        -webkit-transform: scale(0.85);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    75% {
        opacity: 1;
        -webkit-transform: scale(0.85);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}


/* 淡出 */

@-webkit-keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-ms-keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/* 淡入 */

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/*向上出现*/

@-webkit-keyframes fadeInBottomBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInBottomBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


/*震动*/

@-webkit-keyframes shake {
    0%,
    10% {
        transform: translateX(0);
    }
    1%,
    3%,
    5%,
    7%,
    9% {
        transform: translateX(-3px);
    }
    2%,
    4%,
    6%,
    8% {
        transform: translateX(3px);
    }
}

@-moz-keyframes shake {
    0%,
    10% {
        transform: translateX(0);
    }
    1%,
    3%,
    5%,
    7%,
    9% {
        transform: translateX(-3px);
    }
    2%,
    4%,
    6%,
    8% {
        transform: translateX(3px);
    }
}

@keyframes shake {
    0%,
    10% {
        transform: translateX(0);
    }
    1%,
    3%,
    5%,
    7%,
    9% {
        transform: translateX(-3px);
    }
    2%,
    4%,
    6%,
    8% {
        transform: translateX(3px);
    }
}

.header-lg {
    display: block;
    width: 100%;
    height: 80px;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 999;
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
}

.header-lg .header-gk-container {
    padding: 0 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.header-lg .header-gk-container .logo {
    float: left;
    width: 145px;
    margin-right: 28px;
}

.header-lg .header-gk-container .logo img {
    display: block;
    width: 145px;
}

.header-lg .header-gk-container .btn-area {
    float: right;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    border-radius: 30px;
    color: #108bec;
    font-size: 15px;
}

.header-lg .header-gk-container .btn-area a {
    color: #108bec;
}

.header-lg .header-gk-container .btn-area a:hover {
    text-decoration: underline;
}

.header-lg .header-gk-container .nav {
    float: left;
    margin-right: 10px;
}

.header-lg .header-gk-container .nav li {
    position: relative;
    float: left;
    width: 70px;
    height: 80px;
    line-height: 80px;
    margin: 0 10px;
    font-size: 16px;
    text-align: center;
}

.header-lg .header-gk-container .nav li a {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: normal;
}

.header-lg .header-gk-container .nav li a.active {
    font-weight: bold;
}

.header-lg .header-gk-container .nav li a:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    z-index: 1;
    content: '';
    margin: 0 auto;
    width: 0;
    height: 4px;
    background: #C1F421;
    font-weight: bold;
}

.header-lg .header-gk-container .nav li a.active:after {
    width: 100%;
}

.header-lg .header-gk-container .nav li .sub-nav {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    background: #fff;
    white-space: nowrap;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 30px 10px 20px 40px;
}

.header-lg .header-gk-container .nav li .sub-nav .mod {
    margin-right: 40px;
}

.header-lg .header-gk-container .nav li .sub-nav .mod .mod-tit {
    font-family: Source Han Sans;
    font-size: 18px;
    color: #000;
    line-height: 18px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 15px;
}

.header-lg .header-gk-container .nav li .sub-nav .mod .cont {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    height: 150px;
    writing-mode: vertical-lr;
    font-family: 思源黑体;
    font-feature-settings: "kern" on;
}

.header-lg .header-gk-container .nav li .sub-nav .mod .cont span {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    writing-mode: horizontal-tb;
    margin-right: 40px;
    cursor: pointer;
}

.header-lg .header-gk-container .nav li a {
    position: relative;
    display: block;
    color: #000;
    /* font-weight: 500; */
}

.header-lg .header-gk-container .nav li a:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
    z-index: 1;
    content: '';
    margin: 0 auto;
    width: 0;
    height: 4px;
    border-radius: 317px;
    background: #C1F421;
    -webkit-transition: all ease-in-out 0.25s;
    -moz-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    -ms-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
}

.header-lg .header-gk-container .nav li a:hover:after,
.header-lg .header-gk-container .nav li a.active:after {
    width: 16px;
}

.header-lg .header-gk-container .nav li:hover .sub-nav {
    display: flex;
}

.header-lg .header-gk-container .nav-ai {
    position: relative;
    float: left;
    margin-right: 85px;
}

.header-lg .header-gk-container .nav-ai span {
    position: absolute;
    top: 0px;
    right: -50px;
    background: #231815;
    border-radius: 4px;
    line-height: 18px;
    padding: 0 4px;
    color: #C2F41F;
    font-weight: bold;
    font-size: 10px;
    font-family: Alimama ShuHeiTi;
}

.header-lg .header-gk-container .header-solution {
    float: left;
    display: flex;
    align-items: center;
    width: 330px;
    height: 50px;
    background: #f7f7f7;
    border-radius: 10px;
    padding: 17px 20px;
}

.header-lg .header-gk-container .header-solution .select {
    margin-right: 20px;
}

.header-lg .header-gk-container .header-solution .select img {
    width: 18px;
    vertical-align: middle;
    cursor: pointer;
}

.header-lg .header-gk-container .header-solution .inputmod {
    float: left;
    width: 260px;
    height: 40px;
    line-height: 40px;
    border: 0;
    background: transparent;
    font-size: 16px;
}

.inputmod::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #9E9E9E;
}

.inputmod::-moz-placeholder {
    /* Firefox 19+ */
    color: #9E9E9E;
    opacity: 1;
}

.inputmod:-ms-input-placeholder {
    /* IE 10+ */
    color: #9E9E9E;
}

.inputmod:-moz-placeholder {
    /* Firefox 18- */
    color: #9E9E9E;
    opacity: 1;
}

.header-lg .header-gk-container .header-solution .btn {
    float: right;
    width: 38px;
    height: 38px;
    /* background: #C1F421; */
    border-radius: 50%;
    cursor: pointer;
}

.header-lg .header-gk-container .header-solution .btn img {
    display: block;
    margin: 12px auto 0;
    width: 15px;
    height: 15px;
}

.header-lg .header-gk-container .op-btn .item {
    position: relative;
    float: left;
    margin-left: 50px;
    color: #000;
    font-size: 16px;
}

.header-lg .header-gk-container .op-btn .item img {
    vertical-align: middle;
}

.header-lg .header-gk-container .op-btn .item span {
    vertical-align: middle;
    margin-left: 3px;
}

.header-lg .header-gk-container .op-btn .item .tips {
    position: absolute;
    top: -24px;
    left: 24px;
    width: 58px;
    height: 24px;
    line-height: 24px;
    background: #000;
    color: #C1F421;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    border-radius: 4px;
}

.header-lg .header-gk-container .op-btn .item.mls {
    margin-left: 25px;
}

.mls img {
    width: 20px;
    height: 20px;
}

.header-lg .header-gk-container .op-btn .item.mls span {
    display: inline-block;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-lg.bg {
    background: #2d3036;
}

.header-lg.bb1 {
    border-bottom: 1px solid #eee;
}

.footer {
    background: #f7f7f7;
    padding: 70px 0 48px 0;
}

.footer .info {
    padding-bottom: 60px;
    /* margin-bottom: 20px; */
    border-bottom: 1px solid #ddd;
    height: 240px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.footer .info .footer-nav {
    float: left;
    overflow: hidden;
}

.footer .info .footer-nav .mod {
    float: left;
    margin-right: 80px;
}

.footer .info .footer-nav .mod h3 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    margin-bottom: 7px;
}

.footer .info .footer-nav .mod a {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #666;
}

.footer .info .footer-code {
    /* float: right; */
    margin-left: auto;
}

.footer .info .footer-code .mod {
    float: left;
    margin-right: 58px;
    text-align: center;
}

.footer .info .footer-code .mod img {
    display: block;
    width: 138px;
    height: 138px;
}

.footer .info .footer-code .mod h4 {
    font-size: 14px;
    font-weight: 700;
    color: #333;
}

.footer .info .footer-code .mod span {
    display: block;
    font-size: 12px;
    color: #999;
    font-weight: 500;
    margin-top: 3px;
}

.footer .copyright {
    line-height: 38px;
    font-size: 14px;
    color: #333;
    text-align: left;
}


/* .footer.bg-fff {
    background: #fff;
} */

.pagination {
    height: 32px;
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination ul {
    display: flex;
    align-items: center;
}

.pagination ul li {
    width: 30px;
    height: 30px;
    margin-right: 8px;
    background: #fff;
    border: 1px solid #DCDCDC;
    text-align: center;
    font-size: 14px;
    border-radius: 3px;
}

.pagination ul li a {
    display: block;
    color: #000;
    height: 28px;
    line-height: 28px;
}

.pagination ul li a:hover,
.pagination ul li a.active {
    color: #C1F421;
    background: #000;
}

.pagination ul li a.arrow:hover {
    background: #fff;
}

.relate-list {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
}

.relate-list .tit {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin-bottom: 20px;
}

.relate-list li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.relate-list li .pic {
    width: 143px;
    height: 83px;
    border-radius: 5px;
    margin-right: 8px;
    overflow: hidden;
}

.relate-list li .pic img {
    display: block;
    width: 143px;
    height: 83px;
}

.relate-list li .txt {
    flex: 1;
}

.relate-list li .txt h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}

.relate-list li .txt h3 a {
    color: #333;
}

.relate-list li .txt .price {
    width: 111px;
    height: 26px;
    line-height: 26px;
    background: linear-gradient(to right, #FEF3E4, #F3D4B3);
    text-align: center;
    border-radius: 20px 0 20px 0;
    font-size: 14px;
    font-weight: 700;
    font-family: "阿里妈妈数黑体";
}

.module-visitor .tit {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
}

.module-visitor ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.module-visitor ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 68px;
}

.module-visitor ul li img {
    display: block;
    width: 50px;
    height: 50px;
}

.module-visitor ul li span {
    display: inline-block;
    font-size: 14px;
    color: #333;
    width: 68px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.module-visitor ul li i {
    font-size: 14px;
    color: #9E9E9E;
}

.scheme-list-mod {
    overflow: hidden;
}

.scheme-list-mod li {
    float: left;
    width: 272px;
    margin-right: 20px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    padding-bottom: 20px;
    margin-bottom: 50px;
}

.scheme-list-mod li .pic {
    width: 272px;
    height: 170px;
    margin-bottom: 10px;
}

.scheme-list-mod li .pic img {
    display: block;
    width: 272px;
    height: 170px;
}

.scheme-list-mod li h3 {
    height: 20px;
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    padding: 0 10px;
    overflow: hidden;
}

.scheme-list-mod li h3 a {
    color: #333;
}

.scheme-list-mod li .desc {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    padding: 0 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.scheme-list-mod li .info {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    height: 22px;
    padding: 0 10px;
}

.scheme-list-mod li .info .author {
    display: flex;
    align-items: center;
}

.scheme-list-mod li .info .author img {
    width: 22px;
    height: 22px;
    margin-right: 5px;
}

.scheme-list-mod li .info .author span {
    font-size: 14px;
    color: #333;
}

.scheme-list-mod li .info .viewer {
    display: flex;
    align-items: center;
}

.scheme-list-mod li .info .viewer img {
    margin-right: 3px;
}

.scheme-list-mod li .info .viewer span {
    height: 12px;
    font-size: 12px;
    color: #666;
    font-family: "DIN";
    font-weight: 700;
}

.module-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(0, 0, 0, 0.5);
}

.module-login {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -310px;
    z-index: 10;
    margin-left: -260px;
    width: 520px;
    padding: 30px 60px;
    background: #fff;
    border-radius: 20px;
}

.module-login .logo {
    margin-bottom: 10px;
    text-align: center;
    font-family: "阿里妈妈数黑体";
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #000;
}

.module-login .slogan {
    margin-bottom: 40px;
    font-family: "阿里妈妈数黑体";
    font-size: 18px;
    font-weight: 700;
    color: #C1F421;
    text-align: center;
    letter-spacing: 3px;
}

.module-login .title {
    margin-bottom: 30px;
    font-size: 18px;
    font-family: "阿里妈妈数黑体";
    font-weight: 700;
    color: #000;
    text-align: center;
    letter-spacing: 3px;
}

.module-login .input-area .border {
    border: 1px solid #DCDCDC;
    border-radius: 3px;
}

.module-login .input-area .mod-tel {
    height: 50px;
    padding: 10px 15px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.module-login .input-area .mod-tel img {
    width: 12px;
    margin-right: 15px;
}

.module-login .input-area .mod-tel input {
    flex: 1;
    color: #000;
    font-size: 16px;
    border: 0;
}

.module-login .input-area .mod-tel input::placeholder {
    color: #666;
}

.module-login .input-area .mod-code {
    height: 52px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.module-login .input-area .mod-code .left {
    display: flex;
    height: 50px;
    padding: 10px 15px;
    width: 256px;
}

.module-login .input-area .mod-code .left input {
    border: 0;
    color: #000;
    font-size: 16px;
}

.module-login .input-area .mod-code .btn-send {
    width: 128px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #000;
    cursor: pointer;
}

.module-login .input-area .btn-login {
    width: 400px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 3px;
    background: #000;
    color: #C1F421;
}

.module-login .other-login-method {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.module-login .other-login-method .title {
    color: #333;
    margin-bottom: 30px;
    text-align: center;
}

.module-login .other-login-method .cont {
    display: flex;
    align-items: center;
    justify-content: center;
}

.module-login .other-login-method .cont .item {
    width: 70px;
    text-align: center;
    margin: 0 30px;
    color: #333;
    cursor: pointer;
}

.module-login .other-login-method .cont .item .icons {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    border-radius: 50%;
}

.module-login .other-login-method .cont .item .icons.icons01 {
    background: #1AC141;
}

.module-login .other-login-method .cont .item .icons.icons02 {
    background: #007BFF;
}

.module-login .btn-close {
    position: absolute;
    top: 10px;
    right: 16px;
    color: #999;
    cursor: pointer;
    font-size: 20px;
}


/*轮播*/

.swiper-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.swiper-banner .swiper-slide {
    float: left;
    width: 100%;
}


/*.swiper-banner .swiper-slide img {*/


/*    width: 100%;*/


/*    max-height: 700px;*/


/*    object-fit: cover;*/


/*    !* 关键属性：保持比例裁剪 *!*/


/*    object-position: center;*/


/*    !* 裁剪时保持居中 *!*/


/*}*/

.swiper-banner .swiper-slide .swiper-slide-img {
    padding-bottom: 66.66%;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
}


/* @media (min-width: 1440px) {
    .swiper-banner .swiper-slide img {
        max-height: 600px;
    }
} */

.swiper-banner.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 20px;
}

.swiper-banner .swiper-pagination-bullet {
    width: 28px;
    height: 6px;
    background: #fff;
    opacity: 0.5;
    border-radius: 0;
}

.swiper-banner .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
}

.swiper-banner .swiper-slide {
    position: relative;
}

.swiper-banner .swiper-slide:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
}

.swiper-banner .swiper-slide-active:after {
    background: rgba(255, 255, 255, 0);
}

.quick-nav-section {
    width: 100%;
    padding: 36px 0;
}

.quick-nav-section li {
    padding: 0 12px;
    height: 112px;
    line-height: 112px;
    text-align: center;
}

.quick-nav-section li a {
    display: block;
    border: 1px solid #eee;
    border-radius: 10px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
}

.quick-nav-section li img {
    vertical-align: middle;
}

.quick-nav-section li span {
    line-height: 32px;
    color: #666;
    font-size: 16px;
    vertical-align: middle;
}

.container-tabs {
    margin-bottom: 80px;
}

.container-tabs .tabs-nav {
    height: 80px;
    line-height: 78px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    margin-bottom: 50px;
}

.container-tabs .tabs-nav li {
    display: inline-block;
    padding: 0 20px;
    height: 78px;
    font-size: 18px;
    font-weight: 400;
}

.container-tabs .tabs-nav li a {
    display: block;
    color: #333;
}

.container-tabs .tabs-nav li a:hover,
.container-tabs .tabs-nav li a.active {
    color: #000;
    font-weight: 700;
}

.container-tabs .tabs-nav li a.active {
    border-bottom: 2px solid #000;
}

.container-tabs .tabs-box {
    width: 1460px;
    overflow: hidden;
}

.container-tabs .tabs-box li {
    float: left;
    margin-right: 20px;
    width: 272px;
    margin-bottom: 30px;
}

.container-tabs .tabs-box li .pic {
    width: 272px;
    height: 170px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 6px;
}

.container-tabs .tabs-box li .pic img {
    display: block;
    width: 272px;
    height: 170px;
}

.container-tabs .tabs-box li h3 {
    height: 20px;
    margin-bottom: 6px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
}

.container-tabs .tabs-box li h3 a {
    color: #333;
}

.container-tabs .tabs-box li .tags {
    margin: 10px 0 8px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    height: 26px;
}

.container-tabs .tabs-box li .tags span {
    padding: 0 10px;
    height: 24px;
    border-radius: 20px;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    color: #333333;
    margin-right: 5px;
    margin-bottom: 5px;
}

.page-filtrate {
    padding-bottom: 30px;
}

.page-filtrate .filter-container {
    margin-top: 30px;
    margin-bottom: 30px;
}

.page-filtrate .filter-container .filter-condition {
    background: #fff;
    padding: 20px 0px 0;
    border-radius: 10px;
}

.page-filtrate .filter-container .filter-condition .title {
    display: flex;
    align-items: center;
    height: 36px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.page-filtrate .filter-container .filter-condition .title .left {
    font-size: 16px;
    display: flex;
    align-items: center;
}

.page-filtrate .filter-container .filter-condition .title .left .tit {
    color: #333;
    margin-right: 16px;
}

.page-filtrate .filter-container .filter-condition .title .left .tit a {
    color: #333;
}

.page-filtrate .filter-container .filter-condition .title .left .condition {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.page-filtrate .filter-container .filter-condition .title .left .condition .item {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin-right: 14px;
    color: #333;
    padding: 0 10px;
    border-radius: 10px;
    border: 1px solid #C1F421;
    background: rgba(193, 244, 33, 0.09);
}

.page-filtrate .filter-container .filter-condition .title .left .condition .item span {
    margin-right: 8px;
}

.page-filtrate .filter-container .filter-condition .title .left .condition .item img {
    cursor: pointer;
    margin-bottom: 3px;
}

.page-filtrate .filter-container .filter-condition .title .left .op {
    color: #FD5353;
    cursor: pointer;
}

.page-filtrate .filter-container .filter-condition .title .right {
    display: flex;
    align-items: center;
}

.page-filtrate .filter-container .filter-condition .title .right span {
    font-size: 16px;
    color: #333;
    margin-right: 6px;
}

.page-filtrate .filter-container .filter-condition .filter-list {
    min-height: 102px;
}

.page-filtrate .filter-container .filter-condition .filter-list .item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    font-family: "思源黑体"
}

.page-filtrate .filter-container .filter-condition .filter-list .cate-name {
    height: 36px;
    line-height: 36px;
    color: #333;
    margin-right: 10px;
}

.page-filtrate .filter-container .filter-condition .filter-list .list span {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    border-radius: 10px;
    color: #333;
    margin-bottom: 10px;
    cursor: pointer;
}

.page-filtrate .filter-container .filter-condition .filter-list .list span.active {
    background: #C1F421;
    color: #000;
}

.page-filtrate .filter-container .filter-condition .filter-list .list span:hover {
    color: #000;
}

.page-filtrate .filter-container .filter-condition .filter-list .drop-down-list {
    display: flex;
    align-items: center;
}

.page-filtrate .filter-container .filter-condition .filter-list .drop-down-list .list-mod {
    display: flex;
    align-items: center;
    color: #333;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
}

.page-filtrate .filter-container .filter-condition .filter-list .drop-down-list .list-mod span {
    margin-right: 3px;
}

.page-filtrate .filter-container .filter-condition .other-condition {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 14px;
    /* height: 18px; */
    min-height: 18px;
    margin-top: 20px;
    border-top: 1px solid #eee;
}

.page-filtrate .filter-container .filter-condition .other-condition .left {
    font-size: 18px;
}

.page-filtrate .filter-container .filter-condition .other-condition .left a {
    color: #666;
    margin-right: 30px;
}

.page-filtrate .filter-container .filter-condition .other-condition .left a:hover,
.page-filtrate .filter-container .filter-condition .other-condition .left a.active {
    color: #000;
}

.page-filtrate .filter-container .filter-condition .other-condition .right {
    display: flex;
    align-items: center;
}

.page-filtrate .filter-container .filter-condition .other-condition .right .item {
    margin-right: 20px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333;
    cursor: pointer;
}

.page-filtrate .filter-container .filter-condition .other-condition .right .item img {
    margin-right: 5px;
}

.page-filtrate .filter-result-list {
    /* width: 1460px; */
}

.page-schemeDetail {
    padding: 30px 0 50px;
}

.page-schemeDetail .detail-content {
    float: left;
    width: 1050px;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}

.page-schemeDetail .detail-content h1 {
    line-height: 20px;
    font-weight: 700;
    font-size: 24px;
    color: #000;
    margin-bottom: 15px;
}

.page-schemeDetail .detail-content .desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.page-schemeDetail .detail-content .desc .tag {
    font-size: 16px;
    color: #666;
}

.page-schemeDetail .detail-content .static {
    color: #999;
    font-size: 16px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.page-schemeDetail .detail-content .static span {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.page-schemeDetail .detail-content .static span img {
    margin-right: 3px;
}

.page-schemeDetail .detail-content .detail {
    margin-bottom: 60px;
}

.page-schemeDetail .detail-content .detail img {
    max-width: 100%;
}

.page-schemeDetail .detail-content .btn-like {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: 0 auto 60px;
    border-radius: 50%;
    background: #000;
    cursor: pointer;
}

.btn-like img {
    width: 24px;
    height: 24px;
}

.page-schemeDetail .detail-content .detail-op-btns {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-schemeDetail .detail-content .detail-op-btns .left {
    color: #9E9E9E;
    font-size: 16px;
}

.page-schemeDetail .detail-content .detail-op-btns .left img {
    margin-right: 3px;
}

.page-schemeDetail .detail-content .detail-op-btns .right {
    display: flex;
    align-items: center;
}

.page-schemeDetail .detail-content .detail-op-btns .right span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-left: 20px;
    font-size: 16px;
    color: #333;
    text-align: center;
}

.page-schemeDetail .detail-content .detail-op-btns .right span img {
    margin-right: 3px;
}

.page-schemeDetail .detail-content .comment-mod {
    padding: 20px 0;
    margin-top: 20px;
    border-top: 1px solid #eee;
}

.page-schemeDetail .detail-content .comment-mod .tit {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}

.page-schemeDetail .detail-content .comment-mod .comment-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-schemeDetail .detail-content .comment-mod .comment-cont .advater {
    width: 50px;
    height: 50px;
}

.page-schemeDetail .detail-content .comment-mod .comment-cont .det {
    display: flex;
    align-items: center;
    width: 943px;
    height: 60px;
    padding: 10px 12px;
    border-radius: 40px;
    border: 1px solid #eee;
}

.page-schemeDetail .detail-content .comment-mod .comment-cont .det input {
    flex: 1;
    height: 40px;
    font-size: 16px;
    color: #000;
    margin-right: 10px;
    border: 0;
}

.page-schemeDetail .detail-content .comment-mod .comment-cont .det input::placeholder {
    font-size: 14px;
    color: #9E9E9E;
}

.page-schemeDetail .detail-content .comment-mod .comment-cont .det span {
    width: 96px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    background: #C1F421;
    color: #000;
    font-size: 16px;
}

.page-schemeDetail .side-bar {
    float: right;
    width: 360px;
}

.page-schemeDetail .side-bar .user-info {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.page-schemeDetail .side-bar .user-info .info {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.page-schemeDetail .side-bar .user-info .info img {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    margin-right: 20px;
}

.page-schemeDetail .side-bar .user-info .info .text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page-schemeDetail .side-bar .user-info .info .text .name {
    height: 48px;
    font-size: 22px;
    color: #000;
}

.page-schemeDetail .side-bar .user-info .info .text span {
    height: 36px;
    font-size: 16px;
    color: #333;
}

.page-schemeDetail .side-bar .user-info .desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.page-schemeDetail .side-bar .user-info .desc span {
    font-size: 20px;
    font-weight: 350;
    color: #333;
}

.page-schemeDetail .side-bar .user-info .desc span i {
    font-family: "阿里妈妈竖黑体";
    font-weight: 700;
    margin-left: 3px;
}

.page-schemeDetail .side-bar .user-info .btns {
    display: flex;
    align-items: center;
    height: 40px;
}

.page-schemeDetail .side-bar .user-info .btns .btn01 {
    width: 96px;
    height: 40px;
    margin-right: 20px;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    background: #C1F421;
    color: #000;
    font-size: 20px;
    font-weight: 500;
}

.page-schemeDetail .side-bar .user-info .btns .btn02 {
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    background: #000;
    color: #C1F421;
    font-size: 20px;
    font-weight: 500;
}

.page-schemeDetail .side-bar .price-mod {
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
    border-radius: 10px;
}

.page-schemeDetail .side-bar .price-mod .price {
    display: flex;
    align-items: center;
    height: 36px;
    margin-bottom: 20px;
    color: #000;
}

.page-schemeDetail .side-bar .price-mod .price .txt01 {
    font-size: 18px;
    margin-right: 5px;
}

.page-schemeDetail .side-bar .price-mod .price .price01 {
    font-size: 24px;
    font-family: "阿里妈妈竖黑体";
    font-weight: bold;
    margin-right: 10px;
}

.page-schemeDetail .side-bar .price-mod .price .vip {
    width: 136px;
    height: 36px;
    line-height: 36px;
    background: linear-gradient(to right, #FEF3E4, #F3D4B3);
    border-radius: 20px 0 20px 0;
    color: #84472C;
    font-size: 18px;
    font-family: "阿里妈妈竖黑体";
    text-align: center;
}

.page-schemeDetail .side-bar .price-mod .vip-scheme {
    padding: 20px 16px;
    margin-bottom: 20px;
    border-radius: 20px;
    background: linear-gradient(to right, #FFF6E9, #E6BE9A);
    font-family: "阿里妈妈数黑体";
    text-align: center;
}

.page-schemeDetail .side-bar .price-mod .vip-scheme .tit {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin-bottom: 30px;
}

.page-schemeDetail .side-bar .price-mod .vip-scheme .desc {
    font-family: "思源黑体";
    font-size: 14px;
    color: #84472C;
    margin-bottom: 30px;
}

.page-schemeDetail .side-bar .price-mod .vip-scheme .btn {
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #FFFBF6;
    border-radius: 10px;
    color: #84472C;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}

.page-schemeDetail .side-bar .price-mod .vip-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-schemeDetail .side-bar .price-mod .vip-btn span {
    display: inline-block;
    width: 144px;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    text-align: center;
    background: #000;
    font-size: 20px;
    font-weight: 500;
    color: #C1F421;
    cursor: pointer;
}

.page-user-home .banner {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.page-user-home .banner img {
    display: block;
    width: 1920px;
    height: 300px;
    margin: 0 auto;
}

.page-user-home .banner .static {
    position: absolute;
    left: 50%;
    margin-left: -720px;
    bottom: 22px;
    width: 1440px;
    height: 60px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: flex-end;
}

.page-user-home .banner .static .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    font-size: 14px;
    color: #333;
}

.page-user-home .banner .static .item span {
    font-weight: bold;
    font-family: "阿里妈妈数黑体";
}

.page-user-home .banner .static .item span i {
    font-weight: 700;
    font-family: "阿里妈妈数黑体";
    color: #000;
}

.page-user-home .user-main {
    padding-top: 30px;
}

.page-user-home .user-main .side-bar {
    float: left;
    width: 360px;
    position: relative;
    top: -170px;
}

.page-user-home .user-main .side-bar .top {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 30px;
}

.page-user-home .user-main .side-bar .user-info {
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}

.page-user-home .user-main .side-bar .user-info img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto 20px;
}

.page-user-home .user-main .side-bar .user-info .name {
    height: 26px;
    font-size: 26px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}

.page-user-home .user-main .side-bar .user-info .tag {
    height: 16px;
    font-size: 16px;
    color: #333;
    font-weight: 350;
    margin-bottom: 20px;
    text-align: center;
}

.page-user-home .user-main .side-bar .user-info .desc {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.page-user-home .user-main .side-bar .user-info .desc span {
    font-size: 20px;
    font-weight: 350;
    color: #333;
}

.page-user-home .user-main .side-bar .user-info .desc span i {
    font-family: "阿里妈妈竖黑体";
    font-weight: 700;
    margin-left: 3px;
}

.page-user-home .user-main .side-bar .user-info .desc span.span01 {
    margin-right: 20px;
}

.page-user-home .user-main .side-bar .user-info .btns {
    margin-bottom: 30px;
}

.page-user-home .user-main .side-bar .user-info .btns .btn01 {
    display: block;
    width: 100%;
    height: 52px;
    margin-bottom: 20px;
    line-height: 52px;
    text-align: center;
    border-radius: 337px;
    background: #C1F421;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
}

.page-user-home .user-main .side-bar .user-info .btns .btn02 {
    display: block;
    width: 100%;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 337px;
    background: #000;
    color: #C1F421;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
}

.page-user-home .user-main .side-bar .user-info .det-info {
    font-size: 16px;
    font-weight: 350;
}

.page-user-home .user-main .side-bar .user-info .det-info p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
}

.page-user-home .user-main .side-bar .user-info .det-info p i {
    display: inline-block;
    width: 42%;
    text-align: right;
    color: #999;
}

.page-user-home .user-main .side-bar .user-info .det-info p span {
    display: inline-block;
    width: 50%;
    color: #333;
}

.page-user-home .user-main .right-content {
    float: right;
    width: 1148px;
}

.page-user-home .user-main .right-content .top {
    margin-bottom: 30px;
    padding: 0 20px 20px;
    background: #fff;
    border-radius: 10px;
}

.page-user-home .user-main .right-content .top .title-mod {
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}

.page-user-home .user-main .right-content .top .title-mod .left {
    font-size: 18px;
    color: #666;
}

.page-user-home .user-main .right-content .top .title-mod .left span {
    margin-right: 30px;
    display: inline-block;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
}

.page-user-home .user-main .right-content .top .title-mod .left span.active {
    border-bottom: 2px solid #000;
    color: #000;
}

.page-user-home .user-main .right-content .top .title-mod .right {
    font-size: 16px;
    color: #333;
}

.page-user-home .user-main .right-content .top .title-mod .right span {
    margin-right: 20px;
    cursor: pointer;
}

.page-user-home .user-main .right-content .top .title-mod .right span.mark {
    color: #FD5353;
}

.page-user-home .user-main .right-content .top .cate {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.page-user-home .user-main .right-content .top .cate .item {
    height: 36px;
    line-height: 34px;
    color: #333;
    font-size: 16px;
    margin: 0 15px;
    padding: 0 20px;
    border-radius: 30px;
    border: 1px solid #eee;
}

.page-user-home .user-main .right-content .top .cate .item.active {
    background: #C1F421;
    color: #000;
}

.page-user-home .user-main .right-content .user-list {
    width: 1168px;
}

.page-my-home {
    position: relative;
    top: 82px;
}

.page-my-home .banner {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.page-my-home .banner img.banner-img {
    display: block;
    height: 300px;
    margin: 0 auto;
}

.page-my-home .main {
    position: relative;
    top: -40px;
    /*作者信息*/
}

.page-my-home .main .my-info {
    width: 100%;
    height: 140px;
    padding: 20px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
}

.page-my-home .main .my-info .left {
    display: flex;
    align-items: center;
}

.page-my-home .main .my-info .left img {
    display: block;
    width: 100px;
    height: 100px;
    margin-right: 20px;
}

.page-my-home .main .my-info .left .info .name {
    font-size: 26px;
    color: #000;
    font-weight: 700;
}

.page-my-home .main .my-info .left .info .intro {
    margin-bottom: 16px;
    color: #333;
    font-size: 16px;
}

.page-my-home .main .my-info .left .info .static {
    display: flex;
    align-items: center;
}

.page-my-home .main .my-info .left .info .static .item {
    margin-right: 20px;
    font-size: 18px;
    font-weight: 350;
}

.page-my-home .main .my-info .left .info .static .item i {
    margin-left: 3px;
    font-weight: 700;
    font-family: "阿里妈妈数黑体";
}

.page-my-home .main .my-info .btn-upload {
    width: 200px;
    height: 52px;
    line-height: 52px;
    background: #000;
    border-radius: 10px;
    font-size: 20px;
    color: #C1F421;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}

.page-my-home .main .my-home-side-bar {
    float: left;
    width: 360px;
}

.page-my-home .main .my-home-side-bar .side-bar-cont {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
}

.page-my-home .main .my-home-side-bar .side-bar-btns {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.page-my-home .main .my-home-side-bar .side-bar-btns .item {
    width: 100%;
    height: 52px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #000;
    border-radius: 10px;
    cursor: pointer;
}

.page-my-home .main .my-home-side-bar .side-bar-btns .item img {
    margin-right: 30px;
    width: 16px;
}

.page-my-home .main .my-home-side-bar .side-bar-btns .item.focus {
    background: #F7F7F7;
}

.page-my-home .main .my-home-side-bar .side-bar-btns .item.active {
    background: #C1F421;
}

.page-my-home .main .my-home-side-bar .side-bar-btns .item.threeWord {
    letter-spacing: 6px;
}

.page-my-home .main .right-content {
    float: right;
    width: 1148px;
}

.page-my-home .main .right-content .top {
    margin-bottom: 30px;
    padding: 0 20px 15px;
    background: #fff;
    border-radius: 10px;
}

.page-my-home .main .right-content .top .title-mod {
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}

.page-my-home .main .right-content .top .title-mod .left {
    font-size: 18px;
    color: #666;
}

.page-my-home .main .right-content .top .title-mod .left span {
    margin-right: 30px;
    display: inline-block;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
}

.page-my-home .main .right-content .top .title-mod .left span.active {
    border-bottom: 2px solid #000;
    color: #000;
}

.page-my-home .main .right-content .top .title-mod .right {
    font-size: 16px;
    color: #333;
}

.page-my-home .main .right-content .top .title-mod .right span {
    margin-right: 20px;
    cursor: pointer;
}

.page-my-home .main .right-content .top .title-mod .right span.mark {
    color: #FD5353;
}

.page-my-home .main .right-content .top .cate {
    display: flex;
    align-items: center;
    padding-top: 30px;
    flex-wrap: wrap;
}

.page-my-home .main .right-content .top .cate .item {
    height: 36px;
    line-height: 34px;
    color: #333;
    font-size: 16px;
    margin: 0 15px 15px;
    padding: 0 20px;
    border-radius: 10px;
    border: 1px solid #eee;
    cursor: pointer;
}

.page-my-home .main .right-content .top .cate .item.active {
    background: #C1F421;
    color: #000;
}

.page-my-home .main .right-content .my-work-list {
    width: 1168px;
}

.page-my-home .main .right-content .my-folder-list {
    width: 1168px;
    overflow: hidden;
}

.page-my-home .main .right-content .my-folder-list li {
    float: left;
    width: 272px;
    margin-right: 20px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    padding-bottom: 15px;
    margin-bottom: 50px;
}

.page-my-home .main .right-content .my-folder-list li .pics {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-my-home .main .right-content .my-folder-list li .pics img {
    width: 272px;
    height: 180px;
}

.page-my-home .main .right-content .my-folder-list li .info {
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.page-my-home .main .right-content .my-folder-list li .info h3 {
    width: 186px;
    overflow: hidden;
}

.page-my-home .main .right-content .my-folder-list li .info h3 a {
    color: #333;
    font-size: 18px;
    font-weight: 500;
}

.page-my-home .main .right-content .my-folder-list li .info .viewer {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #999;
    font-family: "DIN";
}

.page-my-home .main .right-content .my-folder-list li .info .viewer img {
    margin-right: 3px;
}

.page-my-home .main .right-content .my-folder-list li .info .viewer span {
    margin-top: 4px;
}

.page-my-home .main .right-content .my-folder-list li .operate {
    height: 20px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    color: #333;
}

.page-my-home .main .right-content .my-folder-list li .operate a {
    color: #333;
}

.page-my-home .main .right-content .my-folder-list li .operate span {
    margin: 0 16px;
}

.page-my-home .main .right-content .my-folder-list li.btn-create-folder {
    height: 236px;
    border: 2px dotted #ccc;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.page-my-home .main .right-content .my-folder-list li.btn-create-folder span {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin-top: 20px;
}

.page-my-home .main .right-content .my-focus-list li {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.page-my-home .main .right-content .my-focus-list li .focus-author-info {
    width: 290px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.page-my-home .main .right-content .my-focus-list li .focus-author-info .tx img {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.page-my-home .main .right-content .my-focus-list li .focus-author-info .info {
    width: 190px;
}

.page-my-home .main .right-content .my-focus-list li .focus-author-info .info .name {
    width: 190px;
    height: 26px;
    line-height: 26px;
    margin-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    color: #000;
}

.page-my-home .main .right-content .my-focus-list li .focus-author-info .info .desc {
    font-size: 16px;
    color: #333;
    font-weight: 350;
    margin-bottom: 2px;
}

.page-my-home .main .right-content .my-focus-list li .focus-author-info .info .desc span {
    margin: 0 10px;
}

.page-my-home .main .right-content .my-focus-list li .focus-author-info .info .statistic {
    font-size: 18px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-my-home .main .right-content .my-focus-list li .focus-author-info .info .statistic .item span {
    font-weight: 350;
    margin-right: 3px;
}

.page-my-home .main .right-content .my-focus-list li .focus-author-info .info .statistic .item i {
    font-weight: 700;
    font-family: "阿里妈妈数黑体";
}

.page-my-home .main .right-content .my-focus-list li .focus-author-info .info .op-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 26px;
}

.page-my-home .main .right-content .my-focus-list li .focus-author-info .info .op-btns .item {
    width: 88px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 280px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #333;
    font-weight: 400;
}

.page-my-home .main .right-content .my-focus-list li .focus-author-info .info .op-btns a {
    display: block;
}

.page-my-home .main .right-content .my-focus-list li .focus-work {
    width: 760px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-my-home .main .right-content .my-focus-list li .focus-work .item {
    width: 240px;
    height: 170px;
    border-radius: 5px;
    overflow: hidden;
}

.page-my-home .main .right-content .my-focus-list li .focus-work .item img {
    width: 240px;
    height: 170px;
}

.page-my-home .main .right-content .account-set {
    width: 100%;
    padding: 40px 120px;
    background: #fff;
    border-radius: 10px;
}

.page-my-home .main .right-content .account-set .tx-upload {
    height: 100px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-left: 86px;
}

.page-my-home .main .right-content .account-set .tx-upload .tx {
    position: relative;
    width: 100px;
    height: 100px;
    margin-right: 20px;
    border-radius: 50%;
    overflow: hidden;
}

.page-my-home .main .right-content .account-set .tx-upload .tx .pic {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.page-my-home .main .right-content .account-set .tx-upload .tx::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    content: '';
    background: rgba(0, 0, 0, 0.4);
}

.page-my-home .main .right-content .account-set .tx-upload .tx .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -9px;
    z-index: 20;
    width: 20px;
    height: 18px;
}

.page-my-home .main .right-content .account-set .tx-upload .tips {
    line-height: 16px;
    font-size: 16px;
    color: #9E9E9E;
    font-weight: 400;
}

.page-my-home .main .right-content .account-set .input-item {
    height: 58px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.page-my-home .main .right-content .account-set .input-item .tit {
    width: 120px;
    text-align: right;
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin-right: 18px;
}

.page-my-home .main .right-content .account-set .input-item .input-area {
    width: 366px;
    height: 56px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.page-my-home .main .right-content .account-set .input-item .input-area input {
    height: 36px;
    width: 100%;
    border: 0;
    font-size: 18px;
    color: #333;
    font-weight: 500;
}

.page-my-home .main .right-content .account-set .input-item .input-area select {
    height: 36px;
    width: 100%;
    border: 0;
    font-size: 18px;
    color: #333;
    font-weight: 500;
}

.page-my-home .main .right-content .account-set .input-item .input-area select option {
    line-height: 40px;
}

.page-my-home .main .right-content .account-set .btn-save {
    width: 128px;
    height: 40px;
    margin-left: 206px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    background: #C1F421;
    border-radius: 337px;
    cursor: pointer;
}

.page-publish-works {
    width: 1520px;
    margin: 0 auto;
    padding: 30px 0 170px;
}

.page-publish-works .title {
    font-size: 24px;
    color: #333;
    font-weight: 700;
    margin-bottom: 50px;
}

.page-publish-works .content-area .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
}

.page-publish-works .content-area .item .label {
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
}

.page-publish-works .content-area .item .label .tit {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin-right: 10px;
}

.page-publish-works .content-area .item .label .tit span {
    color: #FD5353;
}

.page-publish-works .content-area .item .label .tips {
    margin-right: 10px;
    color: #9E9E9E;
}

.page-publish-works .content-area .item .label .select-item {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin-right: 10px;
    color: #333;
    padding: 0 10px;
    border-radius: 20px;
    border: 1px solid #C1F421;
    background: rgba(193, 244, 33, 0.09);
}

.page-publish-works .content-area .item .label .select-item span {
    margin-right: 8px;
}

.page-publish-works .content-area .item .label .select-item img {
    cursor: pointer;
    margin-bottom: 3px;
}

.page-publish-works .content-area .item .label .clear {
    color: #FD5353;
    cursor: pointer;
}

.page-publish-works .content-area .item .label.label-tag {
    justify-content: space-between;
}

.page-publish-works .content-area .item .label.label-tag .tag {
    font-size: 14px;
    color: #999;
}

.page-publish-works .content-area .item .label.label-tag .tag span {
    color: #333;
}

.page-publish-works .content-area .item .tips {
    margin-top: -15px;
    line-height: 18px;
    color: #999;
    font-size: 14px;
    font-weight: 400;
}

.page-publish-works .content-area .item .tips span {
    display: inline-block;
}

.page-publish-works .content-area .item .upload-area {
    width: 100%;
    height: 229px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background: #F7F7F7;
    border: 2px dotted #ccc;
    border-radius: 8px;
    cursor: pointer;
}

.page-publish-works .content-area .item .upload-area .span01 {
    color: #333;
    font-weight: 500;
}

.page-publish-works .content-area .item .upload-area .span02 {
    color: #999;
    font-weight: 400;
}

.page-publish-works .content-area .item .textarea-area {
    width: 100%;
    height: 150px;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 20px 10px;
}

.page-publish-works .content-area .item .textarea-area textarea {
    width: 100%;
    height: 100px;
    border: 0;
}

.page-publish-works .content-area .item .textarea-area span {
    display: inline-block;
    height: 16px;
    line-height: 18px;
    color: #9E9E9E;
    text-align: right;
}

.page-publish-works .content-area .item .industry-type {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-publish-works .content-area .item .industry-type .input-area {
    width: 100%;
}

.page-publish-works .content-area .item .activity-type {
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.page-publish-works .content-area .item .activity-type .type-item {
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    border-radius: 280px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #333;
}

.page-publish-works .content-area .item .activity-type .type-item.active {
    background: #eee;
    color: #000;
}

.page-publish-works .content-area .input-area {
    width: 100%;
    height: 56px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #ccc;
}

.page-publish-works .content-area .input-area.df {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-publish-works .content-area .input-area.df input {
    flex: 1;
    border: 0;
}

.page-publish-works .content-area .input-area.df input::placeholder {
    color: #999;
    font-size: 16px;
}

.page-publish-works .content-area .input-area.df span {
    width: 60px;
    font-size: 16px;
    color: #999;
    text-align: right;
}

.page-publish-works .content-area .input-area select {
    height: 36px;
    width: 100%;
    border: 0;
    font-size: 18px;
    font-weight: 500;
}

.page-publish-works .content-area .input-area select option {
    line-height: 40px;
}

.page-publish-works .content-area .input-area.price {
    color: #FD5353;
    font-size: 18px;
    font-weight: 500;
}

.page-publish-works .content-area .input-area.price input {
    color: #FD5353;
    font-size: 18px;
}

.page-publish-works .content-area .left-area {
    float: left;
    width: 1020px;
    border-right: 1px solid #eee;
}

.page-publish-works .content-area .left-area .others {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-publish-works .content-area .left-area .others .other-item {
    width: 470px;
}

.page-publish-works .content-area .left-area .others .other-item .tit {
    height: 36px;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.page-publish-works .content-area .right-area {
    float: right;
    width: 470px;
}

.page-publish-works .content-area .right-area .upload-area {
    width: 100%;
    height: 229px;
    margin-bottom: 20px;
    border-radius: 8px;
    border: 2px dotted #ccc;
    background: #f7f7f7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
}

.page-publish-works .content-area .right-area .upload-area img {
    margin-bottom: 10px;
}

.page-publish-works .content-area .right-area .upload-area span {
    color: #333;
    font-weight: 500;
    margin-top: -15px;
}

.publish-btn-area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    box-shadow: 0 -18px 20px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.publish-btn-area .content-area {
    width: 1524px;
    margin: 0 auto;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.publish-btn-area .content-area .left {
    font-size: 16px;
    color: #333;
}

.publish-btn-area .content-area .left label {
    display: flex;
    align-items: center;
}

.publish-btn-area .content-area .left a {
    color: #FD5353;
}

.publish-btn-area .content-area .left input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    border: 2px solid #FD5353;
    outline: none;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.publish-btn-area .content-area .left input[type="checkbox"]:checked {
    background: #FD5353;
}

.publish-btn-area .content-area .left input[type="checkbox"]:checked::after {
    content: '✓';
    color: white;
    font-size: 14px;
    font-weight: bold;
}

.publish-btn-area .content-area .right {
    display: flex;
    align-items: center;
}

.publish-btn-area .content-area .right .btn {
    height: 48px;
    line-height: 48px;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}

.publish-btn-area .content-area .right .btn.btn-view {
    width: 120px;
    background: #C1F421;
    color: #000;
    margin-right: 30px;
}

.publish-btn-area .content-area .right .btn.btn-publish {
    width: 240px;
    background: #000;
    color: #C1F421;
}