html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    color:#000000;
    text-decoration:none;
    height: auto;
    word-break: break-all;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
html{
    height: 100%;
}
body {
    line-height: 1;
    /*height: auto;*/
    min-height: 100%;
    position: relative;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input,textarea,select,a:focus {
    outline: none;
}
input::-webkit-search-cancel-button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input::-ms-clear, ::-ms-reveal { display: none; }
.container{
    /*min-height: 100%;*/
    /*position: relative;*/
    padding-bottom: 150px;
}
.page, body {
    background-color: #f7f7f7;
    margin:0;
    padding:0;
    font-size: 14px;
}
.page {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    z-index: 1
}
.weui-toptips {
    background: #fa5151;
}
.readonly{
    background:#ececec;
}
/*!*cj_header*!椤堕儴*/
.cj_header {
    display: flex;
    justify-content:space-between;
    align-items:center;
    height: 50px;
    background-color: #ffffff;
    padding:0px 3% ;
    color: #fff;
    position: sticky;
    top: 0;
    width: 94%;
    z-index: 400;
}
.cj_header.jobs_header{
    top:71px;
}
.cj_header .cj_logo {
    display: block;
}
.cj_header .cj_logo img{
    height: 40px;
}
.cj_header .adress{
    display: flex;
    align-items: flex-end;
}
.cj_header .city {
    display: flex;
    align-items:flex-end;
}
.cj_header .city span{
    display: block;
    font-size: 17px;
    color: #6a6a6a;
    font-weight: 500;
    margin:0 5px;
    line-height: 24px;
    word-break:keep-all;
    white-space:nowrap;
}
.cj_header .city img{
    display: block;
    height:30px;
}

.cj_header .county {
    display: flex;
    align-items: center;
    margin:0 0 3px 10px;
    position: relative;
}
.cj_header .county span{
    display: block;
    font-size: 15px;
    color: #6a6a6a;
    font-weight: 500;
    margin:0 5px;
    line-height: 15px;
    word-break:keep-all;
    white-space:nowrap;
}
.cj_header .county img{
    display: block;
    height:10px;
}
.cj_header .screen{
    display: flex;
    align-items: flex-end;
}
.cj_header .screen span{
    display: block;
    color: #07c160;
    line-height: 26px;
    font-size: 16px;
}
.cj_header .screen img{
    display: block;
    height: 22px;
}
.cj_header .select_xq{
    position: absolute;
    display: none;
    top: 30px;
    height: auto;
    background: #ffffff;
    width: 60px;
    padding: 15px;
    border-radius: 20px;
    z-index: 1001;
    text-align: center;
}
.cj_header .select_xq li{
    display: block;
    min-height: 15px;
    line-height: 15px;
    padding: 7px 0;
}
.xq_mask{
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /*background: rgba(0,0,0,.6);*/
    background:#ffffff;
    z-index: 200;
}
.return{
    padding-right: 25px;
    display: block;
}
.return img{
    width: 12px;
}
.empty{
    display: block;
    color: #07c160;
    font-size: 15px;
    width: 30px;
}
.fbzp_title{
    font-size: 20px;
}
.header_else{
    position: absolute;
    right: 8%;
    top: 45px;
    width: 50px;
    background: #ffffff;
    text-align: center;
    padding: 10px;
    border-radius: 20px 0 20px 20px;
    box-shadow: 0px 0px 6px #eaedeb;
}
.header_screen{
    display: none;
    position: absolute;
    right: 0%;
    top: 45px;
    width: 100px;
    background: #ffffff;
    text-align: center;
    padding: 10px;
    border-radius: 20px 0 20px 20px;
    box-shadow: 0px 0px 6px #eaedeb;
}
.header_screen span{
    display: block;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #f1f1f1;
}
.header_screen span:first-child{
    display: block;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #ffffff;
}
.header_screen.selected{
    display: block;
}
.header_else span{
    display: block;
    height: 40px;
    line-height: 40px;
}
.header_else.selected{
    display: none !important;
}
/*!*search-bar*!鎼滅储*/
.search_bar{
    background: #ffffff;
    width: 94%;
    height: 36px;
    padding: 6px 3%;
    overflow: hidden;
    z-index: 400;
    display: flex;
    top: 0px;
    position: sticky;
}
.search_bar form{
    display: flex;
    justify-content:space-between;
    width:100%;
    height: 33px;
    background: #f9fff8;
    border: 1px solid #afec9e ;
    border-radius: 40px;
}
.cards_online{
    display: block;
    width: 40px;
    text-align: center;
}
.cards_online img{
    width: 20px;
    height: 20px;
}
.cards_online p{
    font-size: 12px;
    color: #07c160;
}
.search_btn{
    /* position: absolute; */
    /* right: 3%; */
    /* top: 4px; */
    width: 20%;
    height: 38px;
    background: #07c160;
    border-radius: 40px;
    /* box-shadow: 0px 0px 4px #07c160; */
    color: #ffffff;
    text-align: center;
    line-height: 38px;
    font-size: 15px;
    letter-spacing: 3px;
    z-index: 500;
}
.search_bar .search_icon{
    background: url("../images/sosuo.png") no-repeat;
    -webkit-background-size:100% ;
    background-size:100% ;
    width:13px;
    height: 13px;
    display: block;
    margin:10px 0 10px 12px;
}
.search_bar .search_input{
    margin-left: 5px;
    width:100%;
    height: 33px;
    border: none;
    background: none;
}
.now_screen{
    width: 94%;
    padding: 5px 3% 5px;
    background: #ffffff;
    color: #07c160;
}
.now_screen span{
    margin:0 3px;
    color: #07c160;
}
/*!*notice*!閫氱煡*/
.notice{
    display: flex;
    align-items:center;
    width:94%;
    height: 35px;
    overflow: hidden;
    background: #ffffff;
    position: sticky;
    top:50px;
    padding:0px 3%;
    z-index: 400;
}
/*.notice.jobs_notice{*/
    /*top:0px;*/
/*}*/
.notice.else{
    width:84%;
    padding:0px 8%;
}
.notice .notice_btn{
    float: left;
    width: 15%;
    height: 23px;
    line-height: 23px;
    background: #f3f9f4;
    text-align: center;
    color: #07c160;
    border-radius: 7px;
    margin-right: 3%;
    border: 1px #07c160 solid;
}
.notice ul{
    float: left;
    max-width:80%;
    height: 35px;
}
.notice li{
    font-size: 13px;
    color:#999999;
    height:35px;
    line-height: 35px;
    width:100%;
    white-space: nowrap;/*鍐呭瓒呭鍚庣姝㈡崲琛屾樉绀�*/
    overflow: hidden;/*瓒呭嚭閮ㄥ垎闅愯棌*/
    text-overflow:ellipsis;/*鏂囧瓧瓒呭嚭閮ㄥ垎浠ョ渷鐣ュ彿鏄剧ず*/
}
.wechat_box{
    width: 90%;
    margin: auto;
    overflow: hidden;
}
.wechat_box p{
    line-height: 20px;
    font-size: 15px;
    color: #07c160;
    margin-bottom: 7px;
}
.wechat_box img{
    width: 100%;
    border-radius: 10px;
}
/*!*rotation*!杞挱*/
.swiper{
    min-height: 150px;
    position: relative;
    max-width:94%;
    overflow: hidden;
    margin: 0px auto;
    border-radius: 10px;
    z-index: 300;
}
.swiper:after{
    content: '';
    display: block;
    width: 100%;
    padding-top: 40%;
}
.swiper ul{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.swiper li{
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.swiper li:first-child{
    z-index: 1;
    overflow: hidden;
}
.swiper li img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
    border: none;
}
.swiper .slide-desc {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;overflow: hidden;
    padding: 5px 0;
    width: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;white-space: nowrap;word-break: break-all; text-overflow: ellipsis; }
#swiper .dot{
    position: absolute;
    bottom: 10px;
    z-index: 5;
    font-size: 0;
}
.swiper .dot{
    position: absolute;
    width:100%;
    bottom: 10px;
    z-index: 5;
    font-size: 0;text-align: center;
    margin:0 auto;
}
.swiper .dot span{
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-left: 5px;
    border: 1px solid #fff;
    border-radius: 50%;
}
.swiper .dot .cur{
    background-color:#07c160;border: 1px solid #07c160;
}

/*!*recommend*!鎺ㄨ崘*/
.reco{
    width:94%;
    margin:0px auto 25px;
}
.reco>p{
    display: flex;
    align-items: flex-end;
    /*margin-bottom: 20px;*/
    justify-content: space-around;
}
.reco span{
    font-size:16px;
    /*color: #6a6a6a;*/
    /*margin-right: 50px;*/
}
.reco .select{
    font-size:20px;
    color: #07c160;
    text-shadow:1px 0px 3px #59de99;
}

/*!*jobs*!鎺ㄨ崘鎵炬椿*/
.jobs_box{
    display: flex;
    justify-content: flex-end;
    margin: 10px 0 0 -0;
    position: absolute;
    top: -28px;
    left: 0%;
    width: 100%;
    z-index: -10;
}
.toTop {
    background: #00c8dc;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    line-height: 25px;
    color: #ffffff;
    font-size: 12px !important;
    text-align: center;
    margin: 0 10px 0 3px;
}
.toZp {
    display: block;
    position: absolute;
    top: 17px;
    background: #07C160;
    border-radius: 30px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #ffffff;
    font-size: 12px !important;
    text-align: center;
    margin: 0 10px 0 0px;
    float: left;
}
.toZp {
    display: table;
}
.toZt {
    display: block;
    position: absolute;
    top: 13px;
    background: #ffcf4f;
    border-radius: 30px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #ffffff;
    font-size: 12px !important;
    text-align: center;
    margin: 0 10px 0 0px;
    float: left;
}
.toZt {
    display: table;
}
.jobs_content{
    position: relative;
    margin: 20px 0 0 0;
}
.jobs_list{
    position: relative;
    display: block;
    width: 90%;
    background: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 10px;
    padding: 17px 5% 10px;
    margin: 0px auto 10px;
}
.jobs_list .jobs_first{
    width:100%;
    height: 30px;
    font-size:20px;
    letter-spacing: 1px;
    color:#000000;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;/*鍐呭瓒呭鍚庣姝㈡崲琛屾樉绀�*/
    overflow: hidden;/*瓒呭嚭閮ㄥ垎闅愯棌*/
    text-overflow:ellipsis;/*鏂囧瓧瓒呭嚭閮ㄥ垎浠ョ渷鐣ュ彿鏄剧ず*/
}
.jobs_first span{
    display: table;
    width: 10px;
    height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*-webkit-box-shadow: 0px 0px 4px #07c160;*/
    /*-moz-box-shadow: 0px 0px 4px #07c160;*/
    /*box-shadow: 0px 0px 4px #07c160;*/
    float: left;
    margin: 6px 10px 0 0;
}
.jobs_first span.fbz{
    background: #07c160;
}
.jobs_first span.zt{
    background: #ffcf4f;
}
.jobs_first span.tz{
    background: #ff0000;
}
.jobs_first span.sc{
    background: #ff0000;
}

.jobs_second{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 20px;
    width: 100%;
}
.jobs_lable_lx{
    display: block;
    min-width: 50px;
    color: #076cc1;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-size: 15px;
    line-height: 150%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1px;
    margin-right: 10px;
}
.jobs_lable_xz{
    color: #db0000;
    letter-spacing: 1px;
    white-space: nowrap;
    font-size: 15px;
    line-height: 150%;
}
.jobs_words{
    width: 100%;
    min-height: 20px;
    margin: 0px 0 5px;
    line-height: 150%;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 2px;
    font-size: 17px;
    text-indent: 38px;
}
.jobs_fourth{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    width: 100%;
}
.jobs_fourth p{
    font-size: 13px;
}
.jobs_lable_dz{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 20px;
    min-width: 50px;
    color: #07c160;
    /*border:1px solid #07c160 ;*/
    background: #f9fff8;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1px;
}
.jobs_lable_dz img{
    height: 20px;
}
.jobs_lable_rq{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 20px;
    color: #07adc1;
    background: #f8ffff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 10px;
    padding:0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1px;
}
.jobs_lable_gq{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 20px;
    color: #db0000;
    background: #fff8f8;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 10px;
    padding:0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1px;
}

/*!*jobs*!鎺ㄨ崘鎷涘伐*/
.workers_list{
    display: block;
    width: 90%;
    /*height: 90px;*/
    background: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 10px;
    padding:4% 5% 3%;
    margin:20px auto;
    position: relative;
}
.workers_top{
    display: flex;
    justify-content: flex-start;
}
.workers_left{
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    width: 50px;
    height:50px;
    margin-right: 10px;
    overflow: hidden;
    /*box-shadow: 0px 0px 11px #ededed;*/
    float: left;
}
.workers_left img{
    width: 50px;
    height: 50px;
}
.workers_right{
    flex: 1;
    min-width: 100px;
    /*height:60px;*/
    /*overflow: hidden;*/
    float: left;
    position: relative;
}
.workers_right .workers_title{
    width: 100%;
    font-size: 17px;
    letter-spacing: 1px;
    color: #000000;
    line-height: 150%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-indent: 38px;
}
.workers_right .wdyp_workers_title{
    width: 100%;
    height: 25px;
    font-size: 17px;
    letter-spacing: 1px;
    color: #000000;
    line-height: 25px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-indent: 38px;
}
.workers_xiug{
    float: right;
    font-size: 16px;
    color: #07c160;
}
.workers_right img{
    height: 28px;
    margin: 3px 5px 0 0;
    position: absolute;
    top: -1px;
}
.workers_list .toTop{
    background: #00c8dc;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    line-height: 24px;
    color: #ffffff;
    font-size: 12px !important;
    text-align: center;
    margin: 0 10px 0 3px;
    position: absolute;
    top: -18px;
    right: -0px;
    z-index: -1;
}
.workers_words{
    width: 100%;
    height: 30px;
    line-height: 30px;
    color:#999999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 2px;
    font-size: 16px;
}
.workers_bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    width: 100%;
    font-size:16px;
    color: #6a6a6a;
    margin:5px 50px 0 0;
}
.workers_bottom p{
    font-size: 13px;
}
.workers_lable_lx{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 20px;
    color: #076cc1;
    background: #f8fbff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 10px;
    padding:0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1px;
}
.workers_lable_dz{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 20px;
    min-width: 50px;
    color: #07c160;
    background: #f9fff8;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 10px;
    padding:0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1px;
}
.workers_lable_dz img{
    height: 20px;
}
.workers_lable_td{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 20px;
    color: #07adc1;
    background: #f8ffff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 10px;
    padding:0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1px;
}
.lx_popup_lxmc_name .default_lxmc,.lx_popup_lxmc_name .default_lxid{
    display: none;
}
.lx_popup_lxmc_name .default_lbmc,.lx_popup_lxmc_name .default_lbid{
    display: none;
}
/*!*loadmore*!姝ｅ湪鍔犺浇*/
.loadmore{
    width: 65%;
    margin: 20px auto 0;
    line-height: 15px;
    font-size: 15px;
    text-align: center;
    padding-bottom: 20px;
}
/*!*footer*!缃戠珯澹版槑钁椾綔鏉�*/
.footer_fixed_bottom{
    /*height: 50px;*/
    /*text-align: center;*/
    /*line-height: 20px;*/
    /*font-size: 10px;*/
    /*padding: 30px 0 80px;*/
    height: 50px;
    text-align: center;
    line-height: 20px;
    font-size: 10px;
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.footer_link{
    font-size:15px;
    color:#076cc1;
}

/*!*nav*!瀵艰埅鏍�*/
.nav_box{
    position: fixed;
    bottom: 10px;
    width: 90%;
    background: center #07c160;
    margin: 0 5%;
    background-size: 100% 50px;
    border-radius: 100px;
    z-index: 501;
    justify-content: space-between;
    display: flex;
}
.nav_item{
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 8px 0;
    text-align: center;
    width: 20%;
    float:left;
}
.nav_item img{
    width:17px;
    height: 17px;
}
.nav_label{
    color: #ffffff;
    font-size:12px;
    margin-top: 4px;
}
.nav_fb{
    width: 90%;
    height: 80px;
    position: fixed;
    bottom: 70px;
    z-index: 500;
    background-color: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 100px;
    box-shadow: 0 0 10px 0px #d6d6d6;
}
.nav_mask{
    z-index: 100;
    background-color: #ffffff;
    opacity: 0.5;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.nav_actionsheet{
    width: 100%;
    height: 100%;
    position: relative;
    top: 62%;
    left: 50%;
    z-index: 5000;
    overflow: hidden;
    text-align: center;
    bottom: auto;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    backface-visibility: hidden;
    background: transparent;
    transition: transform .3s,-webkit-transform .3s;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav_fb_div{
    display: inline-block;
    width: 30%;
}
.nav_fb_div img{
    height: 40px;
    width: 40px;
    display: block;
    margin: 0 auto;
}
.nav_fb_div span{
    display: block;
    margin: 5px auto;
}
.nav_location{
    display: none;
}
/*!*鍩庡競閫夋嫨鍣�*!Province銆乧ity*/
.city_actionsheet {
    display: none;
    z-index: 2000;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    padding-top: 15px;
    backface-visibility: hidden;
    background-color: #FFFFFF;
}
.city_actionsheet .title{
    font-size: 18px;
    color: #000000;
    text-align: center;
    height: 70px;
    line-height: 50px;
    letter-spacing: 2px;
}
.city_actionsheet .title span{
    color: #07c160;
}
.city_actionsheet .select-content-city {
    position: absolute;
    width: 100%;
    height: 80%;
    left: 0;
    background: white;
    overflow: hidden;
}
.city_actionsheet .select-content-city .select-parent-city {
    position: relative;
    width: 40%;
    height: 100%;
    overflow-y: scroll;
    padding-left: 5%;
    background: #ffffff;
    float: left;
}
.city_actionsheet .city_btn {
    display: none;
    width: 100%;
    height: 50px;
    text-align: center;
    position: fixed;
    top: 85%;
}
.city_actionsheet .city_btn p {
    display: inline-block;
    height: 40px;
    width: 50%;
    line-height: 40px;
    background-color: #07c160;
    color: #FFFFFF;
    font-size: 20px;
    border-radius: 100px;
}
.city_actionsheet .selected {
    color: #07c160;
    text-decoration: none;
    outline: 0;
    border-left: 3px solid;
}
.select-parent-city>li::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 0px;
    background: #e8e6e3;
    left: 0;
    bottom: 0;
    z-index: 55;
}
.select-parent-city li a {
    position: relative;
    font-size: 15px;
    font-family: '寰蒋闆呴粦';
    color: #828282;
    display: block;
    width: 90%;
    height: 40px;
    padding: 7px 5%;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.city_actionsheet .selected a {
    color: #07c160;
}
.city-action {
    display: block !important;
}
.select-child-city {
    height: 100%;
    display: block;
    z-index: 105;
    right: 0px;
    width: 50%;
    background: #ffffff;
    overflow-y: scroll;
    top: 0px;
    border-left: 1px #f3f3f3 solid;
    float: left;
}
.select-child-city li {
    position: relative;
    font-size: 15px;
    font-family: '寰蒋闆呴粦';
    color: #828282;
    display: block;
    height: 40px;
    padding: 7px 0;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 5%;
}
.select-child-city span{
    color:#828282;
}

/*绫诲瀷閫夋嫨鍣�*/
.lx_popup{
    display: none;
    z-index: 2000;
    overflow: auto;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0%;
    bottom: auto;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s,-webkit-transform 0.3s;
    background-color: #FFFFFF;
    padding:0 20px 20px;
}
.lx_popup_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top:20px;
    height: 50px;
    border-bottom: #e4f7ed solid 1px;
    position: sticky;
    top: 0px;
    z-index: 200;
    background: #ffffff;
    z-index: 1000;
}
.lx_popup_title{
    display: block;
    font-size: 16px;
    /*font-weight: bold;*/
}
.lx_popup_cancel{
    float: right;
    display: block;
    /*width: 35px;*/
    height: 30px;
    text-align: center;
    line-height: 30px;
    /*color: #07c160;*/
    font-size: 16px;
}
.lx_popup_button{
    display: block;
    /*width: 100%;*/
    height: 35px;
    border-radius: 10px;
    /*border: #e4f7ed solid 1px;*/
    text-align: center;
    line-height: 35px;
}

.lx_popup_select{
    font-size: 16px;
    display: flex;
    justify-content: center;
}
.lx_popup_select span{
    display: block;
    margin: 0 4px;
    font-size: 16px;
    color: #07c160;
}
.lx_popup_selected{

}
.lx_popup_selected li {
    font-size: 15px;
    min-width: 20px;
    display: block;
    border-radius: 30px;
    border: 1px #07c160 solid;
    float: left;
    margin: 5px;
    background: #f3f9f4;
    padding: 5px 15px;
}
.lx_popup_lxtab ul{
    width: 94%;
    display: flex;
    justify-content: space-between;
    margin: auto;
    flex-wrap: wrap;
    border-bottom: #e4f7ed solid 1px;
    padding: 15px 0;
}
.lx_popup_lxtab ul li{
    display: block;
    min-width: 60px;
    height: 35px;
    border-radius: 10px;
    margin: 5px 0;
    border: #e4f7ed solid 1px;
    text-align: center;
    line-height: 35px;
    padding: 0px 10px;
}
.lx_popup_lxtab ul li.lxselect{
    color: #ffffff;
    background: #07c160;
}
.lx_popup_qblx{
    width: 94%;
    display: flex;
    justify-content: space-between;
    margin: auto;
    flex-wrap: wrap;
    padding: 15px 0 0;
}
.lx_popup_lxbox{
    display: none;
}
.lx_popup_lxbox.select{
    display: block;
}
.lx_popup_lxmc{
    margin: 10px 0 5px;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.lx_popup_lxmc_name{
    display: flex;
    align-items: flex-end;
    font-size: 20px;
    float: left;
    /*width: 50px;*/
    height: 30px;
}
.lx_popup_lxmc_name span{
    display: block;
}
.lx_popup_lxmc_name .sanj{
    display: block;
    height: 18px;
    width: 30px;
}
.lx_popup_lxmc_name .sanj1{
    background: url(../images/sanj.png) no-repeat;
    background-size: 20px;
}
.lx_popup_lxmc_name .sanj2{
    background: url(../images/sanj2.png) no-repeat;
    background-size: 20px;
}
.lx_popup_lxmc_number{
    float: left;
    display: none;
    width: 30px;
    height: 20px;
    border-radius: 30px;
    /*border: 1px solid #07c160;*/
    color: #07c160;
    text-align: center;
    line-height: 20px;
    background: #f3f9f4;
    margin-top: 5px;
}
.lx_popup_lxlist{
    overflow:hidden;
    margin-top: 20px;
}
.lx_popup_lxlist li{
    font-size: 15px;
    min-width: 20px;
    display: block;
    border-radius: 30px;
    border: 1px #f3f9f4 solid;
    float: left;
    margin:5px 10px;
    background: #f3f9f4;
    padding: 5px 15px;
}
.lx_popup_display_none{
    display: none;
}
.lx_popup_border{
    border: 1px solid #07c160 !important;
}
.lx_btn{
    position: fixed;
    bottom: 55px;
    width: 200px;
    height: 50px;
    text-align: center;
    left: 50%;
    margin-left: -100px;
    z-index: 300;
}
.lx_btn p {
    display: inline-block;
    height: 50px;
    width: 200px;
    line-height: 50px;
    background-color: #07c160;
    color: #FFFFFF;
    font-size: 20px;
    border-radius: 100px;
}
.lx_popup_lxboxx{
     margin-bottom:60px;
 }
.lx_popup_{
    margin-bottom:60px;
}
/*fbzp.fbyp*/
.fb_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 84%;
    min-height: 30px;
    background: #ffffff;
    margin: 6px auto 0;
    border-radius: 10px;
    padding: 0px 15px;
}
.fb_box .syt{
    margin: 10px 0 0px;
    width: 100px;
    height: 30px;
    border-radius: 30px;
    background: #ffffff;
    border: 1px #07c160 solid;
    color: #07c160;
    line-height: 30px;
    text-align: center;
}
.fb_box .syt.selected{
    background: #07c160;
    color: #ffffff;
}
.fb_BOX{
    width: 84%;
    min-height: 30px;
    background: #ffffff;
    margin: 6px auto 0;
    border-radius: 10px;
    padding: 5% 15px;
}
.fb_BOX .fb_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 30px;
    background: #ffffff;
    margin:0;
    border-radius: 10px;
    padding:0;
}
.fb_box_title{
    color: #000000;
    font-size: 18px;
    letter-spacing: 1px;
    flex: 1;
    padding: 25px 0;
}
.fb_box_btn{
    display: block;
    width:54px ;
    height: 40px;
    border-radius: 40px;
    background: #07c160;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    margin-left: 10px;
}
.fb_box_title_font{
    /*text-shadow: 1px 0px 0px #000000;*/
}
.fb_box_img .fb_screen{
    width:25px;
}
.fb_box_input_text{
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    color: inherit;
    font-size: 15px;
    width: 150px;
    height: 30px;
    padding: 20px 0;
}
.fb_box_img{
    width: 64px;
    text-align: right;
}
.fb_box_plus{
    min-width:64px;
    display: flex;
    justify-content: space-between;
}
.fb_box_input_number{
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    color: inherit;
    font-size: 16px;
    width: 40px;
    text-align: center;
}
.fb_box_jj{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 30px;
    background: #07c160;
    color: #ffffff;
}
.fb_box_jj img{
    width: 12px;
}
.fb_box_plus ul {
    line-height: 25px;
    display: block;
    height: 25px;
    width: 40px;
    overflow: hidden;
    text-align: center;
}
.fb_calendar{
    background: url("../icon/calendar.png") no-repeat;
    display: block;
    width: 25px;
    height: 26px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
    text-align: center;
    line-height: 32px;
    font-size: 10px;
    margin-left: 39px;
}
.fb_box_address1{
      line-height: 30px;
  }
.fb_box_address2{
    line-height: 26px;
}
.fb_ckdh{
    margin: 20px 0 10px;
    width: 120px;
    height: 40px;
    border-radius: 30px;
    background: #f3f9f4;
    color: #07c160;
    line-height: 40px;
    text-align: center;
}
.fb_ckdh.selected{
    background: #07c160;
    color: #FFFFFF;
    /*box-shadow: 0 0 3px 0px #06c1ae;*/
}
.fb_ckfs{
    font-size: 12px;
    color: #b9b9b9;
}
.fb_textarea{
    display: block;
    border: 0;
    resize: none;
    background: transparent;
    width: 100%;
    color: inherit;
    font-size: 14px;
    line-height: 21px;
    outline: 0;
    margin: 10px 0;
    font-family: 寰蒋闆呴粦;
}
.fb_textarea_number{
    color: rgba(0,0,0,.3);
    text-align: right;
    font-size: 14px;
}
.fb_button_div{
    position: fixed;
    bottom: 10px;
    width: 90%;
    height: 50px;
    background: center #07c160;
    margin: 0 5%;
    background-size: 100% 50px;
    border-radius: 100px;
    font-size: 17px;
    z-index: 1000;
    text-align: center;
    line-height: 50px;
    /*box-shadow: 0 0 3px 0px #06c1ae;*/
    border: 0px;
}
.fb_button_div a{
    color: #FFFFFF;
}
.fb_go{
    display: flex;
    justify-content: space-between;
    padding: 20px 8% 0px;
}
.fb_go a{
    font-size: 16px;
    line-height: 30px;
    color: #07c160;
}
.fb_text {
    margin-top: -25px;
    letter-spacing: 0px;
    color: #8e8e8e;
    font-size: 13px;
    font-weight: 100;
}
.fb_close {
    width: 25px;
    height: 25px;
    background-image: url(../icon/close.png);
    background-size: 25px 25px;
}
.js_dialog {
    display: none;
}
.dialog_mask3{
    position: fixed;
    z-index: 5100;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
}
.fb_award_close{
    width: 25px;
    margin: 0 0 10px;
    float: right;
}
.fb_award_box{
    position: fixed;
    top: 40%;
    z-index: 5101;
    right: 50%;
    margin: -115px -98px 0 0;
}
.xzdw_box{
    position: relative;
}
.xzdw_box .xzdw_select{
    position: absolute;
    top: 30px;
    left: -11px;
    background: #ffffff;
    height: 100px;
    width: 50px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px #e2e2e2;
    padding: 10px 0;
}

/*.weui-animate-fade-in {*/
    /*-webkit-animation: c ease .3s forwards;*/
    /*animation: c ease .3s forwards;*/
/*}*/
.city_mask {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
}
/*.weui-animate-slide-up {*/
    /*-webkit-animation: a ease .3s forwards;*/
    /*animation: a ease .3s forwards;*/
/*}*/
.city-picker {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: env(safe-area-inset-bottom);
    backface-visibility: hidden;
    transform: translateY(100%);
    transition: transform .3s,-webkit-transform .3s;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 75%;
    z-index: 5000;
    line-height: 1.4;
    background-color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
    padding: 0 calc(24px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(24px + env(safe-area-inset-left));
}
.city_box {
    word-wrap: break-word;
    overflow-y: auto;
    padding-top: 4px;
    padding-bottom: 20px;
    font-size: 14px;
    color: rgba(0,0,0,.9);
}
.city_box2 {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    height: 300px;
}
/*.weui-half-screen-dialog {*/
    /*position: fixed;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*max-height: 75%;*/
    /*z-index: 5000;*/
    /*line-height: 1.4;*/
    /*background-color: #fff;*/
    /*background-color: var(--weui-BG-2);*/
    /*border-top-left-radius: 12px;*/
    /*border-top-right-radius: 12px;*/
    /*overflow: hidden;*/
    /*padding: 0 24px;*/
    /*padding: 0 calc(24px + constant(safe-area-inset-right)) constant(safe-area-inset-bottom) calc(24px + constant(safe-area-inset-left));*/
    /*padding: 0 calc(24px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(24px + env(safe-area-inset-left));*/
/*}*/
.select-content-item{
    position: absolute;
    width: 100%;
    height: 300px;
    left: 0;
    top: 50px;
    background: white;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    overflow: hidden;
    display: none;
    padding: 10px 0 20px;
}
.invite.select-content-parent {
    width: 50%;
    height: 100%;
    overflow-y: scroll;
    float: left;
    background: #ffffff;
    text-align: center;
}
.select-content-parent {
    width: 33%;
    height: 100%;
    overflow-y: scroll;
    float: left;
    background: #ffffff;
    text-align: center;
}
.select-content-parent li {
    position: relative;
    list-style: none;
    padding: 0;
}
.select-content-parent li a {
    position: relative;
    font-size: 14px;
    font-family: '寰蒋闆呴粦';
    color: #828282;
    display: block;
    width: 100%;
    height: 35px;
    padding: 0;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*鐧诲綍椤甸潰login*/
.login{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    /*background-color: #FFFFFF*/
}
.login_agreement{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
}
.login_agreement span{
    display: block;
    border: 1px solid #07c160;
    border-radius: 20px;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.login_agreement .login_agreement_button{
    display: block;
    width: 11px;
    height: 11px;
    border: 0px;
    background: #ffffff;
    margin: 2px;
}
.login_agreement .login_agreement_button.selected{
    display: block;
    width: 11px;
    height: 11px;
    border: 0px;
    background: #07c160;
    margin: 2px;
}
.login_agreement p{
    display: block;
    color: #848484;
}
.agreement_article{
    color:#07C160;
}
.agreement_user{
    color: #07c160;
}
.login-bk{
    width: 100%;
    min-height: 10px;
    overflow: hidden;
}
.login-bk .login-bk-top{
    float: right;
    width: 67%;
}
.login-welcome{
    text-align: center;
    font-size: 20px;
    letter-spacing: 2px;
    color: #06b3b4;
    margin: 40px auto;
}
.login .button-sp-area .weui-btn_cell{
    background: url("../images/bk-button.png")  no-repeat center ;
    color: #fff;
    background-size: 220px 60px;
    height:60px;
    width: 220px;
    border-radius: 100px;
    /*box-shadow: 0 0 10px 0px #06a4bb;*/
    font-size: 18px;
    line-height: 30px;
}
.login-jiantou{
    display: block;
    width: 20px;
    height: 20px;
    margin: 30px auto 0px;
}
.login-weixinlogo{
    display: block;
    width: 150px;
    min-height: 50px;
    margin: 20px auto 0;
}
.login-bk .login-bk-bottom{
    float: left;
    width: 90%;
    position: absolute;
    bottom: 0px;
}
.login_control-area{
    margin: 30px 0 20px;
}
.login-reg{
    width: 100%;
    text-align: center;
    color: #07c160;
    font-size: 18px;
    margin: auto;
    height: 25px;
    /*border-bottom: solid 1px;*/
    position: absolute;
    top: 20px;
    left: 0px;
}
.login-reg img{
    width:150px;
}
.login-gzh{
    text-align: center;
    margin-top:20px;
    margin-bottom: 20px;
}
.login-gzh img{
    width:130px;
}
.login-gzh p{
    color:#07c160;
    letter-spacing: 4px;
}
.login-beizhu{
    margin: 20px auto;
    width: 220px;
    line-height: 25px;
}
.login-beizhu p{
    font-size: 12px;
    color: #07c160;
    /*text-align: center;*/
}
.login-beizhu p span{
    display: inline-block;
    width: 40px;
}
.login-btn_dontzc{
    margin: auto;
    width: 150px;
    height: 23px;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    color: #07c160;
    border-bottom: solid 1px;
    letter-spacing: 2px;
}
.form_vcode{
    display: none;
}
.login-close{
    width:18px;
    position: absolute;
    top: 24px;
    right: 20px;
    z-index:5;
}
.login-btn_tel{
    margin: auto;
    width: 105px;
    height: 23px;
    display: block;
    text-align: center;
    margin-top: 15px;
    font-size: 15px;
    color: #07c160;
    border-bottom: solid 1px;
    letter-spacing: 2px;
}
.login-logo{
    margin-top:30px;
}
.login-logo img{
    width:112px;
}
.login-logo p{
    color: #07c160;
    text-align: center;
    line-height: 36px;
}
.login_bottom{
    display: flex;
    justify-content: space-around;
    width: 80%;
    margin:40px auto;
}
/*job椤甸潰*/
.job_zpmc{
    text-align: left!important;
    font-size: 19px;
    color: rgba(0,0,0,.9);
    overflow: hidden;
    text-overflow: ellipsis;
    margin:0 8%;
    padding:10px 0 0px;
    /*border-bottom: solid 1px #ececec;*/
    line-height: 25px;
}
.job_message{
    display: flex;
    justify-content: space-between;
    margin: 0 8%;
    padding: 10px 0 10px;
    border-bottom: solid 1px #ececec;
}
.job_message div span{
    margin-left: 5px;
    color: #07c160;
}
.job_list{
    display: flex;
    /*justify-content: space-between;*/
    margin:15px 8%;
}
.job_list_name{
    width: 40%;
    display: flex;
    justify-content: flex-end;
    margin-right: 5%;
}
/*.job_list span{*/
    /*display: block;*/
/*}*/
.job_list span img{
    width: 13px;
    height: 13px;
    margin-right: 3px;
    float: left;
}
.job_list span p{
    display: block;
    float: left;
    line-height: 13px;;
}
.job_gzms{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.job_zzy{
    text-align: center;
    letter-spacing: 3px;
    padding-top: 10px;
    color: #07c160;
}
/*.job_gzms_font{*/
    /*font-size: 18px;*/
    /*line-height: 30px;*/
/*}*/
.gzms_btn_fbzh{
    width: 100px;
    height: 28px;
    font-size: 15px;
    border-radius: 28px;
    line-height: 28px;
    background: #f3f9f4;
    border:1px #07c160 solid;
    text-align: center;
}
.job_gzms_box{
    margin: 10px 8%;
    line-height: 21px;
    /*min-height: 100px;*/
    /* max-height: 200px; */
    overflow: auto;
    /* border-bottom: solid 1px #ececec; */
    padding: 10px 0;
    font-size: 16px;
}
.gzms_zpz{
    color: #07c160;
    display: block;
    width: 100px;
    height: 30px;
    line-height: 40px;
}
.gzms_zpzt{
    color: #ff0000;
    display: block;
    width: 100px;
    height: 30px;
    line-height: 40px;
}
.gzms_fb{
    color: #07c160;
    display: block;
    width: 100px;
    height: 30px;
}
.mslab_list ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 0 20px;
}
.mslab_list li{
    display: block;
    min-width: 10px;
    height: 20px;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    padding: 0 10px;
    margin: 10px 10px 0 0;
    line-height: 20px;
}
.mslab_lx{
    color: #009dff;
    background: #edf7fe;
}
.mslab_gq{
    color: #ffb400;
    background: #fff7e5;
}
.mslab_sj{
    color: #07c160;
    background: #e5fff1;
}
.mslab_xz{
    color: #ff0000;
    background: #ffe5e5;
}
.mslab_rs{
    color: #009dff;
    background: #edf7fe;
}
.mslab_dz{
    color: #ffb400;
    background: #fff7e5;
}
.job_jubao{
    text-align: right;
    margin: auto;
    color: #07c160;
    float: right;
    line-height: 30px;
}
.job_enlist{
    margin:10px 8%;
}
.job_btn_two{
    margin: 10px 0;
    height: 40px;
}
.job_bmbtn{
    display: block;
    width: auto;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #07c160;
    border-radius: 30px;
    text-align: center;
    float: left;
    background: #f3f9f4;
    border: 1px #07c160 solid;
    padding: 0 15px;
}
.job_bmbtn.selected{
    background: #f3f9f4;
    color: #07c160;
    /*border: 1px #07c160 solid;*/
}
.job_enlist_number{
    padding: 0px 0 0 20px;
    float: left;
    line-height: 30px;
}
.job_enlist_number span{
    margin-right: 5px;
    font-size: 16px;
    color: #07c160;
}
.job_tx_box{
    width: 100%;
    height: 80px;
    overflow-x: scroll;
    white-space: nowrap;
}
.job_tx_box ul{
    display: flex;
    justify-content: flex-start;
    width: 100%;
    height: 60px;
    align-items: center;
}
.job_tx_list{
    display: block;
    min-width: 30px;
    max-width: 50px;
    height: 50px;
    margin-right: 10px;
}
.job_tx_list img{
    width: 50px;
    height: 50px;
    border-radius: 30px;
    border: 1px solid #ffffff;
    background: #ffffff;
    box-shadow: 0px 0px 5px #dddddd;
}

.nav_item_jw{
    display: block;
    padding: 8px 0;
    text-align: center;
    width: 15%;
    float:left;
}
.nav_item_dh{
    display: block;
    text-align: center;
    width: 35%;
    height: 50px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #FFFFFF;
    float:left;
    font-size: 16px;
    line-height: 50px;
}
.nav_item_jw img {
    width: 17px;
    height: 17px;
}
/*worker椤甸潰*/
.worker_qzmc{
    text-align: center!important;
    font-size: 19px;
    color: rgba(0,0,0,.9);
    overflow: hidden;
    text-overflow: ellipsis;
    margin:0 8%;
    padding:20px 0 10px;
    line-height: 25px;
}
.worker_message{
    display: flex;
    justify-content: space-between;
    margin:0 8%;
    padding:10px 0 ;
    border-bottom: solid 1px #ececec;
}
.worker_message div span{
    margin-left: 5px;
    color: #07c160;
}
.worker_grxx{
    margin:0 8%;
    padding:20px 0 10px;
}
.worker_list{
    display: flex;
    /*justify-content: space-between;*/
    margin:15px 8%;
}
.worker_list_name{
    width: 40%;
    display: flex;
    justify-content: flex-end;
    margin-right: 5%;
}
/*.worker_list span{*/
    /*display: block;*/
/*}*/
.worker_list span img{
    width: 13px;
    height: 13px;
    margin-right: 3px;
    float: left;
}
.worker_list span p{
    display: block;
    float: left;
    line-height: 13px;;
}
.worker_picture{
    width: 60px;
    height: 60px;
    float: left;
    border-radius: 30px;
    overflow: hidden;
    margin-right: 20px;
}
.worker_picture img{
    width: 60px;
    height: 60px;
}
.worker_xx_nc{
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.worker_xx_xqing{
    height: 30px;
    font-size:15px;
    line-height: 30px;
}
.worker_xx_xqing span{
    margin-right: 10px;
    color: #505050;
}
.worker_jnms{
    display: flex;
    justify-content: space-between;
    margin:20px 8% 0;
}
.worker_jnms_font{
    font-size: 18px;
    line-height: 30px;
}
.worker_btn_fbyh{
    width: 100px;
    height: 28px;
    font-size: 15px;
    border-radius: 28px;
    line-height: 28px;
    background: #f3f9f4;
    border:1px #07c160 solid;
    text-align: center;
}
.worker_jnms_box{
    margin:15px 8%;
    line-height: 21px;
    min-height: 100px;
    /*max-height: 200px;*/
    overflow: auto;
    /*border-bottom: solid 1px #ececec;*/
}
.worker_jubao{
    width: 84%;
    margin: auto;
    text-align: right;
    color: #999999;
}
/* index椤甸潰鎵撳紑gps鐨勫姛鑳� */
.gps_box{
    position: fixed;
    top: 50%;
    width: 60%;
    /*min-height: 200px;*/
    margin: -110px 15%;
    background: #fff;
    border-radius: 10px;
    z-index: 1001;
    padding: 0px 5% 0;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    overflow: hidden;
}
.gps_title{
    text-align: center;
    font-size: 16px;
    margin: 40px 0;
}
.gps_ckms{
     text-align: center;
     font-size: 16px;
 }
.gps_dqjf{
    color: #07C160;
    text-align: center;
    line-height: 40px;
}
.gps_ok{
    display: block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background: #07c160;
    color: #ffffff;
    text-align: center;
    margin: 20px auto;
}
/*job椤甸潰jubao涓炬姤鍔熻兘*/
.dialog_jubao{
    display:none;
}
.dialog_mask{
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
}
.dialog_mask2{
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
}
.dialog_jbbox{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 90%;
    z-index: 5000;
    background-color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: auto;
    padding:20px;
}
.dialog_jbtop{
    height: 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.dialog_jbtitle{
    margin:auto;
    font-size: 18px;
    line-height: 30px;
    width: 100px;
    height: 30px;
    text-align: center;
    font-weight: 600;
}
.dialog_close{
    width: 30px;
    height: 18px;
}
.dialog_close img{
    width: 18px;
    height: 18px;

}
.dialog_jblx_title{
    font-size: 16px;
    line-height: 30px;
}
.dialog_jblx_btn{
    margin:15px 0;
    display: flex;
    justify-content: space-around;
}
.dialog_jblx_btn span{
    display: block;
    width: 120px;
    height: 30px;
    background: #f3f9f4;
    border: 1px solid #07c160;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    border-radius: 30px;
}
.dialog_jblx_btn .selected{
    background: #07c160;
    color: #ffffff;
}
.dialog_jbyy{
    display: block;
    border: 0;
    resize: none;
    background: transparent;
    width: 100%;
    color: inherit;
    font-size: 14px;
    line-height: 21px;
    outline: 0;
    margin: 10px 0;
}
.dialog_tjbtn{
    display: block;
    width: 120px;
    height: 40px;
    background: #07c160;
    border: 1px solid #07c160;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    border-radius: 30px;
    color: #FFFFFF;
    margin:15px auto 0;
}
/*job椤甸潰fenx鍒嗕韩鍔熻兘*/
.dialog_fenx{
    display:none;
}
.fenx_jian{
    height: 10%;
    position: fixed;
    top: 3%;
    right: 3%;
    z-index: 1001;
}
.fenx_box{
    position: fixed;
    top: 15%;
    width: 80%;
    /*height: 60px;*/
    margin: 0 5%;
    background: #fff;
    border-radius: 10px;
    z-index: 1001;
    padding: 20px 5%;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
}
.fenx_box img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
/*job椤甸潰鏌ョ湅鐢佃瘽鎵ｅ垎浜竵鍔熻兘*/
.jfck_box{
    position: fixed;
    top: 50%;
    width: 80%;
    min-height: 110px;
    margin: 0px 5%;
    background: #fff;
    border-radius: 10px;
    z-index: 1001;
    padding: 20px 5% 0;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    overflow: hidden;
    transform: translateY(-50%);
}
.jfck_title{
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
    color: #ff0000;
}
.jfck_ckms{
     text-align: center;
     font-size: 15px;
 }
.jfck_dqjf{
    color: #07C160;
    text-align: center;
    line-height: 40px;
}
.jfck_ok{
    display: block;
    width: 80%;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background: #07c160;
    color: #ffffff;
    text-align: center;
    margin: 20px auto;
}
/*job椤甸潰鏈粦瀹氭墜鏈哄彿锛岃烦杞埌xggrxx*/
.bd_tel_box{
    position: fixed;
    top: 50%;
    width: 70%;
    min-height: 110px;
    margin: -110px 10%;
    background: #fff;
    border-radius: 10px;
    z-index: 1001;
    padding: 20px 5% 0;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    overflow: hidden;
}
.bd_tel_title{
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
    color: #717171;
}
.reg_ok{
    display: block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background: #07c160;
    color: #ffffff;
    text-align: center;
    margin: 20px auto;
}
/*me椤甸潰*/
.me_grxx{
    display: flex;
    margin:0 8%;
    padding:20px 0 10px;
}
.me_picture{
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    padding-right: 20px;
    float: left;
}
.me_picture img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.me_xx{
    width:100%;
    flex-shrink: 1;
    overflow: auto;
}
.me_xx_nc{
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    overflow: auto;
    width: 90%;
    white-space: nowrap;
}
.me_xx_xqing{
    height: 30px;
    font-size:15px;
    line-height: 30px;
}
.me_xx_xqing span{
    margin-right: 10px;
    color: #505050;
}
.me_wdxx{
    flex-shrink: 0;
}
.me_wdxx_xgxx{
    height: 15px;
    width: 20px;
    padding-top:10px;
}
.me_wdxx_xgxx img{
    width: 15px;
}
.me_wdxx_qrcode{
    height: 25px;
    width:20px;
    padding-top:10px;
}
.me_wdxx_qrcode img{
    width:20px;
}
.me_center{
    display: flex;
    width:84%;
    height: 100px;
    background: #FFFFFF;
    border-radius: 20px;
    margin:15px auto 10px;
    -webkit-box-shadow: 0 0 10px 0px #f1f1f1;
    -moz-box-shadow: 0 0 10px 0px #f1f1f1;
    box-shadow: 0 0 10px 0px #f1f1f1;
}
.me_signin{
    width:40%;
    height: 80%;
    padding: 15px 0 5% 10%;
}
.me_signin_btn{
    display: block;
    width: 80px;
    height: 30px;
    margin:10px auto;
    background:#07c160;
    border-radius: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    -webkit-box-shadow: 0 0 10px 0px #f1f1f1;
    -moz-box-shadow: 0 0 10px 0px #f1f1f1;
    box-shadow: 0 0 10px 0px #f1f1f1;
}
.me_signin_btn.signin{
    background: #ffffff;
    color: #07c160;
    box-shadow: 0 0 10px 0px #ffffff;
}
.me_jfen{
    text-align: center;
}
.me_news{
    width:40%;
    height: 80%;
    padding: 15px 10% 5% 0%;
}
.me_news span{
    display: block;
    width: 80px;
    height: 40px;
    margin:10px auto 0;
}
.me_news img{
    display: block;
    width: 40px;
    margin: auto;
}
.me_news p{
    text-align: center;
}
.me_common{
    width: 74%;
    margin: 0 auto 10px;
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    background: #ffffff;
    padding: 0 5%;
    font-size: 12px;
}
.me_common_list{
    width: 21%;
    height: 80px;
    border-radius: 10px;
    padding-top: 20px;
}
.me_common_list span{
    display: block;
    margin: auto;
    height: 45px;
}
.me_common_list span img{
    display: block;
    /*height: 40px;*/
    width: 35px;
    margin: auto;
}
.me_common_list p{
    text-align: center;
    display: block;
}
.me_zhfw{
    width: 84%;
    margin: 0 auto 10px;
}
.me_zhfw_box{
    width: 100%;
    margin: 0 auto 10px;
    display: flex;
    justify-content: space-between;
}
.me_zhfw_list{
    width: 30%;
    height: 75px;
    border-radius: 10px;
    padding: 10px 0;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 2px;
}
.me_zhfw_list span{
    display: block;
    margin: 0px auto 5px;
}
.me_zhfw_list span img{
    display: block;
    height: 40px;
    margin: auto;
}
.me_zhfw_list p{
    text-align: center;
    display: block;
    font-size:14px;
}
.me_zhfw_title{
    margin: 20px auto 10px;
    font-size: 18px;
    width: 90%;
}
.me_qtfw_list{
    width: 84%;
    height: 50px;
    background: #ffffff;
    margin: 10px auto;
    line-height: 50px;
    border-radius: 10px;
    text-align: center;
}
.me_ewm_box{
    display: none;
    position: fixed;
    width: 100px;
    height: 160px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 15px 30px;
    background: #ffffff;
    box-shadow: 0px 0px 14px -8px #a2a2a2;
}
.me_ewm_box p{
    margin: 15px auto;
    text-align: center;
    font-size: 16px;
}
.me_ewm_box span{
    float: right;
    margin: 5px 5px 15px;}
/*淇敼涓汉淇℃伅*/
.grxx_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 84%;
    min-height: 30px;
    background: #ffffff;
    margin: 6px auto 0;
    border-radius: 10px;
    padding: 5% 15px;
    background: #FFFFFF;
}
.grxx_box_xgmm{
    background: #ffffff;
    width: 84%;
    margin: 6px auto 0;
    padding: 5% 15px;
    border-radius: 10px;
}
.grxx_box_xgmm .grxx_box{
    padding: 5% 0;
    width: 100%;
}
.grxx_box_xgmm .xgmm_box{
    padding: 5% 0px;
}
.grxx_box_yqm{
    background: #ffffff;
    width: 84%;
    margin: 6px auto 0;
    padding: 5% 15px;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
}
.grxx_box_yqm img{
    width: 20px;
    height: 15px;
    margin-left: 5px;
}
.grxx_box_lx{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 25px;
    background: #ffffff;
    padding: 15px 0px 0;
}
.grxx_box_title {
    color: #000000;
    font-size: 18px;
    letter-spacing: 1px;
    flex: 1;
}
.grxx_box_input_text {
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    color: inherit;
    font-size: 15px;
    width: 150px;
}
.grxx_box_title_id{
    display: none;
}
.grxx_box_plus {
    display: flex;
    justify-content: space-between;
}
.grxx_box_plus>div{
    line-height: 23px;
    margin-right: 10px;
}
.grxx_box_plus ul {
    line-height: 25px;
    display: block;
    height: 25px;
    width: 40px;
    overflow: hidden;
    text-align: center;
}
.grxx_box_jj {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 30px;
    background: #07c160;
    color: #ffffff;
}
.grxx_box_jj2 {
    display: block;
    width: 22px;
    height: 22px;
    line-height: 24px;
    text-align: center;
    border-radius: 30px;
    color: #ffffff;
    border: 1px solid #07c160;
}
.grxx_box_jj img {
     width: 12px;
 }
.grxx_box_jj2 img {
    width: 12px;
}
.grxx_box_img {
    width: 64px;
    text-align: right;
}
.grxx_box_img .grxx_screen{
    width:25px;
}
.grxx_BOX{
    width: 84%;
    min-height: 30px;
    background: #ffffff;
    margin: 6px auto 0;
    border-radius: 10px;
    padding: 5% 15px;
}
.grxx_BOX .grxx_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 30px;
    background: #ffffff;
    margin:0;
    border-radius: 10px;
    padding:0;
}
.grxx_box_lx.notselected{
    display: none !important;
}
.grxx_box_btn2 {
    display: block;
    width: 54px;
    height: 40px;
    border-radius: 40px;
    background: #07c160;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    margin-left: 10px;
}
.grxx_box_btn {
    display: block;
    width: 54px;
    height: 40px;
    border-radius: 40px;
    background: #f8fffb;
    color: #000000;
    text-align: center;
    line-height: 40px;
    margin-left: 10px;
}
.grxx_box_btn.xb_selected {
    background: #07c160;
    color: #ffffff;
}
.grxx_box_input_number {
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    color: inherit;
    font-size: 16px;
    width: 40px;
    text-align: center;
}
.grxx_calendar {
    background: url(../icon/calendar.png) no-repeat;
    display: block;
    width: 25px;
    height: 26px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
    text-align: center;
    line-height: 32px;
    font-size: 10px;
    margin-left: 39px;
}
.grxx_box_address1 {
    line-height: 30px;
}
.grxx_textarea {
    display: block;
    border: 0;
    resize: none;
    background: transparent;
    width: 100%;
    color: inherit;
    font-size: 14px;
    line-height: 21px;
    outline: 0;
    margin: 10px 0;
    font-family: 寰蒋闆呴粦;
}
.grxx_textarea_number {
    color: rgba(0,0,0,.3);
    text-align: right;
    font-size: 14px;
}
.grxx_box_xgmm {
    width: 84%;
    min-height: 30px;
    background: #ffffff;
    margin: 10px auto 0;
    border-radius: 10px;
    padding: 3% 15px;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
}
.grxx_button_div{
    position: fixed;
    bottom: 10px;
    width: 90%;
    height: 50px;
    background: center #07c160;
    margin: 0 5%;
    background-size: 100% 50px;
    border-radius: 100px;
    font-size: 17px;
    z-index: 1000;
    text-align: center;
    line-height: 50px;
    /*box-shadow: 0 0 3px 0px #06c1ae;*/
}
.grxx_button_div.nochange{
    display: none;
}
.grxx_button_div a{
    color: #FFFFFF;
}

/*鍚嶇墖淇℃伅*/
.card_title{
    font-size: 20px;
    color:#ffffff;
}
.card_llsc{
    width: 84%;
    margin:20px auto;
    width: 84%;
    margin: 20px auto;
    height: 26px;
    display: flex;
    justify-content: space-between;
}
.card_ll{
    height: 26px;
    font-size: 13px;
    color: #ffffff;
    line-height: 28px;
}
.card_ll img{
    width: 20px;
    margin-right: 5px;
}
.card_ll span{
    color: #ffffff;
}
.card_sc{
    height: 26px;
    font-size: 13px;
    color: #ffffff;
    line-height: 28px;
}
.card_sc img{
    width:20px;
    margin-right: 5px;
}
.card_sc span{
    color: #ffffff;
}
.card_sc.selected{
}
.card_photo{
    background: none;
    width: 90%;
    margin: auto;
    position: relative;
    overflow: hidden;
}
.card_watermark{
    position: absolute;
    width: 100%;
}
.card_front{
    width: 100%;
    min-height: 100px;
    border-radius: 15px;
    background-image: url(../images/card_front.jpg);
    -webkit-background-size: 100% auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.card_self_top{
    width: 84%;
    margin: auto;
    padding: 1px 0;
    display: flex;
    overflow: hidden;
    justify-content: left;
}
.card_tx{
    width: 50px;
    height: 50px;
    margin: 15px 0 10px;
    background: #ffffff;
    border-radius: 100px;
    overflow: hidden;
    flex-shrink: 0;
}
.card_tx img{
    width: 50px;
}
.card_self_right{
    height: 50px;
    margin: 15px 0 10px 15px;
    float: left;
    overflow: hidden;
    flex-shrink: 1;
}
.card_nc{
    overflow: auto;
}
.card_nc p{
    color: #ffffff;
    white-space: nowrap;
    font-size: 18px;
    line-height: 35px;
}
.card_dz span{
    color: #ffffff;
    margin: 0 5px 0 0;
}
.card_self_bottom{
    display: flex;
    border-top: 1px solid #ffffff;
    width: 84%;
    margin: auto;
    padding: 10px 0 15px;
    overflow: hidden;
    justify-content: space-between;
}
.card_self_dhgz{
    flex-shrink: 1;
    overflow:hidden;
}
.card_self_gz{
    overflow:auto;
    color: #ffffff;
}
.card_self_dh img{
    height: 14px;
    margin-right: 5px;
}
.card_self_dh span{
    color: #ffffff;
    line-height: 20px;
}
.card_self_gz{
    display: none;
}
.card_self_gz span{
    /*display: block;*/
    color: #ffffff;
    line-height: 25px;
    white-space: nowrap;
    font-size: 13px;
}
.card_self_gz.selected{
    display: block;
}
.card_ewm{
    position: relative;
    width: 80px;
    height: 80px;
    margin-left:10px;
    flex-shrink: 0;
    padding: 3px;
    background: #ffffff;
}
.card_ewm img.card_logo {
    position: absolute;
    top: 33px;
    left: 33px;
    width: 20px;
    height: 20px;
}
.card_jnms_title{
    width: 100px;
    font-size: 16px;
    border-bottom: 2px solid #07C160;
    margin: 20px 0 0 8%;
    padding: 10px 0;
}
.card_jnms_desc{
    line-height: 22px;
    font-size: 15px;
    margin:15px auto 0;
    width: 84%;
}
.card_cjw{
    width: 84%;
    text-align: right;
    color: #07C160;
    font-size: 12px;
    margin: 35px auto 15px;

}
.card_back_green{
    position: absolute;
    background: #0ccf8e;
    width: 100%;
    height: 300px;
    top: 0px;
    z-index: -10;
}
.card_back_white{
    position: absolute;
    background: #ffffff;
    width: 100%;
    height: 300px;
    top: 250px;
    z-index: -9;
    border-radius: 50px 0;
}
.card_btn_box{
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 5%;
    position: fixed;
    bottom: 20px;
}
.card_btn{
    display: block;
    color: #ffffff;
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    background: #0ccf8e;
    border-radius: 30px;
    margin: 60px auto 20px;
}
.card_middle{
    display: flex;
    margin: 0 8%;
    padding: 20px 0 10px;
}
.card_jtxx{
    padding-left: 10px;
}
.card_jtxx p{
    letter-spacing: 1px;
    color:#757575;
    line-height: 25px;
    display: block;
}
.card_jtxx p span{
    letter-spacing: 1px;
    color:#757575;
    line-height: 25px;
}
.card_line{
    width: 84%;
    height: 5px;
    border-radius: 10px;
    background:#07c160;
    margin: auto;
}
.card_scgz_box{
    margin: 0 8%;
    padding: 10px 0 10px;
    display: none;
}
.card_scgz_box.selected{
    display: block;
}
.card_scgz_box p.selected{
    display: block;
}
.card_scgz_title{
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 10px;
}
.card_scgz_content{
    width: 100%;
    overflow: hidden;
}
.card_scgz_content p{
    display: none;
    width: auto;
    height: 30px;
    border: 1px solid #07c160;
    float: left;
    line-height: 30px;
    border-radius: 40px;
    padding: 0 20px;
    margin: 5px 5px;
}
.card_scgz_content p.selected{
    display: block;
}

.card_introduce{
    margin: 0 8%;
    padding: 10px 0 10px;
}
.card_introduce_title{
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
}
.card_introduce_content {
    line-height: 21px;
    min-height: 100px;
    overflow: auto;
}
.card_textarea{
    display: block;
    border: 0;
    resize: none;
    background: transparent;
    width: 100%;
    color: inherit;
    font-size: 14px;
    line-height: 21px;
    outline: 0;
    margin: 10px 0;
    font-family: 寰蒋闆呴粦;
}
.picture_close{
    width: 25px;
    position: absolute;
    top: -30px;
    right: 8%;
    z-index: 1002;
    margin-right: 0px;
}
.picture_box{
    width: 84%;
    z-index: 1001;
    border-radius: 15px;
    overflow: hidden;
    background: #ffffff;
    margin: auto;
}
.picture_box img{
    width: 100%;
}
.picture_clickdown{
    width: 200px;
    height: 40px;
    z-index: 1001;
    border-radius: 10px;
    overflow: hidden;
    background: #07c160;
    line-height: 40px;
    text-align: center;
    margin: 20px auto;
    color: #ffffff;
}
/*!*wdzp*!鎴戠殑鎷涘伐*/
.wdzp_box{

}
.wdzp_list{
    display: block;
    width: 80%;
    /*height: 138px;*/
    background: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 10px;
    padding:3% 5% 0;
    margin:20px auto;
}
.wdzp_first_label{
    display: flex;
    justify-content: space-between;
}
.wdzp_first_zhao{
    background: #07C160;
    border-radius: 6px 0px 6px 0;
    width: 40px;
    height: 20px;
    line-height: 20px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    margin: 0 2px 0 0;
}
.wdzp_first_man{
    background: #ffcf4f;
    border-radius: 6px 0px 6px 0;
    width: 40px;
    height: 20px;
    line-height: 20px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    margin: 0 2px 0 0;
}
.wdzp_first_ding{
    background: #00c8dc;
    border-radius: 6px 0px 6px 0;
    width: 40px;
    height: 20px;
    line-height: 20px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    margin: 0 2px 0 0;
}
.wdzp_first_jiang{
    background: #ff0000;
    border-radius: 6px 0px 6px 0;
    width: 40px;
    height: 20px;
    line-height: 20px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    margin: 0 2px 0 0;
}
.wdzp_list.zpz{
    box-shadow: 0px -3px 0px 0px #07c160;
}
.wdzp_list.zpzt{
    box-shadow: 0px -3px 0px 0px #ffcf4f;
}
.wdzp_list.zpsc{
    box-shadow: 0px -3px 0px 0px #ff0000;
}
.wdzp_list .wdzp_first{
    display: flex;
    background: #ffffff;
    margin-bottom: 10px;
}
.wdzp_first.opened{
    position: sticky;
    top:50px;
    padding: 10px 0;
}
.wdzp_list .wdzp_first_title{
    display: block;
    width:100%;
    height: 30px;
    font-size:20px;
    letter-spacing: 1px;
    color:#000000;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;/*鍐呭瓒呭鍚庣姝㈡崲琛屾樉绀�*/
    overflow: hidden;/*瓒呭嚭閮ㄥ垎闅愯棌*/
    text-overflow:ellipsis;/*鏂囧瓧瓒呭嚭閮ㄥ垎浠ョ渷鐣ュ彿鏄剧ず*/
}
.wdzp_first_title span{
    display: block;
    width: 5px;
    height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    margin: 6px 10px 0 0;
}
.wdzp_first_title .wdzp_zpz{
    background: #07c160;
}
.wdzp_first_title .wdzp_zpzt{
    background: #ffcf4f;
}
.wdzp_first_title .wdzp_zpsc{
    background: #ff0000;
}
.wdzp_fifth .wdzp_revise{
    display: block;
    height: 30px;
    border: none;
    color: #07c160;
    font-size: 15px;
    width: 50px;
    margin: 0 0 10px;
    line-height: 30px;
    text-align: center;
}
.wdzp_first_baom{
    /*flex: 2;*/
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
    /*margin-left: 5px;*/
    text-align: center;
    padding: 10px 0 ;
}
.wdzp_first_baom span{
    display: block;
    width: 20px;
    height: 20px;
    /*margin-top:5px;*/
    background: #07c160;
    -webkit-border-radius:10px ;
    -moz-border-radius:10px ;
    border-radius:10px ;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 100;
}
.wdzp_first_baom img{
    /*width: 10px;*/
    height: 10px;
    margin-left: 5px;
}
.wdzp_first_xiug{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    width: 39px;
    text-align: left;
    color: #07c160;
    font-size: 16px;
    letter-spacing: 3px;
    flex-shrink: 0;
}
.wdzp_second{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    width: 100%;
}
.wdzp_lable_lx{
    display: block;
    height: 20px;
    min-width: 50px;
    color: #076cc1;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1px;
    margin-right: 10px;
}
.wdzp_lable_jl{
    width: 22px;
    height: 22px;
    border-radius: 20px;
    background: #07c160;
    font-size: 13px;
    color: #ffffff;
    line-height: 24px;
    text-align: center;
    flex-shrink: 0;
    margin: 3px 10px;
}
.wdzp_lable_xz{
    color: #db0000;
    letter-spacing: 1px;
    white-space: nowrap;
}
.wdzp_words{
    width: 100%;
    min-height: 20px;
    max-height: 60px;
    margin-bottom: 5px;
    line-height: 20px;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 2px;
    font-size: 16px;
}
.wdzp_fourth{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    width: 100%;
}
.wdzp_fourth p{
    font-size: 13px;
}
.wdzp_lable_dz{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 20px;
    min-width: 50px;
    color: #07c160;
    /*border:1px solid #07c160 ;*/
    background: #f9fff8;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1px;
}
.wdzp_lable_dz img{
    height: 20px;
}
.wdzp_lable_rq{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 20px;
    color: #07adc1;
    background: #f8ffff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 10px;
    padding:0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1px;
}
.wdzp_lable_gq{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 20px;
    color: #db0000;
    background: #fff8f8;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 10px;
    padding:0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1px;
}
.wdzp_fifth{
    border-bottom: 1px solid #f1fef7;
    display: flex;
    justify-content: space-between;
}
.wdzp_fifth span{
    display: block;
    width: 80px;
    height: 30px;
    font-size: 12px;
    border-radius: 20px;
    margin: 0px 0 10px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #c5c5c5;
    color: #464646;
}
/*.wdzp_fifth .wdzp_start{*/
    /*border: 1px solid #07c160;*/
    /*color: #07c160;*/
/*}*/
/*.wdzp_fifth .wdzp_stop{*/
    /*border: 1px solid #ffcf4f;*/
    /*color: #ffcf4f;*/
/*}*/
/*.wdzp_fifth .wdzp_delete{*/
    /*border: 1px solid #ff0000;*/
    /*color: #ff0000;*/
/*}*/
.wdzp_fifth .wdzp_start.selected{
    background: #07c160;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.wdzp_fifth .wdzp_stop.selected{
    background: #07c160;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.wdzp_fifth .wdzp_delete.selected{
    background: #07c160;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.wdzp_sixth{
    overflow: hidden;
    margin-top: 10px;
}
.wdzp_sixth li{
    display: block;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #f1fef7;
    padding:5px 0;
}
.wdzp_grxx{
    display: flex;
    justify-content:flex-start;
    align-items: flex-end;
}
.wdzp_grxx_nc{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:18px;
}
.wdzp_grxx_xq{
    color:#5f5f5f;
    margin-left: 10px;
    flex-shrink: 0;
}
.wdzp_jn{

}
.wdzp_jn span{
    display: block;
    color: #07b6c1;
    height: 20px;
    padding: 2px 20px 2px 0;
    font-size: 12px;
    margin: 10px 0 0 0;
    float: left;
}
.wdzp_zdtz{
    display:flex;
    justify-content: space-between;
    border-top: 1px solid #fbfbfb;
}
.wdzp_zd{
    width: 50%;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    border-right: 1px solid #fbfbfb;
}
.wdzp_zd.wdyp_zd{
    width: 100%;
}
.wdzp_zd.selected{
    color:#07c160;
}
.wdzp_tz{
    width: 50%;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    border-left: 1px solid #fbfbfb;
}
.wdzp_zd.selected ,.wdzp_tz.selected{
    color: #07c160;
}
.hide{
    display: none !important;
}
.dialog_radio{
    display: none;
}
.dialog_del{
    display: none;
}
.radio_box {
    position: fixed;
    top: 40%;
    width: 80%;
    min-height: 100px;
    margin: -110px 5%;
    background: #fff;
    border-radius: 10px;
    z-index: 1001;
    padding: 20px 5% 0;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    overflow: hidden;
}
.radio_xq{
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}
.radio_xq span{
    display: block;
    text-align: center;
    margin: auto;
}
.radio_title{
    text-align: center;
    font-size: 20px;
    line-height: 80px;
    margin-bottom: 10px;
}
.radio_title.report_fb{
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 10px;
    padding-top: 20px;
}
.radio_cont{
    text-align: center;
    color: #07c160;
}
.radio_click{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.radio_click span{
    text-align: center;
    width: 50%;
    display: block;
    line-height: 80px;
    font-size: 16px;
    border-top: 1px #e3ece7 solid;
    font-weight: 600;
}
.radio_ok1{
    border-right: 1px #e3ece7 solid;
}
.radio_ok2{
    color:#07c160;
}
.radio_click .radio_ok3{
    width: 100%;
    background: #07c160;
    color: #ffffff;
    line-height: 40px;
    margin: 10px 0 20px;
    border-radius: 20px;
}
.radio_details{
    text-align: center;
    color: #07c160;
}
/*!*wdyp*!鎴戠殑鎵炬椿*/
.wdyp_box{

}
.wdyp_list{
    display: block;
    width: 80%;
    /*height: 138px;*/
    background: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 10px;
    padding:3% 5% 0;
    margin:20px auto;
}
.wdyp_list .wdyp_title{
    display: block;
    width:100%;
    height: 30px;
    font-size:20px;
    letter-spacing: 1px;
    color:#000000;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;/*鍐呭瓒呭鍚庣姝㈡崲琛屾樉绀�*/
    overflow: hidden;/*瓒呭嚭閮ㄥ垎闅愯棌*/
    text-overflow:ellipsis;/*鏂囧瓧瓒呭嚭閮ㄥ垎浠ョ渷鐣ュ彿鏄剧ず*/
}
.wdyp_btn{
    border-bottom: 1px solid #f1fef7;
    display: flex;
    justify-content: space-between;
}
.wdyp_btn span {
    display: block;
    width: 80px;
    height: 30px;
    font-size: 12px;
    border-radius: 20px;
    margin: 10px 0;
    line-height: 30px;
    text-align: center;
    border: 1px solid #c5c5c5;
    color: #464646;
}
.wdyp_btn .wdyp_start.selected{
    background: #07c160;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.wdyp_btn .wdyp_stop.selected{
    background: #07c160;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.wdyp_btn .wdyp_delete.selected{
    background: #07c160;
    color: #ffffff;
    border: 1px solid #ffffff;
}
/*!*wdsc*!鎴戠殑鏀惰棌*/
.wdsc_declare{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin: auto;
    font-size: 16px;
    background: #ffffff;
    margin-bottom: 5px;
}
.wdsc_declare span{

}
.wdsc_declare_word.selected{
    font-size: 16px;
    color: #07c160;
}
.wdsc_list{
    display: block;
    width: 90%;
    background: #ffffff;
    border-radius: 10px;
    padding: 4% 5% 5%;
    margin: 20px auto;
    position: relative;
    box-shadow: 0 0 10px #f1f1f1;
}
.wdsc_list a {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    flex: 1;
}
/*鎴戠殑鍚嶇墖*/
.wdcard_box ul{
    width: 94%;
    margin: auto;
}
.wdcard_first{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 0 10px;
}
.wdcard_first_label{
    background: #07c160;
    border-radius: 10px;
}
.wdcard_btn {
    border-bottom: 1px solid #f1fef7;
    display: flex;
    justify-content: space-between;
}
.wdcard_btn span {
    display: block;
    width: 80px;
    height: 30px;
    font-size: 12px;
    border-radius: 20px;
    margin: 10px 0;
    line-height: 30px;
    text-align: center;
    border: 1px solid #d9ece2;
    color: #464646;
}
.wdcard_btn .wdcard_default.selected {
    background: #07c160;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.wdcard_default_online{
    display: flex;
    justify-content: space-between;
}
.wdcard_default_online span{
    display: block;
    text-align: right;
    margin-left: 20px;
    color: #ffffff;
    background: #07c160;
    border-radius: 30px;
    line-height: 30px;
    padding: 0 10px;
}
.wdcard_zdtz {
    display: flex;
    justify-content: space-around;
    border-top: 1px solid #fbfbfb;
}
.wdcard_zd {
    width: 50%;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    border-right: 1px solid #fbfbfb;
}
.wdcard_zd.selected{
    color: #07c160;
}
.wdcard_tz {
    width: 50%;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    border-left: 1px solid #fbfbfb;
}
/*鎵嬫満璐﹀彿娉ㄥ唽*/
.page {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    opacity: 0;
    z-index: 10;
}
.page.actionsheet, .page.article, .page.dialog, .page.form, .page.loadmore, .page.msg, .page.msg_success, .page.msg_text, .page.msg_text_primary, .page.msg_warn, .page.picker, .page.progress, .page.toast, .page.top-tips {
    background-color: var(--weui-BG-2)
}
.login-reg{
    width: 100%;
    text-align: center;
    color: #07c160;
    font-size: 18px;
    margin: auto;
    height: 25px;
    /*border-bottom: solid 1px;*/
    position: absolute;
    top: 20px;
    left: 0px;
}
.login-form__title{
    font-size: 22px;
    font-weight: 700;
    line-height: 1.36;
    margin-top: 35px;
}
.login-form__desc{
    font-size: 17px;
    margin-top: 16px;
    color: #07c160;
}
.login-reg img{
    width:150px;
}
.login-gzh .login_remind{
    letter-spacing: 4px;
    font-size: 16px;
    margin: 10px 0;
}
.login_index{
    display: flex;
    justify-content: space-around;
    width: 200px;
    margin: 40px auto 0;
    font-size: 16px;
}
.login_index a{
    color: #07C160;
}
.form_vcode{
    display: none;
}
.page.js_show {
    opacity: 1
}

/*绛惧埌鐣岄潰*/
.sign_box{
    width: 100%;
    height: 200px;
    background: #ffffff;
    border-radius: 0 0 20px 20px;
    box-shadow: 0px 0px 6px #eaedeb;
    padding-bottom: 25px;
}
.sign_box_top{
    display: flex;
    justify-content: space-between;
    width: 84%;
    margin: auto;
}
.sign_points{
    line-height: 30px;
    font-size: 16px;
    color: #7f7f7f;
}
.sign_points span{
    color: #000000;
    font-size: 18px;
    margin-left: 10px;
}
.sign_record{
    line-height: 30px;
    color: #07c160;
}
.sign_calendar{
    width: 180px;
    margin: auto;
    position: relative;
}
.sign_calendar img{
    width: 180px;
    margin: 0px auto;
    display: block;
}
.sign_cal_text{
    position: absolute;
    width:180px;
    height: 170px;
    top: 0;
    left: 0;
}
.sign_cal_first{
    margin-top: 55px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 2px;
}
.sign_cal_second{
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    color: #afafaf;
}
.sign_cal_second.notselected{
    display: none;
}
.sign_cal_third{
    margin-top: 10px;
    text-align: center;
    font-size: 40px;
    letter-spacing: 2px;
}
.sign_cal_third.notselected{
    display: none;
}
.sign_cal_third .sign_day{
    font-size: 16px;
}
.sign_cal_forth{
    display: block;
    margin: 35px auto 0;
    text-align: center;
    font-size: 16px;
    letter-spacing: 2px;
    color: #07c160;
    width: 80px;
    height: 20px;
    border-bottom: 1px solid;
}
.sign_cal_forth.notselected{
    display: none;
}
.sign_task{
    width: 84%;
    padding:0px 8% 10px;
    /*height: 40px;*/
    background: #ffffff;
    margin:20px auto;
    border-radius: 20px;
    box-shadow: 0px 0px 6px #eaedeb;
}
.sign_task_title{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-top:30px;
}
.sign_task_title .task_title_left{
    font-size: 18px;
    font-weight: 600;
    color: #545454;
}
.sign_task_title .task_title_right{
    font-size: 16px;
    color: #07c160;
}
.sign_mrrw{
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}
.task_list{
    width:100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.task_list_btn{
    display: block;
    /* flex: 2; */
    width: 70px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: #07c160;
    border-radius: 20px;
    border: 1px solid #07c160;
    text-align: center;
    background: #f2fff8;
}
.task_list_btn.end{
    border: 0px solid #07c160;
    background: #ffffff;
}
.task_list_left{
    display: flex;
    justify-content:flex-start;
    width:90%;
    /*height: 40px;*/
}
.task_list_block{
    display: block;
    width: 15px;
    height: 15px;
    background: #07c160;
    border-radius: 3px;
    box-shadow: 0px 0px 4px #16dd58;
    margin: 3px 10px 0 0;
}
.task_list_line{
    /*width: 100px;*/
    width: 99%;
    height: 50px;
    display: block;
}
.task_list_title{
    line-height: 18px;
    font-size: 15px;
    margin-bottom:7px;
}
.task_list_title span{
    display: block;
    /*float: left;*/
    color: #646464;
}
.task_list_sign{
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    color: #07c160;
    border-radius: 20px;
    border: 1px solid #07c160;
    text-align: center;
    background: #f2fff8;
    margin-left: 10px;
    padding: 0px 10px;
}
.task_list_note{
    margin-top: 8px;
    font-size: 13px;
    color: #9f9f9f;
}

/*閫氱煡绠＄悊*/
.dialog_time{
    display:none;
}
.dialog_time_top{
    height: 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.dialog_time_title{
    margin:auto;
    font-size: 18px;
    line-height: 30px;
    width: 200px;
    height: 30px;
    text-align: center;
    font-weight: 600;
}
.dialog_time_list{
    display: flex;
    width: 100%;
    min-height: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px auto 10px;
}
.dialog_time_list li{
    display: block;
    width: 35px;
    height: 30px;
    border-radius: 5px;
    margin: 3px;
    background: #ffffff;
    line-height: 30px;
    text-align: center;
    box-shadow: 0px 0px 6px 0px #ebebeb;
}
.dialog_time_button{
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 10px;
}
.dialog_time_btn{
    width: 70px;
    height: 30px;
    border-radius: 15px;
    box-shadow: 0px 0px 6px 0px #ebebeb;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}
.dialog_time_btn.selected{
    border: 1px #07c160 solid;
    background: #f3f9f4;
    color: #07C160;
}
.dialog_time_btn.selected span{
    color: #07C160;
}
.dialog_time_ok{
    width: 60px;
    height: 30px;
    border-radius: 15px;
    box-shadow: 0px 0px 6px 0px #ebebeb;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    background: #07c160;
    color: #ffffff;
}
.notice_btn1{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 84%;
    min-height: 30px;
    background: #ffffff;
    margin: 6px auto 0;
    /*border-radius: 10px;*/
    padding:13px 8%;
    background: #FFFFFF;
}

/*閫氱煡璁剧疆*/
.notice_btn1 span{
    color:#000000;
    font-size: 16px;
}
.notice_sanj{
    width: 15px;
}
.notice_title{
    width: 84%;
    padding:15px 8%;
    color:#000000;
    font-size: 18px;
    /*font-weight: 600;*/
}
.notice_btn2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 84%;
    min-height: 30px;
    background: #ffffff;
    margin: 0px auto 1px;
    /*border-radius: 10px;*/
    padding:13px 8%;
    background: #FFFFFF;
}
.notice_btn2 span{
    font-size: 14px;
    color: #5f5f5f;
}
.notice_btn2 input{
    border:0;
}
.switch_button{
    position: relative;
    width: 52px;
    height: 27px;
    border: 2px solid rgba(0,0,0,.1);
    outline: 0;
    border-radius: 16px;
    box-sizing: border-box;
}
.switch_button.selected{
    border: 2px solid #07c160;
    background: #07c160;
    box-shadow: 0 1px 3px #07c160;
}
.switch_button:after{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
  }
.switch_button.selected:after{
    content: " ";
    position: absolute;
    top: 0;
    left: 25px;
    width: 23px;
    height: 23px;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.notice_btn2 .notice_tips{
    color:#b2b2b2;
    font-size: 12px;
}
.notice_btn_title2{
    font-size: 14px;
    color: #5f5f5f;
}
.notice_btn_tips{
    font-size: 12px;
    color:#b2b2b2;
    line-height: 25px;
}
.notice_btn3{
    width: 84%;
    min-height: 60px;
    background: #ffffff;
    margin: 0px auto 1px;
    /*border-radius: 10px;*/
    padding:13px 8%;
    margin-bottom: 5px;
    overflow: hidden;
}
.notice_btn3 .notice_list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom:10px;
    /*min-height: 30px;*/
    /*padding:13px 8%;*/
}
.notice_list input{
    border:0;
}
.notice_btn3 .notice_qb_zpzg{
    display: block;
    width:120px;
    height: 30px;
    border-radius: 30px;
    border: 1px #07c160 solid;
    line-height: 30px;
    text-align: center;
    color: #b2b2b2;
    margin:0px auto;
}
.notice_lx_zpzg{

}
.notice_lx_zpzg li{
    font-size: 15px;
    min-width: 20px;
    display: block;
    border-radius: 30px;
    border: 1px #07c160 solid;
    float: left;
    margin: 5px;
    background: #f3f9f4;
    padding: 5px 15px;
}
.notice_lx_zpzg li.notselected{
    display: none;
}
.notice_qb_zpzg.notselected{
    display: none;
}

.notice_btn3 .notice_qb_sfzh{
    display: block;
    width:120px;
    height: 30px;
    border-radius: 30px;
    border: 1px #07c160 solid;
    line-height: 30px;
    text-align: center;
    color: #b2b2b2;
    margin:0px auto;
}
.notice_lx_sfzh{

}
.notice_lx_sfzh li{
    font-size: 15px;
    min-width: 20px;
    display: block;
    border-radius: 30px;
    border: 1px #07c160 solid;
    float: left;
    margin: 5px;
    background: #f3f9f4;
    padding: 5px 15px;
}
.notice_lx_sfzh li.notselected{
    display: none;
}
.notice_qb_sfzh.notselected{
    display: none;
}
/*閫氱煡鍒楄〃*/
.not_lx_box {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin: auto;
    font-size: 16px;
    background: #ffffff;
    margin-bottom: 5px;
}
.not_lx_list.selected {
    font-size: 20px;
    color: #07c160;
}
.not_zp_title{
    font-weight: 500;
    font-size: 17px;
    color: #2b2d2d;
    line-height: 25px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    display: block;
    float: left;
}
.not_zp_list{
    display: block;
    width: 84%;
    background: #ffffff;
    padding: 15px 8%;
    margin:0 auto 2px;
}
.not_zp_time{
    float: right;
    font-size: 12px;
    color: #a5a5a5;
    display: block;
    width: 25%;
    height: 25px;
    text-align: right;
    line-height: 25px;
}
.not_zp_content{
    font-size: 14px;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #9b9b9b;
    margin-top: 5px;
}
/*vip*/
.vip_card{
    position: relative;
    width: 84%;
    margin:10px auto;
    border-radius: 10px;
    overflow: hidden;
    /*height: auto;*/
    /*background-image: url("../images/vipcard.png");*/
    /*-webkit-background-size: cover;*/
    /*background-size: cover;*/
}
.vip_card img{
    width: 100%;
}
.vip_hylx{
    display: block;
    width: 120px;
    height: 30px;
    position: absolute;
    top: 17%;
    left: 6%;
    color: #ffff00;
    font-size: 24px;
    text-align: left;
}
.vip_syzd{
    width: 100px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 6%;
    margin-top: -5px;
    color: #ffffff;
    font-size: 12px;
    text-align: left;
}
.vip_sygb{
    width: 100px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 6%;
    margin-top: 20px;
    color: #ffffff;
    font-size: 12px;
    text-align: left;
}
.vip_ksrq{
    width: 200px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 7%;
    margin-top: -5px;
    color: #ffffff;
    font-size: 12px;
    text-align: right;
}
.vip_jzrq{
    width: 200px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 7%;
    margin-top: 20px;
    color: #ffffff;
    font-size: 12px;
    text-align: right;
}
.vip_jilu{
    width: 200px;
    height: 15px;
    position: absolute;
    bottom: 10%;
    right: 7%;
    margin-top: 20px;
    color: #ffffff;
    font-size: 12px;
    text-align: right;
}
.vip_jilu img{
    width: 12px;
    margin-left: 5px;
    border-radius: 12px;
    border: 2px solid #ff0000;
}
.vip_package{
    width: 84%;
    margin: auto;
    overflow-y:hidden;
    overflow-x:auto;
    white-space:nowrap;
}
.vip_package::-webkit-scrollbar {
    display:none;
}
.vip_package_title{
    width: 84%;
    height: 40px;
    line-height: 40px;
    margin: auto;
    font-size: 16px;
}
.vip_package_carousel{
    display:inline-block;
}
.vip_package_carousel{
    white-space: nowrap;
}
.vip_package_carousel li{
    display: inline-block;
    position: relative;
    width: 110px;
    height: 110px;
    border-radius: 5px;
    border: 1px #dcdcdc solid;
    background: #ffffff;
    margin-right: 5px;
}
.vip_package_carousel li.selected{
    display: inline-block;
    position: relative;
    width: 108px;
    height: 108px;
    border-radius: 5px;
    border: 2px #07c160 solid;
    background: #f2fff8;
    margin-right: 5px;
}
.vip_package_tips{
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
}
.vip_package_tips span{
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
}
.vip_package_price{
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-top: 13px;
    color: #07c160;
}
.vip_package_price span{
    font-size: 16px;
    color: #07c160;
}
.vip_package_xsyh{
    margin-bottom: 0px;
    color: #848484;
    display: block;
    width: 55px;
    height: 20px;
    position: absolute;
    bottom: 0px;
    font-size: 10px;
    line-height: 22px;
    text-align: center;
    border-radius: 0 7px 0 0;
}
.vip_package_xsyh.selected{
    background:#07C160 ;
    color: #ff0000;
}
.vip_package_tcms{
    display: none;
}
.vip_package_oldprice{
    text-align: center;
    margin-top: 10px;
    text-decoration: line-through;
    color: #ff0000;
    position: absolute;
    right: 15px;
    bottom: 3px;
}
.vip_describe{
    margin: 20px auto 100px;
}
.vip_des_box{
    display: none;
}
.vip_des_box.selected{
    display: block;
}
.vip_des_title{
    width: 84%;
    height: 40px;
    line-height: 40px;
    margin: auto;
    font-size: 18px;
    font-weight: 600;
}
.vip_des_word{
    width: 76%;
    line-height: 24px;
    margin: auto;
    font-size: 16px;
    color: #767676;
    padding: 4% 20px;
    border-radius: 10px;
    border: 2px #07c160 solid;
    background: #f2fff8;
}
.vip_pay{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    bottom: 0px;
    width: 84%;
    height: 70px;
    background: #ffffff;
    /* border-top: 1px solid #f6f6f6; */
    box-shadow: 0px 0 12px #f1f1f1;
    padding: 0 8%;
    z-index: 99;
}
.vip_pay.hide{
    display: none;
}
.vip_pay_word{

}
.vip_pay_btn{
    width: 120px;
    height: 40px;
    background: #07C160;
    color: #ffffff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    border-radius: 30px;
}
.vip_pay_wxBtn{
    width: 120px;
    height: 40px;
    background: #07C160;
    color: #ffffff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    border-radius: 30px;
}
.vip_pay_wxBtn span{
    color:#ffffff;
}
.dialog_vip{
    display:none;
}
.vip_box{
    position: fixed;
    top: 40%;
    width: 72%;
    min-height: 110px;
    margin: -110px 7%;
    background: #fff;
    border-radius: 10px;
    z-index: 1001;
    padding: 0px 7%;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    overflow: hidden;
}
.vip_price{
    font-size: 17px;
    letter-spacing: 0px;
}
.vip_seprice{
    letter-spacing: 0px;
}
.vip_fiprice{
    text-decoration: line-through;
    font-size: 15px;
    margin-left: 10px;
    color: #b9b9b9;
}
.vip_cost{
    font-size: 40px;
    text-align: center;
    padding: 30px;
}
.vip_yebox{
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.vip_box img{
    width: 20px;
    margin: 20px 0 0;
}
.vip_cutbalance{
    font-size: 13px;
    color: #07c160;
    margin-top: -10px;
}
.vip_okpay{
    width: 200px;
    height: 45px;
    background: #07c160;
    text-align: center;
    border-radius: 30px;
    color: #ffffff;
    line-height: 45px;
    font-size: 16px;
    margin: 35px auto 20px;
}
.vip_okpay span{
    color: #ffffff;
    width: 200px;
    height: 45px;
    display: block;
}
.dialog_succ{
    display: none;
}
.dialog_canc{
    display: none;
}
.succ_box{
    position: fixed;
    top: 50%;
    width: 72%;
    min-height: 110px;
    margin: -110px 7%;
    background: #fff;
    border-radius: 10px;
    z-index: 1001;
    padding: 20px 7%;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    overflow: hidden;
    text-align: center;
}
.succ_box p{
    font-size: 25px;
    text-align: center;
    padding: 20px;
}
.succ_box img{

}
/*娑堟伅*/
.xx-num{
    width: 90%;
    height: 30px;
    padding: 10px 5%;
    background: #fff;
    box-shadow: inset 0px 0px 4px #efefef;
}
.xx-num p{
    display:block;
    width:50%;
    float: left;
    line-height: 30px;
    font-size: 14px;
}
.xx-num span{
    display: block;
    float: right;
    width: 80px;
    text-align: center;
    box-shadow: 0 0 3px #e3e3e3;
    border-radius: 6px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color:#848484;
}
.xx-item{
    width: 90%;
    /* height: 50px; */
    padding: 20px 5%;
    background: #ffffff;
    margin-bottom: 7px;
    overflow: hidden;
}
.xx-item-left{
    /*width: 50px;*/
    height: 50px;
    float: left;
    position: relative;
}
.xx-item-left img{
    width:50px;
    height: 50px;
    /*border-radius: 100px;*/
    position:relative;
}
.xx-badage{
    display: block;
    padding: .15em .4em;
    border-radius: 18px;
    background-color: #fa5151;
    color: #fff;
    position: absolute;
    /* left: 40px; */
    top: 5px;
    z-index: 100;
    max-width: 5px;
    height: 8px;
}
.xx-item-right{
    width:90%;
    float: left;
    padding-left:5%;
}
.xx-item-right .xx-item-user{
    font-weight: 500;
    font-size: 17px;
    color: #2b2d2d;
    line-height: 25px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70%;
    white-space: nowrap;
    display: block;
    float: left;
}
.xx-item-right  span{
    float: right;
    font-size: 12px;
    color: #a5a5a5;
    display: block;
    width: 30%;
    height: 25px;
    text-align: right;
    line-height: 25px;
}
.xx-item-right .xx-item-news{
    font-size: 14px;
    width: 70%;
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    color: #9b9b9b;
    margin-top: 5px;
}
.news_list{
    margin-top: 7px;
}
/*鎴戠殑鐢宠*/
.wdsq_declare_half {
    vertical-align: middle;
    box-sizing: border-box;
    display: inline-block;
    line-height: 25px;
    width: 33.33%;
    margin: 5px 0;
    text-align: center;
}
.wdsq_declare{
    background: #ffffff;
}
.wdsq_declare_half_separate {
    /*border-right: 1px solid #ededed;*/
}
.wdsq_declare_half .wdsq_declare_word{
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    padding-left: 0px;
    font-size: 16px;
}
.wdsq_declare_word.selected{
    font-size: 18px;
    color: #07C160;
}
.wdsq_declare_half img {
    /*height: 100%;*/
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    height: 15px;
    /*width: 0.4rem;*/
}
.wdsq_list {
    padding: 0px 20px;
    background-color: #FFFFFF;
    background-color: var(--weui-BG-2);
    margin-bottom: 1rem;
}
.wdsq_list .wdsq_item {
    padding:10px 0;
}
.wdsq_list .wdsq_item:not(:last-child) {
    border-bottom: 1px solid #f6f6f6;
}
.wdsq_list .wdsq_item img{
    margin-right: 5px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
}
.wdsq_list .wdsq_item a{
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    margin: 5px 0;
    position: relative;
    padding-left: 25px;
    white-space: normal;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    color: #474747;
}
.wdsq_item_action {
    padding: 2px 10px 2px 22px;
    margin-right: 5px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    white-space: normal;
    color: #999999;
}
.wdsq_item .zhaopinzhong_big:before {
    content: " ";
    width: 25px;
    height: 25px;
    background: url("../icon/zhaopinzhong.png") no-repeat;
    background-size: 15px 15px;
    position: absolute;
    top: 7px;
    left: 0px;
}
.wdsq_item .zanting_big:before {
    content: " ";
    width: 25px;
    height: 25px;
    background: url("../icon/zantingzhong2.png") no-repeat;
    background-size: 15px 15px;
    position: absolute;
    top: 6px;
    left: 0px;
}
.wdsq_item .tingzhi_big:before {
    content: " ";
    width: 25px;
    height: 25px;
    background: url("../icon/tingzhizhong2.png") no-repeat;
    background-size: 15px 15px;
    position: absolute;
    top: 6px;
    left: 0px;
}
.wdsq_item .shanchu_big:before {
    content: " ";
    width: 25px;
    height: 25px;
    background: url("../icon/shanchuzhong.png") no-repeat;
    background-size: 15px 15px;
    position: absolute;
    top: 6px;
    left: 0px;
}
.wdsq_item .guanlishanchu_big:before {
    content: " ";
    width: 20px;
    height: 20px;
    background: url("../icon/guanlishanchu.png") no-repeat;
    background-size: 15px 15px;
    position: absolute;
    top: 6px;
    left: 0px;
}
.wdsq_item .shenhe_big:before {
    content: " ";
    width: 20px;
    height: 20px;
    background: url("../icon/shenhezhong.png") no-repeat;
    background-size: 15px 15px;
    position: absolute;
    top: 6px;
    left: 0px;
}
.wdsq_item .shenqingzhong_big:before {
    content: " ";
    width: 15px;
    height: 15px;
    background: url(../icon/shenqingzhong2.png) no-repeat;
    background-size: 15px 15px;
    position: absolute;
    top: 6px;
    left: 0px;
}
.wdsq_item .shenqingtongguo_big:before {
    content: " ";
    width: 15px;
    height: 15px;
    background: url("../icon/shenqingtongguo.png") no-repeat;
    background-size: 15px 15px;
    position: absolute;
    top: 6px;
    left: 5px;
}
.wdsq_item .shenqingjujue_big:before {
    content: " ";
    width: 15px;
    height: 15px;
    background: url("../icon/shenqingjujue2.png") no-repeat;
    background-size: 15px 15px;
    position: absolute;
    top: 6px;
    left: 5px;
}
.wdsq_item .zhaopin_big:before {
    content: " ";
    width: 25px;
    height: 25px;
    background: url("../icon/zhaopin4.png") no-repeat;
    background-size: 15px 15px;
    position: absolute;
    top: 6px;
    left: 5px;
}
.wdsq_item .yingpin_big:before {
    content: " ";
    width: 25px;
    height: 25px;
    background: url("../icon/yingpin4.png") no-repeat;
    background-size: 15px 15px;
    position: absolute;
    top: 6px;
    left: 5px;
}
.wdsq_item .gongren_big:before {
    content: " ";
    width: 25px;
    height: 25px;
    background: url("../icon/tongxunlu2.png") no-repeat;
    background-size: 15px 15px;
    position: absolute;
    top: 6px;
    left: 5px;
}
.wdsq_item .yulan:before {
    content: " ";
    width: 20px;
    height: 20px;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: currentColor;
    color: rgba(0,0,0,0.3);
    color: var(--weui-FG-2);
    -webkit-mask-image: url("../icon/yulan.png");
    mask-image: url("../icon/yulan.png");
    position: absolute;
    top: 3px;
    left: 0px;
}
.wdsq_item .xiugai:before {
    content: " ";
    width: 20px;
    height: 20px;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: currentColor;
    color: rgba(0,0,0,0.3);
    color: var(--weui-FG-2);
    -webkit-mask-image: url("../icon/xiugai.png");
    mask-image: url("../icon/xiugai.png");
    position: absolute;
    top: 3px;
    left: 0px;
}
.wdsq_item .kaishi:before {
    content: " ";
    width: 20px;
    height: 20px;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: currentColor;
    color: rgba(0,0,0,0.3);
    color: var(--weui-FG-2);
    -webkit-mask-image: url("../icon/zhaopinzhong.png");
    mask-image: url("../icon/zhaopinzhong.png");
    position: absolute;
    top: 3px;
    left: 0px;
}
.wdsq_item .zanting:before {
    content: " ";
    width: 20px;
    height: 20px;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: currentColor;
    color: rgba(0,0,0,0.3);
    color: var(--weui-FG-2);
    -webkit-mask-image: url("../icon/zantingzhong.png");
    mask-image: url("../icon/zantingzhong.png");
    position: absolute;
    top: 3px;
    left: 0px;
}
.wdsq_item .tingzhi:before {
    content: " ";
    width: 20px;
    height: 20px;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: currentColor;
    color: rgba(0,0,0,0.3);
    color: var(--weui-FG-2);
    -webkit-mask-image: url("../icon/tingzhizhong.png");
    mask-image: url("../icon/tingzhizhong.png");
    position: absolute;
    top: 3px;
    left: 0px;
}
.wdsq_item .shanchu:before {
    content: " ";
    width: 20px;
    height: 20px;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: currentColor;
    color: rgba(0,0,0,0.3);
    color: var(--weui-FG-2);
    -webkit-mask-image: url("../icon/shanchuzhong.png");
    mask-image: url("../icon/shanchuzhong.png");
    position: absolute;
    top: 3px;
    left: 0px;
}
.wdsq_item .shuaxin:before {
    content: " ";
    width: 20px;
    height: 20px;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: currentColor;
    color: rgba(0,0,0,0.3);
    color: var(--weui-FG-2);
    -webkit-mask-image: url("../icon/shuaxin2.png");
    mask-image: url("../icon/shuaxin2.png");
    position: absolute;
    top: 3px;
    left: 0px;
}
.wdsq_item .shenqingtongguo:before {
    content: " ";
    width: 20px;
    height: 20px;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: currentColor;
    color: rgba(0,0,0,0.3);
    color: var(--weui-FG-2);
    -webkit-mask-image: url("../icon/shenqingtongguo.png");
    mask-image: url("../icon/shenqingtongguo.png");
    position: absolute;
    top: 3px;
    left: 0px;
}
.wdsq_item .shenqingjujue:before {
    content: " ";
    width: 20px;
    height: 20px;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: currentColor;
    color: rgba(0,0,0,0.3);
    color: var(--weui-FG-2);
    -webkit-mask-image: url("../icon/shenqingjujue.png");
    mask-image: url("../icon/shenqingjujue.png");
    position: absolute;
    top: 3px;
    left: 0px;
}
/*鎴戠殑鎶ュ悕*/
.wdbm_box{
    margin-top: 2px;
}
.wdbm_title{
    font-weight: 500;
    font-size: 17px;
    color: #2b2d2d;
    line-height: 25px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 75%;
    white-space: nowrap;
    display: block;
    float: left;
}
.wdbm_list{
    display: block;
    width: 84%;
    background: #ffffff;
    padding: 15px 8%;
    margin:0 auto 2px;
}
.wdbm_time{
    float: right;
    font-size: 12px;
    color: #a5a5a5;
    display: block;
    width: 25%;
    height: 25px;
    text-align: right;
    line-height: 25px;
}
.wdbm_content{
    font-size: 14px;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #9b9b9b;
    margin-top: 5px;
}
/*鍙嬫儏鎻愮ず*/
.tips_box{
    position: fixed;
    top: 50%;
    width: 300px;
    margin: -120px -150px;
    background: #fff;
    border-radius: 10px;
    z-index: 1001;
    padding: 20px 0;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    left: 50%;
}
.tips_title{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}
.tips_content{
    margin: 0 20px;
}
.tips_login{
    width: 100px;
    margin: 20px auto 10px;
    text-align: center;
    border-radius: 100px;
    border: 1px solid #07c160;
    background: #07c160;
    color: #ffffff;
}
.tips_close{
    text-align: center;
    color: #777777;
    width: 70px;
    margin: auto;
    border-bottom: 1px solid #777777;
    height: 27px;
}
.tips_dialog_mask{
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
}

/*淇敼瀵嗙爜*/
.xgmm_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*width: 100%;*/
    min-height: 30px;
    background: #ffffff;
    margin: 6px auto 0;
    border-radius: 10px;
    padding: 5% 15px;
}
.xgmm_box_title {
    color: #000000;
    font-size: 18px;
    letter-spacing: 1px;
    /*flex: 1;*/
}
.xgmm_box_img {
    width: 40px;
    text-align: right;
}
.xgmm_box_img .xgmm_screen {
    width: 25px;
}
.xgmm-input{
    /*width: 50%;*/
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: inherit;
    color: inherit;
    height: 1.41176471em;
    line-height: 1.41176471;
}
/*help.html  甯姪涓績椤甸潰灞炴��*/
.help-container{
    width:100%;
    background: #ffffff;
}
.help-main{
    margin-bottom: 70px;
}
.help-box{
    padding:0 5% 0 10%;
    box-shadow: 2px 1px 0px #f6f6f6;
}
.help-title:before{
    content: " ";
    width: 20px;
    height: 20px;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-image: url(../icon/question.png);
    background-size: 20px 20px;
    color: rgba(0,0,0,0.3);
    color: var(--weui-FG-2);
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -12px;
}

.help-title {
    display: block;
    width: 95%;
    height: 1rem;
    position: relative;
    height: auto;
    font-size: 15px;
    padding: 20px 5% 20px 0;
    line-height: 25px;
    color: #3d3d3d;
}
.help-title :after{
    content: " ";
    width: 24px;
    height: 24px;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: currentColor;
    color: rgba(0,0,0,0.3);
    color: var(--weui-FG-2);
    -webkit-mask-image: url('../icon/arrow-right.png');
    mask-image: url('../icon/arrow-right.png');
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
}
.help-cont{
    display: none;
    font-size:14px;
    /*padding-right: 5%;*/
    overflow: hidden;
    padding-bottom: 20px;
    line-height: 30px;
    color:#7c7c7c;
}
.help-cont p{
    text-indent: 2em;
    margin-left: -1em;
    color: #7c7c7c;
}
.help-bottom{
    width: 80%;
    height: 50px;
    position: fixed;
    bottom: 10px;
    background: #07C160;
    margin: 0 10%;
    border-radius: 100px;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 3px;
}
#newIntroduction {
    min-height: 200px;
}
.fr .weui-input{
    width:80%;
    color:#999999 ;
    display: block;
    overflow: hidden;
}


/*feedback.html  闂鍙嶉椤甸潰灞炴��*/
.feedback-main{
    position: relative;
    width: 100%;
}
.feedback-header {
    position: relative;
    width: 90%;
    background: #ffffff;
    padding: 0 5%;
}
.addqun {
    color: #f86e09;
    font-size: 0.26rem;
    float: left;
    display: block;
    line-height: 0.5rem;
}
.feedback-header p {
    line-height: 0.5rem;
    font-size: 0.26rem;
    text-align: left;
    color: #545454;
    padding-left: 0.8rem;
}
.feedback-header p a {
    color: #0099ff;
}
.snumberBtn {
    padding: 0.01rem 0.1rem 0.01rem;
    background: #0099FF;
    color: #fff!important;
    font-size: 0.22rem;
    border-radius: 0.06rem;
    line-height: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    margin-left: 0.1rem;
}
.feedback-body {
    position: relative;
    padding: 0.45rem 0.35rem;
    margin-bottom: 60px;
}
.feedback-container {
    position: relative;
    width: 90%;
    padding: 10px 5%;
    background: white;
    border-radius: 4px;
    /*box-shadow: inset #f1f1f1 0 0 13px;*/
}
.feedback-container textarea {
    background: #ffffff;
    display: block;
    padding: 10px;
    height: 250px;
    border-radius: 4px;
    outline: 0;
    border: 1px solid #f7f7f7;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    width: 90%;
    /* box-shadow: inset #f1f1f1 0px 0px 10px 0px; */
    margin: 10px 0 10px 0;
}
/*鎶ュ悕浜哄憳*/
.bmry_list_box {
    display: block;
    width: 100%;
    background: #ffffff;
    padding: 4% 0 3%;
}
.bmry_left {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    overflow: hidden;
    float: left;
}
.bmry_left img {
    width: 60px;
}
.bmry_right .bmry_title {
    width: 100%;
    height: 30px;
    font-size: 20px;
    letter-spacing: 1px;
    color: #000000;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bmry_right {
    flex: 1;
    min-width: 100px;
    height: 60px;
    overflow: hidden;
    float: left;
}
.bmry_words {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #999999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0px;
    font-size: 12px;
}
.bmry_list{
    display: flex;
    justify-content: flex-start;
    padding: 10px 4%;
    width: 76%;
    margin: 5px auto;
    box-shadow: 0px 0px 10px #f3f3f3;
    border-radius: 10px;
}
/*鎴戠殑瓒宠抗*/

.wdzj_box{}
.wdzj_zp_list{
    width: 100%;
    background: #ffffff;
    padding: 10px 0;
    margin-bottom: 2px;
}
.wdzj_zp_title{
    display: block;
    width: 84%;
    height: 27px;
    font-size: 18px;
    letter-spacing: 1px;
    color: #000000;
    line-height: 27px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #ffffff;
    padding-left: 8%;
    margin-top: 1px;
}
.wdzj_zp_time{
    padding: 0 8%;
    color: #d2d2d2;
    font-size: 12px;
}


.wdzj_left {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    overflow: hidden;
    float: left;
}
.wdzj_left img {
    width: 60px;
}
.wdzj_right .wdzj_title {
    width: 100%;
    height: 30px;
    font-size: 20px;
    letter-spacing: 1px;
    color: #000000;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wdzj_right {
    flex: 1;
    min-width: 100px;
    height: 60px;
    overflow: hidden;
    float: left;
}
.wdzj_words {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #999999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0px;
    font-size: 12px;
}
.wdzj_list{
    display: flex;
    justify-content: flex-start;
    padding: 10px 8%;
    width: 84%;
    margin: 5px auto;
    box-shadow: 0px 0px 10px #f3f3f3;
    border-radius: 10px;
    background: #ffffff;
}
/*vip璁板綍*/
.v_record_list{
    display: block;
    width: 84%;
    background: #ffffff;
    padding: 15px 8%;
    margin: 0 auto 2px;
}
.v_record_title{
    font-weight: 500;
    font-size: 17px;
    color: #2b2d2d;
    line-height: 25px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 75%;
    white-space: nowrap;
    display: block;
    float: left;
}
.v_record_title2{
    font-weight: 500;
    font-size: 17px;
    color: #2b2d2d;
    line-height: 25px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    display: block;
    float: left;
}

.v_record_title .v_words{
    float: left;
}
.v_record_title .v_num{
    display: block;
    width: 30px;
    height: 15px;
    font-size: 12px;
    border: 1px solid #07c160;
    border-radius: 20px;
    float: left;
    line-height: 17px;
    text-align: center;
    margin: 4px 10px;
    color: #07c160;
}
.v_record_time {
    float: right;
    font-size: 12px;
    color: #a5a5a5;
    display: block;
    width: 25%;
    height: 25px;
    text-align: right;
    line-height: 25px;
}
.v_record_content {
    display: block;
    font-size: 14px;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #9b9b9b;
    margin-top: 5px;
}
/*淇℃伅璇︽儏椤甸潰*/
.details_title{
    margin: 15px 8% 5px;
    font-size: 18px;
    line-height: 30px;
}
.details_content{
    margin: 15px 8%;
    line-height: 21px;
    min-height: 100px;
    overflow: auto;
}
.details_time{
    margin: 0px 8%;
    color: #cccccc;
}
/*APP涓嬭浇椤甸潰*/
.download .return{
    padding: 10px 0px 0 10px;
    display: block;
    width: 28px;
    height: 28px;
    background: #ffffff;
    border-radius: 50px;
}
.download{
    background-image: url(../images/downbk2.jpg);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.down_title{
    margin: 15% auto 10%;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
}
.down_href{
    width: 100%;
    height: auto;
    margin: 10px auto 20px;
    background: #ffffff;
    font-size: 16px;
    line-height: 24px;
    word-break: break-all;
    border: 0px solid #07c160;
    font-family: 寰蒋闆呴粦;
}
.down_form{
    padding: calc(56px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    line-height: 1.4;
    min-height: 100%;
    box-sizing: border-box;
}
.down_reg{
    width: 100%;
    text-align: center;
    color: #07c160;
    font-size: 18px;
    margin: auto;
    height: 25px;
}
.down_reg img {
    width: 150px;
}
.down_form_title{
    font-size: 22px;
    font-weight: 700;
    line-height: 1.36;
    margin-top: 60px;
}
.down_form_text{
    text-align: center;
}
.down_form_desc{
    font-size: 17px;
    margin-top: 16px;
}
.down_jiant{
    margin-top: 20px;
    width: 20px;
}
.down_gzh{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}
.down_gzh p{
    color: #07c160;
    letter-spacing: 4px;
}
.down_gzh img{
    width:130px;
}
.jmzs_gif{
    width: 90%;
    position: absolute;
    top: 40%;
    left: 5%;
}
/*App涓嬭浇*/
.load_reg{
    width: 100%;
    text-align: center;
    color: #07c160;
    font-size: 18px;
    margin:10% auto;
    height: 40px;
}
.load_reg img {
    width: 150px;
}
.load_title{
    font-size: 22px;
    font-weight: 700;
    line-height: 1.36;
    text-align: center;
    padding: 30px 0 20px;
}
.load_way{
    margin: 30px auto;
    width: 70%;
    padding: 20px 7% 20px;
    box-shadow: 0 0 20px 0px #f0f1f1;
    background: #ffffff;
    border-radius: 20px;
}
.load_way .load_way_title{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.load_way p{
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin:5px 0;
}
.load_way p img{
    margin: 0 5px;
    width: 25px;
}
.load_href{
    width: 84%;
    height: auto;
    margin: 10px auto 0px;
    background: #ffffff;
    padding: 20px 8% 20px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 20px;
    word-break: break-all;
    border: 1px solid #07c160;
    font-family: 寰蒋闆呴粦;
}
.load_way span{
    display: block;
    width: 170px;
    height: 40px;
    background: #07c160;
    font-size: 18px;
    border-radius: 30px;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    margin: 10px auto 0;
}
.load_gzh{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}
.load_gzh p{
    color: #07c160;
    letter-spacing: 4px;
}
.load_gzh img{
    width:130px;
}
/*涓嬭浇鍥剧墖*/
.load_package{
    width: 90%;
    margin: 0 auto 30px;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}
.load_package_carousel {
    display: inline-block;
    white-space: nowrap;
}
.load_package_carousel li {
    display: inline-block;
    position: relative;
    width: 55%;
    border-radius: 20px;
    /*background: #ff0000;*/
    margin-right: 5px;
    overflow: hidden;
}
.load_package_carousel li img{
    width: 100%;
    margin: -5px 0;
}
.load_box {
    margin: 50px auto;
    width: 76%;
    padding: 20px 7% 20px;
    /* box-shadow: 0 0 20px 0px #f0f1f1; */
    background: #ffffff;
    border-radius: 20px;
    border: 1px #f1f1f1 solid;
}
/*.load_box span{*/
    /*display: block;*/
    /*width: 170px;*/
    /*height: 40px;*/
    /*background: #07c160;*/
    /*font-size: 18px;*/
    /*border-radius: 30px;*/
    /*text-align: center;*/
    /*line-height: 40px;*/
    /*color: #ffffff;*/
    /*margin: 10px auto 0;*/
/*}*/
.load_box p .point{
    color: #07C160;
}
.load_box .load_box_title{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.load_box p{
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin:5px 0;
}
.load_box p img{
    margin: 0 5px;
    width: 25px;
}
.load_jian {
    height: 10%;
    position: absolute;
    top: 0;
    right: 3%;
    z-index: 1001;
}
.agreement_box{
    width: 84%;
    margin: auto;
    padding-bottom: 30px;
}
.agreement_box h1{
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    margin: 20px auto;
}
.agreement_box p{
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0;
    /*text-indent: 32px;*/
}
.agreement_box .font14{
    font-size: 14px;
    margin: 5px;
    line-height: 14px;
}
.agreement_box .strong{
    font-weight: 600;
}
.agreement_box .right_align{
    text-align: right;
}
.agreement_box .indent0{
    text-indent: 0px;
}
.agreement_box .spacing15{
    display: block;
    height: 15px;
}
/*閭�璇风爜椤甸潰*/
.invite{
    background: #e01d1d;
}
.invite_nav{
    display: flex;
    width: 84%;
    height: 50px;
    line-height: 50px;
    margin: auto;
    justify-content: space-between;
}
.invite_nav span{
    color: #ffffff;
    font-size: 16px;
}
.invite_nav span.selected{
    font-size: 18px;
    color: #fbe1aa;
}
.invite_picture{
    width: 100%;
    padding: 10px 0 10px;
    background-size: 100%;
}
.invite_yqxfh{
    width:621px ;
    max-width: 84%;
    margin: auto;
    text-align: center;
}
.invite_wslwsc_img{
    width: 80%;
    max-width: 576px;
}
.invite_yqxfh_img{
    width:621px ;
    max-width: 100%;
}
.invite_wdyqm{
    position: relative;
    width:511px ;
    max-width: 70%;
    margin: 0 auto 10px;
    text-align: center;
}
.invite_wdyqm_img{
    width:517px ;
    max-width: 100%;
    margin-top: 10px;
}
.invite_yqmbk{
    position: relative;
    width:517px ;
    max-width: 100%;
}
.invite_wdyqm p{
    position: absolute;
    top: 50%;
    display: block;
    color: #000000;
    text-align: center;
    background-size: 100% auto;
    width: 100%;
    font-size: 30px;
    margin-top: -15px;
}
.invite_yqxq{
    width: 90%;
    max-width: 620px;
    background: #ffffff;
    padding: 10px 0;
    margin: auto;
    text-align: center;
    border-radius: 10px;
}
.invite_ptyh{
    /*width: 560px;*/
    /*max-width: 90%;*/
    /*margin: 10px auto;*/
    float: left;
    margin: 20px 5% 0;
    color: #ff0000;
}
.invite_hhr{
    width: 560px;
    max-width: 90%;
    margin: 10px auto;
}
.invite_ewm{
    display: flex;
    justify-content: space-around;
    width: 560px;
    max-width: 90%;
    margin: 10px auto;
}
.invite_ewm_box{
    position: relative;
    width: 90px;
    height: 90px;
    background: #07c160;
}
.invite_ewm_box .invite_ewm_logo{
    position: absolute;
    top: 35px;
    left: 35px;
    width: 20px;
    height: 20px;
}
.invite_ljyq_btn{
    height: 50px;
    background: #07c160;
    width: 100%;
    display: block;
    border-radius: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
}
.invite_ljyq_btn .ljyq_btn_title{
    font-size: 20px;
    color: #ffffff;
    line-height: 25px;
}
.invite_ljyq_btn .ljyq_btn_notes{
    font-size: 12px;
    color: #ffffff;
    line-height: 20px;
}
.invite_ljyq_cont{
    color: #fd342d;
}
.invite_apply{
    width: 86%;
    max-width: 670px;
    background: url(../images/partner-cyhhr.jpg) no-repeat center;
    padding: 20px 0;
    margin: 10px auto;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    background-size: auto 140px;
    background-position-y: 50px;
}
.invite_apply_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 84%;
    min-height: 20px;
    /*background: #ffffff;*/
    margin: 0px auto 0;
    border-radius: 10px;
    padding: 0px 10px;
}
.invite_apply_title{
    color: #000000;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 10px 0;
    width: 70px;
}
.invite_box_input_text{
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    color: inherit;
    font-size: 15px;
    min-width: 100px;
    height: 30px;
    margin: 10px 0;
    border-bottom: solid 1px #ececec;
}
.invite_apply_input_text {
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    color: inherit;
    font-size: 15px;
    width: 150px;
    height: 30px;
    padding: 12px 0;
}
.invite_apply_img {
    width: 64px;
    text-align: right;
    border-bottom: solid 1px #ececec;
    height: 30px;
}
.invite_apply_img .invite_apply_screen {
    width: 25px;
}
.invite_partner_details{
    width: 86%;
    max-width: 670px;
    padding: 20px 0;
    margin: 10px auto;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    background-size: 80%;
    background-position-y: 50px;
}
.invite_partner_details p{
    width: 84%;
    min-height: 20px;
    margin: 0px auto 0;
    border-radius: 10px;
    color: #000000;
    font-size: 16px;
    padding: 5px 0;
}
.invite_partner_details .partner_details_title {
    font-family: 榛戜綋;
    font-size: 25px;
    font-weight: 600;
    text-align: left;
    color: #07c160;
    padding: 10px 0 15px;
    width: 86%;
    margin: auto;
}


.invite_rule1_top{
    background: #ffffff;
    border-radius: 10px 10px 0 0;
    width: 90%;
    max-width: 670px;
    padding: 20px 0 15px;
    margin: 20px auto 0;
}
.invite_rule1_top p{
    color: #8b8b8b;
    line-height: 20px;
    font-size: 14px;
    padding:0 20px;
}
.invite_rule1_bottom{
    width: 90%;
    max-width: 670px;
    margin: auto;
}
.invite_rule1_bottom img{
    width: 100%;
}
.invite_rule2{
    background: #ffffff;
    border-radius: 10px;
    width: 90%;
    max-width: 670px;
    padding: 20px 0 15px;
    margin: 30px auto;
}
.invite_rule2 p{
    color: #8b8b8b;
    line-height: 20px;
    font-size: 14px;
    padding:0 20px;
}
.invite_rule_title{
    background: url(../images/invite-title.png) no-repeat bottom;
    display: block;
    text-align: center;
    background-size: 100% auto;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 700;
    color: #ff0000;
    margin: 0 auto 25px;
}
.invite_rule_btn{
    display: block;
    width: 200px;
    height: 45px;
    border-radius: 30px;
    background: #07c160;
    text-align: center;
    font-size: 16px;
    margin: 15px auto 6px;
    padding: 5px 0 0;
}
.invite_rule_btn_top{
    color: #ffffff;
    line-height: 25px;
}
.invite_rule_btn_bottom{
    color: #ffffff;
    font-size: 12px;
    line-height: 12px;
}
.invite_rule_btn_ps{
    text-align: center;
    line-height: 16px;
    color: #bfbfbf;
}
.invite_close{
    width: 25px;
    position: absolute;
    top: 15%;
    right: 8%;
    z-index: 1002;
    margin-top: -30px;
}
.invite_box{
    position: absolute;
    top: 15%;
    left: 8%;
    width: 84%;
    z-index: 1001;
    border-radius: 15px;
    overflow: hidden;
    background: #ffffff;
}
.invite_box img{
    width: 100%;
    padding-top: 10px;
}
.invite_clickdown{
    position: absolute;
    bottom: 10%;
    left: 50%;
    width: 200px;
    height: 40px;
    z-index: 1001;
    border-radius: 10px;
    overflow: hidden;
    background: #07c160;
    line-height: 40px;
    text-align: center;
    margin-left: -100px;
    color: #ffffff;
}
.dialog_invite{
    display: none;
}
.invite_box{
    position: fixed;
    top: 50%;
    left: 13%;
    width: 60%;
    min-height: 110px;
    margin: -175px 0;
    background: #fff;
    border-radius: 10px;
    z-index: 1001;
    padding: 0px 7%;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    overflow: hidden;
}
.invite_box p{
    text-align: center;
    padding: 40px;
}
.invite_box span{

}
.income_count{
    position: relative;
    width: 90%;
    /*max-width:621px;*/
    max-width:340px;
    margin: 25px auto 0;
    text-align: center;
}
.income_count_img{
    width: 100%;
}
.income_count_list{
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.income_count_list div{
    margin-top: 5px;
    width: 50%;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
}
.income_list{
    background: #ffffff;
    border-radius: 20px;
    width: 621px;
    max-width: 90%;
    padding: 20px 0;
    margin: 15px auto 160px;
    min-height: 150px;
}
.income_list_head{
    display: block;
    height: 40px;
    width: 100%;
    background: #feeec6;
}
.income_list_head ul{
    display: flex;
    justify-content: space-around;
    padding: 0 10px;
}
.income_list_head ul li{
    display: block;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.income_list_body ul{
    display: flex;
    justify-content: space-around;
    padding: 0 10px;
}
.income_list_body ul li{
    display: block;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.income_list_nich{
    width: 100px;
}
.income_list_fhong{
    width: 100px;
}
.income_list_sjian{
    width: 100px;
}
.income_bk{
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: -1;
}
.input_box{
    width: 80%;
    max-width: 450px;
    background: #ffffff;
    margin: 30px auto;
    border-radius: 10px;
    padding: 30px 5%;
    text-align: center;
}
.input_box_img{
    max-width: 306px;
    width: 70%;
}
.input_yqm{
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: #fdebea;
    color: inherit;
    font-size: 30px;
    max-width: 250px;
    height: 50px;
    padding: 0px 0;
    margin: 30px 0 15px;
    text-align: center;
    width: 70%;
}
.input_yqm::-webkit-input-placeholder {
    color: #ffffff;
    font-size: 20px;
    line-height: 50px;
}
.input_box_cont{
    font-size: 12px;
    color: #fa3d37;
}
.input_box_ok{
    display: block;
    width: 150px;
    background: #fa3d37;
    margin: auto;
    margin-top: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 30px;
    color: #ffffff;
    font-size: 18px;
}
/*閽卞寘椤甸潰*/
.wallet_back {
    position: absolute;
    width: 100%;
    height: 220px;
    top: 0px;
    z-index: -10;
    background: url(../images/walletbk.png) no-repeat bottom;
    background-size: cover;
}
.wallet_box_srjl,.wallet_box_txjl,.wallet_box_hdxq{
    display: none;
}
.wallet_box_srjl.selected,.wallet_box_txjl.selected,.wallet_box_hdxq.selected{
    display: block;
}
.wallet_count{
    display: flex;
    justify-content: space-around;
    height: 50px;
    line-height: 50px;
}
.wallet_count span{
    color: #ffffff;
    font-size: 14px;
}
.wallet_surplus{
    color: #ffffff;
    font-size: 35px;
    letter-spacing: 2px;
    margin: 15px 0 0 0;
    text-align: center;
}
.wallet_pre{
    color: #ffffff;
    font-size: 11px;
    margin: 5px 0 0 0;
    text-align: center;
}
.wallet_apply {
    width: 120px;
    height: 40px;
    margin: 44px auto 0;
    text-align: center;
    border-radius: 100px;
    line-height: 40px;
    background: #ffffff;
    box-shadow: #e9e9e9 0px 1px 3px;
    font-size: 16px;
    color: #07c160;
    letter-spacing: 2px;
}
.wallet_types{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 30px auto 15px;
    width: 84%;
    height: 40px;
}
.wallet_types span{
    color: #6e6e6e;
    font-size: 15px;
}
.wallet_type.selected{
    color: #07c160;
    font-size: 17px;
}
.wallet_box_list{
    width: 100%;
    /*margin: 0 auto 10px;*/
    background: #ffffff;
    padding: 20px 0 0;
    border-top: 1px solid #f6f6f6;
}
.wallet_list_srjl li{
    display: block;
    padding: 20px 12%;
    /*margin: 7px auto;*/
    border-bottom: 1px solid #f7f7f7;
}
.wallet_list_txjl li{
    display: block;
    padding: 20px 12%;
    /*margin: 7px auto;*/
    border-bottom: 1px solid #f7f7f7;
}
.wallet_month{
    position: relative;
    width: 84%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 10px 0 20px;
}
.wallet_month_count span{
    margin-left: 10px;
    color: #9f9f9f;
}
.wallet_month_count img{
    height: 30px;
}
.wallet_month_attr{
    display: flex;
    align-items: flex-end;
}
.wallet_month_attr img{
    width: 15px;
}
.wallet_record{
    font-size: 17px;
    display: flex;
    justify-content: space-between;
}
.wallet_time{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.wallet_time span{
    font-size: 12px;
    color: #9f9f9f;
}
.wallet_cont{
    font-size: 12px;
    color: #9f9f9f;
    margin-top: 10px;
    line-height: 18px;
}
.wallet_hdxq{
    padding:0 12%;
}
.wallet_hdxq .wallet_hdxq_title{
    font-size: 25px;
    line-height: 30px;
    margin: 20px auto;
    color: #07c160;
    letter-spacing: 5px;
}
/*.wallet_hdxq p{*/
    /*font-size: 15px;*/
    /*line-height: 22px;*/
    /*margin: 10px 0;*/
/*}*/
.wallet_adress{
     margin: 0 10px;
     color: #07c160;
 }
.wallet_location {
    width: 100%;
    margin: 20px auto;
}
.wallet_location p {
    color: #07c160;
    display: block;
    width: 100px;
    height: 24px;
    text-align: center;
    border: 1px #07c160 solid;
    border-radius: 30px;
    line-height: 24px;
    margin: auto;
    font-size: 14px;
}
.wallet_location span {
    display: block;
    width: 100%;
    text-align: center;
    margin: 5px auto 20px;
    font-size: 12px;
    color: #c1c1c1;
}
.wallet_adress_ps{
    font-size: 12px;
    color: #c1c1c1;
}
.wallet_month_list{
    display: none;
    width: 100px;
    position: absolute;
    box-shadow: #f6f6f6 0px 0px 10px 0px;
    right: 40px;
    background: #ffffff;
    top: 10px;
    /*padding: 15px 0;*/
    max-height: 200px;
    overflow: auto;
}
.wallet_month_list .month_list_year{
    background: #07c160;
    color: #ffffff;
}
.wallet_month_list li{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.wallet_month_box{
    width: 100%;
    height: 100px;
}
.wallet_month_box li{
    display: block;
    width: 60px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    box-shadow: #e6e6e6 0px 0px 6px;
    margin: 5px;
    border-radius: 10px;
}

/*绾㈠寘娲诲姩*/
.hbhd_title{
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
}
.hbhd_cont{
    font-size: 15px;
    line-height: 22px;
    margin: 10px 0;
    color: #a0a0a0;
}
/*鎻愮幇椤甸潰*/
.cash_cont{
    width: 84%;
    margin: auto;
}
.cash_cont img{
    width: 30px;
}
.cash_cont p{
    font-size: 16px;
    margin: 20px auto;
}
.cash_cont span{
    margin-left: 10px;
    font-size: 16px;
    line-height: 30px;
}
.cash_count{
    width: 76%;
    margin: auto;
    /*height: 100px;*/
    background: #ffffff;
    padding: 20px 8%;
    border-radius: 10px;
}
.cash_count p{
    font-size: 16px;
    margin: 10px 0 20px;
}
.cash_count_money{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cash_count_input{
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    color: inherit;
    font-size: 50px;
    width: 100%;
    margin: 20px 0;
}
.cash_count_input::-webkit-input-placeholder{
    color: #c9c9c9;
    font-size: 20px;
    padding-bottom: 20px;
}
.cash_count_symbol{
    font-size: 45px;
    margin: 20px 0;
}
.cash_button{
    position: fixed;
    bottom: 10px;
    width: 90%;
    height: 50px;
    background: center #07c160;
    margin: 0 5%;
    background-size: 100% 50px;
    border-radius: 100px;
    font-size: 17px;
    z-index: 1000;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
}
.dialog_cash{
    display: none;
}
.cash_apply{
    position: fixed;
    top: 40%;
    width: 80%;
    min-height: 110px;
    margin: -110px 5%;
    background: #fff;
    border-radius: 10px;
    z-index: 1001;
    padding: 20px 5% 0;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    overflow: hidden;
}
.cash_apply_close{
    display: flex;
    justify-content: space-between;
}
.cash_apply_close img{
    height:25px;
}
.cash_apply_title{
    font-size: 20px;
}
.cash_apply_count{
    text-align: center;
    font-size: 30px;
    margin: 30px auto;
}
.cash_apply_cont{
    font-size: 14px;
    margin: 40px auto;
    display: block;
    max-width: 250px;
    line-height: 18px;
    color: #8c8c8c;
    letter-spacing: 0px;
    text-align: center;
}
.cash_apply_button{
    font-size: 18px;
    width: 200px;
    height: 45px;
    border-radius: 30px;
    background: #07c160;
    margin: 50px auto 20px;
    text-align: center;
    color: #ffffff;
    line-height: 45px;
}

/*娲诲姩璇︽儏*/
.activity_box{
    min-height: 150px;
    max-width: 94%;
    overflow: hidden;
    margin: 8px auto 26px;
    border-radius: 10px;
    padding-top: 30px;
}
.activity_list{
    min-height: 150px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.activity_list img{
    width: 100%;
}
/*鑱旂郴鎴戜滑*/
.lxwm_box{
    width: 84%;
    margin:20px auto;
}
.lxwm_box p{
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0;
}
/*鍚堜紮浜�*/
.partner{
    /*width:100%;*/
    /*max-width:1064px ;*/
    /*margin:50px auto 20px;*/
    /*background: #d40700;*/
    /*background: url(../images/jmzs-bk.jpg) no-repeat ;*/
    /*-webkit-background-size: 100% auto;*/
    /*background-size: 100% 100%;*/
    /*padding: 30px 0 0 0;*/
}
.partner_title{
    display: block;
    width:86%;
    max-width:915px ;
    margin: 20px auto 10px;
    padding-bottom: 20px;
}
.partner_cyhhr{
    /*display: block;*/
    /*width: 74%;*/
    /*max-width: 540px;*/
    /*margin:30px auto;*/
    display: block;
    width: 74%;
    max-width: 540px;
    margin-top: 30px;
    position: fixed;
    left: 50%;
    margin-left: -37%;
    top: 150px;
}
.partner_zmcshhr{
    color: #424242;
    letter-spacing: 2px;
    text-align: center;
    margin: 20px 0 0;
    font-size: 22px;
}
.partner_50{
    width: 76%;
    background: #ffffff;
    padding: 10px 5%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 10px auto;
    background: url(../images/invite_rule.jpg) no-repeat;
    background-size: 140%;
}
.partner_50 img{
    display: block;
    width: 60%;
    max-width: 355px;
    margin: 0px auto;
}
.partner_details{
    margin-top: 10px;
    /*background:#d40700;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0px 0 0 0;
}
.partner_details_top{
    color: #777777;
    font-size: 16px;
    line-height: 24px;
    margin: 0px 5%;
}
.partner_details_top span{
    color: #07c160;
    font-size: 16px;
    line-height: 50px;
    font-weight: 600;
}
.partner_box{
    /*margin-top: 20px;*/
}
.partner_box li{
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}
.partner_box li p{
    color: #777777;
    font-size: 13px;
    line-height: 16px;
}
.partner_box li .partner_left p{
    font-size: 16px;
    color: #07c160;
}
.partner_box li p .partner_right_title{
    color: #07c160;
    font-size: 16px;
    margin-right: 8px;
    font-weight: 600;
}
.partner_box li .partner_right p:first-child{
    margin-bottom: 8px;
}
.partner_box li img{
    width: 35px;
}
.partner_left{
    width: 25%;
    margin-right: 5%;
    float: left;
    text-align: center;
    border-right:1px #e1e1e1 solid;
}
.partner_right{
    width:65%;
    float: left;
    padding-right: 5%;
}
.partner_box_ps{
    font-family: 榛戜綋;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    color: #07c160;
    padding: 10px 0 10px;
}
.partner_center{
    display: block;
    width: 76%;
    margin: auto;
    color: #07c160;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 2px;
    font-weight: 600;
}
.partner_require{
    width: 76%;
    max-width: 670px;
    padding: 0 5% 60px;
    margin: 30px auto 0px;
    background: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.partner_require p{
    color: #292929;
    line-height: 24px;
    font-size: 16px;
}
.partner_require_title{
    font-family: 榛戜綋;
    font-size: 25px;
    font-weight: 600;
    text-align: left;
    color:#07c160;
    padding: 10px 0 0px;
}
.partner_require_cont{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ffffff;
    padding: 20px 0px;
}
/*鏇濆厜椤甸潰*/
.reports_nav{
    width: 84%;
    margin:1px auto 15px;
    padding:0 8%;
    background: #ffffff;
    overflow: hidden;
    white-space: nowrap;
}
.reports_nav ul{
    display:flex;
    width:100%;
    height: 50px;
    background: #ffffff;
    overflow-y: hidden;
    overflow-x: auto;
}
.reports_nav ul li{
    display: block;
    margin: 0 10px;
    line-height: 50px;
    font-size: 16px;
}
.reports_list {
     display: block;
     width: 90%;
     background: #ffffff;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 10px;
     padding: 17px 5% 10px;
     margin: 10px auto;
 }
.reports_list2 {
    display: flex;
    width: 90%;
    justify-content: space-between;
    background: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 10px;
    padding: 17px 5% 10px;
    margin: 0px auto 10px;
}
.reports_left{
    flex: 1;
}
.reports_words {
    width: 100%;
    min-height: 25px;
    margin: 0px 0 15px;
    line-height: 150%;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 2px;
    font-size: 17px;
}
.reports_img{
    display: flex;
    justify-content: space-between;
}
.reports_img li{
    display: block;
    border-radius: 10px;
    width: 32%;
    height: 70px;
    overflow: hidden;
}
.reports_img li img{
    min-width: 100%;
    max-width: 200%;
    min-height: 70px;
    max-height: 140px;
}
.reports_img2{
    display: block;
    border-radius: 10px;
    width: 45%;
    margin: 0 0 0 10px;
    height: 90px;
    overflow: hidden;
}
.reports_img2 img{
    min-width: 100%;
    max-width: 200%;
    min-height: 90px;
    max-height: 180px;
}
.reports_label{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    width: 100%;
    margin:5px 0 0;
}
.reports_label_city {
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-size: 15px;
     height: 20px;
     color: #07adc1;
     background: #f8ffff;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     line-height: 10px;
     padding: 0 10px 0 0;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     letter-spacing: 1px;
 }
.reports_label_time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    height: 20px;
    color: #07c160;
    background: #f9fff8;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 10px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1px;
}

/*鍙戝竷鏇濆厜*/
.repfb_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 84%;
    min-height: 30px;
    background: #ffffff;
    margin: 6px auto 0;
    border-radius: 10px;
    padding: 0px 15px;
}
.repfb_title{
    display: block;
    width: 100%;
    margin: auto;
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 2px;
}
.repfb_box_title{
    color: #000000;
    font-size: 18px;
    letter-spacing: 1px;
    flex: 1;
    padding: 25px 0;
}
.repfb_box_input_text{
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    color: inherit;
    font-size: 15px;
    width: 150px;
    height: 30px;
    padding: 20px 0;
}
.repfb_box_img{
    min-width: 64px;
    text-align: right;
}
.repfb_box_img .fb_screen{
    width:25px;
}
.repfb_BOX{
    width: 84%;
    min-height: 30px;
    background: #ffffff;
    margin: 6px auto 0;
    border-radius: 10px;
    padding: 15px;
}
.repfb_BOX .repfb_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 30px;
    background: #ffffff;
    margin:0;
    border-radius: 10px;
    padding:0;
}
.repfb_BOX .repfb_box .repfb_box_title{
    color: #000000;
    font-size: 18px;
    letter-spacing: 1px;
    flex: 1;
    padding: 10px 0 ;
}
.repfb_BOX .repfb_box .repfb_box_input_text{
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    color: inherit;
    font-size: 15px;
    width: 150px;
    height: 30px;
    padding: 0 ;
}
.repfb_box_address1{
    line-height: 30px;
}
.repfb_box_address2{
    line-height: 26px;
}
.repfb_box_input_text{
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    color: inherit;
    font-size: 15px;
    width: 150px;
    height: 30px;
    padding: 20px 0;
}
.repfb_select{
    display:flex;
    align-items: center;
}
.repfb_select_input{
    display:flex;
    align-items: center;
    width: 100%;
    flex: 1;
}
.repfb_select span{
     display: block;
     width: 15px;
     height: 15px;
     background: #ffffff;
    border: 1px solid #e4e4e4;
     border-radius: 20px;
     margin-right: 5px;
 }
.repfb_select.selected span{
    display: block;
    width: 15px;
    height: 15px;
    background: #07c160;
    border: 1px #07c160 solid;
    border-radius: 20px;
    margin-right: 5px;
}
.repfb_select p{
    font-size: 16px;
    margin-right: 20px;
}
.repfb_select_input input{
    font-size: 15px;
    border: 1px solid #e4e4e4;
    height: 30px;
    margin: 5px 0;
    border-radius: 30px;
    width: 100%;
    padding: 0 20px;
}
.repfb_textarea{
    display: block;
    min-height: 105px;
    border: 0;
    resize: none;
    background: transparent;
    width: 100%;
    color: inherit;
    font-size: 14px;
    line-height: 21px;
    outline: 0;
    margin: 10px 0;
    font-family: 寰蒋闆呴粦;
}
.repfb_textarea_number{
    color: rgba(0,0,0,.3);
    text-align: right;
    font-size: 14px;
}
.repfb_clean{
    color: #07C160;
}
.repfb_picture_title{
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 2px;
}
.repfb_picture_cont{
    font-size: 14px;
    line-height: 20px;
    color: #aaaaaa;
    margin-bottom: 20px;
}
.repfb_img {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.repfb_img li {
    display: block;
    border-radius: 10px;
    width: 32%;
    height: 100px;
    overflow: hidden;
    margin:10px 1% 0 0;
    box-shadow: 0px 0 4px #eaeaea;
    position: relative;
}
.repfb_img li img {
    min-width: 100%;
    max-width: 300%;
    min-height: 100%;
    max-height: 300%;
}
.repfb_img .repfb_tjtp img {
    max-width: 100%;
    max-height: 100px;
}
.repfb_img li img.report_fb_close{
    position: absolute;
    top: 3px;
    left: 2px;
    width: 18px;
    height: 18px;
    min-width: 18px;
    max-width: 18px;
    min-height: 18px;
    max-height: 18px;
    border-radius: 30px;
}
/*鏇濆厜璇︽儏*/
.report_ps{
    font-size: 13px;
    color: #8c8c8c;
    width: 90%;
    margin:3px auto;
    line-height: 18px;
}
.report_title {
    display: block;
    width: 90%;
    margin: auto;
    padding: 15px 0 0;
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 1px;
}
.report_fbren{
    width: 90%;
    margin: auto;
    background: #f9fff8;
    padding: 0 0 20px;
}
.report_box{
    display: flex;
    justify-content: flex-start;
    width: 90%;
    background: #f9fff8;
    border-radius: 10px;
    margin: 0px auto;
}
.report_left {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    overflow: hidden;
    float: left;
}
.report_left img {
    width: 30px;
    height: 30px;
}
.report_right {
    flex: 1;
    min-width: 100px;
    float: left;
    position: relative;
}

.report_right .report_title {
    width: 100%;
    font-size: 17px;
    letter-spacing: 1px;
    color: #000000;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-indent: 5px;
    padding: 0;
    font-weight: 400;
}
.report_right .report_xx_nc {
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.report_right .report_xx_xqing {
    height: 30px;
    font-size: 15px;
    line-height: 30px;
}
.report_right .report_xx_xqing span {
    margin-right: 10px;
    color: #505050;
}
.report_time{
    width: 90%;
    margin: 10px auto;
    font-size: 15px;
    color: #949494;
}
.report_box2{
    width: 84%;
    background: #f9fff8;
    border: 1px solid #afec9e;
    border-radius: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 10px;
    padding: 10px 3% ;
    margin: auto;
    min-height: 120px;
    font-size: 16px;
    line-height: 24px;
    overflow: auto;
}
.report_worklocation{
    font-size: 14px;
    color: #07c160;
    line-height: 14px;
    padding-top: 10px;
}
.report_label{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 90%;
    padding: 0 ;
    margin:5px auto;
}
.report_label span{
    display: block;
    font-size: 15px;
    line-height: 24px;
    height: 24px;
    margin: 7px 0px 0 0;
    padding: 3px 10px;
    border-radius: 6px;
}
.report_label .report_time{
    color: #07c160;
    background: #f2fff8;
    width: auto;
}
.report_label .report_city{
    color: #07c160;
    background: #e0fef4;
}
.report_label .report_reason{
    color: #07adc1;
    background: #f1fdff;;
}
.report_img_list{
    display: block;
    width: 90%;
    padding: 10px 5% 10px;
    margin: 0px auto 10px;
}
.report_img {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.report_img li {
    display: block;
    border-radius: 10px;
    width: 32%;
    height: 100px;
    overflow: hidden;
    margin: 5px 0;
}
.report_img li .img_little {
    min-width: 100%;
    max-width: 200%;
    min-height: 100%;
    max-height: 200%;
}
.report_img_slide{
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    display: none;
    align-items: center;
    justify-content: center;
}
.report_img_slide.selected{
    display: flex;
}
.report_img_slide .report_img_close{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 30px;
}
.report_img_slide .img_big{
    max-width: 100%;
    max-height: 100%;
}

.report_list{
    width: 100%;
    margin: 0px auto 3px;
    /*border-bottom: 1px #e1fff0 solid;*/
    /*padding-bottom: 10px;*/
}
.report_list ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.report_list ul li{
    display: block;
    min-width: 10px;
    min-height: 14px;
    line-height: 14px;
    margin: 5px 5px 5px 0;
    padding: 0 20px 0 0;
    color: #07c160;
    font-size: 14px;
}
.fbjb-dialog__hd {
    padding: 10px 24px 16px;
}
.fbjb-dialog__hd p{
    color: #07c160;
    margin: 10px 0;
    line-height: 23px;
}
.fbjb-dialog__title {
    font-weight: 700;
    font-size: 17px;
    line-height: 1.4;
}
.fbjb-dialog__bd {
    overflow-y: auto;
    padding: 0 24px;
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 1.4;
    word-wrap: break-word;
}
.fbjb-dialog__ft {
    position: relative;
    line-height: 56px;
    min-height: 56px;
    font-size: 17px;
}
/*寰俊浜岀淮鐮佹偓娴獥*/
.service {
    position: fixed;
    top: 40%;
    right: 3%;
    height: 100px;
    width: 100px;
    /*background: #ffffff;*/
    z-index:600
}
.service_title {
    position: absolute;
    top: -20px;
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 8%;
    width: 90%;
}
.service_close{
    width: 15px;
    height: 15px;
}
.service_gzh{
    width: 100%;
    height: 100%;
}
/*鎴戠殑鏇濆厜*/
.wdbg_btn {
    border-bottom: 1px solid #f1fef7;
    display: flex;
    justify-content: space-between;
}
.wdbg_btn span {
    display: block;
    width: 80px;
    height: 30px;
    font-size: 12px;
    border-radius: 20px;
    margin: 10px 0;
    line-height: 30px;
    text-align: center;
    border: 1px solid #c5c5c5;
    color: #464646;
}
.wdbg_btn .wdbg_start.selected {
    background: #07c160;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.wdbg_box {
    width: 94%;
    margin: 0px auto 25px;
}
.reports_list3{
    width: 90%;
    padding: 17px 5% 10px;
    margin: 0px auto 10px;
    background: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 10px;
}
.reports_top {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.reports_content{
    color: #afafaf;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*鎷栨嫿鏁堟灉*/
.dragbox{
    position: absolute;
    width: 100%;
    height: 80%;
    top: 15%;
    display: flex;
    overflow: auto;
    overscroll-behavior: none;
    scroll-snap-type: x mandatory;
    /*     -webkit-overflow-scrolling:touch; */
}
.dragcon{
    width: 100%;
    height: calc(200% - 50px);
    flex-shrink: 0;
    scroll-snap-align: start;
}
.dragcon-right{
    margin-left: -50px;
}
.ball{
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #07c160;
    left: 100%;
    top: 100%;
    transform: translate(-100%, -100%);
    border-radius: 50%;
    pointer-events: all;
    z-index: 1000;
    margin-left: -5px;
}
.dragbody{
    position: relative;
    height: 85%;
    overflow: auto;
    -webkit-overflow-scrolling:touch;
}
.ball_open{
    width: 40px;
    height: 40px;
    text-align: center;
    position: relative;
    z-index: 20;
    box-shadow: 0px 0 2px 0px #125934;
    border-radius: 30px;
}
.ball_open img{
    width: 20px;
    margin: 10px 0 0;
}
.ball_list{
    display: block;
    width: 40px;
    border-radius: 30px;
    background: #07c160;
    padding: 10px 0;
    position: absolute;
    top: 30px;
    z-index: -10;
}
.ball_list.hide{
    display: none;
}
.ball_list span{
    display: block;
    margin: auto;
    text-align: center;
    padding: 10px 0 10px;
}
.ball_list span img{
    width: 20px;
}
.ball_list span p{
    margin: 7px 0 0;
    color: #ffffff;
}
/*鍙戝竷鍚嶇墖*/
.fbcard_box{
    width: 80%;
    padding: 25px 6% 15px;
    background: #ffffff;
    margin: 10px auto 0;
    border-radius: 15px;
}
.fbcard_box_title{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.fbcard_box_title span{
    color: #000000;
    font-size: 20px;
    letter-spacing: 1px;
}
.fbcard_box_title p{
    color: #000000;
    font-size: 20px;
    letter-spacing: 1px;
}
.fbcard_box .fbcard_input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 30px;
    background: #ffffff;
}
.fbcard_input img{
    width: 25px;
}
.fbcard_input input{
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    color: #5c5c5c;
    font-size: 15px;
    width: 150px;
    height: 30px;
}
.fbcard_textarea {
    display: block;
    border: 0;
    resize: none;
    background: transparent;
    width: 100%;
    color: inherit;
    font-size: 14px;
    line-height: 21px;
    outline: 0;
    margin: 10px 0;
    font-family: 寰蒋闆呴粦;
}
.fbcard_jj{
    display: flex;
    justify-content: center;
}
.fbcard_jj span{
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 30px;
    background: #07c160;
    color: #ffffff;
    margin: 0 7px;
}
/* .fbcard_box_title .fbcard_team_icon{ */
.fbcard_team_icon{
    display: block;
    width: 62px;
    height: 30px;
    background: #def2e9;
    color: #07c160;
    font-size: 14px;
    line-height: 30px;
    border-radius: 20px;
    text-align: center;
    margin-right: 7px;
    border: solid 1px #07c160;
}
.fbcard_button{
    position: fixed;
    bottom: 10px;
    width: 90%;
    margin: 0 5%;
    border-radius: 100px;
    z-index: 1000;
}
.fbcard_ylfb{
    display: flex;
    justify-content: space-between;
}
.fbcard_button_yl{
    display: block;
    width: 33%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #def2e9;
    border: solid 1px #07c160;
    border-radius: 40px;
    font-size: 16px;
    color: #07c160;
}
.fbcard_button_fb{
    display: block;
    width: 60%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #07c160;
    color: #ffffff;
    border-radius: 40px;
    font-size: 16px;
}
.fbcard_default{
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    align-items: center;
    width: 100%;
    background: #ffffff;
    border-radius: 15px;
    font-size: 16px;
}
.fbcard_default_ps{
    color:#ff0000;
    margin-bottom: 10px;
}
/*甯堝倕鍚嶇墖*/
.postcard_box{
    width: 88%;
    padding: 25px 6% 15px;
    background: #ffffff;
    margin: 10px auto 0;
    border-radius: 15px;
    box-shadow: 0px 0px 13px -11px #808080;
}
.postcard_message{
    display: flex;
    justify-content: space-between;
    margin: 0 5%;
}
.postcard_message div{
    color: #ffffff;
}
.postcard_message div span {
    margin-left: 5px;
    color: #ffffff;
}
.postcard_top{
    border-bottom: 1px solid #07c160;
    height: 80px;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}
.postcard_picture {
    width: 70px;
    height: 70px;
    float: left;
    border-radius: 50px;
    overflow: hidden;
    margin-right: 20px;
    flex-shrink: 0;
}
.postcard_picture img {
    width: 70px;
    height: 70px;
}
.postcard_infor{
    width: 70%;
    flex-shrink: 0;
}
.postcard_infor_name {
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    letter-spacing: 1px;
    color: #525252;
}
.postcard_infor_job{
    height: 30px;
    font-size: 15px;
    line-height: 30px;
}
.postcard_infor_job span {
    margin-right: 10px;
    color: #888888;
}
.postcard_bottom{
    display: flex;
    width: 100%;
    margin: auto;
    padding: 10px 0 0;
    overflow: hidden;
    justify-content: space-between;
}
.postcard_details{
    display: flex;
    flex-shrink: 1;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    height: 70px;
}
.postcard_details p{
    line-height: 30px;
    font-size: 15px;
    color: #888888;
}
.postcard_details .details_adress{
    line-height: 18px;
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/
    display: block;
    max-height: 36px;
    overflow: hidden;
}
.postcard_code {
    position: relative;
    width: 80px;
    height: 80px;
    margin-left: 10px;
    flex-shrink: 0;
    padding: 3px;
    background: #ffffff;
}
.postcard_code img{
    width: 80px;
    height: 80px;
}
.postcard_code img.card_logo {
    position: absolute;
    top: 35px;
    left: 35px;
    width: 16px;
    height: 16px;
}

.postcard_project_title{
    width: 90%;
    margin: 0px 0 20px;
    font-size: 20px;
    font-weight: 600;
}
.postcard_label{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.postcard_label span{
    display: block;
    min-width: 10px;
    border-radius: 5px;
    font-size: 12px;
    margin: 10px 10px 0 0;
    line-height: 20px;
    color: #009dff;
}
.postcard_content{
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px;
}
.closed{
    display: none;
}
.cardnav_box{
    position: fixed;
    bottom: 10px;
    width: 90%;
    background: center #ffffff;
    margin: 0 5%;
    background-size: 100% 50px;
    border-radius: 15px;
    z-index: 501;
    justify-content: space-around;
    display: flex;
    padding: 10px 0;
}
.cardnav_item {
    display: block;
    padding: 8px 0;
    text-align: center;
    width: 15%;
    float: left;
}
.cardnav_item img {
    /*width: 17px;*/
    height: 25px;
}
.cardnav_label {
    color: #000000;
    font-size: 12px;
    margin-top: 4px;
}

/*鍚嶇墖鍒楄〃椤�*/
.workercards_list {
    display: block;
    width: 90%;
    background: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 10px;
    padding: 4% 5% 3%;
    margin: 20px auto;
    position: relative;
    box-shadow: 0 0 10px #f1f1f1;
}
.workercards_top {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #f1f1f1;
    padding: 0px 0 5px;
}
.workercards_top_icon{
    position: absolute;
    right: 0px;
    top: 0px;
    background: #07c160;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
}
.workercards_left {
    width: 90px;
    height: 90px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
}
.workercards_left img{
    width: 52px;
    border-radius: 50px;
    background: #ffffff;
    padding: 1px;
}
.workercards_left img.day{
    border: 3px #07c160 solid;
}
.workercards_left img.week{
    border: 3px #b4e213 solid;
}
.workercards_left img.month{
    border: 3px #ffcc01 solid;
}
.workercards_left img.year{
    border: 3px #bdbdbd solid;
}
.workercards_left p{
    line-height: 25px;
}
.workercards_left p.day{
    color: #07c160;
}
.workercards_left p.week{
    color: #b4e213;
}
.workercards_left p.month{
    color: #ffcc01;
}
.workercards_left p.year{
    color: #bdbdbd;
}


.workercards_right{
    flex: 1;
}
.workercards_title{
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    flex: 1;
    word-break: break-all;
}
.workercards_phone{
    font-size: 15px;
    color: #858585;
    line-height: 27px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.workercards_adress{
    font-size: 15px;
    color: #858585;
    line-height: 27px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.workercards_bottom{
    padding: 5px 0;
}
.workercards_label {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 0 10px;
}
.workercards_label span {
    display: block;
    min-width: 10px;
    height: 20px;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    padding: 0 10px;
    margin: 10px 10px 0 0;
    line-height: 20px;
    color: #009dff;
    background: #edf7fe;
}
.workercards_content{
    font-size: 15px;
    color: #000000;
    line-height: 22px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}