/* 网站头部S */
html,
body {
    width: 100%;
    height: 100%;
    margin: auto 0px;
    padding: auto 0px;
}

body {
    background-color: #F6F6F6;
}

blockquote {
    border: none;
}

/* 禁用iPhone中Safari的字号自动调整 */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* 去除iPhone中默认的input样式 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input,
button {
    /* -webkit-appearance:none; */
    resize: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

button {
    border: none;
}

* {
    -webkit-user-select: auto;
}
.au{
    text-decoration: underline;
}
.nau{
    text-decoration: none !important;
}
/* 设置HTML5元素为块 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

/* 图片自适应 */
img {
    object-fit: cover;
    border: none;
    vertical-align: middle;
    height: auto;
    max-width: 100%;
    /* ie8 */
    -ms-interpolation-mode: bicubic;
    /*为了照顾ie图片缩放失真*/
}

/* 初始化 */

td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

td a {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table {
    table-layout: fixed
}

body {
    font-family: Microsoft YaHei, simhei, Tahoma, Arial, sans-serif;
}

/* em,
i {
    font-style: normal;
} */

footer {
    position: relative;
}


a {
    color: #4d4d4d;
    text-decoration: none;
    font-family: Microsoft YaHei, Tahoma, Arial, sans-serif;
}

div,
p,
span {
    word-wrap: break-word;
    word-break: break-all
}

a:hover,
a:active,
a:visited,
a:focus {
    text-decoration: none;
    cursor: pointer;
}

ul,
ol {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-family: Microsoft YaHei;
}


body,
html {
    width: 100%;
    margin: 0 auto;
    font-family: Microsoft YaHei;

}

.pagination {
    margin: 0px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #E3423B;
    border-color: #E3423B;
}

.pagination>li>a,
.pagination>li>span {
    color: #E3423B;
}

.pagination li:nth-child(1) {
    display: none!important;
}
.pagination{
    flex-wrap: nowrap!important;
}
.pagination li{
    white-space: nowrap;
}
.pagination>li>a {
    margin: 0px 3px;
    height: 28px;

    border-radius: 4px;
}


.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #4d4d4d;
}


.layui-form-radio>i:hover,
.layui-form-radioed>i {
    color: #E3423B !important;
}

.layui-form-item {
    position: relative;
}

#header-diver {
    width: 100%;
    height: 56px;
}

/* 头部变色 */
.another-header {
    z-index: 99999;
    background: rgba(0, 0, 0, 0.1708) !important;
}

.another-header .z-header-tab ul li a {
    color: #ffffff !important;
}

.another-header .z-header-tab ul li a::before {
    background-color: #ffffff !important;
}

.another-header .z-header-tab ul .active::before {
    background-color: #ffffff !important;
}

.another-header .r-mes span {
    color: #ffffff !important;
}

.another-header .z-notice {
    font-size: 14px;
    color: #ffffff !important;
}

.another-header .r-mes span {
    color: #ffffff !important;
}

.content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 15px 0px;
}

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

.clearfix {
    zoom: 1;
}

.layui-table td,
.layui-table th {
    padding: 9px 10px !important;
}

/* 封装使用S */
/* .z-task-page {
    width: 100%;
    height: 80px;
    box-sizing: border-box;
    padding: 0px 37px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
} */
::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
}

.red {
    color: #E3423B !important;
}

.red:hover {
    color: #E3423B !important;
}
.green{
    color:#05C123;
}

.white{
	color: white;
}
.layui-form-radio>i:hover,
.layui-form-radioed>i {
    color: #E3423B;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #E3423B;
    color: #ffffff;
}

.layui-laypage a:hover {
    color: #9B9B9B;
}

.red-btn {
    /* display: flex;
    justify-content: center;
    align-items: center; */
    color: #ffffff;
    background-color: #E3423B;
}

.orange-btn {
    /* display: flex;
    justify-content: center;
    align-items: center; */
    color: #ffffff;
    background-color: #FFC424;
}
.red-btn a {
    color: #ffffff !important;
}

.red-btn a:hover {
    color: #ffffff;
}

.gray-btn{
    background-color: gray;
}

.tr-btn {
    /* display: flex;
    justify-content: center;
    align-items: center; */
    color: #E3423B !important;
    background-color: #ffffff !important;
    border: 1px solid #E3423B !important;
    background-color: transparent;
}

.tr-btn:hover {
    color: #E3423B;
    border: 1px solid #E3423B;
    background-color: transparent;
}

.tr-btn a {
    color: #E3423B !important;
}

.tr-btn a:hover {
    color: #E3423B;
}

.diver {
    margin-top: 282px;
}

.bg-white {
    background-color: #ffffff;
}

.bg-key{
background:rgba(255,197,40,1);
}
.bg-zi {
    background-color: #6D70FF;
}

.bg-reject {
    background-color: #999999;
}
.bg-gray {
    background-color: #F5F5F5
}
.mgt5 {
    margin-top: 5px;
}
.mgt10 {
    margin-top: 10px;
}

.mgt15{
    margin-top: 15px;
}
.mgt18{
    margin-top: 18px;
}
.mgt20 {
    margin-top: 20px;
}
.mgt30{
    margin-top: 30px;
}
.mgt40 {
    margin-top: 40px;
}

.mgt45 {
    margin-top: 45px;
}

.mgt50 {
    margin-top: 50px;
}
.mgb10{
    margin-bottom: 10px;
}
.mgb5{
    margin-bottom: 5px;
}
.pad20{
    padding: 20px;
    box-sizing: border-box;
}

.pad15{
    padding: 15px;
    box-sizing: border-box;
}
.pdt10{
    padding-top: 10px;
}
.pd12{
    padding:12px;
}
.pdl20{
    padding-left:20px;
}
.pdl135{
    padding-left:135px;
}
.pdt20{
    padding-top: 20px;
}
.pad10{
    padding: 10px;
    box-sizing: border-box;
}
.pad12{
    padding: 12px;
}
a:hover{
    opacity: 0.9;
}
.tc{
    text-align: center;
}
.line-2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.line-3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.p-15 {
    font-size: 15px;
}
.mar20{
    margin-right: 20px;
}
.nowrap{
    white-space: nowrap;
}
.z-suoding {
    color: #FF8900;
}

.p-16 {
    font-size: 16px;
}
.p-18 {
    font-size: 18px;
}

.p-red {
    color: #E3423B;
}

