/***新增**/
#originality-share .icon{
    font-size: 24px;
}

/*下面部分 commont.css搬过来的*/
.fujianDec {
    width: 605px;
    position: relative;
    left: 35px;
    top: -25px;
    color: #999;
    font-size: 12px;
}
.tab-key {
    position: relative;
}
.tab-key .btn {
    position: absolute;
    top: 10px;
    right: 27px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #E59400;
    border: solid #E59400 1px;
    border-radius: 5px;
    outline: none;
    background-color: transparent;
    cursor: pointer;
}

/*顶置导航*/
.top-nav{
    height: 56px;
    width: 100%;
    background-color:#fff;
    z-index: 1005;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    display: none;
}
.top-nav.active{
    display: block;
}
.top-nav .nav-home{
    width: 1180px;
    height: 56px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* border:solid blue 1px; */
}
.nav-home .tab-nav{
    max-width: 700px;
    float: left;
}
.nav-home .tab-nav li{
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:12px 0;
    font-size: 15px;
}
.nav-home .tab-nav li a,
.nav-home .tab-nav li .goodBoy {
    display: inline-block;
    padding:5px 20px;
    color:#333;
    font-size: 15px;
    position: relative;
}
.nav-home .tab-nav li a::after{
    content: "";
    width: 1px;
    height: 20px;
    background-color:#e7e7e7;
    position: absolute;
    top: 5px;
    right: 0;
}
.nav-home .tab-nav li.active{
    border-bottom: #E59400 2px solid;
}
.nav-home .tab-nav .active a{
    color:#E59400;
}
.nav-home .nav-toolbar{
    float: right;
    width: 420px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.nav-toolbar #toolbar-share{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#toolbar-share li a::before {
    font-size: 30px;
}
.share-wrapperTarg li:nth-child(2){
    margin: 0;
}
.swiper-container{
    top: -1px;
}


/*提示用户认证弹窗 start*/
.alert-app {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    display: none;
    line-height: 1.6;
}

.alert-app .alert-home {
    width: 400px;
    height: auto;
    background: #fff;
    margin: 230px auto;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}

.alert-app .alert-home h2 {
    color: #303133;
    font-size: 18px;
    line-height: 2;
}

.alert-app .alert-home p {
    padding: 10px 15px;
    color: #606266;
    font-size: 15px;
}

.alert-app .alert-home .alert-btn {
    text-align: right;
}

.alert-app .alert-home .alert-btn>div {
    display: inline-block;
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    cursor: pointer;
}

.alert-home .alert-btn .alert-btn-ok {
    background: #E59400;
    color: #fff;
}

.alert-home .alert-btn .alert-btn-ok:hover {
    background: rgba(252, 65, 71, 0.6);
}

.alert-home .alert-btn .alert-btn-no {
    border: 1px solid #dcdfe6;
}

.alert-home .alert-btn .alert-btn-no:hover {
    background: rgba(252, 65, 71, 0.1);
    color: #E59400;
}


/**      commont.css  end           */



