html,body,ul,li,p{
    margin: 0;
    padding: 0;
}
ul,li,ol{
    list-style: none;
}
body{
    font-family: "微软雅黑";
    overflow: hidden;
    font-size: 0.7rem;
    color: #333;
    overflow: auto;
    position: relative;
}
::-webkit-scrollbar {
    width: 0px;
    height: 6px;
}
::-webkit-scrollbar-thumb {
    background: #cbcbcb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}
::-webkit-scrollbar-track-piece{
    border: none;
    background-color: #f5f5f5
}
.page, .page-group {
    position: relative;
    /*主题背景图*/
    /*background: url(http://img.netbian.com/file/2022/0125/004409nxWdx.jpg) center top no-repeat;
    background-size:100%;*/
    background: url(http://design.zhongxiangkeji.net/bing.php) no-repeat;  /*调用必应壁纸API，每天更换背景图*/
    -moz-background-size: cover;    /*背景图片拉伸以铺满全屏*/
    -ms-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.page-group .content {
    overflow: auto;
    position: relative;
}
.page-group.page-current, .page.page-current {
    overflow: initial;
}
.login-screen, .popup{
    position: fixed;
}
.modal{
    position: fixed;
}
.photo-browser {
    position: fixed;
}
.modal-overlay, .popup-overlay, .preloader-indicator-overlay {
    position: fixed;
}
.preloader-indicator-modal{
	position: fixed;
}
.bar-nav~.content {
    top: 0;
}
.toast{
    padding: 0.5rem;
    font-size: .7rem;
    line-height: 1.3;
    height: auto;
}
.buttons-tab .button {
    font-size: 0.7rem;
}
a,img {
    /*-webkit-touch-callout: none;*/
    text-decoration: none;
    color:#0894ec;
}

label{
    font-weight:normal;
    padding:0;
    margin:0;
    display:inline;
}
textarea{
    border-radius:0;
}
.page_container{
    max-width: 640px;
    min-height: 100%;
    background: #f5f5f5;
    margin: 0 auto;
    position: relative;
    padding-bottom: 100px;
    overflow: hidden;
}
.fixed_top{
    position:fixed;
    top:0;
    width:100%;
}
.fixed_bottom{
    position:fixed;
    bottom:0;
    width:100%;
    max-width:640px;
    margin:0 auto;
    border-top: 1px solid #ddd;
    z-index: 1;
    background: rgba(255, 255, 255, 0.95);
}
.fixed_bottom li p{
    margin-top: 0.2rem;
    font-size: 0.65rem;
}
.font_activity{
    background:#ed414a!important;
    color:#fff!important;
}
.font_activity_noback{
    color:#ed414a!important;
    border-color:#ed414a!important;
}
.font_ff5f27{
    color:#ed414a!important;
}
.font_green{
    color:green!important;
}
.font_999{
    color: #999;
}
.oh{
    overflow:hidden;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.tl{
    text-align: left;
}
.font_bold_name{
    font-weight: bold;
}
.font_bold_other{
    color: #333;
    font-weight: bold;
}
.font_10.15rem_999{
    font-size:0.65rem;
    color:#999;
    font-weight:300;
}
.font_0.6rem{
    font-size:0.5rem;
}
.padding_10{
    padding:0.25rem 0.5rem;
}
.margin_left10{
    margin-left:0.5rem;
}
.item_block{
    background:#fff;
    margin-top:0.25rem;
}
.border_bottom{
    border-bottom:1px solid #ddd;
}
.overflow_nowrap{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text_center{
    text-align:center;
}
.text_right{
    text-align:right;
}
.ff5f27_input_button{
    margin-top: 1.65rem;
    width: 80%;
    margin-left: 10%;
    border: 1px solid #ff5f27;
    background: #ff5f27;
    color: #fff;
    border-radius: 0.15rem;
    padding: 0.3rem;
    text-align: center; 
}
.margin_top_0.25rem{
    margin-top:0.25rem;
}
.margin_top_0.5rem{
    margin-top:0.5rem;
}
.item_nickname{
    color:#576b95;
}
.userid{
    font-size: 0.5rem;
    color: #333;
    font-weight: 300;
}
.useridpl02{
	padding-left: 0.2rem;
}
.border_radius_50px{
    width:2.5rem;
    height:2.5rem;
    border-radius:50%;
}
.shadow_box{
    box-shadow: 0px 1px 0.15rem #888888;
}
.a_href {
    color: #459ae9;
    text-decoration: none;
}
.clear{
    clear:both;
}
.page_max640{
    max-width: 640px;
    margin: 0 auto;
}
/*激活，底部红线*/
.activity_bottom{
    border-bottom: 0.1rem solid #FF5F26;
}

/*小数字*/
.inco_num {
    position: absolute;
    top: -0.3rem;
    right: -0.75rem;
    font-size: 0.6rem;
    background: #ff5f27;
    color: #fff;
    padding: 0.1rem;
    border-radius: 50%;
    width: 0.9rem;
    height: 0.9rem;
    z-index: 1;
}

/*同行显示，自动缩进*/
.item_cell_box{
    display: -webkit-box;
    -webkit-box-align: center;  
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;        
}
.item_cell_flex{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left:0.5rem;
}

/*确认框*/
.weui_dialog_confirm  .weui_mask{
    z-index: 5;
}

/*箭头*/
.arrow_out{
    position:relative;  
}
.arrow_up{
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0.5rem;
    border-style: dashed;
    border-color: transparent;
    border-top-width: 0;
    border-bottom-color: #ff5f27;
    border-bottom-style: solid;
    position: absolute;
    z-index: 1;
}

/*右上角关闭*/
.right_close{
    position: absolute;
    right: 0px;
    top: -1rem;
    background: #fff;
    padding: 0.5rem;
    border: 1px solid #ddd;
    border-radius: 50%;
    display:none;
    z-index: 1; 
}

/*警告框*/
#alertclass{
    position: fixed;
    bottom: 20%;
    width: 90%;
    min-height: 2rem;
    background: #ddd;
    margin-left: 5%;
    text-align: center;
    border-radius: 0.2rem;
    background: rgba(14, 14, 14, 0.8);
    color:#fff;
    z-index: 22222; 
    padding: 0.5rem;
}

.weui_dialog {
    top: 42%;
}
.page_item{
    overflow: hidden;
    position: relative;
    min-height: 5rem;  
}


/*返回顶部*/
#gotoTop {
    display: none;
    position: fixed;
    bottom: 3rem;
    right: 1rem;
    cursor: pointer;
    padding: 0 0.2rem;
    width: 2rem;
    height: 2rem;
    border: 1px solid #e0e0e0;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 2.5rem;
    z-index: 11;
}
.arrow {
    width: 0;
    height: 0;
    margin: 0 auto;
    border: 0.6rem solid transparent;
    border-bottom-color: #aaa;
    margin-top: -0.2rem;
}
.stick {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 auto;
    border-radius: 1px;
    background-color: #aaa;
}

/*加载更多*/
.get_more_loading{
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 0.25rem;
    border-top: 1px solid #ddd; 
}
.get_more_loading img{
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
}

/*上传图片*/
.pub_images_box img{
    width: 2.5rem;
    height: 2.5rem;
    margin-right:0.25rem;
    margin-top: 0.25rem;    
}
#pub_upload_images{
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.5rem;
    border: 1px solid #ddd;
    padding: 0.4rem;
    color: #ddd;
    margin-top: 0.25rem;
    margin-right: 0.25rem;  
}

/*加载等待*/
#page_before_show{
    position: absolute;
    z-index: 1;
    top: 42%;
    left: 50%;
    margin-left: -0.8rem;
}

/*提示*/
.no_data_notice{
    text-align: center;
    color: #999;
    display: inline-block;
    width: 100%;
}
.no_data_notice_task{
    margin-top:1rem;
}
.no_data_notice p{
    font-size: 3rem;
    margin-bottom: 0.5rem;
    color:#DADADA;;
}


/*修正weui*/
.weui_cells:before,.weui_cell:before,.weui_cells:after {
    border-top: none;
    border-bottom: none;
}
.weui_cells,.weui_cell{
    padding: 0px;   
    margin:0;
}
.weui_search_cancel{
    display:block;
    margin: 0;
}
.search_show {
    display: none;
    margin-top: 0;
    font-size: 0.7rem;
    position: absolute;
    left: 0;
    top: 40.25rem;
    width: 100%;
    min-height: 100px;
    padding: 0.5rem;  
    z-index: 1; 
    max-height: 300px;
    overflow-y: scroll; 
}
.weui_media_box{
    padding:0;
}
.weui_media_box:before {
    left: 0;
}
.weui_select{
    z-index:0;
}
.weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
    color: #ed414a;
}


/*加载提示*/
.my-preloader-indicator-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 10600;
    opacity: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}
.my-preloader-indicator-modal {
    position: absolute;
    left: 50%;
    top: 42%;
    padding: .4rem;
    margin-left: -1.25rem;
    margin-top: -1.25rem;
    background: rgba(0,0,0,.8);
    z-index: 11000;
    border-radius: .25rem;
}
.my-preloader {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: preloader-spin 1s steps(12,end) infinite;
    animation: preloader-spin 1s steps(12,end) infinite;
}
.my-preloader-indicator-modal .my-preloader {
    display: block;
    width: 1.7rem;
    height: 1.7rem;
}
.my-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.my-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.nickname{
    color: #5b749d;
    font-size: 0.75rem;
    font-weight: 400;
}

/*旋转状态*/
.status_font{
    position: absolute;
    z-index: 1;
    bottom: 0.25rem;
    right: 0.25rem;
    padding: 0 0.5rem;
    border-radius: 0.15rem;
    transform: rotate(-25deg);  
}

/*预览图片*/
.preview_class img{
    position: fixed;
    z-index: 6;
    top: 0.5rem;
    left: 0;
    width: 90%;
    top: 5%;
    margin-left: 5%;
}