.padding {
    box-sizing: border-box;
    padding: 15px;
}
.flex{
    display: flex;
}
.fac{
    display: flex;
    align-items: center;
}
.fs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.only-fs{
    display: flex;
    justify-content: flex-start;
}
.only-fsb{
    display: flex;
    justify-content: space-between;
}
.fse{
    display: flex;
    justify-content: flex-end;
    align-items: center; 
}


.fsb {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fsa {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.fb{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.fc {
    display: flex;
    justify-content: center;
    align-items: center;
}
.fdc{
    flex-direction: column;
}

.fwb{
	font-weight: bold;
}
/*封装使用E */
.nodata {
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.nodata p {
    color: #D8D8D8;
}

.noTasks {
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
}

.noTasks p {
    color: #D8D8D8;
    font-size: 15px;
}

.ad-top {
    width: 100%;
    position: relative;
}

.ad-top img {
    width: 100%;
    height: 100px;
}

.ad-top .ad-tips {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 43px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.2282);
    border-radius: 5px;
}

.ab-center {
    width: 100%;
    height: 480px;
    margin-top: -62px;
}

.header {
    width: 100%;
    height: 56px;
    background: #ffffff;
    z-index: 99;
    /* background: rgba(0, 0, 0, 0.17079999999999998); */
}

.header>* {
    z-index: 9999;
}

.middle {
    width: 1200px;
    margin: 0 auto;


}

.z-fail {
    color: #E3423B;
}

.z-success {
    color: #000000;
}

.z-img {
    color: #4A90E2;
}

.z-avatar-box {
    position: relative;
    width: 40px;
    height: 40px;
}

.z-red-point {
    position: absolute;
    right: 4px;
    top: 2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #E3423B;
}

.r-mes-count {
    margin-right: 15px;
}

.z-avatar-box:hover .z-red-point {
    animation: jelly 0.5s;
}

@keyframes jelly {

    0%,
    100% {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.1, 0.9);
    }

    75% {
        transform: scale(0.95, 1.05);
    }
}

.z-index-banner {
    position: relative;
    z-index: -1 !important;
}

.z-index-banner img {
    width: 100%;
    height: 100%;
}

.header .login {
    position: relative;
    padding-right: 8px;
}
.login .box{
    padding-right: 10px;
    box-sizing: border-box;
    z-index: 100;
}
.login .login-option {
    display: none;
    position: absolute;
    top: 47px;
    right: 0px;
    width: 93px;
    padding-top: 5px;
    background-size: 100% 100%;
    transition: 0.2s ease;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    border-radius: 5px;
    z-index: 999;
}

.login .login-option::before{
    position: absolute;
    content: '';
    top: -8px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #f9e369;
    left: 36px;
}

.login .login-option ul li {
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.login .login-option ul {
    position: relative;
    
}
.login .login-option ul::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 7px;
    background-color: #f9e369;
    top: -5px;
    left: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
 .login-option ul li a {
    display: block;
    color: #000000;
    margin: 0 auto;
    width: 73%;
    height: 100%;
    border-bottom: 1px solid #ebebeb
}
 .login-option ul li:last-child a{
    border-bottom: none;
}

.login-option ul li a:hover {
    color: #000000;
}
.no-login a{
    color: #666666;
}
.no-login a:hover{
    color: #FE8C47;
}
.no-login span:first-child{
    margin-right: 30px;
}
.no-login span{
    color: #666666;
    margin:0 10px;
}
.notice-wrap{
    width: 100%;
    height: 40px;
    z-index: 999999;
    background-color: #f6f6f6;
}
.z-notice {
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

.z-notice-left{
    width: 55%;
}
.z-notice-right{
    position: relative;
    width: 43%;
    font-size: 13px;
}
.z-notice-left ul{
    display: flex;
    align-items: center;
    font-size: 12px;
    color:#4d4d4d;
}

.z-notice-left ul>li:not(:last-child){
    margin-right: 4%;
}

.z-notice .z-avatar img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.z-notice button {
    margin-left: 10px;
    width: 74px;
    height: 32px;
    padding: 0px;
    line-height: 32px;
    background: rgba(227, 66, 59, 1);
    border-radius: 7px;
}

.z-notice .z-login-btn a {
    background: #E3423B;
    color: #ffffff;
    border: 1px solid #E3423B;
}

.z-notice .z-reg-btn {
    background: transparent;
    color: #E3423B;
    border: 1px solid #E3423B;
}

.z-notice .z-reg-btn a {
    color: #E3423B;
}

.z-header-tab {
    width: 64%;
    padding-left: 20px;
    display: flex;
}

.z-header-tab ul li {
    position: relative;
    float: left;
    margin: 0px 5px;
    text-align: center;
    font-size: 15px;
}

.z-header-tab .z-tips1 {
    position: absolute;
    padding: 0px 2px;
    top: 3px;
    height: 20px;
    font-size: 12px;
    color: #7F4D1E;
    background: url('../images/icon/group_2.png') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.lh20{
    line-height: 20px;
}
.lh22{
    line-height: 22px;
}
.lh24{
    line-height: 24px;
}
.lh30{
    line-height: 30px;
}
.lh40{
    line-height: 40px;
}
.layui-layer-title{
    font-size: 16px;
    color: rgb(255, 255, 255);
    background-color: rgb(228, 74, 67) !important;
    cursor: move;
}
.z-header-tab ul li a {
    position: relative;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 60px;
    color: #000000;
}

.z-header-tab ul .active::before {
    content: '';
    position: absolute;
    top: 47px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 10px;
    background-color: #F6643a;

}

.z-header-tab ul li a:hover::before {
    content: '';
    position: absolute;
    top: 47px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 10px;
    background-color: #000000;

}

.z-header-tab .z-tips2 {
    position: absolute;
    top: 3px;
    width: 62px;
    height: 20px;
    font-size: 12px;
    color: #ffffff;
    background: url('../images/icon/group_3.png') no-repeat;
    background-position: 4px 1px;
}

.z-j-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-search{
    position: relative;
    width: 20%;

}

.header-search .search-img{
    position: absolute;
    right: 13px;
    top: 3px;
    font-size: 20px;
    color: #999999;
}
.header-search .search-btn{
    position: absolute;
    right: 1px;
    top: 3px;
    font-size: 20px;
    color: #999999;
    height: 32px;
    opacity: 0;
}
.header-search input{
    width: 100%;
    padding-left: 88px;
    box-sizing: border-box;
    padding-right: 40px;
    height: 38px;
}
.header-search-type{
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    color: #999999;
    height: 38px;
    width: 100px;
    line-height: 38px;
}
.header-search-type:hover .header-search-list{
    display: block;
    transform: translateY(0);
    transition: all 250ms;
}
.header-search-type i{
    transition: all 250ms;
}
.header-search-type:hover i{
    transform: rotate(-180deg);
    transition: all 250ms;
}
.header-search-choose{
    z-index: 20;
    color: #000000;
}
.header-search-list{
    position: absolute;
    top: 38px;
    left: 2px;
    width: 218px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    display: none;
    transform: translateY(-68px);
    z-index: 10;
    transition: all 250ms;
    color: #000000;
}
.header-search-list ul{
    display: flex;
    align-items: center;
    padding: 5px;
}
.header-search-list ul>li{
    width: 100%;
    height: 30px;
    line-height: 30px;
}
.header-search-list ul>li:hover{
    color: #FE8C47;
}

.z-notice {
    font-size: 14px;
    color: #000000;
}

.z-header-btn .z-reg-btn {
    background: #ffffff;
    color: #E3423B;
}

.z-notice img {
    width: 23px;
    height: 24px;
    margin-right: 10px;
}


/* 网站头部E */

/* 网站底部S */
footer {
    width: 100%;
    margin-top: 40px;
}

footer p {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fff;
    line-height: 30px;
}

.footer-top {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    background-color: #ffffff;
}

.footer-top ul {
    display: flex;
    justify-content: flex-start;
}

.footer-top li {
    margin-left: 10px;
    margin-right: 25px;
}

.footer-top li:nth-child(1) {
    font-weight: 600;
    margin: 0px;
}

.footer-top li:last-child {
    margin: 0px;
}

.footer-down {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    padding-bottom: 0px;
    font-size: 14px;
    background-color: #292929;
}

.footer-bottom .middle {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 0px
}

.layui-form-label {
    width: 100px;
}

.layui-tab {
    margin: 0px !important;
}

.footer-bottom-left {
    margin-left: -60px;
    display: flex;
    justify-content: center;
}

.footer-bottom-left a:first-child {
    margin-left: 0;
}

/* .footer-bottom-left ul {
    margin-bottom: 15px;
    display: flex;
    justify-content: flex-start;
} */
.footer-bottom-left ul li a {
    line-height: 30px;
    color: rgb(255, 255, 255);
}

.footer-bottom-left ul {
    width: 120px;
    margin: 0px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-bottom-left ul .fbll-p {
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgb(132, 132, 132);
    margin-bottom: 11px;
    line-height: 18px;
}

.footer-bottom li {
    color: #ffffff;
}



.footer-bottom-left li a {
    color: #ffffff;
}

.footer-bottom-left li a:hover {
    color: #ffffffc5;
}

.footer-bottom-left li:nth-child(1) a {
    color: #E3423B;
}

.footer-bottom-left li:nth-child(1) a:hover {
    color: rgba(227, 67, 59, 0.719);
}

.footer-nottom-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-company {
    width: 100%;
    height: 50px;
    text-align: center;
}

.footer-company {
    width: 100%;
    height: 50px;

}

.footer-company p {
    line-height: 50px;
    font-size: 14px;
    margin-top: 8px;
    color: #848484;
}

.footer-company p a {
    color: #848484;
}

.footer-icon {
    margin-top: 30px;

}

.footer-bottom-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* .footer-bottom-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
} */


.footer-new-tips .title {
    color: #ffffff;
    line-height: 14px;
    margin-bottom: 10px;
}

.footer-new-tips h2 {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    margin-bottom: 5px;
}

.footer-bottom-right ul {
    margin-left: 20px;
}

.footer-bottom-right ul li {
    line-height: 36px;
}


.footer-bottom-right img {
    width: 100px;
}


/* 新底部S */
.footer-new-left {
    padding-right: 17px;
    margin-top: 21px;
    /*border-right:1px solid rgba(87,93,104,1);;*/
}

.footer-new-left img {
    width: 243px;
    height: 38px
}

.footer-new-left p {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fff;
    line-height: 30px;
    margin-top: 11px;
}

/* 新底部E */
.z-about-title {
    display: none;
}

/* 网站底部E */

/* 面包屑 */
.title-nav {
    margin: 15px 0 15px 0px;
    text-align: left;
}

.layui-breadcrumb {
    visibility: visible !important;
}

.layui-breadcrumb a:hover {
    color: #bbb9b99f !important;
}


/* 分享S */

.z-tb-right .z-share-list {
    width: 100%;
    position: relative;
}

.z-share-list .z-sl-ul {
    display: none;
    position: absolute;
    top: 50px;
    width: 100%;
}

.z-share-list .z-sl-ul li {
    box-sizing: border-box;
    padding: 0px 15px;
    height: 45px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #4A4A4A;
    background-color: #ffffff;
}

.z-share-list .z-sl-ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.z-share-list .z-sl-ul li a span:nth-child(1) {
    width: 30px;
    margin-right: 5px;
}

.z-sl-ul .z-share-address {
    height: 36px !important;
    color: #ffffff !important;
    background-color: #ACACAC !important;
}

.z-sl-ul li img {
    margin-right: 10px;
}

.z-step1 .z-sc-content {
    display: flex;
    justify-content: center;
}

.z-sc-content .z-sc-content p {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.z-step1 .z-sc-content img {
    padding: 20px 0px;
}

.z-sc-content img {
    max-width: 100%!important;
    height: auto;
    object-fit: fill;
}

/* 分享E */
label {
    margin-bottom: 0px;
}

/* 任务步骤S */
.z-st-step h2 {
    text-align: left;
    font-size: 18px;
    font-family: PingFangSC;
    font-weight: 500;
}

.z-step-cell {
    margin-top: 25px;
    border: 1px solid #f2f2f2;
}

.z-step-cell .box {
    position: relative;
}

.z-step-cell .finger1,
.z-step-cell .finger2 {
    position: absolute;
    top: 10px;
    right: -20px;
}

.z-sc-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 49px;
    font-size: 16px;
    background: rgba(252, 244, 244, 1);
}

.z-sct-logo {
    display: flex;
    justify-content: center;
    margin: 10px 20px 0px -10px;
    width: 85px;
    height: 41px;
    background: url('../images/icon/sc-title.png') no-repeat;
}

.z-sct-logo span {
    margin-top: 5px;
    font-size: 16px;
    color: #ffffff;
}

.z-sccp {
    text-align: center;
}

.z-v-msg {
    line-height: 17px;
    color: #E3423B;
}

.z-v-warmming {
    margin: 0px 8px;
}

/* 任务步骤E */

/* 公司简介S */
.z-company {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.z-c-left {
    width: 70px;
    height: 70px;
    margin-right: 10px;
}

.z-c-left img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: contain;
}

.z-c-right h1 {
    font-size: 16px;
}

.z-c-right p {
    line-height: 30px;
    font-size: 14px;
}

.z-companyId {
    color: #FF8900;
}

/* 公司简介E */

.z-tuijian-list {
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
}

.z-tuijian-list ul li {
    margin: 15px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.z-tuijian-list ul li>a {
    display: flex;
    justify-content: flex-start;
}

.z-tuijian-list ul li>span {
    color: #FF9900;
}

.z-tuijian-list ul li>a span:nth-child(1) {
    width: 19px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.z-common-title {
    width: 185px;
    margin-left: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.z-list-title {
    width: 100%;
    padding: 5px 0 16px;
    border-bottom: 1px solid #f2f2f2;

}

.z-list-title h2 {
    position: relative;
    font-size: 16px;
}

/* .z-list-title h2::before {
    content: '';
    position: absolute;
    top: 0px;
    left: -10px;
    width: 3px;
    height: 100%;
    background-color: #E3423B;

} */

.report {
    text-align: right;
}

.report a {
    color: #0084ff;
}

.report a:hover {
    text-decoration: underline;
    color: #0084ff;
}

/* .layui-layer-setwin {
    top: 30px !important;
} */

.layui-layer-setwin a {
    color: #ffffff !important;
}

.z-idnex-ad2 {
    width: 312px;
    overflow: hidden;
}
.z-idnex-ad2 img{
    width: 100%;
    object-fit: cover;
}


.z-task-detail-title h1 {
    font-size: 20px;
    color: #E3423B;
    margin-bottom: 20px;
}

/* 举报弹出框S */
.rc {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 30px;
}

.rc label {
    margin-right: 30px;
    font-size: 16px;
    font-weight: 600;
}

.rc .report-input {
    margin: 20px;
}

.pd20 {
    padding: 20px;
}
.pdb10{
    padding-bottom: 10px;
}
#modal-report .modal-dialog {
    width: 650px;

}

.modal-dialog {
    margin: 150px auto !important;
}

.modal-header {
    width: 100%;
    height: 54px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px 5px 0px 0px;
    background-color: #E3423B;
    color: #ffffff;
}

.modal-header .close {
    font-size: 30px;
    color: #fff;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 1;
}

.modal-title {
    font-size: 16px;
}

#modal-report .modal-body {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 50px 20px 30px;
}

#modal-report .modal-body input,
#modal-report .modal-body textarea {
    width: 100%;
}

#bohui .modal-body textarea {
    width: 100%;
    height: 200px;
}

#modal-report .modal-body .layui-textarea {
    min-height: 150px;
}

#modal-report .modal-body .layui-form-item {
    margin: 20px 0px;
}

#modal-report .report-submit {
    margin: 0 auto;
    text-align: center;
}

#modal-report .report-submit button,
#bohui .report-submit button {
    width: 226px;
    height: 48px;
    color: #ffffff;
    background-color: #E3423B;

}

