/*头条信息、轮播图、注册登录*/
#taoTop {margin: 10px 0 17px;}
#taoTop .topline{width: 255px; padding: 0 10px; height: 219px; border:1px solid #f2f2f2; background: #fff; float: left;}
#taoTop .topline .v-title {height: 45px; line-height: 45px; margin-bottom: 7px; border-bottom:1px solid #f5f5f5;}
#taoTop .topline .v-title span{ font-size: 16px; color: #FE5430; padding: 0; font-weight: bold;}
#taoTop .topline .v-title span:before{display: none;}
#taoTop .topline .bd li{height: 30px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#taoTop .topline .bd li a{color: #5c5c5c;}
#taoTop .topline .bd li a:hover{color: #333;}
#taoTop .banner{width: 684px; height: 220px; float: left; margin-left: 10px;}
#taoTop .banner .swiper-container{width: 684px; height: 220px;}
#taoTop .banner img{width: 684px; height: 220px;}
#taoTop .banner .swiper-pagination { position: absolute; bottom: 5px; width: 100%;text-align: center;}
#taoTop .banner .swiper-pagination-switch { width: 10px; height: 10px; border-radius: 100%; background: #aebfcd; display: inline-block; margin: 0 3px;}
#taoTop .banner .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch { background: #fff;}
#taoTop .auth{width: 218px; height: 219px; border:1px solid #f2f2f2; background: #fff; float: right;}
#taoTop .auth .v-tab{display: block; position: relative; width: 50%; height: 40px; line-height: 40px; background: #fcfcfc; text-align: center; float: left; font-size: 16px; color: #969696;}
#taoTop .auth .v-tab.active{color: #2995fd; background: #fff;}
#taoTop .auth .v-tab.active:before{content: ""; position: absolute; left: 0; top:-1px; width: 100%; height: 3px; background: #2995fd;}
#taoTop .auth .auth-form{padding: 0 12px; margin-top: 35px;}
#taoTop .auth .auth-form .item {margin-bottom: 10px;}
#taoTop .auth .auth-form .item input{width: 148px; height: 28px; padding: 0 10px 0 35px;background-image: url(img/auth_ico.png); background-color: #fafafa; background-repeat: no-repeat; border:1px solid #ededed;}
#taoTop .auth .auth-form .item input.username{background-position: 5px 5px;}
#taoTop .auth .auth-form .item input.password{background-position: 7px -37px;}
#taoTop .auth .btn-login{display: block; height: 32px; line-height: 32px; text-align: center; margin: 21px 12px 0; background: #2995fd; color: #fff;}
#taoTop .auth .v-userinfo .hd{text-align: center; padding: 10px; border-bottom: 1px solid #f2f2f2;}
#taoTop .auth .v-userinfo .hd span{display: block; margin-top: 7px; font-size: 16px;}
#taoTop .auth .v-userinfo .hd a{float: right; color: #5292ce;}
#taoTop .auth .v-userinfo .bd{padding: 4px 0 0 10px;}
#taoTop .auth .v-userinfo .bd a{width: 74px; height: 24px; line-height: 24px;  padding: 0 0 0 30px; color: #636363; margin: 8px 0; display: block; float: left; background-image: url(img/user_ico.png); background-repeat: no-repeat;}
#taoTop .auth .v-userinfo .bd a.u01{background-position: left 0;}
#taoTop .auth .v-userinfo .bd a.u02{background-position: left -24px;}
#taoTop .auth .v-userinfo .bd a.u03{background-position: left -48px;}
#taoTop .auth .v-userinfo .bd a.u04{background-position: left -72px;}