/*分页顶部*/
.page_top{
    height: 40.2rem;
    background: #fff;
    border-bottom: 1px solid #ddd;  
    clear: both;
    text-align: center; 
}
.page_top_item{
    overflow: hidden;
    display: inline-block;
}
.page_top_item span {
    padding: 0.15rem 0.5rem;
    border: 1px solid #ff5f27;
    margin-top: 0.35rem;
    margin-left:-1px;
    text-align: center;
    color: #ff5f27;
    display: inline-block;
    float: left;
    border-radius:0;
}
.page_top_item a:first-child:not(:last-child) span {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}
.page_top_item a:first-child span {
    margin-left:0;
}
.page_top_item a:last-child:not(:first-child) span {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

/*修正幻灯片*/
.carousel-indicators{
    z-index:1;
}
.carousel-caption{
    z-index:1;
}

/*修复sm*/
.infinite-scroll-preloader{
    text-align:center;
}
.infinite-scroll-preloader .preloader{
    display:none;
    margin:0 auto;
}
.list_container{
    overflow:hidden;
}
.page-group .content{
    padding-bottom:70px;
    max-width: 640px;
    margin: 0 auto; 
    overflow-x: hidden; 
    z-index: 1;
    background-color: #eee;
    height: 100%;
    box-shadow: 0px 0px 10px #333;
}
.swiper-container {
    padding-bottom: 0;
}
.page {
    z-index: 1;
    cursor:pointer;
}

.preloader-indicator-modal , .modal{
    top: 42%;
}
.modal-button ,.modal-inner {
    background: #fff;
}
/*.modal-title + .modal-text {
    text-align:left;
    padding:0 0.5rem;
}*/


/*foot*/
.max640_box{
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
}
.foot_nav{
    position: fixed;
    width: 100%;
    font-size: 0.7rem;
    height: auto;
    z-index: 22;
    bottom: 0px;
    background-color: #ffffff;
    border-top: 1px solid #eaeaea;
    z-index: 10000;
    max-width: 640px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.foot_nav li a {
    position: relative;
    float: left;
    height: 1.9rem;
    margin: 0.2rem 0rem;
    padding: 0;
    text-align: center;
    font-size: 0.6rem;
    color: #333;
    padding-top: 1.1rem;
    box-sizing: border-box;
    line-height: 0.9rem;
    background-size: 1rem;
    background-position: top center;
    background-repeat: no-repeat;
    min-width: 1rem;
}
.foot_nav li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1;
}
.foot_nav li.nav_index a {
    background-image: url(../images/icon_11.png);
    
}
.foot_nav li.nav_pub a {
    background-image: url(../images/icon_21.png);
}
.foot_nav li.nav_find a {
    background-image: url(../images/icon_31.png);
}
.foot_nav li.nav_user a {
    background-image: url(../images/icon_41.png);
}
.foot_nav li.nav_use a {
    background-image: url(../images/icon_51.png);
}
.foot_nav li.nav_tb a {
    background-image: url(../images/db1.png);
}

.foot_nav a.act {
    color: #ed414a;
}
.foot_nav li.nav_index a.act {
    background-image: url(../images/icon_12.png);
}
.foot_nav li.nav_pub a.act {
    background-image: url(../images/icon_22.png);
}
.foot_nav li.nav_find a.act {
    background-image: url(../images/icon_32.png);
}
.foot_nav li.nav_user a.act {
    background-image: url(../images/icon_42.png);
}
.foot_nav li.nav_use a.act {
    background-image: url(../images/icon_52.png);
}
.foot_nav li.nav_tb a.act {
    background-image: url(../images/db2.png);
}

.foot_nav1 li a {
    width: 100%;
}
.foot_nav2 li a {
    width: 50%;
}
.foot_nav3 li a {
    width: 33.3%;
}
.foot_nav4 li a {
    width: 25%;
}
.foot_nav5 li a {
    width: 20%;
}

/*关注*/
.page_good .sub_notice{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.81);
    color: #fff;
    padding: 0.15rem 0.25rem;
}
.page_good .sub_headimg img{
    width: 30px;
    height: 30px;
    border-radius: 40px;
}

.page_good .sub_btn span{
    display: inline-block;
    border-radius: 0.15rem;
    background: #44b549;
    color: #fff;
    font-size: 0.6rem;
    padding: 0.15rem 0.25rem;
}

/*top*/
.top_box {
    height: 2rem;
    padding: 0 0.5rem;
    background: #ed414a;
    color: #fff;
}
.top_left{
    width: 2.1rem;
}
.top_left a{
    color: #fff;
}
.top_right{
    width: 2rem;
    text-align: right;
}
.top_mid{
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 0.5rem;
    text-overflow: ellipsis;
}
.top_back{
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    border: 2px solid #fff;
    border-width: 2px 0 0 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.top_mid_down{
    display: inline-block;
    border-width: 0.45rem 0.35rem 0;
    border-style: solid;
    border-color: #fff transparent transparent;
}


/*index*/
.index_head {
    color: #fff;
    text-align: center;
    background: #ed414a;
}
.index_head>div{
    padding-left: 0;
    width: 33.3%;
}

.index_item_left{
    width: 2rem;
}
.index_item_left img{
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
}
.index_item_img{
    margin: 0.5rem 0;
    overflow: hidden;
}
.index_item_img li{
    width: 2.9rem;
    height: 2.9rem;
    overflow: hidden;
    float: left;
    margin: 0.2rem 0.2rem 0.2rem 0rem;
}
.index_item_img img{
    width: 100%;
}

.index_task_item {
    padding: 0 0.5rem;
	margin-bottom: 0.15rem;
    background: #fff;
}
.index_task_item_in{
    border-top: 1px solid #ddd;
    padding: 0.5rem 0;
}
.page_index a:nth-of-type(1) .index_task_item_in{
    border-top: 0;
}
.index_item_nick {
    color: #5b749d;
    font-size: 0.7rem;
    font-weight: bold;
    position: relative;
}
.authname{
    color: #ff2323!important;
    position: relative;
}
.authicon{
    display: block;
    position: absolute;
    right: -15px;
    top: 0px;
    width: 2.2rem;
    height: 0.8rem;
    background: url(../images/vauth.png) no-repeat;
    background-size: 2.2rem;
}
.authicon_b{
	right: -40px;
    top: -10px;
}
.index_item_read {
    background: url('../images/rq1.png') no-repeat;
    padding-left: 0.8rem;
    background-size: 0.6rem;
    font-size: 0.6rem;
    color: #333;
    background-position: left 0.15rem;
    min-width: 0.8rem;
    min-height: 0.8rem;
}
.index_item_money{
    background: url(../images/coin.png) no-repeat;
    padding-left: 0.8rem;
    background-size: 0.6rem;
    font-size: 0.6rem;
    color: #ed414a;
    background-position: left center;
}
.index_item_status {
    font-size: 0.6rem;
	border-radius: 25px;
    border: #ccc 1px solid;
    padding: 0.1rem 0.3rem;
}
.status_ing {
    color: #ed414a;
	border-radius: 25px;
    border: #6683ff 1px solid;
    padding: 0.1rem 0.3rem;
}
.status_no{
    color: #999;
}
.index_item_title{
    color: #333;
    padding: 0.25rem 0;
}
.top_task{
    color: #ed414a;
    display: inline-block;
    text-align: center;
    border-radius: 0.2rem;
    margin-right: 0.2rem;
}
.index_filter{
    position: absolute;
    bottom: 6rem;
    z-index: 3;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.64);
    color: #fff;
    font-size: 0.6rem;
    text-align: center;
    line-height: 2rem;
}

.index_ad_l{
    width: 1rem;
    background-image: url(../images/ad.png);
    background-size: 1rem;
    background-repeat: no-repeat;
    height: 1rem;
    background-position: center;
}
.index_ad {
    background: #fff;
    padding: 0.5rem;
    height: 2rem;
    overflow: hidden;
    background-color: #fff;
    margin-bottom:0.15rem;
}
.index_ad_item1{
    white-space: nowrap;
    line-height: 2.5rem;
    height: 2rem;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index_ad_r{
    margin-top: -0.5rem;
}
.index_ad_r2{
    white-space: nowrap;
    overflow: hidden;
}
.index_ad_item2{
    height: 2rem;
    line-height: 2rem;
    display: inline-block;
}
.index_ad_r a{
    color: #333;
}
.index_ad_item2{
    background: url(../images/notice_l.png) no-repeat;
    background-size: 0.3rem;
    padding-left: 0.4rem;
    background-position-y: center;
    padding-right: 1rem;
}
.index_ad_begin,.index_ad_end{
    display: inline-block;
}

.index_navtwo{
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 11;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 0.3rem 0 0 0.3rem;
    margin-top: -5rem;
}
.index_navtwo a{
    display: block;
    padding: 0.25rem 0.3rem;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.33);
    text-align: center;
}
.index_search{
    position: relative;
    top: 0;
    max-width: 640px;
    margin: 0 auto;
}
.index_search .search-input input{
    border-radius: 2rem;
}
.index_search .searchbar{
    background: #eee;
}
.index_pubbtn {
    position: fixed;
    top: 5rem;
    right: 0;
    z-index: 1;
    color: #fff;
    width: 2rem;
    height: 2rem;
    line-height: 1.8rem;
    text-align: center;
    border-radius: 50%;
    font-size: 1.5rem;
    box-shadow: 2px 1px 2px 2px rgba(0, 0, 0, 0.1);
}

/*sub*/
.sub_item{
    background: rgba(218, 75, 67, 0.8);
    padding: 0 0.5rem;
    color: #fff;
    position: fixed;
    top: 0;
    max-width: 640px;
    margin: 0 auto;
    z-index: 3;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    height: 2rem;
}
.top_top{
    background: #43da71;
    height: 2rem;
}
.sub_item .sub_headimg img{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    margin-top: 0.2rem;
}
.sub_item .sub_click{
    border-radius: 0.2rem;
    color: #22e600;
    border: 1px solid #22e600;
    padding: 0.1rem 0.3rem;
    font-size: 0.6rem;
    margin-right: 0.3rem;
}
.sub_item .sub_click,.toadd_click{
    border-radius: 0.2rem;
    color: #22e600;
    border: 1px solid #22e600;
    padding: 0.1rem 0.3rem;
    font-size: 0.6rem;
    margin-right: 0.3rem;
}
.sub_item .close_sub{
    background: rgba(255, 255, 255, 0.7);
    color: #000;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    text-align: center;
    line-height: 1rem;
}
.sendbag_getlist{
    min-height: 12rem;
}
.sendbag_bot{
    text-align: center;
    position: absolute;
    bottom: 1rem;
    width: 100%;
}
.sendbag_bot span,.sendbag_bot  p{
    color: #bcb4b2;
}
.sub_str{
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

.mask {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 22222;
}
.atom-dialog {
    width: 14rem;
    height: auto;
    position: fixed;
    z-index: 22222;
    background: #fff;
    left: 50%;
    margin-left: -7rem;
    top: 15%;
    border-radius: 0.25rem;
    max-width: 600px;
}
.share-dialog .atom-dialog-title {
    font-size: .8rem;
    padding: .4rem .2rem .2rem;
    /* height: 1.82rem; */
    box-sizing: border-box;
    text-align: center;
    /*border-bottom: 0.05rem solid #807979;*/
    color: #000;
}
.atom-dialog-wrap .close_line {
    position: absolute;
    left: 50%;
    bottom: -2.6rem;
    width: 0.1rem;
    height: 3rem;
    background: #fff;
    margin-left: -0.05rem;
}
.atom-dialog-wrap .close_token {
    position: absolute;
    left: 50%;
    bottom: -3rem;
    width: 2rem;
    height: 2rem;
    background: #fff;
    text-align: center;
    font-size: 0;
    border-radius: 50%;
    margin-left: -1rem;
    line-height: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/close.png);
    background-size: 0.8rem;
}
.atom-dialog-content img{
    max-width: 100%;
    max-height: 15rem;
    min-height: 7rem;
}
.atom-dialog-wrap {
    display: none;
}
.elastic{
    animation: elastic 500ms;
    -webkit-animation: elastic 500ms;
}
@keyframes elastic{
    0%{
        top:17%;
    }25%{
        top:13%;
    }50%{
        top:16%;
    }75%{
        top:14%;
    }100%{
        top:15%;
    }
}
@-webkit-keyframes elastic{
    0%{
        top:17%;
    }25%{
        top:13%;
    }50%{
        top:16%;
    }75%{
        top:14%;
    }100%{
        top:15%;
    }
}