#modal-report .modal-body .layui-form-checked[lay-skin=primary] i {
    border-color: #E3423B !important;
    background-color: #E3423B;
    color: #fff;
}

/* 举报弹出框E */


.z-task-result {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.z-ts-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.z-task-result p {
    line-height: 25px;
    text-align: left;
}

.z-task-result .z-ts-photo {
    margin: 15px 0px;
    width: 250px;
    height: 200px;
}

.z-task-result .z-ts-photo img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.z-task-result .pass {
    color: #0686D8;
}

.z-task-result .fail {
    color: #D0021B;
}



/* 个人中心导航栏S */
.z-user-slider {
    width: 229px;
}

.z-user-slider .z-us-title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 19px;
    border-bottom: 1px dashed#9B9B9B;
}

.z-user-slider .z-us-title h1 {
    margin-left: 6px;
    font-size: 18px;
    color: #E3423B;
}

.z-user-slider .z-us-cell {
    width: 100%;
    margin: 10px 0px;
    padding-left:30px;
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
}

.z-user-slider .z-us-cell .z-usc-img {
    width: 23px;
    height: 20px;
    margin-right: 18px;
}

.z-user-slider .z-us-cell li {
    margin: 15px 0px;
}

.z-user-slider .z-us-cell li a {
    color: #4A4A4A;
}