/*小标题*/
.s-title{
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
    margin-left: 20px;
    position: relative;
    padding-left: 3px;
}
.s-title::before{
    content: "";
    display: block;
    position: absolute;
    height: 16px;
    background: #E59400;
    width: 2px;
    left: -3px;
    top:3px;
}
/*已投稿 暂无数据*/
.noAlready{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.noAlready .noAlready-dec{
    width: 100%;
    text-align: center;
    color:#333;
    font-size: 14px;
    margin-top:14px;
}

/*任务详情*/
.aDetail img{
    max-width: 100%;
}
/*我的投稿*/
.myTouGao{
    padding:20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.myTouGao .top{
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.myTouGao .top .title{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 18px;

}
.myTouGao .btn{
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border:solid #E59400 1px;
    border-radius: 5px;
    color:#E59400;
    cursor: pointer;
}
.myTouGao .dec{
    padding:10px 0;
}
.myTouGao .btn:hover{
    background-color: #E59400;
    color: #fff;
}
.myTouGao img{
    max-width: 100%;
    margin: 0 auto 10px;
    display: block;
}

/*已投稿*/
.already{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.alreday-item{
    position: relative;
    width: 140px;
    text-align: center;
    margin-bottom: 30px;
    cursor: pointer;
}
.alreday-item img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.alreday-item p:nth-of-type(1){
    font-size: 13px;
    margin-top:5px;
}
.alreday-item p{
    font-size: 12px;
    color: #666;
    line-height: 20px;
}
.alreday-item span{
    position: absolute;
    top:50px;
    left: 50%;
    font-size: 12px;
    padding: 0 8px;
    background-color: #fcba07;
    border-radius: 10px;
    color: #fff;
}
/*互动评论*/
.comment textarea{
    width: 100%;
    height: 100px;
    background: #f4f4f4;
    border: 1px solid #ddd;
    outline: none;
    padding:20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 5px;
}
.comment p button{
    width: 80px;
    height: 30px;
    line-height: 30px;
    background-color: #E59400;
    text-align: center;
    display: block;
    color: #FFFFFF;
    font-size: 12px;
    border: none;
    border-radius: 6px;
    outline: none;
    cursor: pointer;
    float: right;
    margin-top:10px;
}
/*评论列表*/
.comment-list{
    width: 100%;
    margin-top:10px;
}
.comment-list-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    border-top: dashed 1px #ddd;
    padding: 20px 0;
}
.comment-list-item:last-child{
    border: none;
}
.comment-list-item img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right:6px;
}
.comment-list-info{
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
}
.comment-list-info>div{
    margin-bottom: 10px;
}
.comment-list-info>div span{
    margin-left: 20px;
    color: #8b8b8b;
    font-size: 15px;
}
.comment-list-info>p{
    font-size: 14px;
    color: #333;
    line-height: 23px;
}
.comment-list-info .huifu{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    text-align: right;
    padding-right:20px;
}
.comment-list-info .huifu span{
    font-size: 14px;
    color: #E59400;
    cursor: pointer;
}
/*二级评论*/
.two-list{
    /*background-color: #eeeeee;*/
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding:10px;
    position: relative;
    font-size: 14px;
    /*color: #8b8b8b;*/
    border-radius: 5px;
    border: 1px solid #aaa;
}
.two-list>li{
    border-bottom: dashed 1px #999;
    margin-top:10px;
}
.two-list>li:last-child{
    border-bottom: none;
}
.comm-kuang{
    position: relative;
}
.two-list::before{
    content: "";
    position: absolute;
    top: -8px;
    left: 15px;
    width: 15px;
    height: 10px;
    background: url("/static/img/small-pic/small_png/arrows-up-01.png") no-repeat;
}

.two-list .two-list-info{
    font-size: 14px;
    letter-spacing: 1px;
}
.two-list .two-list-info>.nickname{
    color: #0D70A3;
}
.two-list .two-list-bar{
    font-size: 14px;
    margin-top:5px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #999;
}
.two-list .two-list-bar .handle{
    color: #E59400;
}
.two-list .two-list-bar>div{
    font-size: 14px;
}
.two-list .two-list-bar>span{
    margin-right: 11px;
    cursor: pointer;
}

/* 投诉任务 */
.supernatant {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 99999;
    overflow: auto;
}

.supernatant>div {
    width: 700px;
    min-height: 631px;
    margin: 100px auto;
    /* overflow: hidden; */
    position: relative;
    border: 2px solid #FFF;
    padding-bottom: 20px;
}

.supernatant>div .img-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.supernatant>div .img-wrapper .mask {
    background-image: url('../../../static/img/design/shuiyin1.png');
    background-repeat: repeat;
    background-size: 32%;
    width: 150%;
    height: 150%;
    left: -60px;
    z-index: 100;
    position: absolute;
}

.supernatant>div img {
    width: 100%;
    height: 100%;
    z-index: 98;
}

.hidden {
    display: none;
}

.show {
    display: block !important;
}
.super-cont{
    padding: 30px 30px 40px 40px;
}
.text-wrapper textarea{
    height:100px;
    width: 596px;
    padding:5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f4f4f4;
    outline:none;
}
.text-wrapper .icon-error{
    color: #E59400;
    font-size: 14px;
}
.text-wrapper .status::before{
    font-size: 14px;
}
.super-cont p{
    font-size: 14px;
    color: #333;
}
.super-cont p span{
    font-size: 12px;
    color: #666;
}
.super-cont .contact>div{
    border-radius: 5px;
    /* overflow: hidden; */
    border: #ddd solid 1px;
    display: inline-block;
    height: 38px;
    width: 291px;
    background: #F4F4F4;
    float: left;
}
.super-cont .contact>div input{
    height: 26px;
    margin: 4px 4px;
    width: 279px;
    outline: none;
    border: none;
    background: #F4F4F4;
}
.super-cont .contact::after{
    content: "";
    display: block;
    clear: both;
}

.detail-upload{
  margin: 20px 0 30px;
}

.detail-upload li {
    float: left;
    width: 128px;
    height: 128px;
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
}
.detail-upload::after{
    content: "";
    display: block;
    clear: both;
}
.detail-upload-btn {
    background: #eee;
    text-align: center;
    /* padding-top: 36px; */
    font-size: 14px;
    color: #666;
}
.icon-add {
    font-size: 14px !important;
    color: #666;
    position: relative;
}
.detail-upload-btn>div:nth-child(2){
    /* top: 36px; */
    left: 0px;
    width: 128px !important;
    height: 128px !important;
}
.detail-upload-btn .webuploader-pick{
    top: 0px;
    left: 0px;
    width: 128px !important;
    height: 128px !important;
}
.detail-upload-btn .icon-add::before {
    position: absolute;
    color: #E59400;
    font-size: 30px;
    top: -95px;
    left: 14px;
}
.must{
    position: relative;
}
.must::before{
    content: "";
    display: block;
    height: 3px;
    width: 3px;
    border-radius: 50%;
    background: #E59400;
    position: absolute;
    top: 9px;
    left: -10px;
}
.detail-upload .status {
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 24px;
    width: 100%;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
}
.detail-upload .icon-close-full {
    position: absolute;
    top: -12px;
    right: -12px;
    color: #000;
    font-size: 24px;
    cursor: pointer;
}


/*关注按钮样式*/
.followNB{
    text-align: center;
}
.followNB .f-btn{
    display: inline-block;
    width: 70px;
    height: 28px;
    line-height: 28px;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 15px;
    cursor: pointer;
    text-align: center;
}
.f-btn.red{
    color:#E59400;
    border:solid #E59400 1px;
}
.f-btn.hui{
    border: solid 1px #666;
    color: #666;
}




/**样式覆盖部分*/
.three-tab .tab-key .tabActive {
    border-top: 3px solid #E59400;
    color: #E59400;
}
.three-tab .tab-key .tabActive a {
    color: #E59400;
}
.oneOk, .twoOk, .thereOk {
    background-color: #E59400!important;
}
.rw-info .rw-info-top {
    color: #ff6000;
}
.rw-info .rw-info-top>span {
    color: #ff6000 !important;
}
.plan-item .twoOk::before, .plan-item .twoOk::after {
    background-color: #E59400;
}
.share-wrapperTarg li a:hover::before {
    color: #E59400!important;
}
#originality-share>div {
    margin-right: 0;
}
.employer-bottom{
    padding-top: 18px;
    border-top: 1px solid #ddd;
}
.employer-bottom>div{
    color: #37a234;
    font-size: 14px;
}
.employer-bottom>div i {
    color: #37a234;
}
.rw-plan .rw-plan-right, .rw-plan-right{
    background-color: #E59400;
}



/**样式重写部分*/

/*** 容器宽度 **/
.detail-home{
    width: 1200px;
}
.detail-home-right{
    width: 300px;
}





.share-wrapperTarg a{
    font-size: 14px;
}
.share-wrapperTarg .font_family:before{
    font-size: 24px;
    color: #333;
}

.right-item1 .right-title, .right-item2 .right-title, .right-item3 .right-title {
  font-size: 15px;
}
.detail-home-right .reward-list{
    padding:0 20px 20px;
    border-bottom: 1px solid #ddd;
}
.detail-home-right .reward-list li{
    margin-top: 20px;
    height: 22px;
    line-height: 22px;
}
.reward-list .type-name{
    float: left;
    color: #666;
    width: 60px;
    overflow: hidden;
}
.reward-list .price{
    float: left;
    color: #ff6000;
    font-size: 16px;
}
.reward-list .price span{
    font-size: 12px;
    color: #999;
}
.reward-list .people-num{
    float: right;
}

.other-work .btn-bottom>a,.other-work .btn-bottom>div:nth-of-type(1){
    background: #ddd;
}
.other-work .btn-bottom>a:hover,.other-work .btn-bottom>div:nth-of-type(1):hover{
    background: #eee;
}
.other-work .btn-bottom>a:active,.other-work .btn-bottom>div:nth-of-type(1):active{
    background: #d1d1d1;
}
.right-item3 .task-list li{
    padding: 20px 0;
    border-top: 1px solid #ddd;
    *zoom: 1;
}
.right-item3 .task-list li:after {
    content: " ";
    display: table;
    clear: both;
}
.right-item3 .task-list .img{
    float: left;
}
.right-item3 .task-list img{
    width: 105px;
    height: 70px;
}
.right-item3 .task-list{
    padding: 0 15px;
}
.task-list .details{
    float: left;
    width: 155px;
    padding-left: 8px;
}
.task-list .details .title{
    height: 44px;
    line-height: 22px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;	/*2为指定行数*/
    -webkit-box-orient: vertical;
    font-size: 13px;
}
.task-list .price-con{
    margin-top: 10px;
}
.price-con em{
    font-size: 15px;
    color: #ff6000;
}
.none{
    display: none;
}