/*pub*/
.pub_bot{
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    text-align: center;
    z-index: 3;
    max-width: 640px;
    padding: 0.2rem;
    border-top: 1px solid #ddd;
}
.puber_bot{
    padding: 0;
}
.pub_btn{
    height: 2rem;
    line-height: 2rem;
    width: 100%;
    display: inline-block;
    background: #ed414a;
    color: #fff;
    border-radius: 1.2rem;
}
.pub_btn_disabled{
    background: #c3c3c3;
}
.pub_content{
    padding-bottom: 0.5rem;
}
.pub_task_content,.pub_hide_content{
    width: 100%;
    min-height: 5rem;
    border: 0;
    border-radius: 0;
    border-bottom:1px solid #eee;
    border-top:1px solid #eee;
    -webkit-user-select:auto;
}
.pub_hide_content {
    border-bottom: 1px solid #eee;
}
.pub_images_list{
    overflow: hidden;
}
.hide_box{
    /*background: rgba(220, 220, 220, 0.2);*/
    border-radius: 3px; 
    padding:5px;
}
.hide_box_in {
    padding: 0.2rem;
    word-break: break-all;
}
.link_item {
    display: inline-block;
    color: #0070ff;
    margin-right: 0.5rem;
    line-height: 1.1;
}
.pub_tool{
    text-align: right;
}
.pub_tool span{
    color: #0070ff;
    display: inline-block;
    padding: 0 0.25rem;
}

.ka_show_list{
    padding-top: 0.5rem;
    border-top: 1px solid #eee;
    margin-top: 0.5rem;
    display: none;
}
.ka_show_list span{
    min-width: 3rem;
    display: inline-block;
    text-align: center;
    background: #ed414a;
    color: #fff;
    border-radius: 0.2rem;
    padding: 0.2rem 0;
    font-size: 0.55rem;
    margin: 0 0.1rem 0.1rem 0;
}
.form_per{
    color: #333;
    font-size: 0.65rem;
}
.pub_warn{
    bottom: 0px;
    top: inherit;
    height: 2.2rem;
}
.pub_warn_l{
    font-size: 0.6rem;
    padding-left: 0;
}

.city-picker .picker-items{
    font-size: 0.8rem;
}


/*form*/
.form_list{
    padding: 0.5rem;
    background: #fff;
    margin-top: 0.5rem;
}
.form_input {
    height: 1.5rem;
    width: 100%;
    border: 0;
    border-radius: 0;
}
.form_title{
    width: 3rem;
}
.form_right  {
    border-bottom: 1px solid #ddd;
}
.form_right .item_cell_flex {
    padding-left: 0;
}
.form_group {
    
}
::-webkit-input-placeholder{
    color: #ddd;
}
.form_tips{
    font-size: 0.6rem;
    color: #999;
    padding:0 0.5rem;
    word-break: keep-all;
}
.ml05{
    margin-left: 0.5rem;
}
.mb05{
    margin-bottom: 0.5rem;
}
.mt05{
    margin-top: 0.5rem;
}
.pd05{
    padding: 0.5rem;
}
.pl0{
    padding-left: 0;
}
.pl05{
    padding-left: 0.5rem;
}
.pt05{
    padding-top: 0.5rem;
}
.pb05{
    padding-bottom: 0.5rem;
}
.bordbot{
    border-bottom: 1px solid #ddd;
}

.label-switch input[type=checkbox]:checked+.checkbox {
    background: #ed414a;
}

.uploader_input{
    float: left;
    position: relative;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    width: 3rem;
    height: 3rem;
    border: 1px solid #d9d9d9;
}
.uploader_input:after, .uploader_input:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #d9d9d9;
}
.uploader_input:before {
    width: 0.1rem;
    height: 2rem;
}
.uploader_input:after {
    width: 2rem;
    height: 0.1rem;
}
.form_textarea{
    width: 100%;
    height: 3rem;
    border: 0;
    border-radius: 0;
}
.form_select{
    width: 100%;
    border: 0;
    height: 1.5rem;
    background: rgba(255, 255, 255, 0);
    border: 0;
}
/*.upload_images_views{
    overflow: hidden;
    float: left;
}*/
.upload_image_item{
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    align-items: center;
    display: -webkit-flex;
    border: 1px solid #eee;
}
.upload_image_item img{
    width: 100%;
}
/*popup*/
.popup_btn {
    display: block;
    width: 100%;
    height: 2rem;
    background: #ddd;
    text-align: center;
    line-height: 2rem;
    color: #fff;
    border-radius: 0.2rem;
    border-bottom: 1px solid #d4d4d4;
    margin: 0.5rem 0;
}
.popup_confirm{
    background: #ed414a;
}
.popup .form_list{
    margin-top: 0;
}
.popup .content-block{
    margin-top: 0.5rem;
    padding: 0 0.5rem;
    max-width: 640px;
    margin: 0 auto;
}
.popup_ka_add{
    background: url('../images/icon_21.png') no-repeat;
    background-size: 1rem;
    padding-left: 1.3rem;
    margin-bottom: 1rem;
    color: #004cc1;
}
.delete_ka{
    color: #004cc1;
    padding-left: 1rem;
}
.popup-filter{
    top: initial;
    bottom: 0;
    height: auto;
    background: #ddd;
    max-height: 100%;
}
.popup-filter .content-block{
    padding: 0;
}
.popup_filter_btn{
    height: 2.2rem;
    text-align: center;
    line-height: 2.2rem;
    border-bottom: 1px solid #ddd;
    color: #333;
    font-size: 0.75rem;
    background: #fff;
}
.popup_filter_close{
    margin-top: 0.3rem;
    border: 0;
}



/*find*/

.find_item_left{
    width: 2rem;
}
.find_item_left img{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
.find_item_nick{
    font-size: 0.75rem;
    font-weight: 400;
    color: #5b749d;
}
.guy_per{
    color: #999;
}
.find_item_desc{
    color: #999;
    font-size: 0.65rem;
}
.find_list_item{
    padding: 0 0.5rem;
    background: #fff;
}
.find_list_item_in{
    padding: 0.5rem 0;
    border-bottom: 1px solid #ddd;
}
.list_container a:last-child .find_list_item {
    border-bottom: 0;
    margin-bottom: 0;
}
.bar-nav{
    position: relative;
    background: #fff;
    max-width: 640px;
    margin: 0 auto;
}
.buttons-row .button {
    padding: 0;
}

.buttons-row .button.active {
    background-color: #ed414a;
}
.buttons-row .button {
    border-color: #ed414a;
    color: #ed414a;
    height: 1.5rem;
    line-height: 1.5rem;
}
.nav_buttons_row{
    text-align: center;
    width: 100%;
    font-size: 0;
}
.buttons-row .mybutton {
    border-color: #ed414a;
    color: #ed414a;
    width: 3rem;
    display: inline-block;
    height: auto;
    top: 0;
    line-height: inherit;
    padding: 0.1rem;
}
.bar_nav_item{
    width: 2rem;
    text-align: center;
}
.mypub_nav .item_cell_flex{
    padding: 0;
}


.page_find .banner_box {
    margin-top: 0rem;
}


/*banner*/
.swiper-pagination-bullet-active {
    background: #00b5e4;
}
.swiper-pagination span{
    width: 0.5rem;
    height: 0.2rem;
    display: inline-block;
    border-radius: 0.5rem;
}
.banner_box {
    margin-top: 0.2rem;
    padding: 0.2rem;
}
.banner_in {
    background: #fff;
    border-radius: 0.2rem;
}
.banner_item{
    overflow:hidden;
    padding: 0.5rem 0;
}
.banner_item li{
    width: 25%;
    float: left;
    text-align: center;
    font-size: 0.6rem;
    color: #656565;
}
.banner_item li p{
    word-break: break-all;
}
.banner_item li img{
    width: 2rem;
    height: 2rem;
    display: inline-block;
}
.banner_box .swiper-pagination{
    bottom: 0;
}
.banner_box .swiper-pagination-bullet-active{
    background: #000;
    opacity: 0.4;
}


/*user*/
.user_head{
    padding: 0.5rem;
    text-align: center;
    /*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ed414a), to(rgb(255, 162, 167)));*/
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgb(255, 162, 167)), to(#ed414a));
}
.user_headimg{
    position: relative;
}
.user_headimg .headimgurl{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
}
.user_headimg .v{
    width: 1rem;
    height: 1rem;
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    margin-left: 1rem;
}
.user_headnick{
    font-size: 0.8rem;
    font-weight: 400;
    color: #fff;
}
.user_activity{
    font-size: 0.65rem;
    color: #fff;
}

.user_list{
    background: #fff;
    padding: 0.2rem 0.5rem;
    margin-top: 0.5rem;
}
.user_list_title{
    color: #666;
    font-size: 0.65rem;
    border-left: 4px solid #ed414a;
    height: 0.7rem;
    line-height: 0.7rem;
    padding-left: 0.25rem;
    margin-top: 0.15rem;
    margin-bottom: 0.3rem;
    font-weight: 400;
}
.user_list_item{
    width: 33.3%;
    text-align: center;
}
.user_list_in{
    padding-top: 0.2rem;
}
.user_list_item p:nth-of-type(1){
    font-size: 16px;
    font-weight: bold;
    color: #ed414a;
}

.user_list_item p:nth-of-type(2){
    font-size: 0.65rem;
}
.user_list_item_4 p:nth-of-type(2){
    font-size: 0.6rem;
}
.user_list_item{
    border-right: 1px solid #eee;
    display: block;
    color: #000;
}
.page_find .mybutton {
    width: 4rem;
}
.user_list_item_4{
    width: 20%;
    border-right:0;
    color: #525252;
}
.user_list_in .user_list_item:last-child{
    border-right: 0;
}
.user_mymoney{
    margin-top: 0;
}

.user_link{
    margin-top: 0.5rem;
    background: #fff;
    padding: 0.5rem;
}

.user_link_l{
    background-repeat:no-repeat;
    background-size: 1rem;
    padding-left: 1.2rem;
}
.user_link_r{
    font-size: 0.65rem;
    color: #999;
}
.user_link_r::after,.right_icon::after{
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    position: relative;
    top: -2px;
    top: -1px;
}

.user_link_m {
    padding: 0.5rem 0;
    border-bottom: 1px solid #eeeeee;
}
.user_link_href{
    display: block;
    color: #333;
}
.user_link .user_link_m:last-child{
    border-bottom: 0;
}
.user_link_o{
    padding: 0 0.5rem;
}

.get_code span{
    border: 1px solid #999;
    color: #999;
    padding: 0.2rem 0.3rem;
    border-radius: 0.1rem;
    font-size: 0.6rem;
}
.anwobx{
    bottom: 20%;
    position: fixed;
    right: .3rem;
    width: 2.5rem;
    z-index: 2;
}
.anwobx img{
    width: 100%;
}
.ani_swing1 {
    -ms-transform: rotate(-5deg);
    -ms-transform-origin: 100% 100%;
    -webkit-animation: Swing1 1.6s ease-in-out infinite;
    -webkit-transform: rotate(-5deg);
    -webkit-transform-origin: 100% 100%;
    animation: Swing1 1.6s ease-in-out infinite;
    transform: rotate(-5deg);
    transform-origin: 100% 100%
}

@-webkit-keyframes Swing1 {
    0% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    50% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }
}