.z-user-slider .z-us-cell li:nth-child(1) {
    margin: 0px;
}

/* .z-user-slider .z-us-cell li .active {
    color: #E3423B;
}

.z-user-slider li:hover a {
    color: #E3423B;
} */

/* 个人中心导航E */


/* 关于页导航S */
.z-about-slider {
    width: 229px;
}

.z-about-slider ul {
    width: 100%;
}

.z-about-slider ul li {
    position: relative;
    width: 100%;
    height: 62px;
}

.z-about-slider ul li:hover {
    background: rgba(255, 238, 237, 1);
}

.z-about-slider ul li:hover::before {
    content: "";
    position: absolute;
    left: 0px;
    width: 2px;
    height: 100%;
    background-color: #E3423B;

}

.z-about-slider ul li a {
    display: block;
    width: 100%;
    height: 62px;
    display: flex;
    align-items: center;
    padding-left: 70px;
    font-size: 16px;
}

.z-about-slider ul .active {
    position: relative;
    background: rgba(255, 238, 237, 1);
}

.z-about-slider ul .active::before {
    content: "";
    position: absolute;
    left: 0px;
    width: 2px;
    height: 100%;
    background-color: #E3423B;

}

/* 关于页导航E */


/* 侧边栏S */
.cebian {
    width: 120px;
    height: 300px;
    position: fixed;
    top: 54%;
    right: 2%;
    background: url('../images/icon/cebian.png') no-repeat;
    background-size: 100% 90%;
    font-size: 12px;
    z-index: 101;
}

.cebian ul {
    position: relative;
    top: 51%;
}

/* .cebian ul li:hover{
background: #f04d1e;
} */
.cebian ul li {
    width: 100%;
    height: 30px;

}

.cebian ul li:last-child {
    margin-top: -4px;
    background: url('../images/icon/toTop.png') no-repeat;
    background-size: 100% 100%;
}

