.section-user{background:#f5f5f5;padding-bottom:60px;}

.section-user .c-warn{color:#ff6709;display: inline-block;}
.section-user .c-ok{color:#73bb29;display: inline-block;}
.section-user .c-err{color:#ec513c;display: inline-block;}
.section-user .my-popup .fail-tips{font:12px "SimSun";color:#989898;}
.section-user .info-validate .my-popup .fail-tips .tit{margin-bottom:5px;}

.section-user .avatar{width:150px;height:150px;padding:6px;border:1px solid #e9e9e9;border-radius:150px;}
.section-user .avatar img{width:100%;height:100%;}

/* 右侧主体 */
.user-info-box{padding:30px 0 50px;}
.user-info-box .info-base{width:520px;}
.user-info-box .info-base .text-box{padding-left:20px;}
.user-info-box .info-base .phone{font-size:24px;color:#333;margin-top:30px;}
.user-info-box .info-base .id{color:#b0b0b0;font-size:14px;margin-top:15px;}
.user-info-box .info-base .modify{margin-top:20px;}

.user-info-box .info-validate{width:360px;font-size:14px;}
.user-info-box .info-validate .validate{margin-top:35px;}
.user-info-box .info-validate .validate .value{display: inline-block;}

.user-info-box .info-validate .value>div{display:inline-block;margin-left:5px;}
.user-info-box .info-validate .tips-box{margin-top:20px;}
.user-info-box .info-validate .btn-box{margin-top:20px;}
.user-info-box .info-validate .btn-validate{color:#3399ff;text-decoration: underline;font-size:14px;}

.user-work-box .row-box{margin-top:60px;}
.user-work-box .item{width:400px;float: left;}
.user-work-box .item .img{width:100px;height:100px;}
.user-work-box .item .img img{width:100%;width:100%;}

.user-work-box .item .text-box{padding-top:24px;margin-left:15px;}
.user-work-box .item .num{font-size:18px;}
.user-work-box .item .num .label{color:#757575;}
.user-work-box .item .num .value{color:#73bb29;}
.user-work-box .item .btn-box{margin-top:5px;font-size:14px;}

.section-user-info .info-box{margin-top:50px;margin-left:220px;}
.section-user-info .info-box .avatar-box{padding-left:100px;}
.section-user-info .info-box .item{font-size:14px;margin-top:40px;}
.section-user-info .info-box .item .label{width:80px;float: left;text-align:right;}
.section-user-info .info-box .item .value{width:170px;float: left;color:#757575;}
.section-user-info .info-box .item.name .value{width:220px;}
.section-user-info .info-box .item.name .label,.section-user-info .btn-name{line-height:34px;}
.section-user-info .info-box .item .btn-box{float: left;margin-left:10px;}
.section-user-info .info-box .item .btn-box a{color:#3399ff;font-size:14px;}
.section-user-info .info-box .item.validate,.section-user-info .info-box .item.phone{margin-top:10px;}
.section-user-info .info-box .item.validate .tips{height:30px;line-height:30px;}

/* 弹窗样式 */
.user-center-form .content{padding:5px 25px 20px;}
.user-center-form .content .tips-box{color:#aaa;font-size:14px;}
.user-center-form .item .label{float:left;width:65px;text-align:left;height:34px;line-height:34px;font-size:14px;white-space: nowrap;}
.user-center-form .item .value{float:left;width:224px;}
.user-center-form .item .value .my-btn{width:154px;}
.user-center-form .my-form .form-phone-code .input-box{width:180px;}
.user-center-form .my-form .form-phone-code .right-box{width:100px;}
.user-center-form .my-form .form-img-code .input-box{width:120px;}
.user-center-form .my-form .form-img-code .img-code-box{width:82px;padding-top:2px;}
.user-center-form .my-form .form-img-code .tips{height:32px;line-height:32px;}
.layer-phone-1 .form-img-code{margin-top:30px;}
.user-center-form #btn-get-code{font-size:12px;}

.user-center-validate .row-box{font-size:12px;font-family:"SimSun","宋体";margin-top:20px;}
.user-center-validate .row-box .item{float:left;position: relative;padding-left:90px;word-break: break-all;}
.user-center-validate .row-box .item:first-child{width:280px;}
.user-center-validate .row-box .item:last-child{width:240px;}
.user-center-validate .row-box .label{color:#333;display:inline-block;text-align: right;width:85px;position: absolute;top:0;left:0;}
.user-center-validate .row-box .value{color:#757575;display:inline-block;}
.user-center-validate .row-box .my-icon-check{margin-left:5 px;}
.user-center-validate .row-box>.card-box{margin-left:36px;margin-top:15px;}
.user-center-validate .row-box .card-box .img{float:left;width:135px;height:94px;border:1px dashed #ddd;border-radius:5px;}
.user-center-validate .row-box .card-box .img:not(:last-child){margin-right:20px;}
.user-center-validate .row-box .card-box .img img{width:100%;height:100%;}


/* tab */
.section-user .my-tab{border-bottom:1px solid #ddd;width:100%;}
.section-user .my-tab .tab-item{float: left;padding:0 20px;font-size:14px;position: relative;height:32px;} 
.section-user .my-tab .tab-item:not(:first-child)::before{content:"";display:block;height:12px;border-left:1px #ddd solid;position: absolute;top:50%;margin-top:-6px;left:-1px;}
.section-user .my-tab .tab-item a{width:100%;height:100%;color:#757575;}
.section-user .my-tab .tab-item.on a,.section-user .my-tab .tab-item:hover a{color:#73bb29;font-weight:700;}
.section-user .my-tab .tab-item:first-child{padding-left:0;}

.section-user .my-steps{margin-left:120px;margin-top:40px;}
.section-user .steps-form{padding-left:75px;}
.section-user .steps-form .item{position: relative;}
.section-user .steps-form .input-box{width:220px;}
.section-user .steps-form .margin-30{margin-bottom:30px;}
.section-user .steps-form .label{position: absolute;left:-40px;top:0;width:140px;font-size:14px;color:#333;margin-top:5px;text-align: right;}
.section-user .steps-form .value{padding-left:110px;width:100%;position: relative;}

.section-user .steps-form .input-box .left{width:100px;float:left;}
.section-user .steps-form .input-box .left:only-child{width:100%;}
.section-user .steps-form .input-box .right{width:100px;float:right;}
.section-user .middle-line{width:20px;text-align: center;line-height:30px;}
.section-user .steps-form .value .right-box{position: absolute;left:340px;line-height:34px;top:0;cursor: pointer;}
.section-user .steps-form .value .check-box input[type="checkbox"]{display:none;}

.section-user .up-img-box{position: relative;width:136px;height:90px;border:1px dashed #ddd;display:inline-block;text-align: center;}
.section-user .up-img-box:not(:nth-child(3n)){margin-right:20px;}
.section-user .up-img-box .img-box{width:100%;height:100%;display: none;position: absolute;top:0;left:0;}
.section-user .up-img-box .img-box img,.up-img-box .img-box video{width:100%;height:100%;}
.section-user .up-img-box{cursor: pointer;}
.section-user .up-img-box .img-box .operation-box{width:100%;height:100%;display: none;position: absolute;top:0;left:0;}
.section-user .up-img-box .img-box .operation-box>span{cursor: pointer;}
.section-user .up-img-box .img-box .operation-box .btn-show-img{position: absolute;top:0;right:0;width:100%;height:100%;}
.section-user .up-img-box .img-box .operation-box .btn-delete{display:block;width:20px;height:20px;background: url(../images/btn-delete.png) no-repeat center;position: absolute;top:-10px;right:-10px;}
.section-user .up-btn-box{width:100%;height:100%;background:no-repeat center;position: absolute;top:0;left:0;}
.section-user .up-img-box .webuploader-pick{width:100%;height:100%;opacity: 0;}


.section-user .up-img-box .progress{position:absolute;top:0;right:0;background:rgba(0,0,0,0.6);width:100%;height:100%;}
.section-user .up-img-box .progress .progress-bar{height:4px;transition:all .3s;position: absolute;top:50%;margin-top:-1.5px;left:0;padding:0 5%;display:none;}
.section-user .up-img-box .progress .progress-bar::after{content:"";display:block;height:100%;width:100%;border-radius:4px;background:#73bb29;}


.section-user .update-form .up-img-box.update:not(.update-change){border-color:#FF0000;}
.section-user .update-form .up-img-box.update:not(.update-change) .up-btn-box::after,.section-user .steps-form .item.update:not(.update-change) .label::after{content:"补正";color:#fff;background:#ff0000;display: block;width:36px;height:16px;line-height:16px;border-radius:3px;position: absolute;top:-8px;right:-18px;text-align: center;font-size:12px;font-family: "SimSun","宋体";}
.section-user .update-form .label{position: relative;}
.section-user .update-form .item.update:not(.update-change) .label::after{top:2px;left:-45px;}
.section-user .update-form .item.update:not(.update-change) input,.section-user .update-form .item.update:not(.update-change) .input{border-color:#ff0000;}

.section-user .update-form .item .value-text{width:330px;min-height:30px;line-height:30px;margin-bottom:15px;font-size:14px;}
.section-user .update-form .item.ok .update-show,.section-user .update-form .up-img-box.ok .update-show{display:none !important;}
.section-user .update-form .item.update .update-hide,.section-user .update-form .up-img-box.update .update-hide,.section-user .update-form .item.first-update .update-hide,.section-user .update-form .item.first-update .up-img-box.update .update-hide{display:none !important;}

.section-user .up-img-box img.update-hide{width:100%;height:100%;float:left;}
.section-user .update-form .update:not(.update-change) .searchable-select-holder{border-color:#ff0000;}

.section-user .update-form .my-form-item .my-input[type="radio"]{margin-bottom:15px;}
.section-user .update-form .my-input[size="md"][type="radio"] .input{line-height:27px;}

.section-copyright .steps-form{padding-left:10px;padding-right:55px;}
.section-copyright .top-title{border-bottom:1px solid #ddd;padding-bottom:10px;}
.section-copyright .top-title .tit-text{font-size:18px;color:#333;line-height:35px;}
.section-copyright .top-title .unlogin-box{background:#FFFEF7 url(../images/user-center/icon-laba.png) no-repeat 10px center;padding-left:30px;border:1px solid #F0DE7B;width:770px;height:36px;line-height:34px;}
.section-copyright .top-title .unlogin-box .tips{color:#666;}
.section-copyright .top-title .unlogin-box .btn-to-validate{color:#3399fe;font-size:12px;margin-right:10px;}

.section-copyright .row-item{}
.section-copyright .row-item::after{content:'';clear: both;display: block;}
.section-copyright .row-item .item:first-child{width:400px;float: left;}
.section-copyright .row-item .item:last-child{width:400px;float: right;}
.section-user .steps-form .input-box.big-textarea{width:480px;}
.section-user .steps-form .input-box.big-textarea .my-input{height:110px;}

.section-copyright .up-tips-box{position:absolute;top:45px;left:255px;width:270px;}
.section-copyright .up-tips-box .warn{color:#ff0000;font-weight:700;}
.section-copyright .up-tips-box .btn-template{color:#3399fe;text-decoration: underline;}

/*20180925 yhp 作品中心*/
.chstate{overflow: hidden;}
.chstate ul{overflow: hidden; float: left; margin-top:4px;}
.chstate ul li{float: left; position: relative; padding: 0 20px;}
.chstate ul li a{font-size: 14px; color: #757575;}
.chstate ul li a.on,.chstate ul li a:hover{font-size: 14px; font-weight: bold; color: #73bb29;}
.chstate ul li:after{content: ''; height: 14px; width: 1px; background: #dddddd; position: absolute; right: 0; top: 3px;}
.chstate ul li:first-child{padding: 0 20px 0 0;}
.chstate ul li:last-child:after{width: 0;}
.chstate .work-search{ margin-left: 15px; width:170px;height:30px;border:1px solid #ccc;border-radius:30px;padding:0px 30px 0 10px;overflow:hidden;position:relative; float: left;}
.chstate .work-search-inpt{ height: 28px; width:100%;padding-right:0px;color:#666;}
.chstate .work-search .placeholder{color:#ccc;position:absolute;cursor:text;top:6px;left:14px;}
.chstate .work-search .btn-search{display:block;width:15px;height:15px;position: absolute;left:150px;top:50%;margin-top:-7.5px;background:url(../images/search.png) no-repeat center;}
.chstate .optbtn{float: right; overflow: hidden; margin-top: 2px;}
.chstate .optbtn a{display: block; width:68px; height: 26px; text-align: center; line-height: 24px; border-radius: 3px; float: right; margin-left: 10px;}
.chstate .optbtn a.batchbook{background: #fff; color: #73bb29; border: 1px solid transparent;}
.chstate .optbtn a.rightbook{background: #73bb29; color: #fff; border: 1px solid #73BB29;}
.pagecon{margin-top: 20px; color: #aaa; margin-bottom: 20px;}
.pagecon span em{font-style: normal;}
.pagecon p{float: right;}
.pagecon p select{color: #898989;}
.info-tit{height: 30px; background: #f5f5f5; margin-bottom: 20px; font-family: simsun;}
.info-tit p.wkdesc{float: left; padding-left: 35px; line-height: 30px; color: #666; width: 690px;}
.info-tit .stata{color: #666; float:left; line-height: 30px; position: relative; width: 90px; text-align: center;}
.info-tit .stata a.chsta{background: url(../images/user-center/xlicon.png)no-repeat right; padding-right: 22px;}
.info-tit .stata1{color: #666; float:left; line-height: 30px; position: relative; width: 90px; text-align: center;}
.info-tit .stata1 a.chsta1{background: url(../images/user-center/xlicon.png)no-repeat right; padding-right: 22px;}
.info-tit span{float: right; width: 60px; text-align: center; color: #666; line-height: 30px; margin-right: 20px;}
.info-tit .statacon{position: absolute; width: 100%; top: 0; left: 0; background: #fff; border-radius: 5px; box-shadow:-3px 0 3px rgba(0,0,0,.1),3px 0 3px rgba(0,0,0,.1),0 -3px 3px rgba(0,0,0,.1),0 3px 3px rgba(0,0,0,.1); display: none;}
.info-tit .statacon p em{font-style: normal; padding-right: 22px; background: url(../images/user-center/slicon.png)no-repeat right;}
.info-tit .statacon a{display: block; padding-right: 22px;}
.info-tit .statacon1{position: absolute; width: 100%; top: 0; left: 0; background: #fff; border-radius: 5px; box-shadow:-3px 0 3px rgba(0,0,0,.1),3px 0 3px rgba(0,0,0,.1),0 -3px 3px rgba(0,0,0,.1),0 3px 3px rgba(0,0,0,.1); display: none;}
.info-tit .statacon1 p em{font-style: normal; padding-right: 22px; background: url(../images/user-center/slicon.png)no-repeat right;}
.info-tit .statacon1 a{display: block; padding-right: 22px;}

.workinfo{padding: 20px; border: 1px solid #dddddd; display: table; width: 100%; margin-bottom: 20px;word-break:break-all;}
.workinfo dl{display: table-cell; width: 355px; vertical-align: middle; padding-right: 45px;}
.workinfo dl dt{display: table-cell; vertical-align: top;width:80px;height:80px;border:1px solid #ddd;background:no-repeat center;background-size: contain;}
.workinfo dl dt img{width: 80px; height: 80px;}
.workinfo dl dt .img{width: 80px; height: 80px;background:no-repeat center;background-size:contain;}
.workinfo dl dd{display: table-cell; vertical-align: top; padding-left: 15px;}
.workinfo dl dd h3{font-weight: normal; font-size: 14px; color: #333; line-height: 30px; height: 30px; overflow: hidden;}
.workinfo dl dd p{font-size: 12px; color: #aaaaaa; font-family: simsun; margin-top: 8px; line-height: 20px; height: 40px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.workinfo .worktype{display: table-cell; vertical-align: middle; width: 190px; font-family: simsun;font-size: 12px; color: #888888; padding-right: 30px;}
.workinfo .worktype p{line-height: 26px;}
.workinfo .worktype span{border: 1px solid #ddd; color: #999; line-height: 20px; padding: 0 5px; border-radius: 3px; margin-bottom: 10px; margin-right: 4px; display: inline-block;}
.workinfo .workid{display: table-cell; vertical-align: middle; width: 140px; font-family: simsun;font-size: 12px; color: #888888; padding-right: 30px;}
.workinfo .workid p{line-height: 30px;}
.workinfo .workid p span{color: #333;}
.workinfo .workst{text-align: center;display: table-cell; vertical-align: middle; width: 90px; font-family: simsun;font-size: 12px; padding-right: 30px;}
.workinfo .workst p{line-height: 30px;}
.workinfo .workst p a.blue{color: #3399ff;}
.workinfo .workst p.green{color:#73bb29;}
.workinfo .workst p.grey{color:#888;}
.workinfo .workst p.reject span{color: #ec513c; background: url(../images/user-center/tipicon.png) no-repeat right; padding-right: 14px; cursor: pointer;}
.workinfo .workst p.nopass{color:#ec513c;}
.workinfo .workopt{text-align: center;display: table-cell; vertical-align: middle; width: 60px; font-family: simsun;font-size: 12px;}
.workinfo .workopt p{line-height: 30px;}
.workinfo .workopt p a{color:#333;}
.workinfo .workopt p a.blue{color: #3399ff;}

.restips.layui-layer-tips .layui-layer-content{color: #989898; font-family: simsun;}
.restips.layui-layer-tips .layui-layer-content h3{font-weight: normal; font-size: 12px;}
.restips.layui-layer-tips .layui-layer-content p{font-size: 12px;}

.layui-layer.bookdeta .layui-layer-title{font-size: 20px; background-color: #fff; line-height: 60px; padding-left: 40px; border: none; height: 70px; padding-top: 10px; position: relative;}
.layui-layer.bookdeta .layui-layer-title:after{content: ''; width: 820px; height: 1px; background: #ddd; position: absolute; bottom: 0; left: 40px;}
.layui-layer.bookdeta .layui-layer-setwin {right: 43px; top: 35px;}
.layui-layer.bookdeta .layui-layer-setwin .layui-layer-ico{width: 17px; height: 17px; background: url(../images/user-center/closeicon.png) no-repeat;}
.layui-layer.bookdeta.add-monitor .layui-layer-setwin .layui-layer-ico{top:0;left:-15px;}
.layui-layer.bookdeta .layui-layer-content{padding: 20px 40px;}
.bookdetail .detaleft{width: 200px; float: left;}
.bookdetail .detaleft .thebook{position: relative; width: 190px; overflow: hidden;cursor: pointer;border:1px solid #ddd;background:no-repeat center;background-size: contain;}
.bookdetail .detaleft .thebook .bkicon{position: absolute; bottom: 0; right: 0;}
.bookdetail .detaleft .perbook{margin-top: 10px;}
.bookdetail .detaleft .perbook h3{line-height: 36px;}
.bookdetail .detaleft .perbook ul{overflow: hidden;}
.bookdetail .detaleft .perbook ul li{float: left; width: 90px; height: 90px; margin-right: 10px; position: relative; margin-bottom: 10px;}
.bookdetail .detaleft .perbook ul li .bkicon{position: absolute; bottom: 0; right: 0;}
.bookdetail .detacenter{width:410px; float: left; border-right: 1px dashed #ddd;}
.bookdetail .detacenter p{overflow: hidden; font-family:simsun; font-size: 12px; color: #757575; line-height: 18px; padding: 9px 0;}
.bookdetail .detacenter p span{float:left; width: 100px; text-align: right; color: #333; height: 18px;}
.bookdetail .detacenter p em{float: left; font-style: normal; width: 190px;word-break: break-all;}
.bookdetail .detacenter p em.short{width: 90px;}
.bookdetail .detacenter p em.ovhde{height: 18px; overflow: hidden;}
.bookdetail .detacenter p i{font-style:normal; display: inline-block; border: 1px solid #ddd; color: #999; padding: 2px  8px; margin-right: 10px; border-radius: 3px;}
.bookdetail .detacenter p em img{cursor: pointer;}
.bookdetail .detaright{width: 190px; float: right;}
.bookdetail .detaright h2{font-weight: normal; font-size: 12px; font-family: simsun; padding-bottom: 20px;}
.bookdetail .detaright h2 span{color: #757575;}
.bookdetail .detaright h2 span.green{color: #8ac556;}
.bookdetail .detaright ul{padding-left:60px;}
.bookdetail .detaright ul li{position: relative; font-family: simsun; min-height: 90px;}
.bookdetail .detaright ul li h3{font-weight: normal; font-size: 12px; line-height: 16px; color: #757575;}
.bookdetail .detaright ul li p{font-size: 12px; line-height: 16px; color: #757575;}
.bookdetail .detaright ul li h3.bohui{color: #ec513c;}
.bookdetail .detaright ul li:before{content: ''; height: 100%; width: 1px; background: #ddd; position: absolute; top: 0; left: -15px;}
.bookdetail .detaright ul li:after{content: ''; width: 10px; height: 10px; background: #ddd; border-radius: 18px; border: 8px solid #fff; box-sizing: content-box; position: absolute; top: -5px; left: -28px;}
.bookdetail .detaright ul li.on:before{background: #8ac556;}
.bookdetail .detaright ul li.on:after{background: #8ac556;}
.bookdetail .detaright ul li:last-child:before{height: 0;}
.bookdetail .detaright ul li:only-child:before{height: 50%;}
#bigimg {display: none;}
.my-placeholder-wk{position: absolute; color: #aaa; top: 30px; left:12px;}

.section-user .up-img-box.wkedit{width: 120px; height: 120px;}
.section-user .up-img-box.wkedit img{float:left;width: 120px; height: 120px;}
.section-user .up-img-box.wkedit .up-btn-box p{color: #333; font-size:16px; color: #aaa; line-height: 100px; font-weight: lighter;}
.section-user .up-img-box.wkedit .webuploader-pick{opacity: 1; background: #fff;}
.section-copyright .up-tips-box.wktips{top: 75px;}
.usedefut{ margin-top: 8px; margin-bottom: 30px; font-size: 12px; font-family: simsun; color: #5b5b60;}
.usedefut input{margin: 0 5px 0 0; float: left;}
.my-input textarea.input{padding: 10px;}
.typepp{margin-bottom: 30px; color:#aaa; margin-top: -30px; line-height: 22px; font-size: 12px; font-family: simsun;}
.wktags{overflow: hidden; margin-bottom: 30px;}
.wktags li{float: left; margin-top: 4px; margin-bottom: 6px; color: #999999; font-family: simsun; border: 1px solid #ddd; margin-right: 10px; padding: 4px 6px; border-radius: 3px; cursor: pointer;}
.wktags li.on{background: #73bb29; color: #fff; border: 1px solid #73bb29;}
.btnwkedit{overflow: hidden;}
.btnwkedit a{display: block; width: 100px; height: 36px; text-align: center; float: left; line-height: 34px; font-size: 14px;}
.btnwkedit a.tosave{background:#73bb29; border: 1px solid #73bb29; color: #fff; margin-right: 20px;}
.btnwkedit a.tocancle{background:#fff; border: 1px solid #73bb29; color: #73bb29; margin-right: 20px;}


.section-user .up-file-box{background-color:#F4F4F4;width:120px;height:120px;text-align: center;float: left;margin-bottom:30px;margin-left:0 !important;}
.section-user .up-file-box:not(:nth-child(3n)){margin-right:20px;}
.section-user .btn-up-file{background:#F4F4F4 url(../images/user-center/icon-add.png) no-repeat center 35px;font:12px "SimSun";color:#aaa;}
.section-user .btn-up-file-zm{background:#F4F4F4 url(../images/user-center/icon-add.png) no-repeat center 35px;font:12px "SimSun";color:#aaa;}
.section-user .up-file-box .name-box{width:100%;position: absolute;left:0;bottom:-20px;line-height:20px;;color:#666;font:12px "SimSun";overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.section-user .up-file-list{width:400px;}
.section-user .up-file-list .img-box,.section-user .up-file-list .img-box .operation-box{display: block;}

.section-user .up-file-list-zm{width:400px;}
.section-user .up-file-list-zm .img-box,.section-user .up-file-list-zm .img-box .operation-box{display: block;}

.section-user .btn-submit-box{width:100px;margin-left:20px;}
.section-user .btn-submit-box .my-btn{background:#fff;border-color:#73bb27;color:#73bb27;}

.section-user .update-form .item .value-text.textarea-box{width:590px;line-height: 20px;padding-top:5px;padding-bottom:10px;}

.upfile-tips-con{padding-left:30px;margin-top:3px;line-height: 18px;}

.cover-img-btn{width:100%;height:100%;opacity:0;position:relative;}