/* index */
.index-categorybox{position: relative;width: 1200px;height: 450px;display: block;margin: 15px auto 0;box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);}
.index-category{position: relative;float: left;width: 200px;height: inherit;background: rgba(0,0,0,0.6);padding: 20px 0;}
.index-category>ul>li{list-style: none;}
.index-category>ul>li>a{position: relative;display: block;color: white;line-height: 46px;padding: 0 20px;padding-right: 30px;}
.index-category>ul>li>a::after{position: absolute;content: '';width: 14px;height: 14px;right: 10px;top:16px;background: url("http://cdn.yupao.com/pc/images/right-arrow.png") no-repeat;background-size: 100% 100%; }
.index-swiperbox{position: relative;float: left;width: 1000px;height:inherit;}
.index-swiper{width: 100%;height: 350px;}
.index-list-recommend{position: relative;width: 100%;height: 100px;background: white;}
.index-recommend-item{position: relative;flex: 1;}
.index-recommend-item a{ position: relative; height: 80px; transition:0.3s ; -webkit-transition:0.3s ; -moz-transition:0.3s ; -ms-transition:0.3s ; -o-transition:0.3s ; }
.index-recommend-item a img{ position: relative; display: block; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ;width:35px;height: 35px; }
.index-recommend-item a h2{text-align: center;font-size: 14px;font-weight: bold;line-height: 25px;}
.index-recommend-item a p{text-align: center;font-size: 14px;color: #777;line-height: 20px;}
.index-recommend-item:hover a{margin-top: -5px;}
.index-category-item{position: absolute;width: 800px;height:450px;background: white;top: 0;left: 200px;z-index: 5;padding: 20px 30px;display: none;}
.index-category-item::after{position: absolute;content:'';width:740px;height: 1px;background: #f1f0f0;top: 40px;left:30px;z-index: 1;}
.index-category-item h3{position: relative;font-size: 14px;color: #0099ff;font-weight: bold;line-height:40px;background: white;z-index: 2;display: inline-block;padding-right: 15px;}
.index-category-list{position: relative;list-style: none;}
.index-category-list li{position: relative;float: left;width: 33.333%;line-height: 35px;}
.index-category-list li a{position: relative;display: block;width: 100%;color: #666;font-size: 14px;padding-right: 20px;box-sizing: border-box;}
.index-category-list li a:hover{color: #0099ff;}
.index-category>ul>li:hover>a{color: #0099ff;}
.index-category>ul>li:hover .index-category-item{display: block;}
.index-container{position: relative;width: 1200px;margin: 0 auto;}
.index-option-item{ position: relative; width: 100%; margin:15px auto 0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.index-option-item .layui-tab{margin: 0;}
.index-option-item .layui-tab .layui-tab-title{ background: white; padding: 0 20px; border: 0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;box-shadow: #e7e6e4 0 0 5px;height: 50px;}
.index-option-item .layui-tab .layui-tab-title li{line-height: 50px;letter-spacing: 1px;}
.index-option-item .layui-tab .layui-tab-title .layui-this:after{height: 50px;}
.index-option-item .layui-tab .layui-tab-content{padding: 10px 0;}
.common-recruit-card{ position: relative; width: 100%; height: 155px; background: white; box-shadow: #e7e6e4 0 0 5px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transition: 0.3s ; -webkit-transition: 0.3s ; -moz-transition: 0.3s ; -ms-transition: 0.3s ; -o-transition: 0.3s ; }
.common-recruit-card:hover{box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);} 
.common-recruit-card a{position: relative;display: block;padding: 10px 20px;}
.common-recruit-card a h6{height: 40px; line-height: 40px;border-bottom: 1px dashed #dcdcdc;font-weight: 600;color: #555;}
.common-recruit-title a h6{padding-right: 130px;}
.common-recruit-title a h6 span{position: absolute;right:20px;top: 10px;font-weight: normal;}
.common-card-avatar{ position: absolute; display: block; width: 80px; height: 80px; top:60px; left: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.common-recruit-card-words{position: relative;width: 100%;padding-left: 100px;height:90px;padding-top: 10px;}
.common-recruit-card-words .recruit-card-username,.common-recruit-card-words .recruit-card-time,.common-recruit-card-words .recruit-card-status{height: 28px;line-height: 28px;}
.recruit-card-time div span,.recruit-card-username div span,.recruit-card-status div span{position: absolute;display: inline-block;width:60px;text-align: justify;left: 0;top: 0;}
.recruit-card-time div,.recruit-card-username div,.recruit-card-status div{position: relative;padding-left: 60px;}
.recruit-card-time div span::after,.recruit-card-username div span::after,.recruit-card-status div span::after{content:'.';width: 100%; display: inline-block; overflow: hidden; height: 0;}
.recruit-card-status i{font-style: normal;color: #ff0000;}
.index-ad-content{position: relative; width: 1200px;height: 300px; margin:0 auto;}
.index-ad-content a,.index-ad-content a img{position: relative;display: block;width: 100%;height: inherit;}
.index-option-more{position: absolute;color: #666;top: 0px;right: 20px;z-index: 1;height: 50px;line-height: 50px;}
.index-jian-box{ position: relative; width: 1200px; padding: 10px 20px;  background: white; box-shadow: #e7e6e4 0 0 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.index-jian-date,.index-jian-area,.index-jian-project,.index-jian-title{position: relative;float: left;line-height: 40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.index-jian-header .index-jian-date,.index-jian-header .index-jian-area,.index-jian-header .index-jian-project,.index-jian-header .index-jian-title{color: #0099ff;}
.index-jian-date{width: 200px;text-align: center;}
.index-jian-area{width: 150px;}
.index-jian-project{width: 200px;}
.index-jian-title{width: 580px;}
.index-jian-header,.index-jian-item{border-bottom: 1px dashed #dcdcdc;}
.index-jian-item a{position: relative;display: block;}
.index-jian-item:nth-last-child(1){border-bottom: 0;}
.index-jian-item:hover{background: #fafafa;}
.user-loginout{margin-left: 10px !important;display: inline-block;color: #888 !important;}
.index-category-ad{position: absolute;left: 0;bottom: 10px;width: 100%;padding:  0 10px;}
.index-category-ad .category-ad-item{position: relative;display: block;width: 100%;height: 120px;padding: 60px 5px 0; background: url("../images/category-ad-jx.png") no-repeat;background-size: 100% 100%;box-shadow: #e7e6e4 0 0 5px;}
.category-ad-item h5,.category-ad-item p{text-align: center;color: white;}
.category-ad-item h5{font-weight: 600;line-height: 25px;}
.category-ad-item p{font-size:12px;line-height: 20px;}
.index-category-ad .category-ad-mall{background: url("../images/category-ad-sc.png") no-repeat;background-size: 100% 100%;}
.index-category-ad .category-ad-zbcg{background: url("../images/category-ad-cg.png") no-repeat;background-size: 100% 100%;}
.index-category-ad .category-ad-app{background: url("../images/category-ad-app.png") no-repeat;background-size: 100% 100%;}
.index-zjxm-box{position: relative;background: white;padding: 10px 20px;box-shadow: #e7e6e4 0 0 5px;}
.index-zjxm-header{position: relative;border-bottom: 1px dashed #dcdcdc;}
.index-zjxm-header-title .index-zjxm-title,.index-zjxm-header-title .index-zjxm-company,.index-zjxm-header-title .index-zjxm-number,.index-zjxm-header-title .index-zjxm-area,.index-zjxm-header-title .index-zjxm-mode{color: #0099ff;}
.index-zjxm-title,.index-zjxm-company,.index-zjxm-number,.index-zjxm-area,.index-zjxm-mode{position: relative;float: left;line-height: 40px;text-align: center;}
.index-zjxm-title{width: 300px;}
.index-zjxm-company{width: 300px;}
.index-zjxm-number{width:200px;}
.index-zjxm-area{width: 200px;}
.index-zjxm-mode{width: 150px;}
.index-zjqy-box{position: relative;padding: 10px 20px;background: white;box-shadow: #e7e6e4 0 0 5px;}
.index-zjqy-header{position: relative;border-bottom: 1px dashed #dcdcdc;}
.index-zjqy-title,.index-zjqy-number,.index-zjqy-jzs,.index-zjqy-xm{position: relative;float: left;line-height: 40px;text-align: center;}
.index-zjqy-title-header .index-zjqy-title,.index-zjqy-title-header .index-zjqy-number,.index-zjqy-title-header .index-zjqy-jzs,.index-zjqy-title-header .index-zjqy-xm{color: #0099ff;}
.index-zjqy-title{width: 400px;}
.index-zjqy-number{width: 200px;}
.index-zjqy-jzs{width: 200px;}
.index-zjqy-xm{width: 200px;}
.common-notice-fixed{ position: fixed; width: 300px; height: 210px; opacity: 1; background: white; box-shadow: #e7e6e4 0 0 10px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; z-index: 5; right: 10px; bottom: 20px; transition: 0.3s ; -webkit-transition: 0.3s ; -moz-transition: 0.3s ; -ms-transition: 0.3s ; -o-transition: 0.3s ; transform:translate(0,0) scale(1); -webkit-transform:translate(0,0) scale(1); -moz-transform:translate(0,0) scale(1); -ms-transform:translate(0,0) scale(1); -o-transform:translate(0,0) scale(1); }
.common-notice-header{position: relative;width: 100%;background: #fafafa;line-height: 50px;text-align: center;font-size:14px;font-weight: bold;color:#0099ff;letter-spacing: 2px;}
.common-notice-lists{position: relative;width: 100%;padding: 10px 0;z-index:5;background: white;}
.common-notice-lists ul li{position: relative;list-style: none;border-bottom: 1px dashed #dcdcdc;}
.common-notice-lists ul li:nth-last-child(1){border-bottom:0;}
.common-notice-lists ul li a {display: block;width: 100%;padding: 0 20px;line-height:35px;font-size: 14px;}
.close-notice-btn{ position: absolute;cursor: pointer; width: 20px; height: 20px; top: -25px; left: 50%; margin-left: -25px; z-index:5; font-size: 20px; background: white; padding: 10px; box-shadow: #e7e6e4 0 0 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }
.common-notice-fixedbtn .close-notice-btn{opacity: 0;}
.common-notice-fixedbtn{ border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; -webkit-transform:translate(0,0) scale(0.1); transform:scale(0.1); -moz-transform:scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }
.notice-fixed-tips{display: none; position: fixed; width: 50px; height: 50px; background: white; text-align: center; right: 30px; top:50%; margin-top: -25px; line-height: 50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;box-shadow: #e7e6e4 0 0 105px;color: #0099ff;letter-spacing: 2px;font-weight: bold;cursor: pointer; z-index:10;}
.common-lists-nodata{position: relative;width: 100%;height: 485px;background: white;box-shadow: #e7e6e4 0 0 5px;}
.common-lists-nodata img{width: 200px;display: block;}
.common-lists-nodata p{text-align: center;margin-top: 20px;font-size:14px;letter-spacing: 2px;}


/* lists */
.lists-category-wrap{ position: relative; margin: 15px auto 0; width: 1200px; box-shadow: #e7e6e4 0 0 5px; background: white; padding:10px 20px;padding-right: 0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.lists-category-itembox{border-bottom: 1px dashed #dcdcdc;padding-top: 10px;}
.lists-category-itembox:nth-last-child(1){border-bottom: 0;}
.lists-category-item{position: relative;padding-bottom: 10px;padding-left: 80px;}
.lists-category-title{position: absolute;display: block;font-size: 14px;color: #333;top: 0;left: 0;height: 25px;line-height: 25px;width: 60px;}
.lists-category-lits{position: relative;display: block;width: 100%;}
.lists-category-lits a{position: relative;display: block;line-height: 25px;float: left;margin-right: 20px;letter-spacing: 1px;}
.lists-category-lits a.lists-category-active{ color: #0099ff;font-weight: 600; }
.lists-recruit-box{position: relative;margin:15px auto 0;width: 1200px;}
.lists-recruit-box .layui-tab-title{ background: white; border-bottom: 0;overflow: hidden; box-shadow: #e7e6e4 0 0 5px;height: 45px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.lists-recruit-box .layui-tab-title .layui-this::after{content: none;}
.lists-recruit-box .layui-tab-title li{line-height: 45px;padding: 0;}
.lists-recruit-box .layui-tab-title li a{line-height: 45px;padding: 0 15px;}
.lists-recruit-box .layui-tab-title li a span{color: #777;}
/* .lists-recruit-box .layui-tab-title .layui-this a{background: #0099ff;color: #fff;} */
.lists-recruit-box .layui-tab-content{padding: 10px 0;}
/* ---渲染广告-- */
.list-ad-content{ margin:5px auto; float:left; padding:0; margin-left:5px; box-shadow:#e7e6e4 0 0 10px; overflow:hidden; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; }
.yupao-list-header-navs{ position: relative; background: white;box-shadow: #e7e6e4 0 0 5px;padding: 0 20px; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; }
.yupao-list-plate-header{position: absolute;right:20px;top:0;line-height: 50px;color: #777;font-size:14px;font-weight: bold;}
.list-plate-description{ position: relative; width: 100%; padding: 10px;background: white;box-shadow: #e7e6e4 0 0 5px; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; }
.list-plate-description p{line-height: 25px;color: #666;font-size: 14px;text-align:left;}
.list-plate-description p span{color: #666;}



/* ucenter-userinfo */
.ucenter-userinfobox{ position: relative; width: 100%; padding: 20px 30px; background: white; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; box-shadow: #e7e6e4 0 0 5px;}
.ucenter-userinfo{position: relative;width: 400px;height:120px;float: left;}
.ucenter-userinfo-avatar,.ucenter-userinfo-detail{position: relative;float: left;}
.ucenter-userinfo-detail{width: 270px;padding:5px 15px;}
.ucenter-userinfo-detail p{line-height:35px;font-weight: 600;color: #494948}
.ucenter-userinfo-detail p:nth-last-child(1){font-weight: normal;}
.ucenter-userinfo-avatar,.ucenter-userinfo-avatar img,.ucenter-userinfo-avatar .ucenter-upload-avatar,.ucenter-userinfo-avatar input{ position: relative; width: 120px; height: 120px;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;cursor: pointer; }
.ucenter-userinfo-avatar .ucenter-upload-avatar{ background: rgba(0,0,0,0.55); opacity:0; display: block; position: absolute; top: 0; left: 0; color: white;font-weight: 600;letter-spacing: 1px; text-align: center; height: 120px; line-height: 120px; transition:0.35s ; -webkit-transition:0.35s ; -moz-transition:0.35s ; -ms-transition:0.35s ; -o-transition:0.35s ; }
.ucenter-userinfo-avatar input{ opacity:0; display: block; position: absolute; top: 0; left: 0;  height: 120px; width: 100%;z-index: 5; }
.ucenter-userinfo-avatar:hover  .ucenter-upload-avatar{opacity: 1;}
.ucenter-userintegral{position: relative;float: left;margin-left: 20px; width: 470px;height: 120px;padding-left: 10px;background: url("http://cdn.yupao.com/pc/images/integralbg.png") no-repeat;background-size: 100% 100%;}
.ucenter-userintegral::before{position: absolute;content: ''; width: 2px;height: 120px;background: url("http://cdn.yupao.com/pc/images/header-line.png") no-repeat;background-size: 100% 100%;top: 0;left:-30px;}
.ucenter-userintegralbox{position: relative;height: inherit;}
.ucenter-userintegral-item{position: relative;flex: 1;padding: 0 20px; height: inherit;}
.ucenter-userintegral-item a{position: relative;display: block;width: 100%; padding:20px 0;}
.ucenter-userintegral-item span{position: relative;text-align: center;display: block;line-height: 30px;font-weight: bold;color: #0099ff;font-size: 18px;}
.ucenter-userintegral-item p{position: relative;text-align: center;line-height: 30px;color: #494948;font-weight: 600;}
.ucenter-navs-app{position: relative;margin: 0 auto;display:block;width: 180px;margin:10px auto 20px;color:white !important;}
.ucenter-navs-appicon{font-size: 14px !important;margin-right:5px !important;}
.user-editinfo a{position: relative;;color: #0099ff !important;}
.user-editinfo a::after{position: absolute;content: '';display: block;width: 10px;height: 10px;right:-20px;top: 5px;background: url("../images/ucenter-more.png") no-repeat;background-size: 100% 100%;}


/* ucenter-card */
.ucenter-publish-card{ position: relative; width: 100%; margin: 15px auto 0; background: white; box-shadow: #e7e6e4 0 0 5px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.ucenter-publish-card .layui-form{padding: 20px 30px 10px 20px;}
.ucenter-publish-card .layui-form-label{position: absolute;}
.ucenter-publish-title{position: relative;height: 60px;width: 100%;padding: 0 20px;padding-left: 70px;line-height: 60px;border-bottom: 1px solid #eee;font-weight: 600;}
.ucenter-publish-title::before{position: absolute;width: 25px;height: 25px;content: '';left:35px;top:18px;z-index: 1;display: block;background: url("http://cdn.yupao.com/newyupao/images/smrz.png")no-repeat;background-size: 100% 100%;}
.yupao-form-tips{position: relative;display: block;float: inherit;}
.publish-uploads-imgs{position: relative;display: block;width: 100%;}
.publish-uploads-item{position: relative;cursor: pointer; display: block;margin-right: 10px; width: 100px;height:100px;border: 1px dashed #C7C7C7;float: left;}
.publish-uploads-item::before,.publish-uploads-item::after{position: absolute;content: '';z-index:2;}
.publish-uploads-item::before{width: 20px;height: 1px;background: #c7c7c7;left: 50%;top: 50%;margin-left: -10px;}
.publish-uploads-item::after{height: 20px;width: 1px;background: #c7c7c7;left: 50%;top: 50%;margin-top: -10px;}
.publish-uploads-item input{position: absolute;cursor: pointer;width: 100%;height: 100%;display: block;z-index: 5;opacity: 0;left: 0;top: 0;}
.publish-uploads-item img{position: absolute;width: 100%;height: 100%;display: block;left: 0;top: 0;}
.publish-uploads-item-active::before,.publish-uploads-item-active::after{content:none !important;}
.publish-uploads-del{position: absolute;width: 100%;height: 30px;background: rgba(0, 0, 0, 0.2);left:0;bottom:0;z-index:20;cursor: pointer;}
.publish-uploads-del-btn{color:#ff0000;display: block;font-size:22px;}


/* worktype */
.yupao-worktypebox{position: relative;padding: 10px 20px;height: 100%;padding-bottom:70px;}
.worktype-lists{position: relative;width: 100%;height: 100%;overflow-y: scroll;}
.worktype-lists::-webkit-scrollbar{width: 2px;height: 4px;}
.worktype-lists::-webkit-scrollbar-thumb {border-radius: 5px;box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.worktype-lists-item{position: relative;width: 100%;}
.worktype-lists-item h2{position: relative;width: 100%;text-align: left;font-weight: 600;font-size: 14px;line-height: 30px;font-size: 14px;}
.worktype-list-box{position: relative;padding: 10px 0;}
.worktype-list-box .layui-form-checkbox{position: relative; width: 50%;float: left;margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 30px;}
.worktype-btns{position: fixed;width: 100%;height: 60px;background: #F8F8F8;left: 0;bottom: 0;z-index: 5;border-top: 1px solid #eee;padding: 10px 20px;box-sizing: border-box;}
.yupao-province .layui-form-checkbox{width: 25%;}
.yupao-choosecity .layui-form-select{position: relative;width: 400px;float: left;}
.yupao-choosecity .layui-form-select:nth-last-child(1){margin-left: 10px;}
.yupao-choosecity-active .layui-form-select{width: 100%;}
.yupao-choosecity-active .layui-form-select:nth-last-child(1){margin-left: 0;}


/* publish-recruit */
.ucenter-publish-recruit{margin-top: 0;}
.worktype-lists-item-used .worktype-list-box .layui-form-checkbox{width: 25%;}
.publish-form-phonecode{position: relative;padding-right: 150px;}
.publish-form-phonecode button{position: absolute;right: 0;top: 0;width: 140px;}

/* login */
.login-main{ position: absolute; width: 500px; height:500px; left: 60%;
 top: 50%; margin-left: -500px; margin-top: -250px; background: white; box-shadow: #9ec4ff 0 0 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; }
.login-swiper{position: relative;width: 50%;float: left;}
.login-swiper .layui-carousel-ind ul{background: transparent;}
.login-swiper .layui-carousel-ind li{height: 15px;width: 15px;}
.login-form{position: relative;width: 100%;float: left;height: 100%;padding: 0 50px; padding-top: 120px;}
.login-form-img{position: absolute;width:200px;height:100px;left: 50%;top:30px;margin-left: -92px;}
.login-form-img a,.login-form-img img{display: block;width: 100%;height: 100%;}
.login-form-group{position: relative;width: 100%;height:260px;}
.login-form-group div{position: relative;margin-bottom: 30px;width: 100%;}
.login-form-group div:nth-last-child(1){margin-bottom: 0}
.login-form-group .login-form-code input{padding-right: 150px;}
.login-form-codebtn{position: absolute;right: 0;top: 0;}
.login-form-group input{border:0;border-bottom:1px solid #e6e6e6;padding-left:50px;height: 45px;}
.login-form-group .login-form-phone::before{position: absolute;content: ''; width: 18px;height: 25px;background: url("http://cdn.yupao.com/pc/images/login-phone.png") no-repeat;background-size: 100% 100%;z-index: 2;left:10px;top:7px;}
.login-form-group .login-form-pass::before{position: absolute;content: ''; width: 20px;height: 23px;background: url("http://cdn.yupao.com/pc/images/login-pwd.png") no-repeat;background-size: 100% 100%;z-index: 2;left:10px;top:10px;}
.login-form-group .login-form-code::before{position: absolute;content: ''; width: 20px;height: 23px;background: url("http://cdn.yupao.com/pc/images/login-code.png") no-repeat;background-size: 100% 100%;z-index: 2;left:10px;top:10px;}
.login-form-group .login-form-username::before{position: absolute;content: ''; width: 30px;height: 30px;background: url("http://cdn.yupao.com/newyupao/images/uname.png") no-repeat;background-size: 100% 100%;z-index: 2;left:3px;top:7px;}
.register-form-group.login-form-group div{margin-bottom:15px;}
.login-form-links{position: relative;width: 100%;margin-top: 10px;}
.login-form-links button{height: 50px;width: 100%; box-shadow: #e7e6e4 0 0 50px;background: -webkit-linear-gradient(left, #268afb , #0099ff);background: -o-linear-gradient(right, #268afb, #0099ff);background: -moz-linear-gradient(right, #268afb, #0099ff); background: linear-gradient(to right, #268afb , #0099ff); }
.login-form-links div{position: relative;display: block;width: 100%;height: 50px;line-height: 50px;}
.login-form-links div a{display: block;float: left;}
.login-form-links div a:nth-last-child(1){float:right;}


/* 用户实名 */
.ucenter-userauth-upload{padding: 10px 20px;}
.ucenter-userauth-form{padding: 20px 25px;}
.userauth-idcard-item{position: relative;width: 100%;margin-bottom: 15px;}
.userauth-idcard-example{ position: relative; width: 300px; background: #eeeeee; float: left; margin-right: 15px; padding: 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.userauth-idcard-item .userauth-idcard-example:nth-last-child(1){margin-right: 0;}
.userauth-idcard-example img{position: relative;display: block;width: 100%;height:150px;}
.userauth-idcard-example span{display: block;width: 100%;text-align: center;line-height: 30px;margin-top: 20px;}
.userauth-tips-title{position: relative;color: #333;margin-top: 15px;font-weight: 600;}
.userauth-tips-mark{position: relative;color: #666;margin-top: 10px;}
.userauth-tips-mark span{color: #ff0000;}
.userauth-imgs-tips{position: relative;width: 100%;margin-top: 15px;}
.userauth-imgs-tips div{position: relative;display: block;width: 160px;float: left;margin-right: 15px;}
.userauth-imgs-tips div:nth-last-child(1){margin-right: 0;}
.userauth-imgs-tips div img{display: block;width: 100%;height: 120px;}
.userauth-imgs-tips div span{display: block;width: 100%;text-align: center;}
.yupao-userauth-submit{margin-top:20px;}
.userauth-failbox{position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);left: 0;top: 0;z-index:999;}
.userauth-fail{ position: relative; width: 300px; box-shadow: #e7e6e4 0 0 10px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ;overflow: hidden; }
.userauth-fail-header{position: relative;width: 100%;background: #0099ff;color:white;text-align: center;font-size: 14px;letter-spacing: 2px;line-height:40px;}
.userauth-fail-body{position: relative;background: white;padding: 20px;font-size:14px;text-align:center;line-height: 25px;}
.userauth-fail-footer{position: relative;line-height: 50px;text-align: center;border-top:1px solid #dcdcdc;background: white;cursor: pointer;color:#0099ff;letter-spacing: 2px;}
.idcard_hand,.hand_path{position: absolute;opacity: 0;z-index: 999;width: 100%;height: 100%;left: 0;top:0;}


/* 已发布招工 */
.published-title{ position: relative; padding: 10px 20px; background: white; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;box-shadow: #e7e6e4 0 0 5px;line-height: 30px;font-weight: 600;letter-spacing: 2px;}
.published-items{position: relative;padding-left: 10px;}
.published-item{ position: relative; margin-top: 10px; padding: 25px 10px 0px; background: #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; box-shadow: #e7e6e4 0 0 5px;}
.published-item-num{position: absolute;content: '';width: 90px;height: 30px;background: url("http://cdn.yupao.com/pc/images/published-num.png") no-repeat;background-size: 100% 100%;left:-10px;top:0;padding-left:10px;line-height: 22px;color: white;font-size: 12px; }
.published-item-title{position: relative;width: 100%;padding: 0 10px; padding-right: 100px;line-height: 40px;border-bottom: 1px dashed #dcdcdc;}
.published-item-title span{position: absolute;right:10px;top: 0;color: #ff0000;line-height: 40px;}
.published-handle{position: relative;padding: 10px;}
.published-handle span,.published-handle a{cursor: pointer; display: inline-block; padding: 5px 15px; border: 1px solid #0099ff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; margin-right:50px;color: #0099ff !important; }
.published-handle span:nth-last-child(1){margin-right: 0;}
.published-toping{position: absolute;top: 8px;line-height: 35px;right:10px;color: #666;}
.published-toping span{color: #ff0000;padding: 0;border: 0;margin: 0;}
.yupao-settopbox{position: relative;background: white;width:350px;padding: 20px;display: none;}
.enterday-settop{position: relative;width: 100%;text-align: center;margin-bottom: 15px;}
.citys-settop{text-align: center;}
.citys-settop .layui-form-checkbox{margin-right: 50px;}
.citys-settop .layui-form-checkbox:nth-last-child(1){margin-right: 0;}
.integral-settop{position: relative;text-align: center;font-size: 14px;line-height: 30px;margin-top: 10px;}
.integral-settop span{font-size: 14px;color: #ff0000;margin: 0 5px;font-size: 16px;font-weight: bold;}
.tips-settop{text-align: center;margin-bottom: 15px;font-weight: bold;color: #0099ff;font-size:16px;letter-spacing: 2px;}
.yupao-settopbox .layui-form-checked,.yupao-settopbox .layui-form-checked:hover{border-color: #0099ff;}
.yupao-settopbox .layui-form-checked span,.yupao-settopbox .layui-form-checked:hover span{background: #0099ff;}
.yupao-settopbox .layui-form-checked i,.yupao-settopbox  .layui-form-checked:hover i{border-color: #0099ff;}
.yupao-settopbox .layui-form-checked i,.yupao-settopbox  .layui-form-checked:hover i{color: #0099ff;}
.footer-settop{position: relative;border-top: 1px dashed #dcdcdc;margin-top: 10px;padding:20px 0 0;}
.footer-settop .layui-btn{width: 100px;margin: 0 20px;}


/* 获取积分 */
.getintegral-header{ position: relative; padding: 10px 20px; background:url("http://cdn.yupao.com/pc/images/getintegral-header.png") no-repeat;background-size: 100% 100%; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;box-shadow: #e7e6e4 0 0 5px; }
.getintegral-headnum{position: relative;width:180px;padding: 10px 0;float: left;}
.getintegral-headnum img{ position: relative; display: block; width:80px; height: 80px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.getintegral-headnum p{display: block;margin-top: 10px;}
.getintegral-body{position: relative;float: left;width: 600px; padding-left: 50px;}
.getintegral-ps{padding: 20px 0;}
.getintegral-body::before{ position: absolute; content: ''; width: 2px; height: 130px;background: url("http://cdn.yupao.com/pc/images/header-line.png") no-repeat;background-size: 100% 100%;left: 30px;top: 0; }
.getintegral-content{margin-top: 15px; position: relative; width: 100%; padding: 10px 20px; background: white; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ;box-shadow: #e7e6e4 0 0 5px; }
.getintegral-body p{padding-left:50px;line-height: 30px;letter-spacing: 2px;}
.getintegral-body p img{display: inline-block;width: 18px;height: 18px;margin-right:5px;vertical-align: middle;}
.getintegral-body p span{color: #0099ff;}
.getintegral-title{height: 35px;line-height: 35px;width: 100%;position: relative;}
.getintegral-title::before{position: absolute;content: ''; width:100%;height: 1px;background: #f1f0f0;left: 0;top: 17px;z-index: 1; }
.getintegral-title span{position: relative; background: white;padding-right: 20px;z-index: 2;}
.getintegral-items{position: relative;width: 100%;margin-top: 20px;padding: 20px 0 30px;border-bottom: 1px dashed #dcdcdc;}
.getintegral-item{ cursor: pointer; position: relative; transition:0.3s; background: white; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; box-shadow: #e7e6e4 0 0 10px; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; }
.getintegral-item-active::after{position: absolute;content: '';width: 38px;height: 30px;background: url("http://cdn.yupao.com/pc/images/getintegral-active.png") no-repeat;background-size: 100% 100%;right: 0;bottom: 0;z-index: 5;}
.getintegral-item a{position: relative;display:block; padding: 10px 50px;}
.getintegral-item p{height: 50px;color: #0099ff;font-weight: bold; line-height: 50px !important;text-align: center;border-bottom: 1px solid #f1f0f0;}
.getintegral-item span{color: #666;display: block;line-height: 40px;text-align: center;}
.getintegral-item.getintegral-item-active{background: #0099ff;}
.getintegral-item-active p,.getintegral-item-active span{color: #fff;}
.getintegral-submite{margin: 20px auto;display: block;padding: 0px 50px;}
.getintegral-content{ position: relative; width: 100%; margin-top: 15px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; padding: 20px; box-shadow: #e7e6e4 0 0 5px; }
.getintegral-content p{position: relative;font-size:14px;line-height: 25px;}
.getintegral-content p span{position: relative;font-size:14px;color: #f73812;}
.getintegral-content p a{position: relative;font-size:14px;color: #0099ff;margin:0 5px;}
.getintegral-codebox{position: fixed;background: rgba(0, 0, 0, 0.2);z-index:10;left:0;top:0;width: 100%;height: 100%;}
.getintegral-code{ position: relative; width: 420px; background: #0099ff; box-shadow: #e7e6e4 0 0 5px; padding:30px 30px 15px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.getintegral-code-content{ position: relative; width: 100%; height: 100%; display: block; background: white;padding: 10px 20px;overflow: hidden; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.getintegral-code-tips{position: relative;text-align: center;font-size:14px;letter-spacing: 1px;line-height: 50px;}
.getintegral-code-money{position: relative;text-align: center;line-height: 20px;}
.getintegral-code-money span{color: #ff0000;display: inline-block;margin-right: 5px;font-weight: 600;font-size:16px;}
.getintegral-line-round{position: absolute;left:5%;top: 100px;border-bottom: 1px dashed #dcdcdc;display: block;width: 90%;height:1px;}
.getintegral-code-content::before,.getintegral-code-content::after{ position: absolute;top: 91px; width: 20px; height: 20px; display: block; content:'';background: #0099ff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.getintegral-code-content::before{left: -10px;}
.getintegral-code-content::after{right: -10px;}
.getintegral-code-img{position: relative;display: block;width: 260px;height: 260px;margin:0 auto;}
.getintegral-liucheng{position: relative;display: block;margin: 20px auto;width: 280px;}
.getintegral-close-btn{ position: relative; background: white; color:#ff0000; display: block; width: 200px; text-align: center; line-height: 40px;letter-spacing: 2px; border-radius:3px ;cursor: pointer; font-size:14px;margin: 20px auto 0; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; }
.getintagral-status-tips{position: relative;text-align:center;color:#ff0000;margin-top:40px;}


/* 实名查询 */
.queryauth-header{ background: white;border-bottom: 0;box-shadow: #e7e6e4 0 0 5px;}
.queryauth-form{ position: relative; padding: 20px 200px; background: white; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;box-shadow: #e7e6e4 0 0 5px;margin-top: 15px; }
.queryauth-form input{border:0;border-bottom: 1px solid #e6e6e6; text-align: center;}
.queryauth-form button{margin-top: 10px; height: 34px;height: 34px;}
.queryauth-userinfo{ position: relative; width: 100%; background: white; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ;box-shadow: #e7e6e4 0 0 5px;padding: 10px 20px;margin-top: 15px; }
.queryauth-wenxintips{ position: relative; background: white; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; box-shadow: #e7e6e4 0 0 5px;padding:20px;margin-top: 15px;}
.queryauth-span-wenxintips{ display: block; background: #FC5F01; color: white; font-size: 12px; height: 20px; line-height: 20px; width:80px; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.queryauth-wenxintips p{color: #6D6D6D;line-height: 25px;font-size: 12px;margin-top: 10px;}
.queryauth-name{position: relative;font-size: 14px;vertical-align: middle;margin-top: 10px;}
.queryauth-name img{position: relative;display: inline-block;width: 16px;height: 16px;margin-right: 5px;vertical-align: text-bottom;}
.queryauth-userinfo .layui-row p{font-size: 12px;color: #999;margin-top:10px;}
.queryauth-userinfo .layui-row p img{position: relative;display: inline-block;width: 14px;height: 14px;margin-right:5px;vertical-align:text-bottom;}
.queryauth-userinfo .layui-row p span{color: #0099ff;}
.queryauth-worktype{margin: 15px 0;}


/* report */
.reportbox{ position: relative;margin-top: 10px; width: 100%; background: white; padding: 10px 20px; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; box-shadow: #e7e6e4 0 0 5px;}
.report-content{position: relative;padding:50px 20px;}
.report-img{position: relative;display: block;width:650px;margin-left: 150px;}
.integral-header{padding-right: 40px;}
.integral-header span{font-weight: normal;float: right;color: #777;letter-spacing: 1px;}
.integral-logs-items{position: relative;width: 100%;margin-top: 10px;}
.integral-item{ position: relative; width: 100%; padding: 10px 20px; background: white; box-shadow: #e7e6e4 0 0 5px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.integral-item-header{position: relative;line-height: 40px;border-bottom: 1px dashed #dcdcdc;}
.integral-item-header span{margin-right: 10px;font-weight: 600;}
.integral-item-body{position: relative; padding: 15px 0 5px;font-size: 12px;color:#666;}
.integral-item-body span{float: left;}
.integral-item-showinfo{ position: absolute; color: #0099ff;cursor: pointer;left: 50%;margin-left: -35px; top:12px; border: 1px solid #0099ff; height: 20px; line-height: 20px; width:70px; text-align: center; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; }
.integral-item-body .integral-item-expend{float: right;color: #ff0000;}
.integral-record-info{position: relative;width: 500px;background: white;padding: 10px;}
.integral-record-info-item{position: relative;padding: 10px;padding-left:100px;border-bottom:1px dashed #dcdcdc;}
.integral-record-info-item span{position: absolute;left:10px;top: 5px;width: 70px;line-height: 35px;font-weight: 600;}
.integral-record-info-item div{position: relative;width: 100%;line-height: 25px;}
.integral-record-info-item div b{font-weight: normal;}
.integral-record-info-item div i{font-style: normal;color:#ff0000;}
.integral-record-info-item-left{padding-left:10px;}
.integral-record-info-item:nth-last-child(1){border-bottom: 0;}





/* 关于我们 */
.yupao-about-header{position: relative;width: 100%;min-width: 1200px;height: 580px;background: url("http://cdn.yupao.com/pc/images/about-bg.png") no-repeat;background-size: 100% 100%;}
.about-header-navs{position: relative;width: 1200px;margin: 0 auto;height: 60px;}
.about-logo{position: relative;display: block;width: 100px;height: 42px;margin-top: 9px;float: left;}
.about-header-navs ul{margin-left: 150px;}
.about-header-navs ul li{list-style: none;float: left;height: 60px;line-height: 60px;margin-right: 30px;}
.about-header-navs ul li:nth-last-child(1){margin-right: 0;}
.about-header-navs ul li a{color: white;}
.yupao-about-body{position: relative;width: 1200px;margin: 0 auto;}
.yupao-about-border{ position: absolute; width: 1200px; border:2px solid #fff; height: 190px; top:-185px; left: 0; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.yupao-about-words{position: absolute;padding:30px 20px; width: 1100px;height: 300px;background: white;left: 50px;top: -150px;box-shadow: #e7e6e4 0 0 5px;}
.yupao-about-words-chinese{text-align: center;font-weight: 600;color: #222;font-size: 14px;}
.yupao-about-words-english{position: relative;text-align: center;font-weight: bold;font-size: 22px;line-height: 50px;}
.yupao-about-words-english::after{position: absolute;content: '';width:20px;height: 2px;background: #222;left: 50%;bottom: 0;margin-left: -10px;}
.yupao-about-box img{position: relative;width: 350px;height: 145px; display: block;float: left;margin-top: 30px;margin-left: 100px;}
.yupao-about-wordstips{position: relative;width:450px;float: left;margin-left:50px;margin-top: 20px;}
.yupao-about-wordstips h3{position: relative; line-height: 35px;font-size: 14px;font-weight: bold;color: #000;background: white;width: 80px;z-index: 2;}
.yupao-about-wordstips::after{position: absolute;content: ''; width:450px;height: 1px;background: #f1f0f0;left: 0;top: 17.5px;z-index:1;}
.yupao-about-wordstips p{line-height: 30px;font-size: 12px;}
.yupao-about-wordstips p span{color: #0099ff;margin-right: 5px;}
.yupao-main-yewu{padding-top: 200px;background: white;}
.yupao-mainbusiness-tips{text-align: center;line-height: 35px;line-height: 50px;margin-bottom: 10px;}
.yupao-main-business{position: relative;overflow: hidden; width: 100%;min-width: 1200px; height:500px;background: url("http://cdn.yupao.com/pc/images/about-mainbg.png") no-repeat;background-size: 100% 100%;}

#certify {position: relative;width: 1200px;margin: 0 auto} 
#certify  .swiper-slide {width: 520px;height: 408px;background: #fff;box-shadow: 0 8px 30px #ddd;}
#certify  .swiper-slide img{display:block;}
#certify  .swiper-slide p {line-height:50px;padding-top: 0;text-align: center;color: #636363;font-size: 1.1em;margin: 0;}
#certify .swiper-pagination {width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
#certify .swiper-button-prev {left: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-prev:hover {background-position: 0 -46.5px;background-size: 100%}
#certify .swiper-button-next {right: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
#certify .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%;}
.swiper-container{height: 500px;padding-top:50px; }
.swiper-button-next, .swiper-button-prev{margin-top: -20px;}

.yupao-about-store{position: relative;width: 1200px;height: 300px;margin: 0 auto;}
.yupao-about-store img{position: relative;display: block;width: 400px;height: 205px;}
.about-ourserver{position: relative;width: 400px;height: 205px; background: white;padding: 20px;border-left: 5px solid #0099ff;}
.about-ourserver h2{ line-height:30px;border-bottom: 1px dashed #dcdcdc;font-size:16px;font-weight: bold;color: #555;}
.about-ourserver h2 span{font-size:12px;font-weight: bold;margin-left: 20px;}
.about-ourserver p{padding: 10px 0;line-height: 25px;font-size: 14px;color: #000;}
.about-ourserver p span,.about-ourserver p .common-recruit-card a h6{color: #0099ff;}
.yupao-about-server{background: white;box-shadow: #e7e6e4 0 0 5px;}
.yupao-about-teambox{padding: 50px 0 30px;}
.yupao-main-team{position: relative;width: 1200px;margin:0 auto; }
.yupao-main-team img{width: 100%;display: block;}


/* 我的找活名片 */
.ucenter-mycard-set{position: absolute;right:20px;top: 20px;}
.ucenter-mycard-set a{ float: left; height: 25px; line-height: 25px; padding: 0 20px;font-size: 12px;color: #0099ff !important; margin-left: 15px; border: 1px solid #0099ff; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; }
.ucenter-mycard-set a:nth-child(1){margin-left: 0;}
.mycard-content{position: relative;padding: 10px 20px 10px;background: white;}
.mycard-content .layui-row{padding: 20px 0;border-bottom: 1px solid #f1f0f0;}
.mycard-content .layui-row:nth-last-child(1){border-bottom: 0;}
.mycard-content .layui-row p{font-size: 14px;font-weight: 600;}
.mycard-content .layui-row p img{position: relative;display: inline-block;width: 14px;height: 14px;margin-right: 3px;vertical-align: unset;}
.mycard-content .layui-row span{color: #555;display: inline-block;margin-top: 5px;font-size: 12px;}
.text-colorred{color: #ff0000 !important;}
.mycard-content-other{ margin-top: 15px; border-radius: 2px;box-shadow: #e7e6e4 0 0 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.mycard-content .layui-row span.text-info-detail{display: block; line-height: 25px;}
.mycard-content-imgs{position: relative;border-top: 1px solid #f1f0f0;}
.mycard-content-imgs .layui-row{border-bottom: 0;}
.noborder{border: 0 !important;}
.mycards-imgs{position: relative;margin-top:15px;}
.mycards-imgs img{position: relative;display: inline-block;width: 100px;height: 100px;margin-right: 15px;}


/* info */
.yupao-detail-info{position: relative;width: 1200px;margin: 15px auto 0;}
.yupao-detail-content{position: relative;width: 850px;float: left;}
.yupao-detail-codeimgs{position: relative;width: 340px;float: right;}
.yupao-detail-data{ position: relative; width: 100%; background: white; padding: 10px 20px;box-shadow: #e7e6e4 0 0 5px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.yupao-detail-data-header{border-bottom: 1px solid #f1f0f0; position: relative;line-height:50px;font-size: 14px;font-weight: bold;padding-left:50px;}
.yupao-detail-data-header::before{position: absolute;content: '';width: 20px;height: 20px;background: url("http://cdn.yupao.com/pc/images/info-tilte-icon.png") no-repeat;background-size: 100% 100%;left:15px;top:15px;}
.yupao-detail-data-words h2{padding: 15px 0;line-height: 25px;font-size: 15px;letter-spacing: 1px; color: #333;border-bottom: 1px dashed #f1f0f0;}
.yupao-detail-data-words p,.yupao-detail-contentinfo h6{position: relative; padding: 10px 0; line-height:20px;padding-left: 25px;}
.yupao-detail-data-words p span{color: #555;}
.yupao-detail-data-words p::before,.yupao-detail-contentinfo h6::before{position: absolute;content: '';left:0px;top: 10px; display: block;width: 20px;height: 20px;}
.detail-info-ctitle::before{background: url("http://cdn.yupao.com/pc/images/info-detail.png") no-repeat;background-size: 100% 100%;}
.detail-info-photos::before{background: url("http://cdn.yupao.com/pc/images/info-photos.png") no-repeat;background-size: 100% 100%;}
.detail-info-time::before{background: url("http://cdn.yupao.com/pc/images/info-time.png") no-repeat;background-size: 100% 100%;}
.detail-info-username::before{background: url("http://cdn.yupao.com/pc/images/info-user.png") no-repeat;background-size: 100% 100%;}
.detail-info-worktype::before{background: url("http://cdn.yupao.com/pc/images/info-worktype.png") no-repeat;background-size: 100% 100%;}
.detail-info-workprovince::before{background: url("http://cdn.yupao.com/pc/images/info-workprovince.png") no-repeat;background-size: 100% 100%;}
.yupao-detail-phonebox{position: relative;width: 100%;padding: 20px 0;border-bottom: 1px solid #f1f0f0;}
.yupao-detail-phone{ position: relative; float: left; color: white; line-height: 40px; text-align: center; height: 40px; letter-spacing: 1px; background: #0099ff; width: 120px; border-radius:2px 0 0 2px ; -webkit-border-radius:2px 0 0 2px ; -moz-border-radius:2px 0 0 2px ; -ms-border-radius:2px 0 0 2px ; -o-border-radius:2px 0 0 2px ; }
.yupao-detail-phonenum{position: relative;float: left;height: 40px;padding: 0 30px;color: #0099ff;font-weight: bold; text-align: center;letter-spacing: 1px;line-height: 40px;border: 1px solid #f1f0f0;border-left: 0;font-size: 16px;}
.yupao-detail-phoneshow{ position: relative; float: right; height: 40px; background: #0099ff; text-align: center; line-height: 40px; cursor: pointer; padding: 0 20px; color: white; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; }
.yupao-detail-reportshow{ position: relative; float: right; height: 40px; background: #ff0000;display:none; text-align: center; line-height: 40px; cursor: pointer; padding: 0 20px; color: white; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; }
.yupao-detail-endshow{ position: relative; float: right; height: 40px; background: #fff;border:1px solid #dcdcdc; text-align: center; line-height: 40px; cursor: pointer; padding: 0 20px; color: #777; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; }
.yupao-detail-phonetips{position: relative;padding: 10px 0;color: #ff0000;}
.yupao-detail-contentinfo{ position: relative; margin-top: 15px; padding: 10px 20px; background: white;box-shadow: #e7e6e4 0 0 5px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.yupao-detail-contentinfo p{padding: 10px 0;line-height: 25px;word-break: break-all;}
.yupao-detail-imgs{padding: 10px 0;}
.yupao-detail-imgs img{position: relative;cursor: pointer; display: inline-block;width: 100px;height: 100px;margin-right: 20px;}
.yupao-detail-wenxintips{ position: relative; width: 100%; padding: 10px 20px;background: white;margin-top: 15px; box-shadow: #e7e6e4 0 0 5px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.yupao-detail-wenxintips p{line-height: 25px;}
.yupao-detail-wenxintips a{color: #0099ff !important;}
.yupao-detail-wenxintips span{color: #FF6000;}
.yupao-detail-wechat{position: relative;width: 100%;box-shadow: #e7e6e4 0 0 5px; padding: 20px;background: url("http://cdn.yupao.com/pc/images/wechatbg.png") no-repeat;background-size: 100% 100%;}
.yupao-detail-wechat p{line-height: 25px;}
.yupao-detail-wechat p a{color: #0099ff;}
.yupao-detail-wechat p span{color: #FC2407;}
.yupao-codeimg-item{ position: relative;margin-top: 10px; width: 100%;box-shadow: #e7e6e4 0 0 5px; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; }
.yupao-codeimg-item img{position: relative;display: block;width: 100%;}
.yupao-resume-user{ position: relative; width: 100%; height:250px; background: url("http://cdn.yupao.com/pc/images/resume-userbg.png") no-repeat; background-size: 100% 100%; box-shadow: #e7e6e4 0 0 5px; margin-top:10px; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; }
.yupao-resume-user img{ position: relative; display: block; width:120px; height:120px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.yupao-resume-user p{line-height: 20px;margin-top:15px;font-weight: 600;}

.yupao-detail-data-header-navs{border-bottom: 1px solid #f1f0f0;position: relative;line-height: 50px;font-size: 14px;}
.yupao-detail-data-header-navs .yupao-nav-breadcrumb{position: relative;color: #333; font-size:14px;font-weight: bold;display: inline-block;padding-right:20px;}
.yupao-detail-data-header-navs .yupao-nav-breadcrumb::after{position: absolute;content:'';display: block;width: 12px;height:12px;background: url("http://cdn.yupao.com/pc/images/yupao-mbnavs-arrow.png") no-repeat;background-size: 100% 100%;right:3px;top:19px;}
.yupao-detail-data-header-navs .yupao-nav-breadcrumb:nth-last-child(1){color: #666;font-weight: normal;}
.yupao-detail-data-header-navs .yupao-nav-breadcrumb:nth-last-child(1)::after{content: none;}
.yupao-detail-info-recommend{ position: relative; padding:0 20px 10px;margin-top:10px; background: white; box-shadow: #e7e6e4 0 0 5px; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; }
.yupao-detail-info-recommend h2{font-size:14px;line-height: 20px;padding:10px 0 5px;text-align: left;font-weight: bold;}
.yupao-detail-info-recommend ul li a{position: relative;padding-right: 100px; display:block; font-size:14px;line-height: 35px;border-bottom: 1px dashed #dcdcdc;}
.yupao-detail-info-recommend ul li:nth-last-child(1) a{border-bottom:0;}
.yupao-detail-info-recommend ul li a span{position: absolute;right: 0;top:0;line-height: 35px;font-size:14px;color: #777;}


/* jump */
.jumpbox{ position: relative; width: 500px;padding: 230px 50px 0; height: 500px;margin: 150px auto 0; box-shadow: #e7e6e4 0 0 10px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.jumpbox h1{text-align: center;padding: 20px 0; line-height:30px;font-size:18px;font-weight: 600;}
.jumpbox p{text-align: center;font-size:16px;color: #666;line-height: 50px;}
.jumpbox p span{margin-right: 5px;}
.jumpbox a{ display:block; margin: 30px auto 0;letter-spacing: 1px; width: 220px; height: 50px; line-height: 50px; background: #0099ff; text-align: center; color: white !important; border-radius:50px ; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ; }
.jump-success{background: url("../images/jump-success.png") no-repeat;background-size: 100% 100%;}
.jump-success h1{color: #07a61e;}
.jump-warning{background: url("../images/jump-warning.png") no-repeat;background-size: 100% 100%;}
.jump-warning h1{color: #FFB800;}
.jump-error{background: url("../images/jump-error.png") no-repeat;background-size: 100% 100%;}
.jump-error h1{color: #ff0000;}


/* auti-fraud */
.anti-fraudbox{position: relative;width: 100%;background: white;padding: 10px 20px;}
.anti-fraudbox h2{position: relative;font-size: 16px;color: #ff0000;font-weight: 600;margin: 15px 0;}
.anti-fraud-title{position: relative;line-height:30px;font-size: 14px;font-weight: 600;color: #ff0000;}
.anti-fraud-words{padding: 10px 0;line-height: 25px;}


/* app */
.downloadapp{ position: relative;margin: 20px auto 0; width: 1200px; height: 535px; background: url("../images/downloadapp.png") no-repeat; background-size: 100% 100%; box-shadow: #e7e6e4 0 0 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
/* .downloadapp img{position: absolute;width: 130px;left: 20px;top:-70px;z-index: 5;} */
.downloadapp-words{position: relative;width: 1200px;padding: 30px 0 20px;margin:0 auto;font-weight: bold;color:#0099ff;}
.downloadapp-words p{text-align: center;letter-spacing: 1px;line-height: 25px;font-size:15px;}
.downloadapp-versionbox{ position: relative; width: 1200px;  margin: 20px auto 0; }
.downloadapp-versionbox h2{position: relative;text-align: center;font-size:16px;font-weight: bold;line-height: 30px;}
.downloadapp-version-header .downloadapp-version-time,.downloadapp-version-header .downloadapp-version-system,.downloadapp-version-header .downloadapp-version-version,.downloadapp-version-header .downloadapp-version-content{font-weight: bold;}
.downloadapp-version{position: relative;margin-top:10px; padding:10px 20px; background: white; box-shadow: #e7e6e4 0 0 5px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;}
.downloadapp-version-time{display:block;float: left; width: 200px;}
.downloadapp-version-system{display:block;float: left;width: 200px;}
.downloadapp-version-version{display:block;float: left;width: 200px;}
.downloadapp-version-content{display:block;float: left;width: 530px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.downloadapp-version-item{border-bottom:1px dashed #dcdcdc;line-height: 40px;}
.downloadapp-version-item:nth-last-child(1){border-bottom:0;}



/* 404 */
.yupao-common-error{position: relative;width: 1200px;margin:20px auto 80px;}
.yupao-common-error img{position: relative;width: 600px;height:382px;display: block; margin:0 auto;}
.yupao-common-error p{padding:10px 0 20px;text-align: center;font-size:16px;color: #666;letter-spacing: 1px;}
.yupao-error-btns{position: relative;width: 500px;margin:20px auto 10px;}
.yupao-error-btns a{display: block;width:180px;height: 50px;line-height: 50px;color: #666;text-align: center;letter-spacing: 1px; background: url("http://cdn.yupao.com/pc/images/yupao-error-ncolor.png") no-repeat;background-size: 100% 100%;}
.yupao-error-btns a:nth-last-child(1){color: #fff;margin-left:60px; background: url("http://cdn.yupao.com/pc/images/yupao-error-color.png") no-repeat;background-size: 100% 100%;}



/* ucenter */
.ucenter-usereditbox{position: relative;margin-top: 10px;}
.ucenter-usereditbox .layui-col-md3 a{ text-align: center;padding: 30px 0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; background: white;color: #333; box-shadow: #e7e6e4 0 0 5px; }
.ucenter-usereditbox .layui-col-md3 a img{display: block;width: 35px;height: 35px;}
.ucenter-usereditbox .layui-col-md3 a span{display: block;margin-top: 10px;font-weight: 600;}
.ucenter-inviteimg,.ucenter-inviteimg img{position: relative;display: block;width: 100%;}
.ucenter-inviteimg{ margin-top:10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; box-shadow: #e7e6e4 0 0 5px;background: white;overflow: hidden; }
.usersign-appbox,.usersign-appbox img{position: relative;width:320px;height:420px;display: block; }
.usersign-appbox{display: none;}


/* feedbackbox */
.feedbackbox{position: relative;padding:10px;}
.feedbackbox textarea{height: 220px;box-shadow: #e7e6e4 0 0 5px;}
.feedback-imgs{position: relative;margin-top: 10px;}
.feedback-img-item{ position: relative; display: inline-block; width: 100px; height: 100px; border-radius:2px ; -webkit-border-radius:5px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ;border: 1px dashed #dcdcdc; }
.feedback-img-item::after,.feedback-img-item::before{position: absolute;content: '';z-index:1;background: #dcdcdc;}
.feedback-img-item::before{width: 20px;height: 1px;left: 50%;top: 50%;margin-left: -10px;}
.feedback-img-item::after{width: 1px;height: 20px;top: 50%;left: 50%;margin-top: -10px;}
.feedback-img-item img{position: relative;display: block;width: 100%;height: 100%;}
.feedback-img-item input{display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;z-index:5;cursor: pointer;}
.feedback-btns{position: relative;display: block;margin: 20px auto 0;text-align: center;}
.feedback-btns button{width: 100px;}


/* userinfo */
.ucenter-userinfo-setbox{position: relative;width: 100%;height: 500px; background: url("../images/userinfo-bg.png") no-repeat;background-size: 100% 100%;}
.ucenter-userinfo-set{position: relative;width: 550px;padding:30px 20px;}
.ucenter-userinfo-set .layui-form-item{padding-right: 100px;position: relative;}
.layui-btn-set{position: absolute;right: 0;top: 0;width: 90px;line-height: 38px;cursor: pointer;color: #0099ff;}
.userinfo-setpassbox .layui-btn-set{position: relative;width: auto;}
.layui-btn-set img{display: inline-block;width: 15px;height: 15px;margin-right: 5px;vertical-align: sub;}
.text-userinfo-setpass{display: block;line-height: 38px;color: #0099ff !important;}
.userinfo-setpass input,.userinfo-setphonebox input{margin-bottom: 10px;}
.userinfo-setpass input:nth-last-child(1){margin-bottom:0;}
.userinfo-setphonebox .userinfo-codeinput{width: 145px;}
.userinfo-getcode{position: absolute;right:0px;top:48px;width: 130px;}
.userinfo-setphonebox button:nth-last-child(1){margin-left: 0;}
.userinfo-setimgtips{position: absolute;right: 30px;top: 30px;width: 430px;}
.input-layui-form .layui-btn-set{top:20px; }



/* cities */
.cities-header a{position: relative;display: block; width: 100%;min-width: 1200px;height: 230px;background: url("../images/city-header.png") no-repeat;background-size: 100% 100%;}
.cities-body{ position: relative; width: 1200px;background: white; margin: 10px auto 0;box-shadow: #e7e6e4 0 0 5px; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; }
.cities-search{position: relative;width: 100%;height:80px;background: #fafafa;padding: 0 20px;line-height: 80px;}
.cities-search input{display: inline-block;width: 220px;}
.cities-search .layui-btn{display: inline-block;margin-left: 5px;width: 80px;}
.cities-hot{position: relative;width: 100%;padding: 20px;border-bottom: 1px solid #f2f2f2;}
.cities-hot a{margin:0 20px;font-size: 14px;}
.cities-body a:hover{color: #0099ff;text-decoration: underline;}
.cities-item{position: relative;padding: 20px;padding-bottom: 10px;}
.cities-item h5{position: relative; font-size: 16px;color: #888;background: white;height: 30px;display: inline-block;z-index:2;padding-right: 10px;}
.cities-item::after{position: absolute;content: '';width:calc( 100% - 40px);height: 1px;background: #eee;left:20px;top:30px; z-index:1;}
.cities-item-list{position: relative;padding:5px 0 5px 80px;}
.cities-item-list span{position: absolute;left: 0;top: 5px;line-height: 30px;font-weight: 600;display: block;width: 70px;}
.cities-item-list span a:hover{text-decoration: none;}
.cities-item-con{position: relative;width: 100%;min-height: 30px;}
.cities-item-con a{display: inline-block;line-height: 30px;color: #333;margin:0 20px;}
.cities-links{position: relative;padding:10px 20px;border-top: 1px solid #f2f2f2;margin-top: 10px;}
.cities-links::after{content: none;}
.cities-footer{margin-top: 10px;width: 100%;background: rgba(0, 0, 0, 0.05);}
.cities-footer-con{position: relative;width: 1200px;margin: 0 auto;padding: 30px 0;text-align: center;}
.cities-footer-con ul{display: inline-block;}
.cities-footer-con ul li{position: relative;float: left;color: #878787;line-height: 30px;}
.cities-footer-con ul li a{color: #878787;margin:0 5px;font-size:12px;}
.cities-footer-con ul li a:hover{color: #0099ff;text-decoration: underline;}
.cities-footer-con ul li:nth-child(1) a{margin-left:0;}
.cities-footer-con p{color: #878787;line-height: 30px;font-size:12px;}



/* notice */
.yupao-noticebox{position: relative;width: 100%;height: 100%;}
.yupao-notice-container{ position: relative; width: 1000px; padding: 20px; background: white; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ;box-shadow: #e7e6e4 0 0 5px;height:98%; overflow-y: scroll;}
.yupao-notice-title{position: relative;font-size: 16px;text-align: center;font-weight: 600;line-height: 30px;padding:5px 0;}
.yupao-notice-time{position: relative;text-align: center;font-size:14px;color:#666;line-height: 25px;}
.yupao-notice-content{position: relative;width: 100%;overflow: hidden;padding: 20px 0;}
.yupao-notice-content img{max-width: 350px;display: block;margin: 0 auto;}
.yupao-notice-container::-webkit-scrollbar {width: 4px;height: 4px;}
.yupao-notice-container::-webkit-scrollbar-thumb {border-radius: 5px;box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.notice-logoimg{position: relative;display: block;width:120px;margin: 10px auto;}


/*ucenter-title*/
.ucenter-title-publish::before{background: url("../images/icon-published.png") no-repeat;background-size: 100% 100%;}
.ucenter-title-report::before{background: url("../images/icon-report.png") no-repeat;background-size: 100% 100%;}
.ucenter-title-source::before{background: url("../images/icon-source.png") no-repeat;background-size: 100% 100%;}