.cebian ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.cebian ul li a:hover {
    cursor: pointer;
}



.cebian ul li img {
    margin-bottom: 5px;
    width: 25px;
}

/* 侧边栏E */



/* 图片放大缩小S */

#images a {
    margin-right: 14px;
}

#images a img {
    border: 1px solid #888;
    padding: 3px;
    vertical-align: top;
}

#credit {
    clear: both;
    margin-top: 50px;
    padding-top: 20px;
    font-size: 10px;
    border-top: 1px solid #BBB;
    font-family: Verdana;
}

#imgbox-loading {
    position: absolute;
    top: 0;
    left: 0;
    background: url('imgbox-spinner.gif') center center no-repeat;
    cursor: pointer;
    display: none;
    z-index: 90;
}

#imgbox-loading div {
    background: #FFF;
    width: 100%;
    height: 100%;
}

#imgbox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    display: none;
    z-index: 80;
}

.imgbox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    display: none;
    z-index: 90;
}

.imgbox-img {
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.imgbox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    height: 30px;
    width: 30px;
    background: url('imgbox-close.png') top left no-repeat;
    cursor: pointer;
    outline: none;
}

.imgbox-title {
    padding-top: 10px;
    font-size: 11px;
    text-align: center;
    font-family: Arial;
    color: #333;
    display: none;
}

.imgbox-bg-wrap {
    position: absolute;
    padding: 0;
    margin: 0;
    display: none;
}

.imgbox-bg {
    position: absolute;
    width: 20px;
    height: 20px;
}

.imgbox-bg-n {
    left: 0;
    top: -20px;
    width: 100%;
    background: url(imgbox-bg-n.png) repeat-x;
}

.imgbox-bg-ne {
    right: -20px;
    top: -20px;
    background: url(imgbox-bg-ne.png) no-repeat;
}

.imgbox-bg-e {
    right: -20px;
    top: 0;
    height: 100%;
    background: url(imgbox-bg-e.png) repeat-y;
}

.imgbox-bg-se {
    right: -20px;
    bottom: -20px;
    background: url(imgbox-bg-se.png) no-repeat;
}

.imgbox-bg-s {
    left: 0;
    bottom: -20px;
    width: 100%;
    background: url(imgbox-bg-s.png) repeat-x;
}

.imgbox-bg-sw {
    left: -20px;
    bottom: -20px;
    background: url(imgbox-bg-sw.png) no-repeat;
}

.imgbox-bg-w {
    left: -20px;
    top: 0;
    height: 100%;
    background: url(imgbox-bg-w.png) repeat-y;
}

.imgbox-bg-nw {
    left: -20px;
    top: -20px;
    background: url(imgbox-bg-nw.png) no-repeat;
}

/* 图片放大缩小E */
td img {
    cursor: pointer;
}

.z-us-cell li a {
    position: relative;
    z-index: 2;
}

.z-us-cell li a .red-point {
    position: absolute;
    top: 2px;
    right: -9px;
    width: 5px;
    height: 5px;
    border-radius: 45px;
    background-color: #E3423B;
    z-index: -1;
}

.pagination {
    margin: 20px 0px;
}

.dataTables_paginate {
    overflow: hidden;
}



.z-copy-website {
    cursor: pointer;
    color: #0084ff !important;
}

.z-copy-website:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #0084ff !important;
}

.z-cw-btn,
.z-clickw-btn {
    border-radius: 5px;
    height: 32px;
    line-height: 32px;
    margin-left: 15px;
    color: #ffffff;
    background-color: #E3423B;
}

.z-changew-btn {
    height: 32px;
    line-height: 32px;
    border: 1px solid #E3423B;
    color: #E3423B;
    background-color: transparent;
    border-radius: 5px;
}

.z-changew-btn:hover {
    color: #E3423B;
}

.z-click-step2 span {
    padding: 5px 20px;
    color: #0084ff;
    background-color: #D8D8D8;
}

.website-a {
    padding: 5px 20px;
    color: #0084ff;
    background-color: #D8D8D8;
}

.z-v-answer {
    width: 285px;
}

.modal h4 {
    line-height: 22px;
}

.modal i {
    font-size: 22px;
    margin-right: 15px;
}

.modal .time {
    color: #0084ff;
}

#look-ad-success .modal-dialog,
#look-ad-fail .modal-dialog,
#task-complete .modal-dialog {
    width: 331px;
    height: 226px;
}

.z-lads-body,
.z-ladf-body {
    position: relative;
    width: 331px;
    height: 226px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.z-lads-logo,
.z-ladf-logo {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: 0;
    margin: 0 auto;
}

.z-lads-body p,
.z-ladf-body p {
    margin-top: 50px;
    line-height: 50px;
    color: #e3423b;
    font-size: 17px;
    font-family: none;
    font-style: normal;
}

#haha {
    font-style: normal;
}

.z-sl-ul li {
    position: relative;
}

.share_box {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}

.bdselect_share_bg,
.bdselect_share_box {
    display: none !important;
}


/* wap注册页S */
.wap-logo {
    width: 170px;
    height: 26px;
}

.wap-top {
    width: 100%;
    height: 267px;
    background: url("../images/icon/wap-register-header.png") no-repeat;
    background-size: cover;
}

.wap-top p {
    color: #ffffff;
}

.wap-success-tips {
    margin-top: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.wap-success-img {
    width: 308px;
    height: 68px;
    object-fit: fill;
}

.wap-success-price {
    width: 308px;
    text-align: center;
    color: #FFEC70;
    padding: 20px 0px;
    border-top: 1px solid #FFEC70;
    border-bottom: 1px solid #FFEC70;
}

.wap-form-div {
    margin-top: 30px;
}

.wap-form {

    width: 308px;
    height: 308px;
    text-align: center;
    margin: 0 auto;
    background: url("../images/icon/wap-form.png") no-repeat;
    background-size: 100% 100%;
    padding: 20px 30px;
    margin-bottom: 30px;
}

.wap-message-body,
.wap-regitster-body {
    background: linear-gradient(90deg, rgba(255, 122, 89, 1), rgba(255, 77, 95, 1));
}


.wap-form .layui-form-item input {
    width: 100%;
    border: none;
    background-color: transparent;
    border-bottom: 2px solid rgba(230, 230, 230, 1);
}

.wap-form .z-phone-code-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 80px;
    height: 30px;
    border: 1px solid rgba(255, 85, 94, 1);
    border-radius: 10px;
    color: rgba(255, 85, 94, 1);
}