.v-title{height: 25px; margin-bottom: 15px;}
.v-title span{font-size: 22px; color: #333;}
.v-title span:before{ content: ""; width: 22px; height: 22px; display: inline-block; margin-right: 10px; position: relative; top:3px; background-image: url(img/floor_ico.png); background-repeat: no-repeat;}

/*淘信息*/
#taoInfo{margin-bottom: 20px;}
#taoInfo .v-title span:before{background-position: 0 0;}
#taoInfo .v-pl, #taoInfo .v-pr{width: 560.5px; padding: 0 15px; height: 225px; background: #fff; border:1px solid #f2f2f2;}
#taoInfo .v-tabs{ height: 47px; line-height: 47px; padding: 0 10px; border-bottom: 1px solid #f5f5f5;}
#taoInfo .v-tab{font-size: 16px; color: #424242; margin-right: 30px; display: block; float: left; position: relative;}
#taoInfo .v-tab.active{color: #fe603f;}
#taoInfo .v-tab.active:after{content: ""; position: absolute; width: 80%; left: 10%; height: 3px; bottom: 0; background: #fe603f;}
#taoInfo .v-panel{padding: 10px 0;}
#taoInfo .v-panel li {width: 100%; float: left; height: 30px; line-height: 30px;}
#taoInfo .v-panel li a{color: #5c5c5c;}
#taoInfo .v-panel li a:hover{color: #333;}
#taoInfo .v-panel li a span{display: block; float: left; width: 450px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#taoInfo .v-panel li a em{display: block; float: right; width: 100px; text-align: right;}

#taoTalents .v-tab, 
#taoMaterials .v-tab, 
#taoCompany .v-tab{ background: #fcfcfc;}

#taoTalents .v-tab, 
#taoMaterials .v-tab, 
#taoCompany .v-tab{display: block; position: relative; padding: 0 10px; min-width: 80px; height: 48px; line-height: 48px; text-align: center; float: left; font-size: 16px; color: #424242;}

#taoTalents .v-tab.active, 
#taoMaterials .v-tab.active, 
#taoCompany .v-tab.active{ background: #fff;}

#taoTalents .v-tab.active:before,
#taoMaterials .v-tab.active:before,
#taoCompany .v-tab.active:before{content: ""; position: absolute; left: 0; top:0; width: 100%; height: 3px; }

/*我的项目*/
#myProject{margin-bottom: 20px;}
#myProject .v-title span:before{background-position: 0 -160px;}
#myProject .v-main{border:1px solid #f2f2f2; background: #fff; padding: 15px 20px;}
#myProject .v-main a{width: 140px;text-align: center;display: inline-block;margin-left: 100px;}
#myProject .v-main a:first-child{margin-left: 0;}
#myProject .v-main a:before{ content: ""; width: 50px; height: 50px; background-image: url(img/my_pro_ico.png); background-repeat: no-repeat;  display: inline-block;}
#myProject .v-main a.ico_01:before{background-position: 0 0;}
#myProject .v-main a.ico_02:before{background-position: 0 -64px;}
#myProject .v-main a.ico_03:before{background-position: 0 -133px;}
#myProject .v-main a.ico_04:before{background-position: 0 -200px;}
#myProject .v-main a.ico_05:before{background-position: 0 -269px;}
#myProject .v-main a span{display: block; width: 100%; color: #636363;}
#myProject .item span{display: block; color: #040000; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*淘人才*/
#taoTalents{margin-bottom: 20px;}
#taoTalents .v-title span:before{background-position: 0 -40px;}
#taoTalents .v-main{border:1px solid #f2f2f2; background: #fff;}
#taoTalents .v-tab.active:before{background: #3ea6fc;}
#taoTalents .v-panel{padding: 9px;}
#taoTalents .item{width: 255px; height: 195px; margin: 10px; padding: 0 10px; background: #fafafa; display: block; text-align: center; float: left;}
#taoTalents .item img{margin: 15px 0 10px; width: 83px; height: 83px; border-radius: 100%;}
#taoTalents .item span{display: block; color: #040000; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#taoTalents .item strong{display: block; color: #040000; font-size: 18px; font-weight: normal; padding: 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#taoTalents .item p{color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#taoTalents .item p em{font-size: 14px;}
#taoTalents .item p em:after{content: "|"; padding: 0 3px;}
#taoTalents .item p em:last-child:after{display: none;}
#taoTalents .item:hover{box-shadow: 0 0 3px #ccc;}


.item .tags{margin: 5px 0 5px;max-height: 47px;overflow: hidden;text-overflow: ellipsis;}
.item .tags i{padding: 1px 5px;border-radius: 3px;white-space: nowrap;margin-right:5px;display: inline-block;margin-bottom: 5px;}
.item .tags i{background: #e8f4ff; color: #2995fd;}
.item .tags i:nth-of-type(2){background: #fff1e1; color: #fd9c29;}


/*淘材料*/
#taoMaterials{margin-bottom: 20px;}
#taoMaterials .v-title span:before{background-position: 0 -80px;}
#taoMaterials .v-main{border:1px solid #f2f2f2; background: #fff;}
#taoMaterials .v-tab.active:before{background: #23d6f3;}
#taoMaterials .v-panel,
#taoCompany .v-panel{padding: 15px 20px;}
#taoMaterials .item,
#taoCompany .item{width: 345px; height: 110px; float: left; padding: 10px 20px;}
#taoMaterials .item:hover,
#taoCompany .item:hover{background: #f9f9f9;}
#taoMaterials .item .v-pl,
#taoCompany .item .v-pl{width: 104px; }
#taoMaterials .item .v-pl img,
#taoCompany .item .v-pl img{width: 104px; height: 104px;}
#taoMaterials .item .v-pr,
#taoCompany .item .v-pr{width: 225px;}
#taoMaterials .item strong,
#taoCompany .item strong{ display: block; color: #040000; font-size: 18px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#taoMaterials .item p,
#taoCompany .item p{word-break: break-all; color: #666; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;}
#taoMaterials .item:nth-of-type(2),
#taoMaterials .item:nth-of-type(5),
#taoMaterials .item:nth-of-type(8){border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2;}
#taoCompany .item:nth-of-type(2),
#taoCompany .item:nth-of-type(5),
#taoCompany .item:nth-of-type(8){border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2;}
/*淘公司*/
#taoCompany{margin-bottom: 20px;}
#taoCompany .v-title span:before{background-position: 0 -120px;}
#taoCompany .v-main{border:1px solid #f2f2f2; background: #fff;}
#taoCompany .v-tab.active:before{background: #fe8c34;}