@keyframes Swing1 {
    0% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    50% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }
}
.anwbody_in{
    height: 10rem;
    padding: 0.5rem 0;
    overflow-y: auto;
    margin-bottom: 2rem;
}
.nobox{
    color: #999;
    text-align: center;
    padding-top: 3rem;
}
.anwbox_item {
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
}
.anwbox_btn {
    display: inline-block;
    padding: 0 0.5rem;
    border-radius: 0.5rem;
}
.anwbox_m {
    width: 3rem;
}
.anwbox_btn.disabled{
    background-color: #ddd;
    color: #666;
}

.user_update{
    background-image: url(../images/update.png);
    width: 1.2rem;
    height: 1.2rem;
    background-size: cover;
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1;
    border-radius: 50%;
    box-shadow: 0px 0px 11px 1px rgba(255, 255, 255, 0.5);
}
.upuser-box .item-user {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 62px;
    padding: 20px 30px;
    -webkit-box-align: center;
    align-items: center;
}

.upuser-box .item-user .user {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.upuser-box .item-user input {
    text-align: right;
}

.upuser-box .upuser-but {
    width: 710px;
    height: 80px;
    line-height: 80px;
    color: white;
    background: #b1b1b1;
    text-align: center;
    border-radius: 10px;
    margin: 20px auto;
}

.upuser-but:first-child {
    margin-top: 80px;
    background: fuchsia;
}

.phone-box {
    position: absolute;
    z-index: 10;
    margin-top: 50%;
    left: 41.5px;
    transform: translateY(-30%);
    width: 667px;
    background: #fff;
    border-radius: 20px;
    height: 644px;
    padding: 60px 54px;
    box-sizing: border-box;
}

.phone-box .top-phone .tit {
    color: #313131;
    line-height: 36px;
}

.phone-box .top-phone .desc {
    color: #969696;
    line-height: 36px;
    margin-top: 32px;
}

.phone-box .phone-mid {
    margin-top: 60px;
}

.phone-box .phone-mid .item-box {
    border-radius: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 90px;
    background: #EEEEEE;
    overflow: hidden;
    padding: 0 0 0 34px;
    margin-bottom: 36px;
}

.phone-box .phone-mid .item-box .item-input {
    height: 90px;
}

.phone-box .phone-mid .holderc {
    color: #B4B4B4;
}

.phone-box .phone-code {
    color: #FF9F2F;
    width: 200px;
    border-left: 1px solid #b4b4b4;
    text-align: center;
    flex-shrink: 1;
}

.phone-box .phone-code text {
}

.phone-box .getcode {
    width: 340px;
}

.phone-box .phone-bot {
    width: 499px;
    height: 90px;
    background: #313131;
    border-radius: 45px;
    color: #fff;
    text-align: center;
    line-height: 90px;
    margin: 0 auto;
    margin-top: 30px;
}

.phone-box .close-phone {
    color: white;
    width: 52px;
    height: 52px;
    position: absolute;
    bottom: -80px;
    left: 50%;
    margin-left: -26px;
    text-align: center;
    line-height: 52px;
}

.bot .card-vip {
    background: #fff;
    box-shadow: 0px 2px 2px 0px rgba(213,213,213,0.5);
    border-radius: 0.25rem;
    overflow: hidden;
    position: relative;
    padding: 0 0.25rem;
}
.card-vipbot{
    position: relative;
}
.bot .card-vip .item {
    height: 1.2rem;
    font-size: 0.65rem;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.card-viptop{
    border-bottom: 1px solid #eee;
    padding: 0.25rem 0;
}

.bot .card-vip .item .vip {
    color: #FF923A;
    margin-right: 0.25rem;
}
.viptop_item{
    padding-left: 0;
    text-align: center;
    width: 33.3%;
    display: block;
}
.viptop_name{
    font-weight: 400;
    color: #333;
    font-size: 0.65rem;
}
.viptop_num{
    font-weight: bold;
    font-size: 0.8rem;
}
.getbaoshi_box{
    text-align: right;
}
.getbaoshi{
    border: 1px solid;
    width: 3.5rem;
    display: inline-block;
    text-align: center;
    margin-right: 0.25rem;
    border-radius: 0.1rem;
}

.bot .card-vip .item .carname {
    font-weight: bold;
    color: #222;
}

.bot .card-vip .item .card_desc {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.6rem;
}

.bot .card-vip .card-but {
    position: absolute;
    width: 3.5rem;
    background: #222;
    border-radius: 0.1rem;
    color: #fff;
    right: 0.5rem;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 0.7rem;
}

.bot .order-box {
    background: #fff;
    box-shadow: 0px 2px 2px 0px rgba(213,213,213,0.5);
    border-radius: 0.25rem;
    overflow: hidden;
    margin-top: 0.5rem;
}

.bot .order-box .myorder {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 0.25rem 0.5rem;
}

.bot .order-box .myorder .left {
    color: #222222;
    font-weight: 500;
}

.bot .order-box .myorder .right {
    color: #999;
}

.bot .order-box .tyorder {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    padding: 0.25rem 0;
}
.tyorder .thin-borderic{
    width: 1.2rem;
    height: 1.2rem;
    background-size: auto 1.2rem;
    background-repeat: no-repeat;
    background-image: url(../images/userc.png);
    margin: 0 auto;
}
.borderic-1{
    background-position: -8.2rem 0;
}
.borderic-2{
    background-position: -7rem 0;
}
.borderic-3{
    background-position: -10.5rem 0;
}
.borderic-4{
    background-position: -9.3rem 0;
}

.bot .order-box .tyorder .item {
    text-align: center;
    position: relative;
}

.bot .order-box .tyorder .item text {
    display: block;
    color: #999;
    font-size: 0.65rem;
}

.order_mark {
    height: 0.8rem;
    min-width: 0.8rem;
    line-height: 0.7rem;
    border-radius: 1rem;
    position: absolute;
    border: 1px solid #FF4746;
    color: #FF4746;
    top: -6px;
    right: -2px;
    background: #ffffff;
    font-size: 0.5rem;
}

.bot .order-box .usebind {
    height: 120px;
    padding: 0 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.bot .order-box .usebind text {
    color: #202020;
}

.bot .order-box .usebind .bindbut {
    height: 60px;
    line-height: 60px;
    padding: 0 18px;
    color: #FF4746;
    border:1px solid #FF4746;

}

.bot .function-box {
    background: #fff;
    box-shadow: 0px 2px 2px 0px rgba(213,213,213,0.5);
    border-radius: 0.25rem;
    overflow: hidden;
    margin-top: 0.5rem;
    padding: 0.5rem 0 0 0;
}

.bot .function-box .item {
    width: 25%;
    text-align: center;
    margin-bottom: 1rem;
    display:inline-block;
    float: left;
}

.bot .function-box .item .imga {
    width: 1.2rem;
    height: 1.2rem;
    background-repeat: no-repeat;
    background-size: auto 1.2rem;
    margin: 0 auto;
}
.item_task .imga{
    background-image: url(../images/cold.png);
}
.item_add .imga{
    background-image: url(../images/tx.png);
}
.item_draw .imga{
    background-image: url(../images/ka.png);
}
.item_group .imga{
    background-image: url(../images/my_down.png);
}
.item_dj .imga{
    background-image: url(../images/my_level.png);
}
.item_set .imga{
    background-image: url(../images/profile.png);
}
.item_bd .imga{
    background-image: url(../images/profile-bd.png);
}
.item_mess .imga{
    background-image: url(../images/mess.png);
}
.item_imess .imga{
    background-image: url(../images/imess.png);
}
.item_out .imga{
    background-image: url(../images/out.png);
}
.item_pri .imga{
    background-image: url(../images/p_icon.png);
}
.item_tasktb .imga{
    background-image: url(../images/tb_icon.png);
}
.item_taskuse .imga{
    background-image: url(../images/p_icon.png);
}
.item_muse .imga{
    background-image: url(../images/use_icon.png);
}
.item_pub .imga{
    background-image: url(../images/icon_21.png);
}
.item_help .imga{
    background-image: url(../images/help.png);
}

.bot .function-box .item text {
    display: block;
    color: #666;
    line-height: 24px;
    font-size: 0.65rem;
}

.top {
    background: url("../images/userbg.png") no-repeat;
    background-size: 100% 100%;
    background-position: center;
    height: 7rem;
    padding: 0 0.5rem;
}
.thin-border_b img{
    width: 1rem;
}
.headmsg {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    padding-top: 1rem;
}

.headmsg .avatar {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.headmsg .namebox {
    -webkit-box-flex: 1;
    flex: 1;
    font-weight: 500;
    color: #ffffff;
}

.headmsg .namebox .name {
    overflow: hidden;
    display: box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.headmsg .namebox .statu {
    background: rgba(255,255,255,0.6);
    padding: 0 0.25rem;
    margin-top: 10px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 0.5rem;
    border-radius: 1rem;
}

.headmsg .namebox .statu image {
    height: 38px;
    width: 38px;
    margin-right: 10px;
}

.headmsg .namebox .statu .card_name {
    color: #666;
    font-weight: 500;
    font-size: 0.6rem;
    padding: 0.15rem;
}

.headmsg .jifen {
    min-width: 160px;
    height: 50px;
    background: rgba(255,255,255,0.3);
    border-radius: 25px 0px 0px 25px;
    padding: 0 18px;
    color: #ffffff;
    line-height: 50px;
}

.mybot {
    margin-top: -2rem;
    padding: 0 0.5rem;
}

.app-version {
    padding: 0 0 20px 0;
    text-align: center;
    line-height: 40px;
    color: #999;
}
.user_anwbox{
    padding: 0 0.5rem!important;
}
.user_anwtop{
    padding:0.25rem 0 0 0;
}
.user_anwbot{
    padding: 0.25rem 0;
}
.user_anwtop .right{
    color: #999;
    font-size: 0.65rem;
}
/*task*/
.font_13px_999{
    font-size: 0.65rem;
    color: #999;
}
.task_top{
    padding:10px;
    background:#fff;
}
.task_top .head_img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.task_top_name{
    padding-left: 10px;
}
.task_top_l{
    position: relative;
}
.task_top .icon_img{
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: -0.5rem;
    top: 0rem;
}
.task_nickname{
    color: #5b749d;

}
.task_content{
    margin-top: 0.5rem;
    background: #fff;
    padding: 0.5rem;
}
.warning_bg{
    background: rgba(249, 0, 0, 0.1);
}
.task_contenthead{
    padding: 0.3rem 0;
    color: #999;
    border-bottom: 1px solid #ddd;
}
.task_contenthead span{
    color: #ed414a;
}
.task_content_in{
    padding: 0.5rem 0 0 0;
}
.task_content_content{
    min-height: 3rem;
}
.task_content_img {
    padding-top: 0.5rem;
}
.task_content_img li{
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 0.2rem 0.2rem 0;
    overflow: hidden;
    align-items: center;
    display: -webkit-flex;
}
.task_content_img img{
    width: 100%;
}
.task_desc_time{
    color: #999;
    font-size: 0.65rem;
    padding: 0.5rem 0;
}
.task_ka_item{
    display: inline-block;
    color: #fff;
    background: #000;
    min-width: 3.5rem;
    text-align: center;
    padding: 0.3rem 0;
    white-space: nowrap;
    border-radius: 0.2rem;
    font-size: 0.6rem;
    float: left;
    margin: 0 0.1rem 0.1rem 0;
}
.task_ka_item:nth-of-type(1),.task_ka_item:nth-of-type(2),.task_ka_item:nth-of-type(3),.task_ka_item:nth-of-type(4){
    background: #fc03ba;
}
.task_ka_item:nth-of-type(5),.task_ka_item:nth-of-type(6),.task_ka_item:nth-of-type(7),.task_ka_item:nth-of-type(8){
    background: #017efd;
}
.task_ka_item:nth-of-type(9){
    background: #fa7705;
}

.task_reply_top {
    padding: 0.5rem;
    background: #fff;
}
.task_reply_top_in{
    border-bottom: 1px solid #ddd;
    padding: 0 0rem 0.5rem 0;
}
.task_reply_topr{
    width: 2rem;
    text-align: right;
    height: 1.1rem;
    color: #0070ff;
}
.task_reply_topl{
    padding-left: 0;
}

.task_reply_item {
    position: relative;
    padding: 0 0.5rem;
    background: #fff;
}
.task_reply_in {
    border-bottom: 1px solid #ddd;
    padding: 0.5rem 0;
}

.task_reply_headimg{
    width: 2rem;
}
.task_reply_headimg img{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}


.reply_task_content{
    min-height: 4rem;
}
.task_reply_images img{
    width: 100%;
}
.task_reply_item .item_cell_box{
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
}
.item_cell_start{
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
}
.hide_tips{
    display: inline-block;
    padding: 0.3rem;
    border: 1px dashed #d2dde2;
    color: #d2dde2;
    border-radius: 0.1rem;
}
.task_content_body{
    min-height: 3rem;
}
.task_replay_bottom {
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.task_replay_bottom .task_replay_in{
    color: #ed414a;
    background:url('../images/coin.png') no-repeat;
    display: inline-block;
    background-size: 1rem;
    margin-right: 0.2rem;
    padding-left: 1rem;
}
.task_reply_title{
    padding: 0.3rem 0;
}
.task_reply_images li{
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 0.2rem 0.2rem 0;
}
.task_replay_status{
    color: #999;
    font-size: 0.65rem;
}
.task_replay_status.ing{
    color: #333;
}
.task_replay_status.accept{
    color: #04a50a;
}
.task_replay_status.refuse{
    color: #ed414a;
}

.font_mini{
    font-size: 0.5rem;
}
.task_message {
    height: 2rem;
    border-top: 1px solid #eee;
}
.task_message .item_cell_flex{
    padding-left: 0;
}
.task_message_icon::after {
    border-color: #333;
}
.task_content_nick{
    color: #5b749d;
}
.task_content_hidetip{
    display: inline-block;
    width: 3rem;
    height: 3rem;
    background: url('../images/default.png') no-repeat;
    background-size: 3rem;
    font-size: 0.45rem;
    line-height: 3rem;
}
.task_content_hidetip span{
    background: rgba(0, 0, 0, 0.6);
    border-radius: 0.14rem;
    display: inline-block;
    color: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
}
.pub_btn_puber{
    display: inline-block;
    width: 25%;
    height: 2rem;
    line-height: 2rem;
    float: left;
}
.puber_deal_btn{
    color: #0070ff;
    text-align: right;
    padding: 0 0.25rem;
}
.puber_deal_check{
    width: 2.6rem;
    padding-left: 0.2rem;
}
.task_replay_bottom .weui_cell_hd {
    padding-right: 0;
}
.taked_detail{
    font-size: 0.6rem;
    /*display: inline-block;*/
    display: block;
    border: 1px #999 dashed;
    color: #999;
    padding: 0.5rem;
    border-radius: 0.1rem;
}
.task_content_ka {
    padding: 0.5rem 0;
}
.ka_notice{
    font-size: 0.6rem;
    color: #999;
}


.popup_message_item {
    padding: 0.15rem 0;
    border-bottom: 1px solid #ddd;
}
.popup_message_l{
    width: 3rem;
    padding: .5rem;
}
.popup_message_l img{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
.popup_message_content{
    padding: 0.2rem 0;
    font-size: 0.65rem;
}
.popup_message_nick {
    font-size: 0.7rem;
}
.popup_message_time {
    font-size: 0.5rem;
}
.reply_message{
    padding: 0.5rem;
    color: #0070ff;
}
.reply_message_list .nickname{
    font-size: 0.5rem;
}
.reply_message_item{
    font-size: 0.5rem;
    padding: 0.3rem;
}
.reply_message_list{
    background: #fffeee;
}
.task_complain{
    position: fixed;
    right: 1.25rem;
    bottom: 3rem;
    width: 1.5rem;
    height: 1.5rem;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 1.5rem;
    z-index: 11;
}


.popup_form_text{
    width: 100%;
    margin: 0.5rem 0;
    height: 3rem;
    border-radius: 0;
    padding: 0.2rem;
    border: 0;
    border: 1px solid #ddd;
}
.popup_message_list .item_cell_box{
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
}
.more_message{
    text-align: center;
    display: none;
}
.more_message span{
    color: #999;
    border: 1px solid #999;
    border-radius: 0.1rem;
    font-size: 0.6rem;
    padding: 0.1rem;
    margin: 0.2rem;
    display: inline-block;
}


/*guy*/
.guy_top{
    text-align:center;
    background:#fff;
    padding-top: 1rem;  
}
.guy_headimg img:nth-of-type(2){
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 50%;
    top: 0.2rem;
    margin-left:0.7rem;
}
.guy_headimg img:nth-of-type(1){
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
}
.guy_desc{
    text-align: justify;
    padding: 0.5rem;
}
.guy_center{
    margin-top: 0.25rem;
    background: #fff;
}
.guy_center li{
    padding:0.25rem 0.5rem;
    border-bottom:1px solid #ddd;
}
.guylist_targericon font{
    color: #fff;
    padding: 0.2rem;
    border-radius: 50%;
    font-weight: 700;
}
.guy_credit{
    overflow: hidden;
    line-height: 2rem;
}
.guy_contact{
    line-height: 2rem;
}
.guy_contact_tel{
    background-image: url('../images/tel.png');
}
.guy_contact_wx{
    background-image: url('../images/weixin.png');
}
.guy_contact p{
    width: 7rem;
    height: 2rem;
    text-align: right;
}
.guy_contact_tel ,.guy_contact_wx{
    background-image: url(../images/tel.png);
    width: 3rem;
    height: 2rem;
    display: inline-block;
    background-size: auto 1.3rem;
    background-repeat: no-repeat;
    background-position: center;
}
.guy_contact_wx{
    background-image: url(../images/weixin.png);
}

.guy_givetask{
    margin-top: 0.25rem;
    background: #fff;
    padding: 0.5rem;
}
.guy_notice{
    text-align:justify;
    display: inline-block;
    margin-top: 0.25rem;    
}
.givetask_btn{
    color: #fff;
    background: #ed414a;
    /* padding: 5px 10px; */
    border-radius: 0.15rem;
    display: block;
    text-align: center;
    height: 2rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
}
.guy_headimg{
    position: relative;
}


/*money*/
.page_money_inbtn{
    padding: 1rem 0.5rem;
}
.tr{
    text-align: right;
}

.money_log_item {
    padding: 0 0.5rem;
    background: #fff;   
}
.money_log_item_in{
    padding: 0.5rem 0;
    border-bottom: 1px solid #ddd;
}
.money_log_item .item_cell_flex{
    padding-left: 0;
}
.money_log_money{
    color: #ed414a;
    font-size: 0.8rem;
}
.money_log_in{
    color: #04a50a;
}
button,input{
    border:0;
}
.mt2{
    margin-top: 2rem;
}
/*mypub*/

.page_mypub .index_sort{
    background: #fff;
    opacity: 0.95;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    max-width: 640px;
}
.page_mypub .index_sort .head_list{
    white-space: nowrap;
    overflow-x: auto;
    font-size: 0;
    border-bottom: 1px solid #ddd;
}
.page_mypub .index_sort li{
    display: inline-block;
    font-size: 0.7rem;
    position: relative;
    width: 20%;
}
.page_mypub .index_sort li .name{
    padding: 0.5rem;
    display: inline-block;
}
.page_mypub .index_sort li .line{
    display: inline-block;
    width: 100%;
    height: 0.1rem;
    background: #ff5f27;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;

}
.page_mypub .index_sort li i{
    position: absolute;
    z-index: 1;
    font-size: 0.5rem;
    right: -0.1rem;
    color: #fff;
    background: #f00;
    height: 0.7rem;
    border-radius: 0.45rem;
    padding: 0 0.1rem;
    line-height: 0.75rem;
    top: 0.1rem;
    min-width: 1rem;
    text-align: center;
}


.page_mypub .head_line{
    height: 0.1rem;
    position: relative;
}
.page_mypub .head_line span{
    height: 0.1rem;
    display: inline-block;
    width: 3rem;
    background: #ff5f27;
    position: absolute;
    z-index: 1;
}
.page_mypub .no_data_notice {
    color: #333;
}

/*privatelist*/

.publist_item{
    background: #fff;
    padding: 0 0.5rem;
    position:relative;
    overflow: hidden;   
}

.publist_item_in{
    padding: 0.5rem 0;
    border-bottom: 1px solid #ddd;
}

.publist_item_title{
    color: #333;
    padding: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;   
}

.publist_item_headpic img:nth-of-type(1){
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
.publist_item_headpic img:nth-of-type(2){
    position: absolute;
    top: -0.15rem;
    left: 1.35rem;
    width: 1rem;
}
.publist_item_bottom{
    padding: 0.25rem 0;
    overflow: hidden;   
}

.publist_item_headpic{
    width:2rem;
    position: relative;
}
.item_nickname{
    color:#576b95;
}
.publist_task_status{
    color: #999;
}
.publist_task_ing{
    color: #04a50a;
}

/*privatetask*/
.privatetask_top{
    background: #fff;
    padding: 0.5rem;
}
.privatetask_head{
    width: 2rem;
}
.privatetask_head img{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
.privatetask_title{
    border-bottom: 1px solid #eee;
    color: #999;
}
.privatetask_content{
    min-height: 3rem;
}
.page_privatetask .guy_contact {
    background: #fff;
    padding: 0 0.5rem;
}
.guy_contact_in{
    border-top: 1px solid #eee;
}
.privatetask_img{
    padding: 0.5rem 0;
}
.privatetask_img_item{
    width: 3rem;
    height: 3rem;
    margin: 0 0.2rem 0.2rem 0;
    float: left;
}
.privatetask_img_item img{
    width: 100%;
}
.privatetask_time{
    border-top: 1px solid #eee;
}
.privatetask_log {
    background: #fff;
}

.private_deal{
    background: #fff;
}
.private_btn{
    display: inline-block;
    width: 47%;
    text-align: center;
    height: 2rem;
    line-height: 2rem;
    background: #ed414a;
    color: #fff;
    border-radius: 0.2rem;
    float: left;
}
.private_btn:nth-of-type(2){
    margin-left: 5%;
    background: #309817;
}

/*down*/
.down_up{
    position: absolute;
    right: 0;
    top: 0.25rem;
    background: #fff;
    border-radius: 1rem 0 0 1rem;
    padding: 0.1rem 0.5rem;
    font-size: 0.6rem;
    z-index: 5;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.user-top {
    background-size: 100% auto;
    padding: 0 0.5rem;
    padding-top: 2rem;
    margin-bottom: 0.5rem;
}

.user-top .info {
    padding-top: 1rem;
    color: #fff;
}

.user-top .info .name {

}

.user-top .info .rank {

}

.user-top .detial {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    border-radius: 0.2rem;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}

.user-top .detial::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: -10px;
    left: 6px;
    right: 6px;
    height: 100%;
    border-radius: 0.2rem;
    background-color: rgba(255,255,255,0.6);
}

.user-top .detial .avatar {
    position: absolute;
    top: -1.5rem;
    right: 0.5rem;
    width: 3rem;
    height: 3rem;
    border: 1px solid #fff;
    border-radius: 50%;
}

.user-top .detial .item {
    -webkit-box-flex: 1;
    flex: 1;
    padding: 0.5rem 0;
    text-align: center;
    color: #333;
}

.user-top .detial .item .num {
    color: #f6854b;
    font-weight: bold;
}
.user-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    background: #fff;
}

.user-link .item {
    padding: 0.5rem;
    text-align: center;
    color: #000;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}

.user-link .item.bg01 {
    background-image: url(https://ui.fhcloudapi.cn/urmyx/img_fsales/center-bg01.jpg);
}

.user-link .item.bg02 {
    background-image: url(https://ui.fhcloudapi.cn/urmyx/img_fsales/center-bg02.jpg);
}

.user-link .item.bg03 {
    background-image: url(https://ui.fhcloudapi.cn/urmyx/img_fsales/center-bg03.jpg);
}

.user-link .item .icon {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0.5rem auto 0.5rem;
}

.down_showposter{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
}
.down_imgbox{
    z-index: 33333;
    position: fixed;
    text-align: center;
    width: 100%;
    text-align: center;
}
.down_imgbox img{
    width: 13rem;
    margin-top: 0.5rem;
}
.down_tab .button{
    padding: 0;
    margin: 0;
    width: 4rem;
    display: inline-block;
}
.down_tabin{
    flex: 1;
    text-align: center;
}
.down_copybox{
    display: none;
}
.taotitle{
    position: relative;
    border: 1px dashed #ed414a;
}

.downa_item{
    padding: 0 0.5rem;
    background: #fff;
}
.downa_item_in {
    border-bottom: 1px solid #eee;
    padding: 0.5rem 0;
}
.downa_item_l{
    width: 2rem;
    height: 2rem;
    text-align: center;
}
.downa_item_l img{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
.downa_item:last-child .downa_item_in{
    border-bottom: 0;
} 

.link_box{
    background: #fff;
    padding: 0.5rem;
}
.linka_item{
    padding: 0.25rem 0;
    border-bottom: 1px solid #eee;
}
.linka_l{
    padding-left: 0;
    color: #666;
}
.link_box a:last-child .linka_item{
    border-bottom: 0;
}

/*no_data*/
.no_data{
    color: #999;
    text-align: center;
    padding: 0.5rem;
    font-size: 0.5rem;
    background: #fff;
}
.no_data p{
    height: 2rem;
    background: url(../images/none.png) no-repeat;
    background-size: 2rem;
    background-position: center;
}

/*ad*/
.article_title {
    margin-bottom: 0.5rem;
    line-height: 1.4;
    font-weight: 400;
    font-size: 1.2rem;
    word-break: break-all;
}
.article_meta_time {
    font-style: normal;
    color: #8c8c8c;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.4rem;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
}
.page_ad .ad_content {
    position: relative;
    padding: 1rem 0.75rem 2.5rem;
    background: #eee;
    min-height: 100%;
}
/*myreply*/
.myreply_item{
    background: #fff;
    padding: 0 0.5rem;
}
.myreply_item_in{
    padding: 0.5rem 0;
    border-bottom: 1px solid #ddd;
}
.myreply_item_bot .item_cell_flex{
    padding-left: 0;
}
.myreply_item_title{
    color: #333;
    min-height: 2rem;
}
.myreply_item_body {
    color: #999;
}
.myreply_item_bot .money_icon{
    background: url('../images/coin.png') no-repeat;
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
    padding-left: 1rem;
    margin-left: 0.5rem;
}

/*show images*/
.need_show_images_item {
    display: -webkit-flex;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    overflow: hidden;
    margin: 0 0.1rem 0.1rem 0;
    border: 1px solid #eee;
}

.need_show_images_item img{
    width: 100%;
}
.photo-browser-zoom-container{
    height: 80%;
}
.need_show_images_mini{
    width: 2.5rem;
    height: 2.5rem;
}


/*pubuse*/
.wd4rem{
    width: 4rem;
}
.wd4rem{
    width: 5rem;
}
.pubuse_prizegood{
    display: none;
}
.pub_show_goodimg{
    width: 5rem;
    height: 3.5rem;
    overflow: hidden;
    align-items: center;
    display: flex;
}
.pub_show_goodimg img{
    width: 100%;

}

/*usetask*/
.page_usetask .list_container,.page_mypub .list_container{
    margin-top: 0.23rem;
}
.page_usetask ::-webkit-scrollbar ,.page_mypub ::-webkit-scrollbar{
    width: 0;
}

.page_usetask ::-webkit-scrollbar-track-piece ,.page_mypub ::-webkit-scrollbar-track-piece{
    border: none;
    background-color: #f5f5f5
}

.page_usetask ::-webkit-scrollbar-thumb ,.page_mypub ::-webkit-scrollbar-thumb{
    width: 0;
    background: #cbcbcb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.page_usetask .good_item,.page_mypub .good_item{
    width: 49%;
    background: #fff;
    float: left;
    margin-bottom: 0.3rem;
}

.page_usetask .good_img,.page_mypub .good_img{
    width: 100%;
    height: 7.9rem;
    overflow: hidden;
    align-items: center;
    display: -webkit-flex;
    position: relative;
}
.page_usetask .good_img img,.page_mypub .good_img img{
    width: 100%;
}
.page_usetask .good_title ,.page_mypub .good_title{
    font-size: 0.6rem;
    line-height: 0.9rem;
    color: #333;
    height: 2.2rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    padding: 0.3rem;
}
.page_usetask .good_bot ,.page_mypub .good_bot{
    font-size: 0.7rem;
    color: #ed414a;
    padding: 0.3rem;
    height: 1.6rem;
}
.page_usetask .price_icon,.page_mypub .price_icon{
    background: url('../images/coin.png') no-repeat;
    padding-left: 0.8rem;
    background-size: 0.6rem;
    font-size: 0.6rem;
    background-position: left center;
}


.page_usetask .list_container a:nth-child(even) .good_item ,.page_mypub .list_container a:nth-child(even) .good_item{
    margin-left: 2%;
}

.page_usetask .good_cart,.page_mypub .good_cart{
    background: url(../images/rq1.png) no-repeat;
    height: 1rem;
    padding-left: 0.7rem;
    background-size: 0.6rem;
    background-position: left 0.15rem;
    font-size: 0.6rem;
}
.usegood_status_empty{
    position: absolute;
    width: 100%;
    height: 100%;
}
.usegood_status_empty{
    background: rgba(0, 0, 0, 0.3); 
    position: absolute;
    width: 100%;
    height: 100%;
}
.usegood_status_empty span{
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    width: 5rem;
    height: 5rem;
    border-radius: 4rem;
    text-align: center;
    line-height: 5rem;
    left: 50%;
    margin-left: -2.5rem;
    color: #fff;
    font-size: 1rem;
    top: 1.5rem;
}

/*usetaskinfo*/
.page_usetaskinfo .task_contenthead{
    padding: 0;
}
.usetaskinfo_step{
    font-size: 0.65rem;
}
.pub_btn2{
    width: 90%;
    border-radius: 2rem;
    height: 1.5rem;
    line-height: 1.5rem;
}
.pub_btn2_box{
    width: 50%;
    float: left;
}
.pub_btn3_box{
    width: 33.3%;
    float: left;
}
.usetask_thumb_img{
    width: 5rem;
    height: 4rem;
    overflow: hidden;
    align-items: center;
    display: -webkit-flex;
}
.usetask_thumb_img img{
    width: 100%;
}
/*tao*/
.tao_box {
    display: none;
}
.tao_box_in{
    position: fixed;
    width: 90%;
    z-index: 22222;
    top: 3rem;
    background: #fff;
    border-radius: 0.2rem;
    left: 5%;
    overflow: hidden;
}
.tao_box_top {
    height: 2rem;
    background: #ed414a;
    color: #fff;
}
.tao_box_top .item_cell_flex{
    padding-left: 2rem;
    text-align: center;
}
.close_tao{
    width: 2rem;
    height: 2rem;
    text-align: center;
    line-height: 1.6rem;
    font-size: 2rem;
}
.tao_box_in .taocon{
    padding: 0.5rem;
    margin-top: 1rem;
}
.tao_box_in .taotitle{
    position: relative;
    border: 1px dashed #ed414a;
}
.tao_box_in .popwtitle {
    position: absolute;
    width: 10rem;
    text-align: center;
    top: -0.5rem;
    background: #ed414a;
    color: #fff;
    margin-left: -5rem;
    left: 50%;
}
.copybox {
    width: 100%;
    /* padding: 1rem 0.5rem; */
    text-align: center;
    display: none;
    padding: 2rem 0;
}
.copy_btn{
    text-align: center;
    padding: 0.2rem;
}
.copy_btn span{
    display: inline-block;
    /* height: 2rem; */
    background: #ed414a;
    color: #fff;
    padding: 0.3rem 1rem;
    border-radius: 1.5rem;
}
.tao_box_bot{
    padding: 0.5rem;
    background: #f1f4f1;
}
.usetask_time{
    height: 1rem;
    line-height: 1.1rem;
}
.taokey_list{
    padding: 1rem 0.5rem;
    min-height: 7rem;
}

.taokey_item{
    display: inline-block;
    background: #41aded;
    color: #fff;
    border-radius: 0.15rem;
    padding: 0.1rem 0.5rem;
    margin-top: 0.25rem;
    margin-right: 0.25rem;
}

/*kefu*/


.kefu_btn{
    position: fixed;
    bottom: 5.5rem;
    z-index: 12222;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: rgba(68, 181, 73, 0.79);
    color: #fff!important;
    font-size: 0.6rem;
    text-align: center;
    line-height: 2rem;
}
.kefu_btn a{
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff!important;
}

.more_btn{
    position: fixed;
    top: 2rem;
    z-index: 12222;
    right: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    color: #fff!important;
    text-align: center;
    background-image: url(../images/more.png);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.2);
}
.more_menu{
    position: fixed;
    width: 3.5rem;
    right: 0.2rem;
    top: 3.8rem;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 0.15rem 0 0.15rem 0.15rem;
    padding: 0.25rem;
    display: none;
}
.more_arrow{
    border: 0.6rem solid transparent;
    border-bottom: 0.6rem solid rgba(0, 0, 0, 0.7);
    width: 0;
    height: 0;
    position: absolute;
    top: -1.18rem;
    right: 0;
}
.more_item{
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 0.25rem 0;
}
.more_item:last-child{
    border: 0;
}
.more_item a{
    color: #fff;
}

.remind_box{
    font-size: 0.6rem;
    background: #eee;
    padding: 0.5rem;
}
.remin_nick{
    color: #777;
}
.addcontent_item .need_show_images_item{
    width: 2.5rem;
    height: 2.5rem;
}
.addcontent_item{
    /*background: #eee;*/
    margin-bottom: 0.25rem;
    padding: 0.25rem 0;
}

/*set*/
.set_showform_box{
    background: #fff;
    padding: 0.5rem;
    margin-top: 0.5rem;
}
.set_showform_item {
    margin-top: 0.5rem;
}
.set_showform_l{
    width: 3rem;
}
.set_showform_item img{
    width: 4rem;
    height: 4rem;
}
.short_input{
    width: 2rem;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

/*quest*/
/*.page_quest {
    background: #fff;
}*/
.page_quest_head{
    font-size: 1rem;
    text-align: center;
    font-weight: 400;
    margin: 0.5rem;
    border-bottom: 1px solid #eee;
}
.page_quest_table{
    width: 98%;
    margin: 0 auto;
    text-align: center;
}
.page_quest_table thead{
    background: #333;
    color: #fff;
}
.page_quest_table th{
    padding: 0.25rem;
}
.page_quest_table td{
    border: 1px solid #EEE;
    padding: 0.15rem;
    text-align: left;
    width: 50%;
}
.page_quest_table td a{
    color: #333;
}
.quest_info_box{
    padding: 0.5rem;
}
.quest_title{
    font-size: 1rem;
    font-weight: 400;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #eee;
}
.quest_body{
    margin-top: 0.5rem;
}



/*ad*/
.article_title {
    margin-bottom: 0.5rem;
    line-height: 1.4;
    font-weight: 400;
    font-size: 1.2rem;
    word-break: break-all;
}
.article_meta_time {
    font-style: normal;
    color: #8c8c8c;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.4rem;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
}
.page_ad .ad_content {
    position: relative;
    padding: 1rem 0.75rem 2.5rem;
    background: #eee;
    min-height: 100%;
}
/*myreply*/
.myreply_item{
    background: #fff;
    padding: 0 0.5rem;
}
.myreply_item_in{
    padding: 0.5rem 0;
    border-bottom: 1px solid #ddd;
}
.myreply_item_bot .item_cell_flex{
    padding-left: 0;
}
.myreply_item_title{
    color: #333;
    min-height: 2rem;
}
.myreply_item_body {
    color: #999;
}
.myreply_item_bot .money_icon{
    background: url('../images/coin.png') no-repeat;
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
    padding-left: 1rem;
    margin-left: 0.5rem;
}

/*show images*/
.need_show_images_item {
    display: -webkit-flex;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    overflow: hidden;
    margin: 0 0.1rem 0.1rem 0;
    border: 1px solid #eee;
}
.need_show_images_item img{
    width: 100%;
}
.photo-browser-zoom-container{
    height: 80%;
}

/*广告*/
.ad_box .ad_userhead img{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.6);
}
.ad_box .ad_content {
    font-size: 0.6rem;
    white-space: nowrap;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    max-width: 14rem;
    background: rgba(0, 0, 0, 0.6);
    height: 1.3rem;
    line-height: 1.3rem;
    margin-left: -0.5rem;
    border-radius: 0rem 1rem 1rem 0;
    padding-left: 0.7rem;
    padding-right: 0.5rem;
    min-width: 10rem;
}
.ad_box .ad_item{
    position: fixed;
    top: 1.8rem;
    z-index: 11;
    padding: 0.1rem 0.5rem;
    color: #fff;
    display: none;
}
.page_advert .pub_task_content{
    min-height: 3rem;
}
.advert_item{
    background: #fff;
    padding: 0 0.5rem;
}
.advert_item_in{
    padding: 0.5rem 0;
    border-bottom: 1px solid #ddd;
}
.advert_item_in .advert_content{
    word-break: break-all;
    min-height: 1.5rem;
}


/*autoadd_list_item*/
.autoadd_list_item{
    padding: 0.5rem 0;
}
.autoadd_list_num{
    padding-left: 0.5rem;
}

/*bar*/


/*tbtask*/
.tbtask_log_item {
    background: #fff;
}
.tbtask_log_top {
    color: #999;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.25rem;
}
.tbtask_log_time{
    color: #666;
    font-size: 0.6rem;
}
.tbtask_log_img,.tbtask_log_img img{
    width: 3rem;
    height: 3rem;
}
.tbtask_logitem {
    padding-top: 0.25rem;
}
.compress_box{
    height: 3rem;
    overflow: hidden;
    position: relative;
}

.showmore_tbtask{
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    height: 2rem;
    line-height: 2rem;
}

.tbtask_dealbtn{
    font-size: 0.65rem;
}
.tbtask_content_item{
    background: rgba(238, 238, 238, 0.7);
    padding: 0.1rem;
    margin-bottom: 0.15rem;
}
.tbtask_content_time {
    color: #666;
    font-size: 0.6rem;
}
.tbtask_content_incontent{
    padding-bottom: 0.2rem;
}
.tbtask_content_list{
    padding: 0.25rem 0;
}

.task_reply_list .task_reply_item:last-of-type .task_reply_in{
    border-bottom: 0;
}

.tbtask_log_content{
    padding-bottom: 0.25rem;
    background: rgba(238, 238, 238, 0.6);
}
.tbtask_log_content_boss{
    background: rgba(204, 255, 208, 0.5);
}
.tbtask_btn_50{
    width: 50%;
    padding: 0 0.25rem;
}
.joined_list{
    background: #fff;
    padding: 0.5rem;
}
.joined_headimg img{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
.joined_head{
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.25rem;
    color: #999;
}
.joined_item {
    padding: 0.25rem 0;
    border-bottom: 1px solid #eee;
}
.joined_item:last-child{
    border-bottom: 0;
}
.joined_nick {
    font-weight: 300;
    color: #333;
}
.joined_notice{
    font-size: 0.6rem;
    color: #999;
}
.mt025{
    margin-top: 0.25rem;
}

.tbtask_log_list{
    position: relative;
}
.end_hide{
    height: 3rem;
    overflow: hidden;
    position: relative;
}
.end_show_box,.end_hide_box{
    height: 3rem;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));
}
.end_showmore{
    font-size: 1rem;
    font-weight: 700;
    color: #5d5d5d;
    padding-top: 1.5rem;
}
.end_show_bot{
    display: none;
    bottom: -0.25rem;
    top: initial;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.4)));
}
.height_animate{
    animation: heightanimate 500ms;
    -webkit-animation: heightanimate 500ms;
}
@keyframes heightanimate{
    0%{
        top:0%;
    }100%{
        top:100%;
    }
}
@-webkit-keyframes heightanimate{
    0%{
        top:0%;
    }100%{
        top:100%;
    }
}


/*black*/
.black_user_box{
    display: none;
}
.headimg img{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
.find_moneyinfo {
    color: #999;
}
.font_mid {
    font-size: 0.6rem;
}
.task_top_desc{
    color: #333;
}

/*money*/
.addmtype_box{
    background: #fff;
    padding: 10px;
    text-align: center;
}
.addmtype_title{
    margin-bottom: 20px; 
}
.addmtype_kefu img{
    width: 200px;
}

.form_cityitem{
    display: -webkit-inline-box;
}

.uploader_input >div {
    width: 100%!important;
    height: 100%!important;
    top: 0!important;
}

/**/
.share_typein{
    width: 8rem;
    margin: 0 auto;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    margin-top: 0.25rem;
}
.share_typebtn{
    width: 50%;
    text-align: center;
    background: #fff;
    line-height: 1.5rem;
    font-size: 0.65rem;
}
.share_typeact{
    background: #ed414a;
    color: #fff;
}
.hideitem{
    display: none;
}

/**/
.showform_item{
    padding: 0.5rem 0;
    border-bottom: 1px solid #ddd;
    font-size: 0.65rem;
}
.showform_name {
    padding-left: 0;
}
.showform_btn{
    background: #ed414a;
    color: #fff;
    padding: 0.05rem 0.5rem;
    border-radius: 0.1rem;
    font-size: 0.6rem;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    margin-left: 0.5rem;
}
.showform_view{
    background: #999;
}

.subform_citem{
    font-size: 0.65rem;
    padding: 0.15rem;
    margin: 0;
}
.subform_cin{
    padding-left: 0.1rem;
}

.page_pubin .content{
    background: #fff;
    height: 100vh;
}
.tsort_item{
    width: 25%;
    padding: 10px 0;
    text-align: center;
    float: left;
}
.tsort_itemimg img{
    width: 2rem;
    height: 2rem;
}
.tsort_itemname{
    color: #666;
}

.tbtask_tkl{
    padding: 0.25rem;
    text-align: center;
}
.tbtask_tklbtn{
    display: inline-block;
    background: #ed414a;
    color: #fff;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    box-shadow: 1px 1px 1px 1px hsla(0, 0%, 0%, 0.1);
}
.tbtask_tkltext{
    border: 1px solid #ddd;
    padding: 0.5rem;
    display: none;
}


/*level*/
.level_top{
    background: #ed414a;
    height: 4rem;
    text-align: center;
    position: relative;
}
.level_tophead{
    padding-top: 0.5rem;
}
.level_tophead img{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
}
.level_topname{
    color: #fff;
    font-weight: 400;
    padding-top: 0.25rem;
}
.level_type{
    position: absolute;
    bottom: -4.5rem;
    width: 96%;
    margin-left: 2%;
    height: 7rem;
    background: #fff;
    border-radius: 0.25rem;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    padding: 0.5rem;
}
.level_item{
    width: 33.3%;
    text-align: center;
}
.level_item span{
    background: #ddd;
    color: #fff;
    display: inline-block;
    line-height: 3rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    font-size: 0.5rem;
    box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.1);
}
.level_item_act span{
    background-color: #ed414a;
    background-image: url('../images/vipbg.png');
    background-size: 2rem;
    background-position: center;
    background-repeat: no-repeat;
}
.level_info{
    width: 7.6rem;
    font-size: 0.6rem;
    color: #999;
    text-align: center;

    margin: 0 auto;
    margin-top: 0.2rem;
}
.level_pay{
    /*margin-top: 5.2rem;*/
    background: #fff;
    padding: 5.5rem 0.5rem 0.5rem 0.5rem;
}
.level_btn{
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
    font-size: 0.65rem;
}
.level_btn:last-child{
    border-bottom: 0;
}
.level_btnname{
    font-weight: 400;
}
.level_btnp{
    font-size: 0.6rem;
    color: #999;
}
.level_paybtn{
    background: #ed414a;
    color: #fff;
    padding: 0.15rem 1rem;
    border-radius: 1rem;
    line-height: 35px;
}
.tc{
    text-align: center;
}
.level_pass{
    text-align: center;
    font-size: 0.5rem;
    color: #666;
    padding-top: 0.5rem;
    color: #ed414a;
}
.level_content{
    padding: 0.5rem;
    background: #fff;
}
.level_contentitem{
    padding-bottom: 1rem;
}
.level_t{
    padding-left: 0.5rem;
    border-left: 4px solid #ed414a;
    line-height: 1.3;
    color: #333;
    font-weight: 400;
}
.level_in{
    color: #666;
    font-size: 13px;
    padding: 0.5rem 0;
}
.level_initem{
    padding-bottom: 0.25rem;
}
.level_price{
    color: #ed414a;
    font-size: 0.8rem;
}
.list_address{
    font-weight: 400;
    font-size: 15px;
}

.task_top .guy_contacta{
    color: #666;
    font-size: 12px;
}
.task_top .guy_contact_wx,.task_top .guy_contact_tel{
    height: 1rem;
    width: 1.5rem;
    background-size: contain;
}

.form_per .quest_btn{
    display: inline-block;
    width: 1.5rem;
    text-align: center;
    background: #eee;
    border: 1px solid #ddd;
    font-size: 0.6rem;
}

/*login*/
.login_form{
    margin-top: 8rem;
    width: 80%;
    margin-left: 10%;
}
.login_form_item {
    background: #fff;
    margin-bottom: 1rem;
    height: 2rem;
    border-radius: 0.1rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    overflow: hidden;
}
.login_form_item_l{
    width: 2rem;
    height: 2rem;
    padding: 0.2rem;
    padding-left: 0.5rem;
}

.login_form_account{
    background-position: 0.5rem 0.4rem;
    background-size: 2.6rem;
}
.login_form_item_r {
    height: 2rem;
    font-size: 0.8rem;
    line-height: 2rem;
}
.login_form_input{
    height: 2rem;
    border: 0;
    width: 100%;
}
.login_form_item_icon{
    background-image: url(../images/account.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: 4.5rem;
}
.login_form_account .login_form_item_icon{
    background-position: 0.3rem;
}
.login_form_pass .login_form_item_icon{
    background-position: -1.45rem 0.3rem;
}
.login_form_code .login_form_item_icon{
    background-position: -2.9rem 0.3rem;
}
.login_form_btn{
    text-align: center;
    line-height: 2rem;
    font-size: 0.8rem;
    background: #fccf38;
    color: #fff;
    box-shadow: 1px 11px 1px 1px rgba(0, 0, 0, 0.1);
}
.login_form_btn_primary{
    background: #44b549;
}
.login_logo{
    width: 230px;
    margin-top: 4rem;
    height: 36px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 3rem;
}
.login_logo img{
    width: 230px;
    height: 36px;
}

.login_admin_box{
    display: none;
    position: relative;
    z-index: 10001;
}
.login_adminlist{
    background: #fff;
    z-index: 22222;
    position: relative;
    width: 12rem;
    margin-left: 3rem;
    margin-top: 3rem;
    padding: 0.5rem;
    border-radius: 0.1rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    max-height: 20rem;
    overflow: auto;
}
.login_admin_headimg {
    width: 2rem;
    height: 2rem;
}
.login_admin_headimg img{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
.login_admin_item{
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
}
.login_admin_item:last-child{
    border: 0;
}
.login_adminlist_top{
    text-align: center;
    font-size: 0.8rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.5rem;
}
.login_form_deal{
    text-align: center;
}
.logincode{
    height: 1.3rem;
    line-height: 1.3rem;
    padding: 0 0.25rem;
    background: #ddd;
    border-radius: 3px;
    margin-right: 0.25rem;
    font-size: 0.65rem;
}

.tbform_item{
    padding: 0.35rem 0;
    border-bottom: 1px solid #eee;
}

.alogin_logo{
    text-align: center;
}
.alogin_logo img{
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-top: -3rem;
    margin-bottom: 1rem;
}

/**/
.setnick_content{
    position: fixed;
    z-index: 3;
    width: 14rem;
    background: #fff;
    top: 5rem;
    left: 50%;
    padding: 0.5rem;
    border-radius: 0.1rem;
    margin-left: -7rem;
}
.setnick_btn{
    background: #ed414a;
    color: #fff;
    text-align: center;
    border-radius: 3rem;
    width: 5rem;
    margin: 1rem auto;
    height: 1.6rem;
    line-height: 1.6rem;
    margin-bottom: 1rem;
}
.setnick_nick{
    text-align: center;
}
.setnick_nick input{
    width: 5rem;
    border-bottom: 1px solid #ddd;
    text-align: center;
    margin: 0 auto;
    line-height: 2rem;
    border-radius: 0;
}
.setnick_head{
    text-align: center;
    margin-top: 1rem;
    position: relative;
    width: 3rem;
    height: 3rem;
    margin: 1.5rem auto;
}
.setnick_head img{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
}
.setnick_head span{
    position: absolute;
    top: 0.8rem;
    left: 1.1rem;
    color: #999;
    font-size: 1rem;
}
.setnick_headbtn {
    position: absolute!important;
    left: 0;
    top: 0;
    border: 0;
}

.upuser_top{
    background-image: url('../images/utop.png');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 4.3rem;
}
.upuser_body{
    text-align: left;
    padding: 0 0.5rem;
    font-size: 0.6rem;
    color: #333;
}
.upuser_body li{
    list-style-type: unset;
    line-height: 1.5rem;
}
.minibtn{
    line-height: 1.5rem;
    background: #ed414a;
    color: #fff;
    width: 6rem;
    border-radius: 5rem;
    margin: 1rem auto;
    display: block;
}

/*rank*/
.page_rank .content{
    background: #fff;
}
.rank_head {
    height: 4rem;
    display: -webkit-flex;
    padding-top: 1rem;

}
.rank_headitem{
    width: 33.3%;
    text-align: center;
}
.rank_headitem a{
    color: #fff;
    padding: 0.25rem;
}
.rank_headitem.act a{
    border-bottom: 2px solid #fff;
}


.rank-info {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0.5rem;
    margin: 0.5rem;
    background-color: #fff;
    border-radius: 0.2rem;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    margin-top: -1rem;
}

.rank-info .avatar {
    overflow: hidden;
    width: 2rem;
    height: 2rem;
}

.rank-info .avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.rank-info .info {
    -webkit-box-flex: 1;
    flex: 1;
    color: #2a2a2a;
    padding-left: 0.5rem;
}
.rank-info .info .name{
    font-weight: bold;
}
.rank-info .info .totalm{
    color: #666;
    font-size: 0.65rem;
}
.rank-info .rank .num {
    color: #969ffe;
}

.rank-lists {
    padding: 0 0.5rem; 
}

.rank-lists .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0.5rem 0;
    line-height: 1.5;
    border-bottom: 1px solid #eee;
}

.rank-lists .item:nth-child(1) .num,.rank-lists .item:nth-child(2) .num,.rank-lists .item:nth-child(3) .num {
    font-size: 0;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
}

.rank-lists .item:nth-child(1) .num {
    background-image: url(../images/teampb_1.png);
}

.rank-lists .item:nth-child(2) .num {
    background-image: url(../images/teampb_2.png);
}

.rank-lists .item:nth-child(3) .num {
    background-image: url(../images/teampb_3.png);
}

.rank-lists .num {
    width: 2rem;
    height: 2rem;
    text-align: center;
}

.rank-lists .avatar {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.5rem;
    border-radius: 50%;
}

.rank-lists .name {
    -webkit-box-flex: 1;
    flex: 1;
    /* height: 1.5em; */
    padding: 0 0.5rem;
    overflow: hidden;
    display: box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #2a2a2a;
}

.rank-lists .price {
    color: #979bff;
}
.font_red{
    color: #ff5f27;
}
.zanicon{
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url('../images/zan.png');
    background-size: 0.8rem;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.zanmoney{
    font-size: 0.65rem;
    color: #999;
    margin-right: 0.5rem;
}
.zanbtn{
    border: 1px solid;
    font-size: 0.65rem;
    padding: 0 0.5rem;
    border-radius: 1rem;
    line-height: 1;
}
.signed{
    background: #ddd!important;
    color: #333;
}
/**/
.imess_item{
    background: #fff;
    padding: 0.25rem;
    color: #666;
    margin: 0.25rem;
    border-radius: 0.2rem;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 0.5rem;
}
.imess_title{
    font-weight: bold;
}
.imess_time{
    font-size: 0.6rem;
}
.imess_left{
    padding-left: 0;
}
.imess_readed{
    color: #999;
}
.imess_readit{
    display: inline-block;
    border: 1px solid #ddd;
    padding: 0 0.25rem;
    border-radius: 0.1rem;
}

.imgess_top{
    background: #fff;
    padding: 0.5rem;
    color: #999;
    overflow: hidden;
}
.imgess_readall{
    color: #000;
    border: 1px solid #ddd;
    float: right;
    font-size: 0.65rem;
    display: inline-block;
    padding: 0 0.25rem;
}

.page_login{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 100vh;
}

/**/

.bannera_item{
    text-align: center;
    width: 20%;
    float: left;

}
.bannera_item img{
    width: 3rem;
    height: 3rem;
    display: block;
    margin: 0 auto;
}
.bannera_name{
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    height: 1.1rem;
    font-size: 0.6rem;
}
.bannera_jiage{
font-size:0.5rem;
color:#FF9046;
}
.bannera_box{
    padding: 0.25rem 0.5rem;
    overflow: hidden;
    margin-bottom: 0.25rem;
}
.tasktab_sort{
    padding: 0.5rem 0.5rem;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
.tasktab_sorti{
    display: inline-block;
    padding: 0.15rem 1rem;
    border-radius: 2rem;
    border: 1px solid #ddd;
}
.imesss_body{
    height: 13rem;
    overflow: hidden;
    padding: 0.5rem;
    overflow-y: scroll;
}
.imesss_item{
	padding: 0.5rem;
	border-bottom: 1px solid #f3f4f7;
}
.imesss_item .item_cell_flex{
	padding-left: 0;
}
.imesss_itemt{
	font-weight: bold;
	color: #333;
	font-size: 0.7rem;
}
.pub_contact_info{
    padding:5px; margin:10px 0; border:#eee 1px solid;box-shadow: #eee 0px 0px 15px 1px inset;
}
}