.wap-form .argement {
    text-align: left;
    font-size: 12px;
    color: #999999
}

.wap-form .layui-form-checkbox[lay-skin="primary"]:hover i {
    border-color: #E3423B;
}

.wap-form .layui-form-checked[lay-skin="primary"] i {
    border-color: #E3423B !important;
    background-color: #E3423B;
    color: #fff;
}

.wap-form .submit {
    width: 139px;
    height: 40px;
    margin-top: 20px;
    background: linear-gradient(90deg, rgba(255, 122, 89, 1), rgba(255, 77, 95, 1));
    box-shadow: 2px 11px 25px 2px rgba(255, 113, 90, 0.43);
    border-radius: 20px;
}

.wap-message-img {
    position: relative;
    width: 100%;
    height: 550px;
    display: flex;
    justify-content: center;
    background: url("../images/icon/wap-register-success.png") no-repeat;
    background-size: 100% 100%;
}

.wap-message-img .gongxi {
    position: absolute;
    top: 68.5%;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: rgba(255, 104, 91, 1);

}

.wap-message-img .tongzhi {
    position: absolute;
    top: 82.5%;
    font-weight: 600;
}

/* wap注册页E */


.layui-layedit {
    width: 580px !important;
}

/*导航栏信息 S*/

.r-mes {
    display: flex;
    align-items: center;
    /*margin-right: 20px;*/
    cursor: pointer;
    position: relative;
}

.c-user-inname{
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.another-header .r-mes {
    color: #fff;
    position: relative;
}

.another-header .r-mes:hover {
    color: #FFf;
}

.r-mes img {
    margin-right: 5px;
}

.r-mes span {
    color: #000;
}

/*导航栏信息 S*/


/*任务弹框字体*/
#price {
    font-size: 20px;
    font-family: none;
    font-style: normal;
    color: #e3423b;
}


.z-lads-btn {
    width: 120px;
    border-radius: 5px;
    margin-top: 10px;
}


.confirm1,.confirm2 {
    width: 105px;
    border-radius: 5px;
    margin-right: 49px;
}

.cancel {
    width: 105px;
    border-radius: 5px;
}

.confirm {
    width: 105px;
    border-radius: 5px;
}

.z-ladf-btn {
    width: 102px;
    border-radius: 5px;
    margin-top: 10px;
}

.r-notice-new {
    margin-bottom: 8px;
}

.r-done-pic {
    width: 100%;
    height: 20px;
}

/* 分享弹出框 */
#share-content {
    padding: 40px 20px;
    font-size: 16px;
    line-height: 30px;
}

.share-btn {
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.z-web-logo,
.z-web-logo1 {
    width: 187px;
    height: 26px;
}

.z-web-logo {
    display: block
}

.laba1 {
    display: block
}

.ff2 {
    margin-left: 41px;
}


#download .modal-dialog {
    width: 400px;
}

#download .modal-dialog .confirm {
    width: 105px;
    border-radius: 6px;
}

#download .modal-dialog .z-top-right {
    font-size: 17px;
}





/* wap助力页S */
.wap-share {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;

}

.wap-share img {
    object-fit: contain;
}

.wap-share-content {
    position: relative;
    z-index: 999;
}

.wap-share-title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.wap-share-title img {
    width: 100%;
    object-fit: contain;
}

.wap-share-neirong {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    background: url('../images/icon/wap-share-neirong.png') no-repeat center;
    background-size: 100% 100%;
}

.wap-share-neirong .top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
}

.wap-share-neirong .line {
    width: 85%;
    height: 1px;
    background-color: rgba(251, 74, 98, 1);
}

.wap-share-neirong .top .img {
    margin-right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 45px;
    border: 3px solid #ffffff69;
}

.wap-share-neirong .top .img img {
    width: 100%;
    height: 100%;
    border-radius: 45px;
}

.wap-share-neirong .top p {
    width: 61%;
    text-align: left;
    line-height: 20px;
}

.wap-share-neirong .bottom {
    width: 100%;
    padding-left: 20px;

}

.wap-share-neirong .bottom p {
    margin-top: 10px;
    text-align: left;
}

.wap-share-content .tips {
    height: 40%;
    margin-top: 5px;
    font-size: 13px;
    color: #FD6878;
    line-height: 40px;
}

.wap-share-body {
    text-align: center;
    margin: 0 auto;
    overflow-x: hidden;
    height: auto;
    background-color: #C71E30;
    color: #FCC7CC
}

.help-btn {
    width: 300px;
    height: 50px;
    background: linear-gradient(180deg, rgba(255, 229, 56, 1) 0%, rgba(255, 173, 55, 1) 100%);
    box-shadow: 0px 8px 24px 0px rgba(90, 69, 68, 0.171);
    border-radius: 44px;
    color: #C71E30;
}

.help-btn:hover {
    cursor: pointer;
    animation: jelly 0.5s;
}

@keyframes jelly {

    0%,
    100% {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.1, 0.9);
    }

    75% {
        transform: scale(0.95, 1.05);
    }
}

.wap-share-friend {
    margin-top: 30px;
}

.wap-share-friend p {
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(240, 89, 105, 1);
    line-height: 24px;
    font-size: 13px;

}

.wap-share-friend-list {
    width: 94%;
    height: 270px;
    margin-left: 20px;
    margin-top: 15px;
    padding: 20px 30px;
    background-color: #C30F23;
    border-radius: 45px 0 0 0;
}

.wap-share-bottom {
    margin: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wap-share-bottom p {
    width: 60%;
    text-align: left;
    font-size: 13px;
}

.wap-share-bottom button {
    width: 103px;
    height: 31px;
    background: rgba(225, 53, 72, 1);
    border-radius: 21px;
}

.wap-share-friend-list ul {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.wap-share-friend-list ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0px;
    padding-right: 30px;
    font-size: 13px;
}

.wap-share-friend-list ul li .zhuli-img img {
    width: 100%;
    height: 100%;
    border-radius: 45px;
    border: 1px solid #ffffff65;
}

.wap-share-friend-list ul li .zhuli-img {
    width: 30px;
    height: 30px;

    border-radius: 45px;
}

.wap-share-friend-list ul {
    overflow-y: auto;
}

.wap-share-friend-list ul::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(217, 217, 217, 0.3);
    border-radius: 6px;
}

.wap-share-friend-list ul::-webkit-scrollbar-thumb {
    background-color: #FE8C47;
    border-radius: 6px;
}

.wap-share-friend-list ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(217, 217, 217, 0.3);
    border-radius: 6px;
    background-color: #C71E30;
}

.wap-share-friend-list ul li .name {
    width: 60%;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    margin-left: 10px;
}

.wap-share-friend-list .left {
    width: 70%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/* wap助力页E */

.r-fontsize {
    font-size: 17px;
}

#ff2 {
    margin-left: 20px;
}




/* 注册成功弹框S */
.z-common-pop {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00000060;
}

.z-rs-content {
    display: none;
    width: 450px;
    height: 450px;

}

#z-reg-success .z-rs-content {
    background: url('../images/icon/reg-success.png');
    background-size: 100% 100%;
}

.z-rs-content .jiangli {
    position: relative;
    top: 40%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #d22d13;
}

.z-rs-content .next-btn {
    text-align: center;
    position: relative;
    top: 68%;

}

.z-rs-content button {
    position: relative;
    border-radius: 45px;
    width: 150px;
    height: 50px;

    background-color: #FF9900;
}

.z-rs-content .close-btn {
    position: relative;
    text-align: right;
    font-size: 30px;
    color: #ffffff;
    z-index: 9;
    cursor: pointer;
}

.z-rs-content button::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 45px;
    border: 4px solid #FF9900;
    ;
    transform-origin: center;
    transform: scale(1);
}

.z-rs-content button:hover::before {
    transition: all 0.75s ease-in-out;
    transform-origin: center;
    transform: scale(1.55);
    opacity: 0;
}

/* 注册成功弹框E */



/* 第一次任务完成弹框S */
#z-first-task-success .z-rs-content {

    background: url('../images/icon/first-task-success.png');
    background-size: 100% 100%;
}

#z-first-task-success .star,
#z-perfect-information-success .star,
#z-all-complete-success .star {
    position: relative;
    top: 43%;
}

#z-first-task-success .jiangli,
#z-perfect-information-success .jiangli,
#z-all-complete-success .jiangli {
    top: 44%;
    font-size: 21px;
}

#z-first-task-success .next-btn,
#z-perfect-information-success .next-btn,
#z-all-complete-success .next-btn {
    top: 55%;
}

#z-perfect-information-success .z-rs-content {
    background: url('../images/icon/perfect-information.png');
    background-size: 100% 100%;
}

#z-all-complete-success .z-rs-content {
    background: url('../images/icon/all-complete.png');
    background-size: 100% 100%;
}

/* 第一次任务完成弹框E */

.z-rt-tuijian {
    margin-bottom: 58px;
}
.z-thc-tips .wraming{
    width: 20px;
    height: 20px;
    margin-right:7px ;
}
.z-thc-tips{
    width: 71%;
	height: 36px;
	line-height: 25px;
    color:rgba(217, 56, 62, 1);
}


/* 404页面 */
.noPage-body{
    position: fixed;
    width: 100%;
    height: 100%;
}
.nopage-wrap{
    display: flex;
    justify-content: center;
    margin-top: 200px;
}
.nopage-left{
    width: 48%;
}

.nopage-right{
    width: 52%;
}

.nopage-left strong{
    font-size: 48px;
    color: #000;
}

.nopage-left p span{
    font-size: 36px;
    color: #000000;
}

.nopage-left p{
    font-size: 28px;
    color: #000000;
    margin: 20px 0px;
}
.nopage-btn{
    display: flex;
    align-items: center;
    margin-top: 60px;
}
.nopage-btn a{
    display: inline-block;
    width: 233px;
    height: 76px;
    text-align: center;
    line-height: 76px;
    border-radius: 70px;
    font-size: 24px;
}

.nopage-btn-1{
    background-color: #F9B73A;
    color: #ffffff;
    margin-right: 65px;
}

.nopage-btn-2{
    border: 2px solid #F9B73A;
   color: #F9B73A;
}

/* 下载弹窗样式 */
.buy-model_1{
    width: 520px;
    height: 420px;
    position: relative;
}
.buy-model_1 hr{
    height: 1px;
    margin: 15px 0;
    border: 0;
    clear: both;
}
.dspace{
    margin-right: 5px;
}
.bg-tr-orange {
    border: 1px solid #FA7238;
    color:#FA7238;
background-color: transparent;
}
.bg-tr-orange:hover {
    border: 1px solid #FA7238;
    color:#FA7238;
background-color: transparent;
}

.bg-orange {
    border: 1px solid #FA7238;
    background-color: #FA7238;
}
.ad-type-change-btn .active{
    color:#fff;
    border: 1px solid #FA7238 !important;
    background-color: #FA7238 !important;
}
.c-buy-bg{
    background-image: url('../../default/images/ziyuan/bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.c-buy-name{
    display: flex;
    align-items: center;
    width: 100%;
    padding:8px 3px 0 3px;
    box-sizing: border-box;
}

.c-buy-name p{
    font-size: 18px;
    font-weight: 600;
    width: 84%;
    margin-left: 10px;
}

.c-buy-need{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.c-buy-need div{
    width: 50%;
    text-align: center;
    font-size: 16px;
}

.c-buy-need div p{
    margin-bottom: 7px;
}

.c-buy-need div:first-child{
    color: #E4423C;
}
.c-buy-tip img{
    width: 40%;
}
.c-buy-tip{
    font-size: 16px;
}

.c-by-btn{
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    left: 0;
    bottom: 30px;
}

.c-by-btn div{
    display: inline-block;
    width: 50%;
    text-align: center;
}

.c-by-btn a{
    display: inline-block;
    width: 150px;
    height: 45px;
    line-height: 39px;
    border-radius:30px;
}
.c-by-btn-1:hover{
    color: #FDC54F;
}
.c-by-btn-1{
    border: 3px solid #FDC54F;
    color: #FDC54F;
    font-size: 16px;
    font-weight: 600;
}
.c-by-btn-2:hover{
    color: #ffffff;
}
.c-by-btn-2{
    display: inline-block;
    width: 150px;
    height: 45px;
    line-height: 41px!important;
    border-radius:30px;
    background-color: #FDC54F;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

/* 弹窗2 */
.buy-model_2{
    width: 450px;
    height: 250px;
}
.c-buy-bg-2{
    background-image: url('../../default/images/ziyuan/bg1.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.c-buy-again{
    width: 100%;
    font-size: 16px;
    color: #4d4d4d;
    text-align: center;
}

.c-buy-link{
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-buy-link a{
    color: #ffffff;
    margin-left: 20px;
    font-size: 14px;
    padding: 2px 5px;
    background-color: #ffd42d;
    border-radius: 30px;
}

.c-buy-again input{
    border: none;
    width: 46px;
    text-align: center;
}


.height355{
    height: 355px;
}

.c-download-again-btn{
    display: inline-block;
    width: 150px;
    height: 45px;
    line-height: 45px;
    border-radius:30px;
    background-color: #FDC54F;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

.c-download-again-btn:hover{
    color: #ffffff;
}
.c-link-width{
    display: inline-block;
    max-width: 80%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.c-tiquma{
    width: 36%;
    margin:25px auto 0 auto;
    border: 1px solid #999999;
    border-radius: 30px;
    padding: 10px 10px;
}
/* 右侧栏， 我想赚钱模块的背景色 */
.backgroundColor-1{
    background-color: #f29ec2;
    color: #ffffff!important;
}

.backgroundColor-2{
    background-color: #02d1a7;
    color: #ffffff!important;
}

.backgroundColor-3{
    background-color: #a4b2f7;
    color: #ffffff!important;
}


.backgroundColor-4{
    background-color: #e1b82c;
    color: #ffffff!important;
}


.backgroundColor-5{
    background-color: #d97ff0;
    color: #ffffff!important;
}


.backgroundColor-6{
    background-color: #3dd453;
    color: #ffffff!important;
}
.pdlr20{
    padding-left:20px ;
    padding-right:20px ;
}
.fs12{
    font-size: 12px;
}
.fs15{
    font-size: 15px;
}
.fs16{
    font-size: 16px;
}
.fs18{
    font-size: 18px;
}
.fs20{
    font-size: 20px;
}
.fs24{
    font-size: 24px;
}
.bold{
    font-weight: bold;
}
.mgt5{
    margin-top: 5px;
}
.mgt6{
    margin-top: 6px;
}
.gray{
    color:rgba(102, 102, 102, 0.774);
}
.pr{
    position: relative;
}
.fw{
    flex-wrap: wrap;
}
.mgt8{
    margin-top: 8px;
}
.mgt6{
    margin-top: 6px;
}
.mgtb10{
    margin-top: 10px;
    margin-bottom: 10px;
}
.mgtb20{
    margin-top: 20px;
    margin-bottom: 20px;
}
.mgtb30{
    margin-top: 30px;
    margin-bottom: 30px;
}
.mgb9{
    margin-bottom: 9px;
}
.mgr10{
    margin-right: 10px;
}
.mgr20{
    margin-right: 20px;
}
.fs18{
    font-size: 18px;
}
.mgb20{
    margin-bottom: 20px;
}
.fs17{
    font-size: 17px;
}
.fs12{
    font-size:12px;
}
.fs13{
    font-size: 13px;
}
.w33{
    width: 33.333%;
}
.w50{
    width: 50%;
}
.tar{
    text-align: right;
}
.tac{
    text-align: center;
}
.tal{
    text-align: left;
}
.w85{
    width: 85px;
}

.fs22{
    font-size: 22px;
}
.fdc{
    flex-direction: column;
}

.el {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mgt3{
    margin-top: 3px;
}
.blue{
    color:#4F99FD;
}
.mgr15{
    margin-right: 15px;
}
.cp{
    cursor: pointer;
}
.mgl30{
    margin-left: 30px;
}
.mgb15{
    margin-bottom: 15px;
}
.mgb20{
    margin-bottom: 20px;
}
.orange{
    color:#FD6C4F;
}
.yellow{
    color:#FFC528;
}
.mgr5{
    margin-right: 5px;
}
.mgl20{
    margin-left: 20px;
}

.mgl30{
    margin-left: 30px;
}

.mgl40{
    margin-left: 40px;
}
/* 多行显示控制 */

.one-line{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.two-line{
 text-overflow: -o-ellipsis-lastline;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 line-clamp: 2;
 -webkit-box-orient: vertical;
}

.three-line{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* 字体大小控制 */
.font-12{
    font-size: 12px;
}

.font-16{
    font-size: 16px;
}

.font-18{
    font-size: 18px;
}

.font-20{
    font-size: 20px;
}

/* 最大高度 */
.maxh58{
    max-height: 58px;
}

.maxh55{
    max-height: 55px;
}

.maxh53{
    max-height: 53px;
}

/* 字体颜色 */
.color999999{
    color: #999999;
}
.bds-gray{
    border-bottom: 1px dashed #E6E3E3;
}
.bd-gray{
    border-bottom: 1px solid #f2f2f2;
}
/* 文章分享s */

.share-modal{
	width: 100%;
	height: 256px;
    overflow: hidden;
	box-sizing: border-box;
}
.share-option{
	width:100%;
	padding: 10px;
	box-sizing: border-box;
}
.share-option:not(:last-child){
	border-bottom: 1px solid #e2e2e2;
}
.share-option span{
	margin-left: 10px;
}

/* 文章分享 */
.disabled-input{
    background-color: #f1f1f1;
}
.layui-form-select dl dd.layui-this {
    background-color: #E3423B !important;
}
.layui-form-checkbox[lay-skin=primary] i:hover{
border-color: #E3423B;
}
.layui-form-checked[lay-skin=primary] i{
    border-color: #E3423B !important;
    background-color: #E3423B;
}
.layui-form-checkbox[lay-skin=primary]:hover i{
    border-color: #E3423B;
}

 /* 图集的多图上传样式 */
 .vt {
    width: 100%;
    height: 174px;
    object-fit: contain;
}
#piclistMore .del i{
    position: absolute;
    right: -144px;
    top: -160px;
    color:red;
    font-size: 25px;
}
#piclistMore li{
    margin-right: 20px;
}
#piclistMore li:nth-child(3n){
    margin-right: 0;
}
.layui-form-selected dl{
    z-index: 10002;
}

.show_image{
    font-size: 0;
}

.choose-modle font{
    cursor: pointer;
}

/* 广告信息提示 */


.modal{
    z-index: 10050!important;
}

.w-e-toolbar, .w-e-text-container, .w-e-menu-panel{
    font-size: 12px!important;
}

/* 微信项目引流广告按钮控制 */
.clsoeAd_tag .clsoeAd{
    display: none;
}

.clsoeAd_tag:hover .clsoeAd{
    display: block;
}

#z-ts-button{
    display: none!important;
}