@charset "utf-8";

/* z-index: 2; */
/* CSS Document */

/* animation-------------------------------------------------------------------------------------------- */

.header-box{    
    animation: fain-in;
    animation-duration: 3.6s;
    -webkit-animation: fain-in 3.6s;
}

.main-box{    
    animation: fain-in;
    animation-duration: 2.4s;
    -webkit-animation: fain-in 2.4s;
}

.footer-box{    
    animation: fain-in;
    animation-duration: 1.4s;
    -webkit-animation: fain-in 1.4s;
}

/* header-box-------------------------------------------------------------------------------------- */

.header-box{
	width: 100%;
	height: auto;
	background: #ffffff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
}

.header-box .header{
	width: 1200px;
	height: 54px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-box .header .t-fl{
	display: flex;
	align-items: center;
}

.header-box .header .t-fr{
	display: flex;
	align-items: center;
}

/* logo--- */

.header-box .header .logo{
	display: inline-block;
	width: 120px;
	height: 30px;
	margin: -1px 24px 0 0;
}

.header-box .header .logo img{
	display: inline-block;
	width: 100%;
}

/* tips--- */

.header-box .header .tips{
	font-size: 16px;
	line-height: 16px;
	color: #222234;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
}

.header-box .header .tips:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 6px;
	height: 6px;
	background: #222234;
	border-radius: 50%;
	margin: 0 10px 0 -12px;
	position: relative;
	top: -1.4px;
}

/* search--- */

.header-box .header .search{
	width: 420px;
	height: 35px;
	position: relative;
}

.header-box .header .search-l{
	width: 74px;
	height: 35px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.header-box .header .search-l input{
	width: 58px;
	height: 35px;
	padding: 0 0 0 16px;
	font-size: 13px;
	line-height: 35px;
	color: #8d99ac;
	border: none;
	background: none;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.header-box .header .search-l:hover input{
	color: #445566;
}

.header-box .header .search-l:after{
	content: "∨";
	position: absolute;
	top: 8px;
	right: 17px;
	color: #8d99ac;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.header-box .header .search-l:hover:after{
	color: #445566;
}

.header-box .header .search-l ul{
	display: none;
	padding: 7px 0;
	width: 80px;
	background: #fafafa;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	border-radius: 6px;
	margin-top: 6px;
	cursor: pointer;
}

.header-box .header .search-l ul li.selected{
	font-size: 13px;
	line-height: 31px;
	color: #8d99ac;
	text-align: center;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.header-box .header .search-l ul li.on{
	color: #ff0000;
}

.header-box .header .search-l ul li:hover{
	background: #f0f0f0;
}

.header-box .header .search-r:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 1px;
	height: 10px;
	background: #d3d7dd;
	position: absolute;
	top: 12px;
	left: 66px;
	z-index: 2;
}

.header-box .header .search-main{
	position: relative;
	z-index: 1;
}

.header-box .header .search-input{
	width: 302px;
	height: 32px;
	padding: 0px 40px 1px 76px;
	background: #fafafa;
	border: 1px solid #f2f2f2;
	border-radius: 6px;
	cursor: pointer;
	font-size: 13px;
	color: #778899;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.header-box .header .search-input::-webkit-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #8d99ac;
	font-weight: normal;
	position: relative;
	top: 1px;
}

.header-box .header .search-input::-moz-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #8d99ac;
	font-weight: normal;
	position: relative;
	top: 1px;
}

.header-box .header .search-input::-ms-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #8d99ac;
	font-weight: normal;
	position: relative;
	top: 1px;
}

.header-box .header .search-input:hover{
	border: 1px solid #e2e2e2;
	border-radius: 10px;
}

.header-box .header .search-input:focus{
	border: 1px solid #cccccc;
	border-radius: 10px;
}

.header-box .header .search-submit{
	width: 35px;
	line-height: 35px;
	border: none;
	cursor: pointer;
	background: url(../../images/2020/common/icon_search.png) no-repeat;
	-moz-background-size: 35px 72px;
	-webkit-background-size: 35px 72px;
	background-size: 35px 72px;
	background-position: 0 0;
	position: absolute;
	top: 0;
	right: 4px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.header-box .header .search-submit:hover{
	background-position: 0 -37px;
}

/* nav-subpage--- */

.header-box .header .nav{
	display: flex;
}

.header-box .header .nav dd{
	height: 54px;
	position: relative;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.header-box .header .nav dd b{
	display: none;
	width: 14px;
	height: 2px;
	background: #778899;
	border-radius: 1px;
	position: absolute;
	left: 0;
	top: 54px;
	right: 0;
	bottom: 0;
	margin: auto;
}

.header-box .header .nav dd.on b{
	display: block;
}

.header-box .header .nav dd a{
	display: inline-block;
	font-size: 14px;
	line-height: 54px;
	color: #778899;
	padding: 0 15px;
	position: relative;
}

.header-box .header .nav dd:hover{
	background: #f2f2f2;
}

.header-box .header .nav dd.nav-more{
	position: relative;
}

.header-box .header .nav-more .nav-more-nav{
	width: 104px;
	padding: 10px 0;
	height: auto;
	position: absolute;
	top: 70px;
	right: 0px;
	background: #ffffff;
	border: 1px solid #ebebeb;
	border-radius: 16px;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.12);
	z-index: 2;
	display: none;
}

.header-box .header .nav-more .nav-more-nav:before{
	content: "";
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 1px solid #ebebeb;
	border-bottom-color: #ffffff;
	border-right-color: #ffffff;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	pointer-events: auto;
	right: 20px;
	top: -7px;
}

.header-box .header .nav-more .nav-more-nav li{
	width: 104px;
	position: relative;
}

.header-box .header .nav-more .nav-more-nav li a{
	padding: 5px 14px 5px 24px;
	width: 66px;
	display: block;
	font-size: 13px;
	line-height: 17px;
	color: #778899;
	letter-spacing: 0.8px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.header-box .header .nav-more .nav-more-nav li:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background: #778899;
	position: absolute;
	top: 11px;
	left: 14px;
	z-index: 2;
}

.header-box .header .nav-more .nav-more-nav li a:hover{
	background: #f4f4f4;
}

/* user--- */

.header-box .header .user{
	display: flex;
	position: relative;
}

.header-box .header .user dt,
.header-box .header .user dd{
	display: inline-block;
	margin: 0 16px;
	position: relative;
}

.header-box .header .user dt a{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../images/2020/common/icon_tidings.png) no-repeat;
	-moz-background-size: 42px 42px;
	-webkit-background-size: 42px 42px;
	background-size: 42px 42px;
	margin-top: 7px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.header-box .header .user dt .user-news{
	background-position: 0 0;
}

.header-box .header .user dt .user-news:hover{
	background-position: 0 -22px;
}

.header-box .header .user dt .user-tips{
	background-position: -22px 0;
}

.header-box .header .user dt .user-tips:hover{
	background-position: -22px -22px;
}

.header-box .header .user dt em{
	display: inline-block;
	font-size: 12px;
	line-height: 12px;
	color: #ffffff;
	padding: 2px 4px 2px 5px;
	background: #f21316;
	border-radius: 8px;
	border: 2px solid #ffffff;
	position: absolute;
	top: 0;
	left: 10px;
}

.header-box .header .user dd{
	display: flex;
	margin-right: 0;
}

.header-box .header .user dd .user-infs{
	display: inline-block;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	background: url(../../images/2020/common/icon_user_00.png) no-repeat;
	-moz-background-size: 34px 34px;
	-webkit-background-size: 34px 34px;
	background-size: 34px 34px; 
}

.header-box .header .user dd .user-infs img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.header-box .header .user dd .user-infs-more{
	width: 154px;
	padding: 10px 0;
	height: auto;
	position: absolute;
	top: 60px;
	right: -10px;
	background: #ffffff;
	border: 1px solid #ebebeb;
	border-radius: 16px;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.12);
	z-index: 2;
	display: none;
}

.header-box .header .user dd .user-infs-more:before{
	content: "";
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 1px solid #ebebeb;
	border-bottom-color: #ffffff;
	border-right-color: #ffffff;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	pointer-events: auto;
	right: 20px;
	top: -7px;
}

.header-box .header .user dd .user-infs-more li{
	width: 154px;
	position: relative;
}

.header-box .header .user dd .user-infs-more li a{
	padding: 5px 14px 5px 20px;
	width: 120px;
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #778899;
	letter-spacing: 0.8px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.header-box .header .user dd .user-infs-more li.on a{
	color: #556677;
	font-weight: 900;
}

.header-box .header .user dd .user-infs-more li a img{
	display: inline-block;
	width: 14px;
	height: 14px;
	position: relative;
	top: 2px;
	margin-right: 6px;
}

.header-box .header .user dd .user-infs-more li a:hover{
	background: #f4f4f4;
}

/* main-box-------------------------------------------------------------------------------------------- */

.main-box .main{
	margin: 32px auto 0 auto;
}

/* company-header-------------------------------------------------------------------------------------- */

.company-header{
	width: 100%;
	margin-bottom: 20px;
}

.company-header.fixed{
	margin-bottom: 122px;
}

/* company-title-------------------------------------------------------------------------------------- */

.company-title{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* --------------------------------------------------------------------------------------- */

.company-logo{
	display: inline-block;
	width: 88px;
	height: 88px;
	border: 1px solid #fafafa;
	border-radius: 12px;
	overflow: hidden;
}

.company-logo img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* --------------------------------------------------------------------------------------- */

.company-name{
	flex: 1;
	padding-left: 20px;
}

.company-name b{
	display: block;
	font-size: 32px;
	line-height: 40px;
	color: #222234;
}

.company-name p{
	font-size: 12px;
	line-height: 14px;
	color: #666666;
	margin-top: 5px;
}

/* --------------------------------------------------------------------------------------- */

.company-follow{
	width: 192px;
	text-align: right;
}

.company-follow button{
	display: inline-block;
	padding: 12px 20px 12px 44px;
	font-size: 13px;
	line-height: 13px;
	color: #ffffff;
	letter-spacing: 0.5px;
	border: none;
	outline: none;
	background: #4262de;
	border-radius: 16px;
	margin-right: 20px;
	position: relative;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.company-follow button em{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/2020/common/icon_follow_01.png) no-repeat;
	-moz-background-size: 16px 32px;
	-webkit-background-size: 16px 32px;
	background-size: 16px 32px;
	background-position: 0 0;
	position: absolute;
	top: 11px;
	left: 20px;
}

.company-follow button:hover{
	background: #3252cd;
	border-radius: 14px;
}

/* --------------------------------------------------------------------------------------- */

.company-follow-done{
	width: 192px;
	text-align: right;
}

.company-follow-done button{
	display: inline-block;
	padding: 12px 20px 12px 44px;
	font-size: 13px;
	line-height: 13px;
	color: #4262de;
	letter-spacing: 0.5px;
	border: none;
	outline: none;
	background: #eceffc;
	border-radius: 16px;
	margin-right: 20px;
	position: relative;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.company-follow-done button em{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/2020/common/icon_follow_01.png) no-repeat;
	-moz-background-size: 16px 32px;
	-webkit-background-size: 16px 32px;
	background-size: 16px 32px;
	background-position: 0 -16px;
	position: absolute;
	top: 11px;
	left: 20px;
}

.company-follow-done button:hover{
	background: #e4e9fa;
	border-radius: 14px;
}

/* company-infor-------------------------------------------------------------------------------------- */

.company-infor{
	padding: 24px 33px 18px 33px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: linear-gradient(0deg, #fbfbfb 40%, hsla(0,0%,100%,0));
	margin-top: 12px;
}

/* --------------------------------------------------------------------------------------- */

.company-assess{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.company-assess .company-assess-score{
	padding: 0 4px;
}

.company-assess-score{
	display: flex;
}

.company-assess-score p{
	display: flex;
	align-items: flex-end;
	color: #f01414;
	font-weight: 900;
	margin-right: 10px;
}
.company-assess-score p span{
	font-size: 18px;
	line-height: 18px;
}

.company-assess-score p font{
	font-size: 12px;
	line-height: 12px;
}

.company-assess-score em{
	display: inline-block;
	width: 92px;
	height: 16px;
	background: url(../../images/2020/common/icon_score.png) no-repeat;
	-moz-background-size: 92px 80px;
	-webkit-background-size: 92px 80px;
	background-size: 92px 80px;
}

.company-assess-score em.score-1{
	background-position: 0 0;
}

.company-assess-score em.score-2{
	background-position: 0 -16px;
}

.company-assess-score em.score-3{
	background-position: 0 -32px;
}

.company-assess-score em.score-4{
	background-position: 0 -48px;
}

.company-assess-score em.score-5{
	background-position: 0 -64px;
}

.company-assess-score em.score{
	display: inline-block;
	width: 92px;
	height: 16px;
	background: url(../../images/2020/common/icon_score_02.png) no-repeat;
	-moz-background-size: 92px 32px;
	-webkit-background-size: 92px 32px;
	background-size: 92px 32px;
	background-position: 0 0;
	position: relative;
}

.company-assess-score em.score i{
	display: inline-block;
	width: 92px;
	height: 16px;
	background: url(../../images/2020/common/icon_score_02.png) no-repeat;
	-moz-background-size: 92px 32px;
	-webkit-background-size: 92px 32px;
	background-size: 92px 32px;
	background-position: 0 -16px;
	position: absolute;
	top: 0;
	left: 0;
}

.company-assess-score strong{
	font-size: 14px;
	line-height: 16px;
	color: #f01414;
	font-weight: 500;
}

.company-assess-score strong:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 1px;
	height: 9px;
	background: #c9c9c9;
	position: relative;
	top: -1px;
	margin: 0 8px;
}

.company-assess-score strong:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 12px;
	height: 14px;
	background: url(../../images/2020/common/icon_hotchat.png) no-repeat;
	-moz-background-size: 12px 14px;
	-webkit-background-size: 12px 14px;
	background-size: 12px 14px;
	position: relative;
	top: -3px;
	margin-left: 5px;
}

.company-assess .company-assess-nature{
	padding: 0 4px;
}

.company-assess-nature{
	display: flex;
	margin-top: 8px;
}

.company-assess-nature li{
	font-size: 12px;
	line-height: 12px;
	color: #969696;
}

.company-assess-nature li:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 1px;
	height: 8px;
	background: #c2c2c2;
	position: relative;
	top: -1px;
	margin: 0 6px;
}

.company-assess-nature li:first-child:before{
	display: none;
}

.company-assess-welfare{
	display: flex;
	margin-top: 7px;
}

.company-assess-welfare li{
	font-size: 12px;
	line-height: 12px;
	color: #848484;
	padding: 8px 12px;
	border-radius: 6px;
	background: #ececec;
	margin: 4px 4px 0 0;
}

/* --------------------------------------------------------------------------------------- */

.company-share{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 200px;
}

.company-share-t{
	display: flex;
}

.company-share-t li{
	font-size: 13px;
	line-height: 15px;
	color: #8590a6;
	cursor: pointer;
	margin: 0 5px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.company-share-t li i{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../../images/2020/common/icon_share.png) no-repeat;
	-moz-background-size: 83px 49px;
	-webkit-background-size: 83px 49px;
	background-size: 83px 49px;
	position: relative;
	top: 2px;
	margin-right: 4px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.company-share-t li.share i{
	background-position: 0 0;
}

.company-share-t li.pick i{
	background-position: -17px 0;
}

.company-share-t li.pick-done i{
	background-position: -17px -34px;
}

.company-share-t li.more i{
	background-position: -34px 0;
}

.company-share-t li:hover{
	color: #556677;
}

.company-share-t li.share:hover i{
	background-position: 0 -17px;
}

.company-share-t li.pick:hover i{
	background-position: -17px -17px;
}

.company-share-t li.more:hover i{
	background-position: -34px -17px;
}

/* --------------------------------------------------------------------------------------- */

.company-share-t li.share{
	position: relative;
}

.company-share-t li.share dl.share-list{
	position: absolute;
	top: 30px;
	left: -20px;
}

dl.share-list,
dl.share-list-more{
	width: 36px;
	padding: 10px 10px;
	height: auto;
	background: #ffffff;
	border: 1px solid #ebebeb;
	border-radius: 16px;
	z-index: 2;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.12);
	display: none;
}

dl.share-list:before,
dl.share-list-more:before{
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 1px solid #ebebeb;
    border-bottom-color: #ffffff;
    border-right-color: #ffffff;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: auto;
    left: 20px;
    top: -7px;
}

dl.share-list dd a,
dl.share-list-more dd a{
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 12px;
	background: url(../../images/2020/common/icon_share_03.png) no-repeat;
	-moz-background-size: 150px 74px;
	-webkit-background-size: 150px 74px;
	background-size: 150px 74px;
	margin: 2px 0;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

dl.share-list dd.wechat a,
dl.share-list-more dd.wechat a{
	background-position: 0 0;
}

dl.share-list dd.weibo a,
dl.share-list-more dd.weibo a{
	background-position: -38px 0;
}

dl.share-list dd.qq a,
dl.share-list-more dd.qq a{
	background-position: -76px 0;
}

dl.share-list dd.qzone a,
dl.share-list-more dd.qzone a{
	background-position: -114px 0;
}

dl.share-list dd.wechat:hover a,
dl.share-list-more dd.wechat:hover a{
	background-position: 0 -38px;
}

dl.share-list dd.weibo:hover a,
dl.share-list-more dd.weibo:hover a{
	background-position: -38px -38px;
}

dl.share-list dd.qq:hover a,
dl.share-list-more dd.qq:hover a{
	background-position: -76px -38px;
}

dl.share-list dd.qzone:hover a,
dl.share-list-more dd.qzone:hover a{
	background-position: -114px -38px;
}

/* --------------------------------------------------------------------------------------- */

.company-share-t li.more{
	position: relative;
}

.company-share-t li.more dl{	
	width: 104px;
	padding: 10px 0;
	height: auto;
	position: absolute;
	top: 30px;
	right: -16px;
	background: #ffffff;
	border: 1px solid #ebebeb;
	border-radius: 16px;
	z-index: 2;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.12);
	display: none;
}

.company-share-t li.more dl:before{
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 1px solid #ebebeb;
    border-bottom-color: #ffffff;
    border-right-color: #ffffff;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: auto;
    right: 20px;
    top: -7px;
}

.company-share-t li.more dl dd{
	padding: 5px 14px 5px 24px;
    width: 66px;
    display: block;
    font-size: 13px;
    line-height: 17px;
    color: #778899;
    letter-spacing: 0.8px;
    text-align: left;
    position: relative;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.company-share-t li.more dl dd:before{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #778899;
    position: absolute;
    top: 11px;
    left: 14px;
    z-index: 2;
}

.company-share-t li.more dl dd:hover{
	background: #f4f4f4;
}

/* --------------------------------------------------------------------------------------- */

.company-share-b{
	display: flex;
	margin-top: 8px;
}

.company-share-b li{
	display: flex;
	align-items: center;
	font-size: 13px;
	line-height: 13px;
	color: #4262de;
	padding: 10px 12px 10px 4px;
	background: #eceffc;
	border-radius: 10px;
	cursor: pointer;
	margin-left: 4px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.company-share-b li i{
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 8px;
	background: url(../../images/2020/common/icon_shares.png) no-repeat;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px;
}

.company-share-b li font{
	margin: 0 7px 0 -2px;
}

.company-share-b li span{
	margin-left: -2px;
}

.company-share-b li:hover{
	background: #e5e8f7;
	border-radius: 14px;
}

/*-------------*/

.company-share-b li.agree i{
	background-position: 0 0;
}

.company-share-b li.agree-done{
	background: #eeeff1;
	color: #778899;
}

.company-share-b li.agree-done i{
	background-position: 0 -8px;
}

.company-share-b li.agree-done:hover{
	background: #ebedef;
	border-radius: 14px;
}

/*-------------*/

.company-share-b li.disagree i{
	background-position: -8px 0;
}

.company-share-b li.disagree-done{
	background: #eeeff1;
	color: #778899;
}

.company-share-b li.disagree-done i{
	background-position: -8px -8px;
}

.company-share-b li.disagree-done:hover{
	background: #ebedef;
	border-radius: 14px;
}

/* company-nav-------------------------------------------------------------------------------------- */

.company-nav{
	z-index: 2;
}

.company-nav .comment{
	display: none;
}

.company-nav{
	width: 858px;
	height: 68px;
	background: #ffffff;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.05);
}

.company-nav .main{
	padding: 14px 0 18px 0;
	width: 858px;
	height: 36px;
	margin-top: 8px;
}

/* -------------------------------------------------------------------------------------- */

.company-nav.fixed{
	width: 100%;
	height: 82px;
	background: rgba(255,255,255,0.8);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
	border-radius: 0;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.06);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	-webkit-animation: shangtan 0.8s ease-out forwards 1;
	animation: shangtan 0.8s ease-out forwards 1;
}

.company-nav.fixed .main{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24px 0 18px 0;
	min-width: 1200px !important;
	height: 36px;
	margin: 0 auto;
}

.company-nav.fixed .nav{
	flex: 1;
	padding: 0;
}

.company-nav.fixed .nav:before,
.company-nav.fixed .nav:after{
	display: none;
}

.company-nav.fixed .comment{
	display: inline-block;
	padding: 0 32px;
	font-size: 14px;
	font-weight: 900;
	line-height: 36px;
	color: #ffffff;
	background: #222234;
	border-radius: 12px;
	margin-left: 135px;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.company-nav.fixed .comment:hover{
	background: #2242bc;
	border-radius: 18px;
}

/* -------------------------------------------------------------------------------------- */

.company-nav .nav{
	position: relative;
	padding: 0 21px 0 21px;
	height: 36px;
	margin: 0 auto;
	overflow: hidden;
}

.company-nav .nav:after{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 21px;
    height: 36px;
    background: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
}

.company-nav .nav:before{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 21px;
    height: 36px;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.company-nav .nav .scroller{
	position: absolute;
}

.company-nav .nav .scroller ul li{
	height: 36px;
	float: left;
}

.company-nav .nav .scroller ul li a{
	float: left;
	font-size: 14px;
	line-height: 14px;
	color: #778899;
	padding: 10px 17px;
	border: 1px solid #f4f4f4;
	background: #f4f4f4;
	border-radius: 18px;
	margin-right: 8px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.company-nav .nav .scroller ul li a:hover{
	background: #fbfbfb;
	border: 1px solid #e9e9e9;
	color: #667788;
}

.company-nav .nav .scroller ul li.cur a{
	color: #ffffff;
	font-weight: 900;
	background: #222234;
	border: 1px solid #222234;
}

.company-nav .nav .scroller ul li:last-child:after{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 36px;
    height: 36px;
}

/* -------------------------------------------------------------------------------------- */

.company-box{
	width: 100%;
	position: relative;
	border-radius: 20px;
	margin-bottom: 20px;
	zoom: 1;
}

.company-box:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* mainer.profile-------------------------------------------------------------------------------------- */

.mainer.profile{
	padding: 4px 32px 32px 32px;
	width: 794px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	text-align: justify;
}

.mainer.profile.sH{
	max-height: 400px;
}

.mainer.profile.mH{
	height: auto;
	margin-bottom: 60px;
}

/* --------------------------------------------------------------------------------------- */

.ender{
	display: inline-block;
	border: none;
	outline: none;
	width: 100%;
	padding: 60px 0 20px 0;
	background: linear-gradient(0deg, #ffffff 46%, hsla(0,0%,100%,0));
	font-size: 13px;
	line-height: 13px;
	color: #778899;
	letter-spacing: 0.8px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* mainer.rank-------------------------------------------------------------------------------------- */

.mainer.rank{
	padding: 4px 32px 32px 32px;
	width: 794px;
	display: flex;
}

/* --------------------------------------------------------------------------------------- */

.company-rank-more{
	display: inline-block;
	width: 48px;
	height: 36px;
	border-radius: 12px;
	border: none;
	outline: none;
	font-size: 0;
	background: url(../../images/2020/common/icon_rankmore.png) no-repeat;
	-moz-background-size: 48px 74px;
	-webkit-background-size: 48px 74px;
	background-size: 48px 74px;
	position: absolute;
}

.mainer.rank .up{
	background-position: 0 0;
	bottom: 33px;
	left: 528px;
}

.mainer.rank .down{
	background-position: 0 -38px;
	bottom: 30px;
	left: 584px;
}

.mainer.rank .sH{
	height: 189px;
}

.mainer.rank .mH{
	height: auto;
}

/* opinion-company-rank--------------------------------------------------------------------------------------- */

.opinion-company-rank{
	flex: 1;
	height: 149px;
	padding: 20px 22px;
	border: 1px solid #ededed;
	border-radius: 12px;
}

.opinion-company-rank em{
	display: block;
	width: 100%;
	font-size: 13px;
	line-height: 13px;
	color: #333333;
	font-weight: 900;
	margin-top: 6px;
}

.opinion-company-rank .opinion{
	position: relative;
	margin-top: 14px;
}

.opinion-company-rank .opinion .opinion-t{
	display: block;
	width: 100%;
	font-size: 48px;
	line-height: 48px;
	color: #222234;
	font-weight: 900;
	position: absolute;
	top: -1px;
	left: -1px;
}

.opinion-company-rank .opinion .opinion-t span{
	font-size: 30px;
	margin-left: 4px;
}

.opinion-company-rank .opinion .opinion-b{
	display: block;
	width: 100%;
	font-size: 48px;
	line-height: 48px;
	color: #ffffff;
	font-weight: 900;
	text-shadow: #222234 1px 0 0, #222234 0 1px 0, #222234 -1px 0 0, #222234 0 -1px 0;
}

.opinion-company-rank .opinion .opinion-b span{
	font-size: 30px;
	margin-left: 4px;
}

.opinion-company-rank i{
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 12px;
	color: #808080;
	margin-top: 1px;
}

.opinion-company-rank i span{
	margin: 0 2px;
}

.opinion-company-rank a{
	display: inline-block;
	font-size: 12px;
	line-height: 12px;
	color: #ffffff;
	padding: 12px 28px;
	background: #222234;
	border-radius: 18px;
	border-top-left-radius: 0;
	margin-top: 12px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.opinion-company-rank a:hover{
	background: #444456;
	border-top-left-radius: 18px;
}

/* mainer.wages-------------------------------------------------------------------------------------- */

.mainer.wages{
	padding: 24px 32px 22px 32px;
	display: flex;
	justify-content: space-between;
}

.mainer.wages .mainer-l{
	width: 390px;
}

/* -------------------------------------------------------------------------------------- */

.wages-compare{
	width: 100%;
}

.wages-compare dt{
	padding: 39px 20px 16px 20px;
	background: #fbfbfb;
	border-radius: 12px;
}

.wages-compare dt em{
	display: inline-block;
	font-size: 15px;
	line-height: 15px;
	color: #333333;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
}

.wages-compare dt .wages{
	position: relative;
	margin: 20px 0 14px 0;
}

.wages-compare dt .wages .wages-t{
	display: block;
	width: 100%;
	font-size: 48px;
	line-height: 48px;
	color: #222234;
	font-weight: 900;
	position: absolute;
	top: -1px;
	left: -1px;
}

.wages-compare dt .wages .wages-b{
	display: block;
	width: 100%;
	font-size: 48px;
	line-height: 48px;
	color: #ffffff;
	font-weight: 900;
	text-shadow: #222234 1px 0 0, #222234 0 1px 0, #222234 -1px 0 0, #222234 0 -1px 0;
}

.wages-compare dt .wages span{
	font-size: 12px;
	line-height: 12px;
	color: #999999;
	position: absolute;
	bottom: 4px;
	right: 0;
}

.wages-compare dt b{
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #5d5d5d;
}

.wages-compare dd{
	padding: 8px 16px;
	background: #fbfbfb;
	margin-top: 4px;
	border-top-left-radius: 22px;
	border-bottom-left-radius: 22px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	position: relative;
}

.wages-compare dd:nth-of-type(1){
	background: #f4f4f4;
}

.wages-compare dd strong{
	float: left;
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url(../../images/2020/common/icon_wages.png) no-repeat;
	-moz-background-size: 118px 28px;
	-webkit-background-size: 118px 28px;
	background-size: 118px 28px;
	margin-right: 12px;
}

.wages-compare dd:nth-of-type(1) strong{
	background-position:  0 0;
}

.wages-compare dd:nth-of-type(2) strong{
	background-position:  -30px 0;
}

.wages-compare dd:nth-of-type(3) strong{
	background-position:  -60px 0;
}

.wages-compare dd:nth-of-type(4) strong{
	background-position:  -90px 0;
}

.wages-compare dd em{
	float: left;
	font-size: 13px;
	line-height: 27px;
	color: #404040;
	margin: 1px 6px 0 0;
}

.wages-compare dd b{
	float: left;
	font-size: 13px;
	line-height: 27px;
	color: #222234;
	font-weight: 900;
	margin-top: 1px;
}

.wages-compare dd span{
	float: left;
	font-size: 13px;
	line-height: 27px;
	font-weight: 900;
	margin-top: 1px;
}

.wages-compare dd span i{
	display: inline-block;
	width: 12px;
	height: 14px;
	background: url(../../images/2020/common/icon_quota_01.png) no-repeat;
	-moz-background-size: 12px 28px;
	-webkit-background-size: 12px 28px;
	background-size: 12px 28px;
	margin-right: 5px;
	position: relative;
	top: 2px;
}

.wages-compare dd span.down{
	color: #00c302;
}

.wages-compare dd span.up{
	color: #ff0000;
}

.wages-compare dd span.down i{
	background-position: 0 0;
}

.wages-compare dd span.up i{
	background-position: 0 -14px;
}

.wages-compare .region{
	position: absolute;
	top: 4px;
	right: 6px;
	cursor: pointer;
}

.wages-compare .region input{
	width: 42px;
	padding: 0 24px;
	font-size: 14px;
	line-height: 34px;
	color: #778899;
	border: 1px solid #ebebeb;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 18px;
	border-bottom-left-radius: 18px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.wages-compare .region:hover input{
	border: 1px solid #d8d8d8;
}

.wages-compare .region:after{
	content: "∨";
	position: absolute;
	top: 9px;
	right: 22px;
	color: #8d99ac;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.wages-compare .region ul{
	display: none;
	padding: 7px 0;
	width: 92px;
	background: #fafafa;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	border-radius: 12px;
	position: absolute;
	top: 42px;
	right: 0;
	max-height: 300px;
	overflow-y: auto;
	z-index: 1;
}

.wages-compare .region ul li.selected a{
	padding: 4px 8px;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #8d99ac;
	text-align: center;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.wages-compare .region ul li a:hover{
	background: #f0f0f0;
}

/* -------------------------------------------------------------------------------------- */

.wages-mix{
	width: 352px;
	height: 184px;
	display: flex;
	justify-content: space-between;
	margin-top: 4px;
}

.wages-mix .mix-l{
	width: 180px;
	height: 184px;
}

.wages-mix .mix-r{
	display: flex;
	align-items: center;
	width: 154px;
	height: 184px;
}

.wages-mix dl{
	width: 100%;
	height: auto;
}

.wages-mix dl dt{
	display: inline-block;
    font-size: 15px;
    line-height: 15px;
    color: #333333;
    font-weight: 900;
    transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    margin-bottom: 10px;
}

.wages-mix dl dd{
	float: left;
	min-width: 77px;
	font-size: 13px;
    line-height: 13px;
    color: #606060;
    margin-top: 10px;
}

.wages-mix dl dd i{
	float: left;
	display: inline-block;
	width: 16px;
	height: 12px;
	border-radius: 6px;
	margin-right: 6px;
}

.wages-mix dl dd:nth-of-type(1) i{
	background: #4262de;
}

.wages-mix dl dd:nth-of-type(2) i{
	background: #5571e1;
}

.wages-mix dl dd:nth-of-type(3) i{
	background: #6881e5;
}

.wages-mix dl dd:nth-of-type(4) i{
	background: #7a91e8;
}

.wages-mix dl dd:nth-of-type(5) i{
	background: #8ea1eb;
}

.wages-mix dl dd:nth-of-type(6) i{
	background: #a0b0ee;
}

.wages-mix dl dd:nth-of-type(7) i{
	background: #b3c0f2;
}

.wages-mix dl dd:nth-of-type(8) i{
	background: #d1d9f7;
}

.wages-mix dl dd:nth-of-type(9) i{
	background: #e1e6fa;
}

/* -------------------------------------------------------------------------------------- */

.wages-trend{
	width: 352px;
	margin-top: 14px;
}

.wages-trend .wages-trend-t{
	display: inline-block;
	font-size: 15px;
	line-height: 15px;
	color: #333333;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    margin-bottom: 12px;
}

.wages-trend .wages-trend-b{
	width: 100%;
	height: 150px;
}

/* -------------------------------------------------------------------------------------- */

.company-box .enders{
	padding: 10px 32px 22px 32px;
	font-size: 12px;
	line-height: 18px;
	color: #aaaaaa;
}

.company-box .enders span{
	margin-right: 8px;
}

/* mainer.recruit-------------------------------------------------------------------------------------- */

.mainer.recruit{
	width: 858px;
	padding: 0;
}

.data-list-recruit{
	width: 100%;
}

.data-list-recruit li{
	overflow: hidden;
	width: 858px;
	border-top: 1px solid #f3f3f3;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-recruit li:nth-of-type(1){
	border-top: none;
}

.data-list-recruit-a{
	padding: 0 32px;
	margin-top: 24px;
}

.data-list-recruit-a .more{
	float: left;
	font-size: 14px;
	line-height: 16px;
	color: #333333;
    margin-right: 12px;
    display: inline-block;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-recruit-a .more:hover{
	color: #4262de;
}

.data-list-recruit-a .more span{
	font-size: 13px;
	line-height: 16px;
}

.data-list-recruit-a .more span:before{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 1px;
    height: 8px;
    background: #778899;
    position: relative;
    top: -1px;
    margin: 0 6px;
}

.data-list-recruit-a i{
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 5px;
	background: url(../../images/2020/common/icon_recruit.png) no-repeat;
	-moz-background-size: 30px 30px;
	-webkit-background-size: 30px 30px;
	background-size: 30px 30px;
	position: relative;
	top: 1px;
	margin-right: 4px;
	cursor: pointer;
	display: none;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-recruit-a .like{
	float: left;
	background-position: 0 0;
}

.data-list-recruit-a .send{
	float: left;
	background-position: -15px 0;
}

.data-list-recruit-a .like:hover{
	background-position: 0 -15px;
}

.data-list-recruit-a .send:hover{
	background-position: -15px -15px;
}

.data-list-recruit-a .like-done{
	float: left;
	background-position: 0 -15px;
}

.data-list-recruit-a .send-done{
	float: left;
	background-position: -15px -15px;
}

.data-list-recruit-a .ques{
	display: none;
	float: right;
	font-size: 12px;
	line-height: 12px;
	color: #4263de;
    margin-top: 2px;
    -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-recruit-a .ques:hover{
	color: #4263de;
}

.data-list-recruit-a .ques img{
	display: inline-block;
	width: 12px;
	height: 12px;
	position: relative;
	top: 1.4px;
	margin-right: 3px;
}

.data-list-recruit-b{
	padding: 0 32px;
	margin-top: 16px;
	margin-bottom: 24px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-recruit-b em{
	float: left;
	font-size: 14px;
	line-height: 14px;
	color: #f94e4c;
	margin-right: 16px;
}

.data-list-recruit-b dl{
	float: left;
}

.data-list-recruit-b dl dt{
	float: left;
	font-size: 12px;
	line-height: 14px;
	color: #808080;
}

.data-list-recruit-b dl dt:before{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 3px;
    height: 3px;
    background: #808080;
    border-radius: 1.5px;
    position: relative;
    top: -1px;
    margin: 0 4px;
}

.data-list-recruit-b dl dt:nth-of-type(1):before{
	display: none;
}

.data-list-recruit-b b{
	float: right;
	font-size: 12px;
	line-height: 14px;
	color: #61687c;
}

.data-list-recruit-b b span{
	margin-left: 6px;
}

.data-list-recruit-b b i{
	display: inline-block;
	width: 9px;
	height: 9px;
	background: url(../../images/2020/common/icon_quota_02.png) no-repeat;
	-moz-background-size: 9px 18px;
	-webkit-background-size: 9px 18px;
	background-size: 9px 18px;
	margin-right: 4px;
	position: relative;
	top: 1px;
}

.data-list-recruit-b b.up i{
	background-position: 0 0;
}

.data-list-recruit-b b.down i{
	background-position: 0 -9px;
}

.data-list-recruit-c{
	display: none;
	padding: 12px 32px;
	background: linear-gradient(180deg, #f0f0f0 10%, #ffffff 50%, #ffffff);
    -webkit-animation: shang 0.1s ease-out forwards 1;
	animation: shang 0.1s ease-out forwards 1;
}

.data-list-recruit-c a{
	float: left;
	display: block;
    max-width: 460px;
    max-height: 24px;
    font-size: 12px;
    line-height: 24px;
    color: #61687c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.data-list-recruit-c dl{
	float: right;
	max-width: 312px;
	max-height: 24px;
	overflow: hidden;
}

.data-list-recruit-c dl dd{
	float: left;
	display: inline-block;
	padding: 5px 9px;
	font-size: 12px;
	line-height: 12px;
	color: #808080;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	margin-left: 10px;
}

.data-list-recruit li:hover .data-list-recruit-b{
	margin-bottom: 16px;
}

.data-list-recruit li:hover .data-list-recruit-a i{
	display: inline-block;
}

.data-list-recruit li:hover .data-list-recruit-c{
	display: block;
}

.data-list-recruit li:hover .data-list-recruit-a .ques{
	display: block;
}

/* data-list-recruit-recommend-------------------------------------------------------------------------------------- */

.data-list-recruit-recommend{
    width: 100%;
}

.data-list-recruit-recommend li{
    overflow: hidden;
    width: 858px;
    border-top: 1px solid #f3f3f3;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-recruit-recommend li:nth-of-type(1){
    border-top: none;
}

.data-list-recruit-recommend-a{
    padding: 0 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 24px 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-recruit-recommend-a .t-left{
    width: 414px;
}

.data-list-recruit-recommend-a .t-left p{
    display: flex;
}

.data-list-recruit-recommend-a .t-left .more{
    float: left;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    margin-right: 12px;
    display: inline-block;
    max-width: 348px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-recruit-recommend-a .t-left .more:hover{
    color: #4262de;
}

.data-list-recruit-recommend-a .t-left .more span{
    font-size: 13px;
    line-height: 15px;
}

.data-list-recruit-recommend-a .t-left .more span:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 1px;
    height: 8px;
    background: #778899;
    position: relative;
    top: -1px;
    margin: 0 6px;
}

.data-list-recruit-recommend-a .t-left i{
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 5px;
    background: url(../../images/2020/common/icon_recruit.png) no-repeat;
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    position: relative;
    top: 1px;
    margin-right: 4px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    display: none;
}

.data-list-recruit-recommend-a .t-left .like{
    float: left;
    background-position: 0 0;
}

.data-list-recruit-recommend-a .t-left .send{
    float: left;
    background-position: -15px 0;
}

.data-list-recruit-recommend-a .t-left .like:hover{
    background-position: 0 -15px;
}

.data-list-recruit-recommend-a .t-left .send:hover{
    background-position: -15px -15px;
}

.data-list-recruit-recommend-a .t-left .like-done{
    float: left;
    background-position: 0 -15px;
}

.data-list-recruit-recommend-a .t-left .send-done{
    float: left;
    background-position: -15px -15px;
}

.data-list-recruit-recommend-a .t-left dl{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 12px;
}

.data-list-recruit-recommend-a .t-left dl dt{
    font-size: 14px;
    line-height: 14px;
    color: #f94e4c;
    margin-right: 10px;
}

.data-list-recruit-recommend-a .t-left dl dd{
    font-size: 12px;
    line-height: 14px;
    color: #808080;
}

.data-list-recruit-recommend-a .t-left dl dd:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #808080;
    position: relative;
    top: -2px;
    margin: 0 4px;
}

.data-list-recruit-recommend-a .t-left dl dd:nth-of-type(1):before{
    display: none;
}

.data-list-recruit-recommend-a .t-middle{
    width: 300px;
}

.data-list-recruit-recommend-a .t-middle .more{
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #61687c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-recruit-recommend-a .t-middle dl{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 14px;
}

.data-list-recruit-recommend-a .t-middle dl dt{
    font-size: 12px;
    line-height: 12px;
    color: #808080;
}

.data-list-recruit-recommend-a .t-middle dl dt:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 1px;
    height: 7px;
    background: #b4b4b4;
    position: relative;
    top: -1px;
    margin: 0 8px;
}

.data-list-recruit-recommend-a .t-middle dl dt:nth-of-type(1):before{
    display: none;
}

.data-list-recruit-recommend-a .t-right{
    width: 54px;
    height: 54px;
    border: 1px solid #fafafa;
    border-radius: 16px;
    overflow: hidden;
}

.data-list-recruit-recommend-a .t-right img{
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.data-list-recruit-recommend-b{
    display: none;
    padding: 12px 32px;
    background: linear-gradient(180deg, #f0f0f0 10%, #ffffff 50%, #ffffff);
    -webkit-animation: shang 0.1s ease-out forwards 1;
	animation: shang 0.1s ease-out forwards 1;
}

.data-list-recruit-recommend-b a{
	display: block;
    max-width: 100%;
    max-height: 24px;
    font-size: 12px;
    line-height: 24px;
    color: #61687c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.data-list-recruit-recommend li:hover .data-list-recruit-recommend-a .t-left i{
	display: inline-block;
}

.data-list-recruit-recommend li:hover .data-list-recruit-recommend-a{
    margin-bottom: 10px;
}

.data-list-recruit-recommend li:hover .data-list-recruit-recommend-b{
    display: block;
}

/* mainer.demand-------------------------------------------------------------------------------------- */

.mainer.demand{
	padding: 0 32px;
}

.data-list-demand li{
	padding: 42px 0;
	border-top: 1px solid #f3f3f3;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.data-list-demand li:nth-of-type(1){
	border-top: none;
}

.data-list-demand li.slideTxtBox{
	display: flex;
	flex-direction: column;
	position: relative;
}

.data-list-demand li.slideTxtBox .bd li{
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: none;
}

/* -------------------------------------------------------------------------------------- */

.data-list-demand-l{
	padding: 0 8px;
	min-width: 200px;
}

.data-list-demand-l em{
	font-size: 15px;
	line-height: 15px;
	color: #333333;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
}

.data-list-demand-l .demand{
	position: relative;
	margin-top: 10px;
}

.data-list-demand-l .demand .demand-t{
	display: block;
	font-size: 48px;
	line-height: 48px;
	color: #222234;
	font-weight: 900;
	position: absolute;
	top: -1px;
	left: -1px;
}

.data-list-demand-l .demand .demand-b{
	display: block;
	font-size: 48px;
	line-height: 48px;
	color: #ffffff;
	font-weight: 900;
	text-shadow: #222234 1px 0 0, #222234 0 1px 0, #222234 -1px 0 0, #222234 0 -1px 0;
}

.data-list-demand-l .demand span{
	display: block;
	font-size: 12px;
	line-height: 12px;
	color: #999999;
	margin-top: 8px;
}

.data-list-demand-r{
	flex: 1;
}

.data-list-demand-r dl{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.data-list-demand-r dl dt{
	flex: 1;
	height: 56px;
	margin-left: 40px;
}

.data-list-demand-r dl dt .demand{
	width: 100%;
	height: 100%;
}

/* -------------------------------------------------------------------------------------- */

.data-list-demand li.slideTxtBox .td{
	display: flex;
	justify-content: space-between;
	margin-bottom: 24px;
}

.data-list-demand li.slideTxtBox .td .titleRegion{
	width: 394px;
	display: block;
    font-size: 15px;
    line-height: 15px;
    color: #333333;
    font-weight: 900;
    transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
}

.data-list-demand li.slideTxtBox .td .titleEducation{
	width: 340px;
	display: block;
    font-size: 15px;
    line-height: 15px;
    color: #333333;
    font-weight: 900;
    transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    margin-left: 68px;
}

/* -------------------------------------------------------------------------------------- */

.data-list-demand li.slideTxtBox .selectSS{
	position: absolute;
	top: 32px;
	right: 400px;
	cursor: pointer;
	z-index: 1;
}

.data-list-demand li.slideTxtBox .selectSS input{
	width: 60px;
	padding: 0 24px;
	font-size: 14px;
	line-height: 34px;
	color: #778899;
	border: 1px solid #ebebeb;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	border-top-left-radius: 14px;
	border-bottom-left-radius: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-demand li.slideTxtBox .selectSS:hover input{
	border: 1px solid #d8d8d8;
}

.data-list-demand li.slideTxtBox .selectSS:after{
	content: "∨";
	position: absolute;
	top: 9px;
	right: 22px;
	color: #8d99ac;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-demand li.slideTxtBox .selectSS ul{
	display: none;
	padding: 7px 0;
	width: 110px;
	background: #fafafa;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	border-radius: 12px;
	position: absolute;
	top: 42px;
	right: 0;
	max-height: 300px;
	overflow-y: auto;
	z-index: 1;
}

.data-list-demand li.slideTxtBox .selectSS ul li.selected{
	padding: 0;
	border: none;
	display: flex;
}

.data-list-demand li.slideTxtBox .selectSS ul li.selected a{
	padding: 4px 8px;
	flex: 1;
	font-size: 14px;
	line-height: 24px;
	color: #8d99ac;
	text-align: center;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-demand li.slideTxtBox .selectSS ul li a:hover{
	background: #f0f0f0;
}

/* -------------------------------------------------------------------------------------- */

.demand-region{
	flex: 1;
	width: 394px;
}

.demand-region .region{
	width: 394px;
	height: 200px;
}

/* -------------------------------------------------------------------------------------- */

.demand-education{
	width: 330px;
	height: 200px;
	position: relative;
	margin-left: 70px;
}

.demand-education .educational{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.demand-education .educational dl{
	width: 110px;
	margin-bottom: 1px;
}

.demand-education .educational dl dt{
	font-size: 12px;
	line-height: 12px;
	color: #222234;
	margin-top: 8px;
}

.demand-education .educational dl dt i{
	display: inline-block;
	width: 24px;
	height: 10px;
	border-radius: 4px;
	position: relative;
	top: 1px;
	margin-right: 6px;
}

.demand-education .educational dl dt.MOST i{
	width: 40px;
}

.demand-education .educational dl dt:nth-of-type(1) i{
	background: #4262de;
}

.demand-education .educational dl dt:nth-of-type(2) i{
	background: #5571e1;
}

.demand-education .educational dl dt:nth-of-type(3) i{
	background: #6881e5;
}

.demand-education .educational dl dt:nth-of-type(4) i{
	background: #7a91e8;
}

.demand-education .educational dl dd{
	font-size: 12px;
	line-height: 18px;
	color: #777777;
	margin-top: 14px;
}

.demand-education .educational dl dd span:before{
	content: "“";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    margin: 0 4px;
}

.demand-education .educational dl dd span:after{
	content: "”";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    margin: 0 4px;
}

.demand-education .educational .education{
	width: 220px;
	height: 200px;
}

/* -------------------------------------------------------------------------------------- */

.demand-rise-l{
	flex: 1;
	padding: 0 12px;
}

.demand-rise-l dl{
	display: flex;
	justify-content: space-between;
}

.demand-rise-l dl dt{
	width: 80px;
	height: 80px;
	background: #ffffff;
	border-radius: 45px;
	border: 5px solid #f4f4f4;
	position: relative;
}

.demand-rise-l dl dt .rise-data{
	width: 80px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 18px;
	left: 0;
}

.demand-rise-l dl dt .rise-data em{
	display: block;
	font-size: 22px;
	line-height: 22px;
	color: #404040;
	font-weight: 900;
	font-style: oblique;
}

.demand-rise-l dl dt .rise-data em span{
	font-size: 16px;
}

.demand-rise-l dl dt .rise-data b{
	display: block;
	font-size: 12px;
	line-height: 12px;
	color: #404040;
	margin-top: 5px;
}

.demand-rise-l dl dt .rise-data i{
	display: block;
	width: 9px;
	height: 9px;
	margin-top: 6px;
	background: url(../../images/2020/common/icon_quota_02.png) no-repeat;
	-moz-background-size: 9px 18px;
	-webkit-background-size: 9px 18px;
	background-size: 9px 18px;
}

.demand-rise-l dl dt.up .rise-data i{
	background-position: 0 0;
}

.demand-rise-l dl dt.down .rise-data i{
	background-position: 0 -9px;
}

.demand-rise-r{
	margin-left: 54px;
}

.demand-rise-r em{
	font-size: 15px;
	line-height: 15px;
	color: #333333;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
}

.demand-rise-r .demand{
	position: relative;
	margin-top: 10px;
}

.demand-rise-r .demand .demand-t{
	display: inline-block;
	font-size: 48px;
	line-height: 48px;
	color: #222234;
	font-weight: 900;
	position: absolute;
	top: -1px;
	left: -1px;
}

.demand-rise-r .demand .demand-b{
	display: inline-block;
	font-size: 48px;
	line-height: 48px;
	color: #ffffff;
	font-weight: 900;
	text-shadow: #222234 1px 0 0, #222234 0 1px 0, #222234 -1px 0 0, #222234 0 -1px 0;
}

.demand-rise-r .demand .demand-t span{
	font-size: 32px;
}

.demand-rise-r .demand .demand-b span{
	font-size: 32px;
}

.demand-rise-r .demand i{
	font-size: 12px;
	line-height: 12px;
	color: #999999;
	margin-left: 16px;
}

/* mainer.interview-------------------------------------------------------------------------------------- */

.mainer.interview{
	padding: 0;
}

/* status-------------------------------------------------------------------------------------- */

.status{
	width: 180px;
}

.status-t{
	width: 100%;
	height: 6px;
	border-radius: 3px;
	background: #eaeaea;
	position: relative;
}

.status-t b{
	width: 100%;
	height: 6px;
	border-radius: 3px;
	background: #222234;
	position: absolute;
	top: 0;
	left: 0;
}

.status-t b.score-1{
	width: 20%;
}

.status-t b.score-2{
	width: 40%;
}

.status-t b.score-3{
	width: 60%;
}

.status-t b.score-4{
	width: 80%;
}

.status-t b.score-5{
	width: 100%;
}

.status-t b i{
	display: inline-block;
	width: 4px;
	height: 12px;
	background: #222234;
	border: 2px solid #ffffff;
	border-radius: 4px;
	position: absolute;
	top: -5px;
	right: 5px;
}

.status-b{
	padding: 0 12px;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.status-b em{
	font-size: 12px;
	line-height: 12px;
	color: #808080;
}

/* pro-bar-------------------------------------------------------------------------------------- */

.pro-bar{
	width: 180px;
}

.pro-bar-t{
	width: 100%;
	height: 6px;
	border-radius: 3px;
	background: #eaeaea;
	position: relative;
}

.pro-bar-t b{
	width: 100%;
	height: 6px;
	border-radius: 3px;
	background: #61687c;
	position: absolute;
	top: 0;
	left: 0;
}

.pro-bar-t b i{
	display: inline-block;
	width: 4px;
	height: 12px;
	background: #61687c;
	border: 2px solid #ffffff;
	border-radius: 4px;
	position: absolute;
	top: -5px;
	right: 5px;
}

.pro-bar-b{
	padding: 0 6px;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.pro-bar-b em{
	font-size: 12px;
	line-height: 12px;
	color: #61687c;
}

/* pro-bar-sides-------------------------------------------------------------------------------------- */

.pro-bar-sides{
	display: flex;
	align-items: center;
}

.pro-bar-sides em{
	font-size: 14px;
	line-height: 14px;
	color: #61687c;
}

.pro-bar-sides p{
	width: 180px;
	height: 6px;
	border-radius: 3px;
	background: #eaeaea;
	position: relative;
	margin: 0 18px;
}

.pro-bar-sides p b{
	width: 100%;
	height: 6px;
	border-radius: 3px;
	background: #61687c;
	position: absolute;
	top: 0;
	left: 0;
}

.pro-bar-sides p b i{
	display: inline-block;
	width: 4px;
	height: 12px;
	background: #61687c;
	border: 2px solid #ffffff;
	border-radius: 4px;
	position: absolute;
	top: -5px;
	right: 5px;
}

/* company-public-------------------------------------------------------------------------------------- */

.company-public{
	width: 100%;
	height: auto;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	position: relative;
	margin-bottom: 20px;
}

.company-public strong{
	display: block;
	width: 304px;
	height: 152px;
	border: 1px solid #f8f8f8;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	overflow: hidden;
}

.company-public strong img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.company-public dl{
	padding: 16px 16px 12px 16px;
	width: 274px;
	height: auto;
	overflow: hidden;
	background: #f8f8f8;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}

.company-public dl dt{
	display: flex;
	margin-bottom: 10px;
}

.company-public dl dt em{
	width: 92px;
	font-size: 13px;
	line-height: 21px;
	color: #464646;
	font-weight: 900;
}

.company-public dl dt span{
	flex: 1;
	float: left;
	font-size: 13px;
	line-height: 21px;
	color: #464646;
	text-align: justify;
}

.company-public dl dd{
	display: flex;
	margin-top: 18px;
}

.company-public dl dd img{
	display: inline-block;
	width: 50px;
	height: 16px;
	margin-right: 6px;
	position: relative;
	top: -1px;
}

.company-public dl dd a{
	font-size: 12px;
	line-height: 16px;
	color: #898989;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.company-public dl dd a:hover{
	color: #222234;
}

.company-public .sH{
	max-height: 370px;
}

.company-public .mH{
	height: auto;
	padding-bottom: 80px;
}

.company-public .ender{
	display: inline-block;
    border: none;
    outline: none;
    width: 100%;
    padding: 50px 0 20px 0;
    background: linear-gradient(0deg, #f8f8f8 40%, hsla(0,0%,100%,0));
    font-size: 13px;
    line-height: 13px;
    color: #898989;
    letter-spacing: 0.8px;
    border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* company-recommend-------------------------------------------------------------------------------------- */

.company-recommend{
	border-radius: 20px;
	border: 2px solid #ffffff;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	margin-bottom: 20px;
}

.company-recommend a{
	padding: 26px 20px;
	display: inline-block;
	width: 262px;
}

.company-recommend a h6{
	font-size: 22px;
	line-height: 30px;
	color: #000000;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.company-recommend a h6:before{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 4px;
    height: 8px;
    background: #f01414;
    position: relative;
    top: 4px;
    margin-right: 8px;
    -webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.company-recommend a dl{
	display: flex;
	margin-top: 12px;
}

.company-recommend a dl dt{
	flex: 1;
}

.company-recommend a dl dt p strong{
	float: left;
	display: inline-block;
	width: 92px;
	height: 16px;
	background: url(../../images/2020/common/icon_score.png) no-repeat;
	-moz-background-size: 92px 80px;
	-webkit-background-size: 92px 80px;
	background-size: 92px 80px;
}

.company-recommend a dl dt p strong.score-1{
	background-position: 0 0;
}

.company-recommend a dl dt p strong.score-2{
	background-position: 0 -16px;
}

.company-recommend a dl dt p strong.score-3{
	background-position: 0 -32px;
}

.company-recommend a dl dt p strong.score-4{
	background-position: 0 -48px;
}

.company-recommend a dl dt p strong.score-5{
	background-position: 0 -64px;
}

.company-recommend a dl dt p strong.score{
	display: inline-block;
	width: 92px;
	height: 16px;
	background: url(../../images/2020/common/icon_score_02.png) no-repeat;
	-moz-background-size: 92px 32px;
	-webkit-background-size: 92px 32px;
	background-size: 92px 32px;
	background-position: 0 0;
	overflow: hidden;
	position: relative;
}

.company-recommend a dl dt p strong.score i{
	display: inline-block;
	width: 92px;
	height: 16px;
	background: url(../../images/2020/common/icon_score_02.png) no-repeat;
	-moz-background-size: 92px 32px;
	-webkit-background-size: 92px 32px;
	background-size: 92px 32px;
	background-position: 0 -16px;
	position: absolute;
	top: 0;
	left: 0;
}

.company-recommend a dl dt p em{
	float: left;
	font-size: 12px;
	line-height: 14px;
	color: #777777;
	margin: 2px 0 0 8px;
}

.company-recommend a dl dt p em span{
	float: left;
	font-weight: 900;
	margin-right: 3px;
}

.company-recommend a dl dt b{
	font-size: 12px;
	line-height: 20px;
	color: #868686;
	max-width: 100%;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 8px;
}

.company-recommend a dl dd{
	display: inline-block;
	width: 52px;
	height: 52px;
	border: 1px solid #eeeeee;
	border-radius: 6px;
	margin-left: 20px;
	margin-top: 4px;
	overflow: hidden;
}

.company-recommend a dl dd img{
	display: inline-block;
	width: 100%;
	min-height: 100%;
}

.company-recommend a ul{
	margin-top: 10px;
}

.company-recommend a ul li{
	float: left;
	font-size: 12px;
	line-height: 12px;
	color: #5d5d5d;
	padding: 4px 13px;
	background: #f9f9f9;
	border: 1px dashed #cecece;
	border-radius: 11px;
	margin: 6px 8px 0 0;
}

.company-recommend:hover{
	border: 2px solid #f01414;
}

.company-recommend:hover > a h6{
	color: #f01414;
}

.company-recommend:hover a h6:before{
	height: 12px;
	top: -1px;
	border-radius: 2px;
}


/* cate-------------------------------------------------------------------------------------- */

.cate{
	padding: 19px 27px;
	border-top: 1px solid #f3f3f3;
	margin-top: -1px;
}

.cate li{
	float: left;
	margin: 5px;
}

.cate li a{
	padding: 10px 24px;
	float: left;
	font-size: 14px;
	line-height: 14px;
	color: #778899;
	border: 1px solid #ebebeb;
	border-radius: 14px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.cate li a span:before{
	content: "(";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	position: relative;
	top: -2px;
	font-weight: 400;
}

.cate li a span:after{
	content: ")";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	position: relative;
	top: -2px;
	font-weight: 400;
}

.cate li a:hover{
	border: 1px solid #d8d8d8;
	border-radius: 18px;
	color: #667788;
}

.cate li.on a{
	color: #222234;
	border: 1px solid #f9f9f9;
	box-shadow: 0px 0px 10px rgba(34, 34, 52, 0.3);
	-moz-box-shadow: 0px 0px 10px rgba(34, 34, 52, 0.3);
	-webkit-box-shadow: 0px 0px 10px rgba(34, 34, 52, 0.3);
}

.cate li.on a span{
	font-weight: 900;
}

.cate li.on a:hover{
	border: 1px solid #efefef;
	border-radius: 18px;
}


/* salary-------------------------------------------------------------------------------------- */

.salary{
	width: 794px;
	margin: 0 auto 30px auto;
	background: #fbfbfb;
	border-radius: 20px;
	display: flex;
	justify-content: space-between;
}

.salary .salary-fl{
	padding: 20px 16px;
	width: 390px;
}

.salary .salary-fl .salary-range{
	padding: 4px 6px 4px 16px;
	display: flex;
	justify-content: space-between;
	background: #f3f3f3;
	border-radius: 22px;
}

.salary .salary-fl .salary-range .range{
	flex: 1;
	min-height: 36px;
	display: flex;
	align-items: center;
}

.salary .salary-fl .salary-range .range strong{
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url(../../images/2020/common/icon_wages.png) no-repeat;
	-moz-background-size: 118px 28px;
	-webkit-background-size: 118px 28px;
	background-size: 118px 28px;
	background-position: 0 0;
	margin-right: 12px;
}

.salary .salary-fl .salary-range .range p{
	font-size: 13px;
	line-height: 27px;
	color: #404040;
}

.salary .salary-fl .salary-range .range p span{
	font-weight: 900;
}

.salary .salary-fl .salary-range .region{
	position: relative;
	cursor: pointer;
}

.salary .salary-fl .salary-range .region input{
	width: 42px;
	padding: 0 24px;
	font-size: 14px;
	line-height: 34px;
	color: #778899;
	border: 1px solid #ebebeb;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	border-top-left-radius: 14px;
	border-bottom-left-radius: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.salary .salary-fl .salary-range .region:hover input{
	border: 1px solid #d8d8d8;
}

.salary .salary-fl .salary-range .region:after{
	content: "∨";
	position: absolute;
	top: 9px;
	right: 22px;
	color: #8d99ac;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.salary .salary-fl .salary-range .region ul{
	display: none;
	padding: 7px 0;
	width: 92px;
	background: #fafafa;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	border-radius: 12px;
	position: absolute;
	top: 42px;
	right: 0;
	max-height: 300px;
	overflow-y: auto;
	z-index: 1;
}

.salary .salary-fl .salary-range .region ul li.selected a{
	padding: 4px 8px;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #8d99ac;
	text-align: center;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.salary .salary-fl .salary-range .region ul li a:hover{
	background: #f0f0f0;
}

.salary .salary-fl .salary-number{
	padding: 0 16px;
	margin-top: 30px;
}

.salary .salary-fl .salary-number em{
	display: block;
	font-size: 15px;
	line-height: 15px;
	color: #333333;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
}

.salary .salary-fl .salary-number .pay{
	position: relative;
	margin: 20px 0 6px 0;
}

.salary .salary-fl .salary-number .pay .pay-t{
	display: block;
	width: 100%;
	font-size: 48px;
	line-height: 48px;
	color: #222234;
	font-weight: 900;
	position: absolute;
	top: -1px;
	left: -1px;
}

.salary .salary-fl .salary-number .pay .pay-b{
	display: block;
	width: 100%;
	font-size: 48px;
	line-height: 48px;
	color: #ffffff;
	font-weight: 900;
	text-shadow: #222234 1px 0 0, #222234 0 1px 0, #222234 -1px 0 0, #222234 0 -1px 0;
}

.salary .salary-fl .salary-number span{
	font-size: 12px;
	line-height: 20px;
	color: #999999;
	text-align: justify;
}

/*-----------*/

.salary .salary-fr{
	padding: 20px 16px;
	flex: 1;
	min-height: 100%;
	background: linear-gradient(90deg, #f4f4f4 10%, #fbfbfb, #fbfbfb);
}

.salary .salary-fr dl dt{
	padding: 14px 12px 10px 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f4f4f4;
	margin-bottom: 2px;
}

.salary .salary-fr dl dt:nth-of-type(1){
	border-top-right-radius: 20px;
}

.salary .salary-fr dl dt:nth-last-child(1){
	border-bottom-right-radius: 20px;
}

.salary .salary-fr dl dt em{
	display: block;
    font-size: 15px;
    line-height: 15px;
    color: #333333;
    font-weight: 900;
    transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    margin: 5px 4px 0 0;
}

.salary .salary-fr dl dt p{
	flex: 1;
	font-size: 30px;
	line-height: 30px;
	font-weight: 900;
    transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
}

.salary .salary-fr dl dt p span{
	font-size: 20px;
}

.salary .salary-fr dl dt p i{
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../../images/2020/common/icon_quota_03.png) no-repeat;
	-moz-background-size: 18px 36px;
	-webkit-background-size: 18px 36px;
	background-size: 18px 36px;
	margin-right: 4px;
}

.salary .salary-fr dl dt p.up{
	color: #f01414;
}

.salary .salary-fr dl dt p.up i{
	background-position: 0 0;
}

.salary .salary-fr dl dt p.down{
	color: #0ab76d;
}

.salary .salary-fr dl dt p.down i{
	background-position: 0 -18px;
}

.salary .salary-fr b{
	padding: 0 14px;
	display: inline-block;
	font-size: 12px;
    line-height: 20px;
    color: #999999;
    text-align: justify;
    margin-top: 20px;
}

/* data-------------------------------------------------------------------------------------- */

.data{
	padding: 10px 26px 20px 26px;
}

.data dl{
	display: flex;
	justify-content: space-between;
}

.data dl dt{
	padding: 0 16px;
	flex: 1;
}

.data dl dt em{
	display: block;
	font-size: 15px;
	line-height: 15px;
	color: #333333;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    margin-bottom: 20px;
}

.data dl dt .data-data{
	width: 100%;
	height: 180px;
}

.data p{
	padding: 0 16px;
	font-size: 12px;
	line-height: 22px;
	color: #666666;
	text-align: justify;
	margin-top: 20px;
}

.data p span{
	font-weight: 900;
	color: #222234;
}

/* welfare-------------------------------------------------------------------------------------- */

.welfare{
	padding: 15px 27px;
	overflow: hidden;
}

.welfare li{
	float: left;
	padding: 10px 24px;
	font-size: 14px;
	line-height: 14px;
	color: #778899;
	border: 1px solid #ebebeb;
	border-radius: 14px;
	margin: 5px;
}

.welfare.sH{
	max-height: 150px;
}

.welfare.mH{
	height: auto;
	margin-bottom: 80px;
}

/* welfare-other-------------------------------------------------------------------------------------- */

.welfare-other{
	padding: 20px 0;
}

.welfare-other .data{
	padding: 0 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.welfare-other .data .chart{
	width: 200px;
	height: 200px;
	margin-right: 35px;
}

.welfare-other .data .datas{
	flex: 1;
}

.welfare-other .data .datas .hd{
	padding: 0 4px;
	display: flex;
	flex-wrap: wrap;
}

.welfare-other .data .datas .hd li{
	display: flex;
	align-items: center;
	font-size: 13px;
	line-height: 17px;
	color: #646464;
	margin: 0 7px;
	cursor: pointer;
}

.welfare-other .data .datas .hd li em{
	display: inline-block;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	margin-right: 6px;
}

.welfare-other .data .datas .hd li:nth-of-type(1) em{
	background: #4262de;
}

.welfare-other .data .datas .hd li:nth-of-type(2) em{
	background: #5571e1;
}

.welfare-other .data .datas .hd li:nth-of-type(3) em{
	background: #6881e5;
}

.welfare-other .data .datas .hd li:nth-of-type(4) em{
	background: #7a91e8;
}

.welfare-other .data .datas .hd li:nth-of-type(5) em{
	background: #8ea1eb;
}

.welfare-other .data .datas .hd li:nth-of-type(6) em{
	background: #a0b0ee;
}

.welfare-other .data .datas .hd li:nth-of-type(7) em{
	background: #b3c0f2;
}

.welfare-other .data .datas .bd{
	height: 129px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-top: 14px;
}

.welfare-other .data .datas .bd li{
	display: flex;
	flex-wrap: wrap;
}

.welfare-other .data .datas .bd li span{
	padding: 8px 16px;
	font-size: 13px;
	line-height: 13px;
	color: #555555;
	border: 1px solid #ebebeb;
	border-radius: 8px;
	margin: 4px 5px;
}

.welfare-other .tips{
	padding: 0 32px;
	font-size: 14px;
	line-height: 22px;
	color: #666666;
	text-align: justify;
	margin-top: 20px;
}

.welfare-other .tips a{
	color: #4262de;
	margin: 0 4px;
}

/* screen-updown-------------------------------------------------------------------------------------- */

.screen-updown{
	padding: 12px 32px;
	height: auto;
	background: #f9fafc;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	margin-top: -1px;
}

.screen-updown.noBT{
	border-top: none;
}

.screen-updown.noBG{
	background: none;
}

.screen-updown.noBG .screen ul li a{
	background: none;
}

.screen-updown .screen{
	display: flex;
	align-items: flex-start;
	margin: 6px 0;
}

.screen-updown .screen em{
	font-size: 14px;
	line-height: 30px;
	color: #222234;
	font-weight: 900;
}

.screen-updown .screen form{
	width: 360px;
	height: 36px;
	display: flex;
	align-items: center;
	margin: -3px 0 6px 6px;
	position: relative;
}

.screen-updown .screen form .text{
	padding: 0 40px 0 16px;
	display: inline-block;
	width: 322px;
	height: 34px;
	border: 1px solid #f2f2f2;
	border-radius: 8px;
	cursor: pointer;
	font-size: 14px;
	line-height: 34px;
	color: #333333;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.screen-updown .screen form .text::-webkit-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #a5a5a5;
	font-weight: normal;
}

.screen-updown .screen form .text::-moz-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #a5a5a5;
	font-weight: normal;
}

.screen-updown .screen form .text::-ms-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #a5a5a5;
	font-weight: normal;
}

.screen-updown .screen form .text:hover{
	border: 1px solid #e2e2e2;
	border-radius: 12px;
}

.screen-updown .screen form .text:focus{
	border: 1px solid #e2e2e2;
	border-radius: 10px;
}

.screen-updown .screen form .submit{
	width: 35px;
	line-height: 35px;
	border: none;
	cursor: pointer;
	background: url(../../images/2020/common/icon_search.png) no-repeat;
	-moz-background-size: 35px 72px;
	-webkit-background-size: 35px 72px;
	background-size: 35px 72px;
	background-position: 0 0;
	position: absolute;
	top: 1px;
	right: 4px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.screen-updown .screen form .submit:hover{
	background-position: 0 -37px;
}

.screen-updown .screen ul{
	flex: 1;
	overflow: hidden;
}

.screen-updown .screen ul.sH{
	max-height: 31px;
}

.screen-updown .screen ul.mH{
	height: auto;
}

.screen-updown .screen ul li{
	float: left;
}

.screen-updown .screen ul li a{
	float: left;
	padding: 9px 10px;
	font-size: 13px;
	line-height: 13px;
	color: #505050;
	background: #f9fafc;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	
}

.screen-updown .screen ul li a:hover{
	color: #4262de;
	background: #eceffc;
	border-radius: 10px;
}

.screen-updown .screen ul li.on a{
	color: #f01414;
}

.screen-updown .screen ul li.on a:hover{
	background: #f8e3e4;
}

.screen-updown .screen button{
	padding: 0 14px;
	border: none;
	background: none;
	outline: none;
	height: 31px;
	font-size: 0;
	margin-left: 8px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.screen-updown .screen button:hover{
	background: #eceffc;
	border-radius: 8px;
}

.screen-updown .screen button i{
	display: inline-block;
	width: 10px;
	height: 6px;
	background: url(../../images/2020/common/icon_updownmore_02.png) no-repeat;
	-moz-background-size: 10px 12px;
	-webkit-background-size: 10px 12px;
	background-size: 10px 12px;
}

.screen-updown .screen button.up i{
	background-position: 0 0;
}

.screen-updown .screen button.down i{
	background-position: 0 -6px;
}

/* vote-box-------------------------------------------------------------------------------------- */

.vote-box{
	padding: 0 32px 24px 32px;
}

.vote{
	display: flex;
	justify-content: space-between;
}

.vote .t-left{
	width: 320px;
	height: 160px;
	margin-right: 40px;
}

.vote .t-right{
	flex: 1;
	padding: 0 10px;
	display: flex;
	align-items: center;
}

.vote .t-right ul{
	width: 100%;
}

.vote .t-right ul li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
	line-height: 13px;
	color: #404040;
	margin-bottom: 6px;
}

.vote .t-right ul li strong{
	display: inline-block;
	width: 24px;
	height: 12px;
	border-radius: 6px;
	margin-right: 12px;
}

.vote .t-right ul li:nth-of-type(1) strong{
	background: #6881e5;
}

.vote .t-right ul li:nth-of-type(2) strong{
	background: #7a91e8;
}

.vote .t-right ul li:nth-of-type(3) strong{
	background: #8ea1eb;
}

.vote .t-right ul li:nth-of-type(4) strong{
	background: #a0b0ee;
}

.vote .t-right ul li em{
	flex: 1;
}

.vote .t-right ul li span{
	display: inline-block;
	width: 20%;
}

.vote .t-right ul li button.votebut{
	display: inline-block;
	width: 90px;
	height: 28px;
	border: 2px solid #eeeeee;
	font-size: 13px;
	line-height: 23px;
	color: #666666;
	letter-spacing: 0.5px;
	outline: none;
	border-radius: 6px;
	background: linear-gradient(180deg, #ededed 1%, #ffffff, #ffffff);
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.vote .t-right ul li button.votebut:hover{
	border: 2px solid #e0e0e0;
}

.vote .t-right ul li button.votebut-done{
	display: inline-block;
	width: 90px;
	height: 28px;
	border: 2px solid #4262de;
	font-size: 13px;
	line-height: 23px;
	color: #4262de;
	letter-spacing: 0.5px;
	outline: none;
	border-radius: 6px;
	background: linear-gradient(180deg, #ededed 1%, #ffffff, #ffffff);
	position: relative; 
}

.vote .t-right ul li button.votebut-done:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 30px;
	height: 28px;
	background: url(../../images/2020/common/icon_vote_done.png) no-repeat;
	-moz-background-size: 30px 28px;
	-webkit-background-size: 30px 28px;
	background-size: 30px 28px;
	position: absolute;
	top: -2px;
	right: -2px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.vote-box .tips{
	font-size: 12px;
	line-height: 22px;
	color: #666666;
	text-align: justify;
	margin-top: 10px;
}

.vote-box .tips span{
	font-weight: 900;
	color: #222234;
	margin: 0 3px;
}

.vote-box .top-tips{
	font-size: 14px;
	line-height: 22px;
	color: #1f1f1f;
	text-align: justify;
	margin: 20px 0;
}

.vote-box .top-tips span{
	font-weight: 900;
	margin: 0 3px;
}

/*vote-list-tiny-------------------------------------------------------------------------------------- */

.vote-list-tiny li{
	margin-bottom: 14px;
}

.vote-list-tiny li dl dt{
	display: flex;
	justify-content: center;
}

.vote-list-tiny li dl dt em{
	flex: 1;
	font-size: 14px;
	line-height: 20px;
	color: #1f1f1f;
	text-align: justify;
}

.vote-list-tiny li dl dt span{
	font-size: 14px;
	line-height: 20px;
	color: #868686;
	margin-left: 10px;
}

.vote-list-tiny li dl dt span:nth-of-type(1){
	margin-left: 40px;
}

.vote-list-tiny li dl dd{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}

.vote-list-tiny li dl dd strong{
	flex: 1;
	height: 6px;
	background: #f9f9f9;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
}

.vote-list-tiny li dl dd strong i{
	display: inline-block;
	width: 100%;
	height: 6px;
	border-radius: 3px;
	background: linear-gradient(90deg, #4262de, #9bb0ff);
	-webkit-animation: chang 0.8s ease-out forwards 1;
	animation: chang 0.8s ease-out forwards 1;
	position: absolute;
	top: 0;
	left: 0;
}

.vote-list-tiny li dl dd em{
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../../images/2020/common/icon_checkbox.png) no-repeat;
	-moz-background-size: 18px 36px;
	-webkit-background-size: 18px 36px;
	background-size: 18px 36px;
	background-position: 0 0;
	cursor: pointer;
	margin-left: 40px;
}

.vote-list-tiny li.on dl dd em{
	background-position: 0 -18px;
}

/*vote-list-------------------------------------------------------------------------------------- */

.vote-list,
.vote-list-done{
	width: 100%;
}

.vote-list li,
.vote-list-done li{
	padding: 12px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #ffffff;
	border: 2px solid #e9e9e9;
	border-radius: 16px;
	margin-bottom: 6px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.vote-list li.on,
.vote-list-done li.on{
	background: #ffffff;
	border: 2px solid #4262de;
}

.vote-list li.on strong,
.vote-list-done li.on strong{
	background: #eceffc;
}

.vote-list li.on em,
.vote-list-done li.on em{
	width: 8px;
	height: 8px;
	background: #ffffff;
	border: 4px solid #4262de;
}

.vote-list li.on p,
.vote-list-done li.on p{
	color: #4262de;
}

.vote-list li.on span,
.vote-list-done li.on span{
	color: #4262de;
}

.vote-list li strong,
.vote-list-done li strong{
	width: 100%;
	height: 100%;
	background: #f7f7f7;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-animation: chang 1.4s ease-out forwards 1;
	animation: chang 1.4s ease-out forwards 1;
}

.vote-list li em,
.vote-list-done li em{
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #ffffff;
	border: 4px solid #e0e0e0;
	border-radius: 8px;
	margin-right: 8px;
	z-index: 2;
}

.vote-list li p,
.vote-list-done li p{
	flex: 1;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	z-index: 2;
}

.vote-list li span,
.vote-list-done li span{
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	margin-right: 20px;
	z-index: 2;
}

.vote-list li span:nth-of-type(1);
.vote-list.done li span:nth-of-type(1){
	margin-left: 30px;
}

/*-------*/

.vote-submit{
	text-align: center;
	margin: 16px 0 6px 0;
}

.vote-submit.special{
	display: flex;
	justify-content: space-between;
	text-align: left;
	margin-top: 24px;
}

.vote-submit.special p{
	flex: 1;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	text-align: justify;
}

.vote-submit.special p em{
	font-weight: 900;
	color: #222234;
	margin: 0 4px;
}

.vote-submit.special a{
	margin-left: 80px;
}

.vote-submit a{
	display: inline-block;
	width: 180px;
	height: 42px;
	font-size: 14px;
	line-height:42px;
	text-align: center;
	color: #2c2c2c;
	letter-spacing: 0.5px;
	background: #f7f7f7;
	border: none;
	outline: none;
	border-radius: 12px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.vote-submit a:hover{
	background: #f6f6f6;
	border-radius: 20px;
}

/*-------*/

.vote-submit-done{
	text-align: center;
	margin: 16px 0 6px 0;
}

.vote-submit-done a{
	display: inline-block;
	width: 180px;
	height: 42px;
	font-size: 14px;
	line-height: 42px;
	color: #ffffff;
	letter-spacing: 0.5px;
	background: #61687c;
	border: none;
	outline: none;
	border-radius: 12px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.vote-submit-done a:hover{
	background: #222234;
}

/* employee-probation-------------------------------------------------------------------------------------- */

.employee-probation{
	padding: 0 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.employee-probation .chart{
	width: 200px;
	height: 200px;
	margin-right: 60px;
}

.employee-probation .datas{
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.employee-probation .datas .data{
	padding: 0;
	display: flex;
	flex-direction: column;
	margin-right: 42px;
}

.employee-probation .datas .data li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 5px 0;
}

.employee-probation .datas .data li i{
	display: inline-block;
	width: 24px;
	height: 12px;
	border-radius: 2px;
	margin-right: 12px;
}

.employee-probation .datas .data li:nth-of-type(1) i{
	background: #4262de;
}

.employee-probation .datas .data li:nth-of-type(2) i{
	background: #5571e1;
}

.employee-probation .datas .data li:nth-of-type(3) i{
	background: #6881e5;
}

.employee-probation .datas .data li:nth-of-type(4) i{
	background: #7a91e8;
}

.employee-probation .datas .data li:nth-of-type(5) i{
	background: #8ea1eb;
}

.employee-probation .datas .data li:nth-of-type(6) i{
	background: #a0b0ee;
}

.employee-probation .datas .data li:nth-of-type(7) i{
	background: #b3c0f2;
}

.employee-probation .datas .data li em{
	flex: 1;
	font-size: 13px;
	line-height: 14px;
	color: #333333;
	margin-right: 34px;
}

.employee-probation .datas .data li span{
	display: flex;
	align-items: center;
	font-size: 13px;
	line-height: 14px;
	color: #333333;
}

.employee-probation .datas .data li span font{
	font-size: 14px;
	line-height: 14px;
	margin: 0 2px 1px 0;
}

.employee-probation .datas .tips{
	flex: 1;
}

.employee-probation .datas .tips p{
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	text-align: justify;
}

.employee-probation .datas .tips p span{
	margin: 0 4px;
}

.employee-probation .datas .tips p em{
	font-weight: 900;
	color: #f01414;
	margin: 0 4px;
}

.employee-probation .datas .tips b{
	font-size: 13px;
	line-height: 19px;
	color: #333333;
	text-align: justify;
	margin-top: 7px;
}

/* area-data-------------------------------------------------------------------------------------- */

.area-data{
	padding: 40px 20px 36px 20px;
}

.area-data dl{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.area-data dl dt{
	padding: 0 16px;
	flex: 1;
}

.area-data dl dt em{
	display: block;
	font-size: 15px;
	line-height: 15px;
	color: #333333;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    margin-bottom: 20px;
}

.area-data dl dt .data-data{
	width: 100%;
	height: 224px;
}


/* area-tips-------------------------------------------------------------------------------------- */

.area-tips{
	padding: 0 36px 26px 36px;
	margin-top: -8px;
}

.area-tips em{
	display: block;
	font-size: 15px;
	line-height: 15px;
	color: #333333;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    margin-bottom: 10px;
}

.area-tips p{
	font-size: 13px;
	line-height: 23px;
	color: #666666;
}

.area-tips p span{
	font-weight: 900;
	color: #222234;
}

/* job-details-header-------------------------------------------------------------------------------------- */

.job-details-header{
	width: 100%;
	border-radius: 20px;
	background: url(../../images/2020/common/bg_job.png) no-repeat #fbfbfb right bottom;
	-moz-background-size: 378px 104px;
	-webkit-background-size: 378px 104px;
	background-size: 378px 104px;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
}

.job-details-header.fixed{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
	-webkit-animation: shangtan 0.8s ease-out forwards 1;
	animation: shangtan 0.8s ease-out forwards 1;
	z-index: 3;
}

.job-details-header .content{
	padding: 32px 26px 22px 26px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	border-radius: 20px;
}

.job-details-header.fixed .content{
	padding: 18px 0;
	width: 1200px;
	margin: 0 auto;
	position: relative;
	display: flex;
	align-items: center;
}

.job-details-header .content .infors{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.job-details-header .content .infors .time{
	padding: 0 10px;
	font-size: 12px;
	line-height: 14px;
	color: #778899;
}

.job-details-header .content .infors .time{
	margin-bottom: 22px;
}

.job-details-header.fixed .content .infors .time{
	margin-bottom: 13px;
}

.job-details-header .content .infors .name{
	padding: 0 10px;
}

.job-details-header.fixed .content .infors .name{
	display: flex;
}

.job-details-header .content .infors .name dt{
	font-size: 24px;
	line-height: 30px;
	color: #222234;
	text-align: justify;
	margin-bottom: 8px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.job-details-header.fixed .content .infors .name dd{
	margin-left: 20px;
}

.job-details-header .content .infors .name dd{
	display: flex;
	align-items: center;
	font-size: 20px;
	line-height: 30px;
	color: #fa6a43;
	font-weight: 900;
	margin-bottom: 8px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.job-details-header .content .infors .name dd a{
	font-size: 12px;
	line-height: 14px;
	color: #969696;
	font-weight: 400;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	margin: 3px 0 0 10px;
}

.job-details-header .content .infors .name dd a:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 14px;
	height: 11px;
	background: url(../../images/2020/common/icon_more_03.png) no-repeat;
	-moz-background-size: 14px 11px;
	-webkit-background-size: 14px 11px;
	background-size: 14px 11px;
	position: relative;
	top: -1px;
	margin-right: 4px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.job-details-header .content .infors .name dd a:hover{
	color: #fa6a43;
}

.job-details-header .content .infors .name dd a:hover:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 14px;
	height: 11px;
	background: url(../../images/2020/common/icon_more_04.png) no-repeat;
	-moz-background-size: 14px 11px;
	-webkit-background-size: 14px 11px;
	background-size: 14px 11px;
}

.job-details-header .content .infors .infor{
	padding: 0 10px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 7px;
}

.job-details-header .content .infors .infor li{
	font-size: 12px;
	line-height: 14px;
	color: #969696;
}

.job-details-header .content .infors .infor li:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #969696;
	position: relative;
	top: -1px;
	margin: 0 4px;
}

.job-details-header .content .infors .infor li:nth-of-type(1):before{
	display: none;
}

.job-details-header .content .infors .welf{
	display: flex;
	flex-wrap: wrap;
}

.job-details-header .content .infors .welf li{
	padding: 8px 15px;
	font-size: 12px;
	line-height: 12px;
	color: #667788;
	background: #f4f4f4;
	border-radius: 15px;
	border: 1px solid #e8e8e8;
	margin: 3px 6px 3px 0;
}

.job-details-header .content .handle{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: 60px;
}

.job-details-header .content .handle .submit{
	display: block;
	height: 49px;
	background: #222234;
	border-radius: 20px;
	font-size: 13px;
	line-height: 49px;
	color: #ffffff;
	text-align: center;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.job-details-header .content .handle .submit{
	width: 160px;
	margin-top: 15px;
}

.job-details-header.fixed .content .handle .submit{
	width: 250px;
	margin-top: 12px;
}

.job-details-header .content .handle .submit:hover{
	background: #2252de;
}

.job-details-header .content .handle .job-share{
	display: flex;
	flex-wrap: wrap;
}

/*.job-details-header.fixed .content .handle .job-share{
	position: absolute;
	bottom: 21px;
	right: 20px;
}*/

.job-details-header .content .handle .job-share li{
	font-size: 13px;
	line-height: 15px;
	color: #8590a6;
	cursor: pointer;
	position: relative;
	margin: 0 5px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/*.job-details-header.fixed .content .handle .job-share li{
	padding: 5px 11px;
    background: #f4f4f4;
    border: 1px solid #e8e8e8;
    border-radius: 15px;
}*/

.job-details-header .content .handle .job-share li i{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../../images/2020/common/icon_share.png) no-repeat;
	-moz-background-size: 83px 49px;
	-webkit-background-size: 83px 49px;
	background-size: 83px 49px;
	position: relative;
	top: 2px;
	margin-right: 4px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.job-details-header.fixed .content .job-share li.more i{
	margin-right: 0;
}

.job-details-header .content .handle .job-share li.share i{
	background-position: 0 0;
}

.job-details-header .content .handle .job-share li.pick i{
	background-position: -17px 0;
}

.job-details-header .content .handle .job-share li.more i{
	background-position: -34px 0;
}

.job-details-header .content .handle .job-share li:hover{
	color: #556677;
}

.job-details-header .content .handle .job-share li.share:hover i{
	background-position: 0 -17px;
}

.job-details-header .content .handle .job-share li.pick:hover i{
	background-position: -17px -17px;
}

.job-details-header .content .handle .job-share li.more:hover i{
	background-position: -34px -17px;
}

.job-details-header .content .handle .job-share li.pick-done i{
	background-position: -17px -34px;
}

.job-details-header .content .handle .job-share li .share-list{
	position: absolute;
    top: 30px;
    left: -20px;
}

.job-details-header.fixed .content .job-share li .share-list{
	position: absolute;
    top: 40px;
    left: -10px;
}

.job-details-header .content .handle .job-share li.more dl{	
	width: 104px;
	padding: 10px 0;
	height: auto;
	position: absolute;
	background: #ffffff;
	border: 1px solid #ebebeb;
	border-radius: 16px;
	z-index: 2;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.12);
	display: none;
}

.job-details-header .content .handle .job-share li.more dl{
	top: 30px;
	right: -16px;
}

.job-details-header.fixed .content .job-share li.more dl{
	top: 40px;
	right: -6px;
}

.job-details-header .content .handle .job-share li.more dl:before{
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 1px solid #ebebeb;
    border-bottom-color: #ffffff;
    border-right-color: #ffffff;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: auto;
    right: 20px;
    top: -7px;
}

.job-details-header .content .handle .job-share li.more dl dd{
	padding: 5px 14px 5px 24px;
    width: 66px;
    display: block;
    font-size: 13px;
    line-height: 17px;
    color: #778899;
    letter-spacing: 0.8px;
    text-align: left;
    position: relative;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.job-details-header .content .handle .job-share li.more dl dd:before{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #778899;
    position: absolute;
    top: 11px;
    left: 14px;
    z-index: 2;
}

.job-details-header .content .handle .job-share li.more dl dd:hover{
	background: #f4f4f4;
}

/* job-details-bodyer-------------------------------------------------------------------------------------- */

.job-details-bodyer{
	width: 100%;
	position: relative;
	border-radius: 20px;
	margin-bottom: 20px;
	zoom: 1;
}

.job-details-bodyer.fixed{
	margin-top: 380px;
}

.job-details-bodyer:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.job-details .block{
	border-top: 1px solid #f3f3f3;
}

.job-details .block:nth-of-type(1){
	border-top: none;
}

.job-details .block .title{
	padding: 24px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
	line-height: 26px;
	color: #222234;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    position: relative;
}

.job-details .block .title:before{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 6px;
    height: 16px;
    border-radius: 6px;
    background: #f01414;
    position: absolute;
    top: 30px;
    left: -2px;
    transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    -o-transform: rotate(8deg);
}

/* ----- */

.job-details .block .content{
	position: relative;
}

/* ----- */

.job-details .block .content .describe{
	padding: 24px 32px;
    border-top: 1px solid #f3f3f3;
	font-size: 14px;
	line-height: 30px;
	color: #222234;
}

/* ----- */

.job-details .block .content .overdue{
	padding: 6px 30px;
	display: flex;
	font-size: 14px;
    line-height: 14px;
    color: #f01414;
    font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
}

.job-details .block .content .overdue:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 16px;
	height: 16px;
	background: url(../../images/2020/common/icon_overdue.png) no-repeat;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px;
	position: relative;
	top: -1px;
	margin-right: 5px; 
}

/* ----- */

.job-details .block .content .interact{
	width: 100%;
	height: 100%;
	background: linear-gradient(270deg, #ffffff 4%, hsla(0,0%,100%,0));
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 1px;
}

.job-details .block .content .interact .bullet-chat{
	width: 100%;
	height: 40%;
	background: none;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
}

/* ----- */

.job-details .block .comment{
	padding: 20px 28px 30px 28px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.job-details .block .comment .face{
	display: inline-block;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}

.job-details .block .comment .face img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.job-details .block .comment .form{
	flex: 1;
	display: flex;
	position: relative;
}

.job-details .block .comment .form .text{
	padding: 0 20px;
	flex: 1;
	border: 2px solid #eeeeee;
	height: 38px;
	border-radius: 20px;
	font-size: 14px;
	line-height: 38px;
	color: #1f1f1f;
}

.job-details .block .comment .form .text::-webkit-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #999999;
	font-weight: normal;
	position: relative;
	top: 1px;
}

.job-details .block .comment .form .text::-moz-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #999999;
	font-weight: normal;
	position: relative;
	top: 1px;
}

.job-details .block .comment .form .text::-ms-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #999999;
	font-weight: normal;
	position: relative;
	top: 1px;
}

.job-details .block .comment .form .button{
	width: 78px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	background: #222234;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	position: absolute;
	top: 1px;
	right: 1px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.job-details .block .comment .form .button:hover{
	opacity: 0.9;
}

.job-details .block .comment .hd li{
	display: flex;
	width: 24px;
	height: 16px;
	font-size: 0;
	margin: 0 4px 0 20px;
	cursor: pointer;
}

.job-details .block .comment .hd li img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.job-details .block .comment .hd li.on{
	display: none;
}

/* ----- */

.job-details .block .source{
	padding: 0 32px 26px 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.job-details .block .source .infor{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.job-details .block .source .infor .tips{
	font-size: 14px;
	line-height: 22px;
	color: #686868;
}

.job-details .block .source .infor .content{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 7px;
}

.job-details .block .source .infor .content .logo{
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 1px solid #fafafa;
	border-radius: 20px;
	overflow: hidden;
	margin-right: 8px;
}

.job-details .block .source .infor .content .logo img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.job-details .block .source .infor .content .more{
	flex: 1;
}

.job-details .block .source .infor .content .more .get{
	display: flex;
	margin: 5px 0;
	position: relative;
}

.job-details .block .source .infor .content .more .get em{
	font-size: 13px;
	line-height: 15px;
	color: #999999;
}

.job-details .block .source .infor .content .more .get b{
	font-size: 14px;
	line-height: 15px;
	color: #999999;
}

.job-details .block .source .infor .content .more .get ul{
	display: flex;
}

.job-details .block .source .infor .content .more .get ul li{
	display: flex;
	font-size: 14px;
	line-height: 15px;
	color: #999999;
	border-top: none;
	position: relative;
}

.job-details .block .source .infor .content .more .get ul li a{
	color: #999999;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.job-details .block .source .infor .content .more .get ul li a:hover{
	color: #4262de;
}

.job-details .block .source .infor .content .more .get ul li:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 1px;
	height: 8px;
	background: #a9a9a9;
	position: relative;
	top: 3px;
	margin: 0 8px;
}

.job-details .block .source .infor .content .more .get ul li:nth-of-type(1):before{
	display: none;
}

.job-details .block .source .infor .content .more .get ul li.share-more:after{
	content: "∨";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    color: #999999;
    position: relative;
    top: -2px;
    margin-left: 4px;
}

.job-details .block .source .infor .content .more .get ul li:hover.share-more:after{
	color: #4262de;
}

.job-details .block .source .infor .content .more .get ul li.share-more .share-list-more{
	position: absolute;
	top: 26px;
	right: -24px;
}

.job-details .block .source .apply{
	display: flex;
}

.job-details .block .source .apply a{
	padding: 15px 20px;
	display: flex;
	align-items: center;
	background: #eceffc;
	border: 2px solid #a0b0ee;
	border-radius: 25px;
	margin-left: 10px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.job-details .block .source .apply a:hover{
	background: #e4e9fa;
	border: 2px solid #7a91e8;
}

.job-details .block .source .apply a i{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../../images/2020/common/icon_share-more.png) no-repeat;
	-moz-background-size: 45px 30px;
	-webkit-background-size: 45px 30px;
	background-size: 45px 30px;
	margin-right: 4px;
}

.job-details .block .source .apply a.pick i{
	background-position: 0 0;
}

.job-details .block .source .apply a.ask i{
	background-position: -15px 0;
}

.job-details .block .source .apply a.subs i{
	background-position: -30px 0;
}

/*-------*/

.job-details .block .source .apply a.pick-done{
	background: #ffedf0;
	border: 2px solid #ffa3b5;
}

.job-details .block .source .apply a.pick-done i{
	background-position: 0 -15px;
}

.job-details .block .source .apply a.pick-done em{
	color: #ff3259;
}

/*-------*/

.job-details .block .source .apply a.ask-done{
	background: #e4e9fa;
	border: 2px solid #7a91e8;
}

.job-details .block .source .apply a.ask-done i{
	background-position: -15px -15px;
}

.job-details .block .source .apply a.ask-done em{
	color: #4262de;
}

/*-------*/

.job-details .block .source .apply a.subs-done{
	background: #fff6ea;
	border: 2px solid #ffd498;
}

.job-details .block .source .apply a.subs-done i{
	background-position: -30px -15px;
}

.job-details .block .source .apply a.subs-done em{
	color: #ffaa32;
}

.job-details .block .source .apply a em{
	font-size: 13px;
	line-height: 15px;
	color: #4262de;
}

/* ----- */

.job-details .block .introduce{
	padding: 0 32px 26px 32px;
}

.job-details .block .introduce .t-top{
	padding: 0 6px;
	display: flex;
	justify-content: space-between;
}

.job-details .block .introduce .t-top dt{
	display: inline-block;
	width: 58px;
	height: 58px;
	border: 1px solid #fafafa;
	border-radius: 24px;
	overflow: hidden;
	margin-right: 16px;
}

.job-details .block .introduce .t-top dt img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.job-details .block .introduce .t-top dd{
	flex: 1;
	margin-top: 6px;
}

.job-details .block .introduce .t-top dd em{
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #222234;
}

.job-details .block .introduce .t-top dd p{
	font-size: 13px;
	line-height: 21px;
	color: #888888;
	max-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.job-details .block .introduce .t-bottom{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 18px;
}

.job-details .block .introduce .t-bottom dt{
	margin: 0 10px 6px 0;
}

.job-details .block .introduce .t-bottom dt a{
	padding: 9px 17px;
	float: left;
	font-size: 13px;
	line-height: 13px;
	color: #8590a6;
	background: #f6f6f6;
	border-radius: 10px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.job-details .block .introduce .t-bottom dt a:hover{
	color: #4262de;
    background: #eceffc;
    border-radius: 15px;
}

/* salary-wenda-------------------------------------------------------------------------------------- */

.salary-wenda{
	width: 100%;
	height: auto;
	position: relative;
}

.salary-wenda:before{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 6px;
    height: 16px;
    border-radius: 6px;
    background: #f01414;
    position: absolute;
    top: 54px;
    left: -2px;
    transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    -o-transform: rotate(8deg);
}

.salary-wenda dt{
	padding: 36px 45px 24px 45px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.salary-wenda dt .t-left{
	flex: 1;
}

.salary-wenda dt .t-left .title-box{
	flex: 1;
	display: flex;
	align-items: flex-end;
}

.salary-wenda dt .t-left .title-box .title p{
	font-size: 14px;
	line-height: 24px;
	color: #222234;
}

.salary-wenda dt .t-left .title-box .title em{
	font-size: 22px;
	line-height: 32px;
	color: #222234;
}

.salary-wenda dt .t-left .title-box .region{
	position: relative;
	cursor: pointer;
	margin: 0 0 6px 20px;
}

.salary-wenda dt .t-left .title-box .region input{
	width: 42px;
	padding: 0 24px;
	font-size: 14px;
	line-height: 34px;
	color: #778899;
	border: 1px solid #ebebeb;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	border-top-left-radius: 14px;
	border-bottom-left-radius: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.salary-wenda dt .t-left .title-box .region:hover input{
	border: 1px solid #d8d8d8;
}

.salary-wenda dt .t-left .title-box .region:after{
	content: "∨";
	position: absolute;
	top: 9px;
	right: 22px;
	color: #8d99ac;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.salary-wenda dt .t-left .title-box .region ul{
	display: none;
	padding: 7px 0;
	width: 92px;
	background: #fafafa;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
	border-radius: 12px;
	position: absolute;
	top: 42px;
	right: 0;
	max-height: 300px;
	overflow-y: auto;
	z-index: 1;
}

.salary-wenda dt .t-left .title-box .region ul li.selected a{
	padding: 4px 8px;
	display: block;
	font-size: 14px;
	line-height: 22px;
	color: #8d99ac;
	text-align: center;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.salary-wenda dt .t-left .title-box .region ul li a:hover{
	background: #f0f0f0;
}

.salary-wenda dt .t-left .main-box{
	display: flex;
	align-items: flex-end;
	color: #fc7240;
	margin-top: 12px;
}

.salary-wenda dt .t-left .main-box span{
	font-size: 12px;
	line-height: 12px;
	font-weight: 900;
	position: relative;
	top: -3px;
}

.salary-wenda dt .t-left .main-box em{
	font-size: 36px;
	line-height: 36px;
	font-weight: 900;
	margin: 0 4px;
}

.salary-wenda dt .t-left .main-box font{
	font-size: 12px;
	line-height: 12px;
	position: relative;
	top: -3px;
	margin-right: 2px;
}

.salary-wenda dt .t-left .end-box{
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.salary-wenda dt .t-left .end-box li{
	font-size: 12px;
	line-height: 20px;
	color: #969696;
}

.salary-wenda dt .t-left .end-box li:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 1px;
	height: 7px;
	background: #b6b6b6;
	position: relative;
	top: -1px;
	margin: 0 6px;
}

.salary-wenda dt .t-left .end-box li:nth-of-type(1):before{
	display: none;
}

.salary-wenda dt .t-right{
	margin: 0 -22px 0 40px;
}

.salary-wenda dt .t-right .contrast{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.salary-wenda dt .t-right .contrast li{
	padding: 0 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-left: 1px solid #f3f3f3;
}

.salary-wenda dt .t-right .contrast li:nth-of-type(1){
	border-left: none;
}

.salary-wenda dt .t-right .contrast li p i{
	display: inline-block;
	width: 10px;
	height: 6px;
	background: url(../../images/2020/common/icon_quota_05.png) no-repeat;
	-moz-background-size: 10px 12px;
	-webkit-background-size: 10px 12px;
	background-size: 10px 12px;
	margin-right: 6px;
}

.salary-wenda dt .t-right .contrast li.up p i{
	background-position: 0 0;
}

.salary-wenda dt .t-right .contrast li.down p i{
	background-position: 0 -6px;
}

.salary-wenda dt .t-right .contrast li p{
	font-size: 32px;
	line-height: 36px;
	font-weight: 900;
}

.salary-wenda dt .t-right .contrast li.up p{
	color: #f11b1b;
}

.salary-wenda dt .t-right .contrast li.down p{
	color: #0ab76d;
}

.salary-wenda dt .t-right .contrast li p font{
	font-size: 18px;
	font-weight: 400;
	font-style: oblique;
}

.salary-wenda dt .t-right .contrast li em{
	font-size: 12px;
	line-height: 16px;
	color: #999999;
	margin-top: 5px;
}

.salary-wenda dt .t-right .contrast li em span{
	color: #333333;
	margin: 0 4px;
}

.salary-wenda dd{
	padding: 26px 32px 44px 32px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background: #fbfbfb;
}

.salary-wenda dd .wenda-list li{
	font-size: 13px;
	line-height: 23px;
	color: #808080;
	text-align: justify;
	margin: 3px 0;
}

.salary-wenda dd .wenda-list li em{
	font-weight: 900;
	color: #222234;
	margin: 0 3px;
}

.salary-wenda dd .wenda-list li span{
	color: #000000;
	margin: 0 3px;
}

.salary-wenda dd .wenda-list li a{
	font-size: 13px;
	line-height: 23px;
	color: #4262de;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.salary-wenda dd .wenda-list li a:hover{
	color: #fc7240;
}

.salary-wenda dd .wenda-tips{
	font-size: 12px;
	line-height: 20px;
	color: #999999;
	text-align: justify;
	margin-top: 14px;
}

.salary-wenda dd .wenda-share{
	display: inline-block;
	width: 170px;
	height: 54px;
	font-size: 14px;
    line-height: 54px;
    color: #ffffff;
    text-align: center;
    font-weight: 900;
    transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    background: #222234;
    box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.3);
    border-radius: 24px;
    margin-top: 26px;
    -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.salary-wenda dd .wenda-share:hover{
	background: #4262de;
	box-shadow: 4px 6px 12px rgba(66, 98, 222, 0.3);
	-moz-box-shadow: 4px 6px 12px rgba(66, 98, 222, 0.3);
	-webkit-box-shadow: 4px 6px 12px rgba(66, 98, 222, 0.3);
}

/* recruitment-website-------------------------------------------------------------------------------------- */

.recruitment-website{
	padding: 6px;
	position: relative;
}

.recruitment-website .prev,
.recruitment-website .next{
	display: inline-block;
	width: 12px;
	height: 22px;
	background: url(../../images/2020/common/icon_auto.png) no-repeat;
	-moz-background-size: 24px 22px;
	-webkit-background-size: 24px 22px;
	background-size: 24px 22px;
	position: absolute;
	top: 54px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	opacity: 0;
}

.recruitment-website .prev{
	background-position: 0 0;
	left: 20px;
}

.recruitment-website .next{
	background-position: -12px 0;
	right: 20px;
}

.recruitment-website:hover .prev,
.recruitment-website:hover .next{
	opacity: 0.2;
}

.recruitment-website .prev:hover,
.recruitment-website .next:hover{
	opacity: 0.8;
}

/* salary-qushi&lishi-------------------------------------------------------------------------------------- */

.salary-qushi,
.salary-lishi{
	padding: 32px;
}

.salary-qushi dt .qushi{
	width: 100%;
	height: 300px;
}

.salary-lishi dt .lishi{
	width: 100%;
	height: 240px;
	margin-bottom: 12px;
}

.salary-qushi dd,
.salary-lishi dd{
	margin-top: 26px;
}

.salary-qushi dd p,
.salary-lishi dd p{
	font-size: 13px;
	line-height: 23px;
	color: #868686;
	text-align: justify;
}

.salary-qushi dd p:before,
.salary-lishi dd p:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #4163de;
	position: relative;
	top: -2px;
	margin-right: 5px;
}

/* staff-qushi-------------------------------------------------------------------------------------- */

.staff-qushi{
	padding: 32px;
}

.staff-qushi dt{
	width: 100%;
	height: 300px;
}

.staff-qushi dd{
	margin-top: 26px;
}

.staff-qushi dd p{
	font-size: 13px;
	line-height: 23px;
	color: #868686;
	text-align: justify;
}

.staff-qushi dd p:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #4163de;
	position: relative;
	top: -2px;
	margin-right: 5px;
}

/* introduce-wenda-------------------------------------------------------------------------------------- */

.introduce-wenda{
	padding: 4px 32px 26px 32px;
}

.introduce-wenda .t-top{
	padding: 0 6px;
	display: flex;
	justify-content: space-between;
}

.introduce-wenda .t-top dt{
	display: inline-block;
	width: 58px;
	height: 58px;
	border: 1px solid #fafafa;
	border-radius: 24px;
	overflow: hidden;
	margin-right: 16px;
}

.introduce-wenda .t-top dt img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.introduce-wenda .t-top dd{
	flex: 1;
	margin-top: 6px;
}

.introduce-wenda .t-top dd em{
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #222234;
}

.introduce-wenda .t-top dd p{
	font-size: 13px;
	line-height: 21px;
	color: #888888;
	max-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.introduce-wenda .t-bottom{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 18px;
}

.introduce-wenda .t-bottom dt{
	margin: 0 10px 6px 0;
}

.introduce-wenda .t-bottom dt a{
	padding: 9px 17px;
	float: left;
	font-size: 13px;
	line-height: 13px;
	color: #8590a6;
	background: #f6f6f6;
	border-radius: 8px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.introduce-wenda .t-bottom dt a:hover{
	color: #4262de;
    background: #eceffc;
    border-radius: 15px;
}

/* goprev-------------------------------------------------------------------------------------- */

.goprev{
	padding: 0 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 798px;
	height: 68px;
	background: #ffffff;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
}

.goprev em{
	padding: 0 18px;
	display: inline-block;
	font-size: 14px;
	line-height: 36px;
	font-weight: 900;
	color: #ffffff;
	background: #222234;
	border-radius: 18px;
}

.goprev a{
	padding: 0 18px;
	display: inline-block;
	font-size: 14px;
	line-height: 36px;
	color: #778899;
	background: #f4f4f4;
	border-radius: 18px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.goprev a:hover{
	background: #eceffc;
	color: #4262de;
	border-radius: 12px;
}

/* comment-share-------------------------------------------------------------------------------------- */

.comment-share{
	padding: 32px;
}

.comment-share .title{
	padding: 0 12px;
	font-size: 18px;
	line-height: 26px;
	color: #222234;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    margin-bottom: 40px;
}

.comment-share .main{
	width: 100%;
	display: flex;
	margin: 0;
}

.comment-share .main .t-left{
	padding-right: 32px;
}

.comment-share .main .t-left ul{
	width: 240px;
}

.comment-share .main .t-left ul li a{
	display: inline-block;
	width: 240px;
	height: 44px;
	font-size: 14px;
	line-height: 44px;
	color: #646464;
	text-align: center;
	background: #fbfbfb;
	border-radius: 8px;
	margin: 2px 0;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.comment-share .main .t-left ul li.on a{
	background: #f4f6fd;
	color: #4262de;
	position: relative;
}

.comment-share .main .t-left ul li.on a:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 3px;
	height: 20px;
	background: #4262de;
	position: absolute;
	top: 12px;
	right: -34px;
}

.comment-share .main .t-right{
	width: 360px;
	height: auto;
	border-left: 1px solid #eeeeee;
	padding-left: 42px;
}

.comment-share .main .t-right dl dt{
	margin-bottom: 31px;
}

.comment-share .main .t-right dl dt .name{
	display: block;
	font-size: 26px;
	line-height: 36px;
	color: #222234;
	margin-bottom: 6px;
}

.comment-share .main .t-right dl dt .content{
	font-size: 12px;
	line-height: 18px;
	color: #808080;
	text-align: justify;
}

.comment-share .main .t-right dl dd{
	margin-bottom: 19px;
}

.comment-share .main .t-right dl dd:nth-last-child(1){
	margin-bottom: 0;
}

.comment-share .main .t-right dl dd .name{
	display: block;
	font-size: 13px;
	line-height: 23px;
	color: #666666;
	margin-bottom: 8px;
}

.comment-share .main .t-right dl dd .name span{
	color: #f01414;
	margin-right: 4px;
}

.comment-share .main .t-right dl dd .content{
	width: 360px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.comment-share .main .t-right dl dd .inp-text{
	flex: 1;
	padding: 0 14px;
	height: 36px;
	border: 1px solid #eeeeee;
	border-radius: 8px;
	cursor: pointer;
	font-size: 14px;
	line-height: 36px;
	color: #000000;
}

.comment-share .main .t-right dl dd .select,
.comment-share .main .t-right dl dd .choose{
	position: relative;
}

.comment-share .main .t-right dl dd .select.W360,
.comment-share .main .t-right dl dd .choose.W360{
	width: 360px;
}

.comment-share .main .t-right dl dd .select.W174,
.comment-share .main .t-right dl dd .choose.W174{
	width: 174px;
}

.comment-share .main .t-right dl dd .select.W360 .inp-text,
.comment-share .main .t-right dl dd .choose.W360 .inp-text{
	width: 330px;
}

.comment-share .main .t-right dl dd .select.W174 .inp-text,
.comment-share .main .t-right dl dd .choose.W174 .inp-text{
	width: 144px;
}

.comment-share .main .t-right dl dd .select .icon{
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url(../../images/2020/common/icon_select.png) no-repeat;
	-moz-background-size: 36px 36px;
	-webkit-background-size: 36px 36px;
	background-size: 36px 36px;
	position: absolute;
	top: 1px;
	right: 1px;
	cursor: pointer;
}

.comment-share .main .t-right dl dd .select ul,
.comment-share .main .t-right dl dd .choose ul{
	border: 1px solid #eeeeee;
	border-radius: 8px;
	cursor: pointer;
	max-height: 254px;
	background: #ffffff;
	overflow: hidden;
	overflow-y: scroll;
	position: absolute;
	top: 42px;
	left: 0;
	display: none;
	z-index: 2;
	box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
}

.comment-share .main .t-right dl dd .select ul::-webkit-scrollbar,
.comment-share .main .t-right dl dd .choose ul::-webkit-scrollbar{
	display: none;
}

.comment-share .main .t-right dl dd .select.W360 ul,
.comment-share .main .t-right dl dd .choose.W360 ul{
	padding: 6px 0;
	width: 358px;
}

.comment-share .main .t-right dl dd .select.W174 ul,
.comment-share .main .t-right dl dd .choose.W174 ul{
	padding: 6px 0;
	width: 172px;
}

.comment-share .main .t-right dl dd .select ul li,
.comment-share .main .t-right dl dd .choose ul li{
	padding: 0 16px;
	font-size: 14px;
	line-height: 36px;
	color: #484848;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.comment-share .main .t-right dl dd .select ul li:hover,
.comment-share .main .t-right dl dd .choose ul li:hover{
	background: #f6f6f6;
}

.comment-share .main .t-right dl dd .select .inp-rad{
	width: 174px;
	height: 38px;
	opacity: 0;
}

.comment-share .main .t-right dl dd .select .lab-rad{
	position: absolute;
	left: 0;
	top: 0;
	width: 172px;
	height: 36px;
	border: 1px solid #eeeeee;
	border-radius: 8px;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	line-height: 36px;
	color: #666666;
	background: linear-gradient(180deg, #ededed 4%, #ffffff 40%, #fefefe);
}

.comment-share .main .t-right dl dd .select input:checked+label.lab-rad{
	width: 170px;
	height: 34px;
	background: #eceffc;
	border: 2px solid #4262de;
	color: #4262de;
	line-height: 34px;
}

.comment-share .main .t-right dl dd .select input:checked+label.lab-rad::after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 30px;
	height: 28px;
	background: url(../../images/2020/common/icon_vote_done.png) no-repeat;
	-moz-background-size: 30px 28px;
	-webkit-background-size: 30px 28px;
	background-size: 30px 28px;
	position: absolute;
	top: -2px;
	right: -2px;
	border-top-right-radius: 8px;
}

.comment-share .main .t-right dl dd .gonext{
	display: block;
	flex: 1;
	width: 100%;
	height: 41px;
	border-radius: 8px;
	background: #4262de;
	font-size: 13px;
	line-height: 41px;
	color: #ffffff;
	border: none;
	text-align: center;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	cursor: pointer;
	margin-top: 60px;
}

.comment-share .main .t-right dl dd .gonext:hover{
	background: #3252cd;
	border-radius: 16px;
}

.comment-share .main .t-right dl dd .tips{
	padding: 0 20px;
	font-size: 12px;
	line-height: 20px;
	color: #808080;
	text-align: justify;
	margin-top: 14px;
}

.comment-share .main .t-right dl dd .tips a{
	color: #4262de;
}

.comment-share .main .t-right input::-webkit-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #868686;
	font-weight: normal;
}

.comment-share .main .t-right input::-moz-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #868686;
	font-weight: normal;
}

.comment-share .main .t-right input::-ms-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #868686;
	font-weight: normal;
}

/* myself-box-------------------------------------------------------------------------------------- */

.myself-box{
	padding: 22px 16px 16px 16px;
	display: flex;
	flex-wrap: wrap;
}

.myself-box li{
	margin: 4px 14px;
}

.myself-box li a{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.myself-box li a i{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 16px;
	background: url(../../images/2020/common/icon_myself.png) no-repeat;
	-moz-background-size: 172px 40px;
	-webkit-background-size: 172px 40px;
	background-size: 172px 40px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.myself-box li.zhuye a i{
	background-color: #e5f8f8;
	background-position: 0 0;
}

.myself-box li.zhuye a i:hover{
	background-color: #b9fdfd;
}

.myself-box li.shoucang a i{
	background-color: #fff3e1;
	background-position: -44px 0;
}

.myself-box li.shoucang a i:hover{
	background-color: #ffddab;
}

.myself-box li.dingyue a i{
	background-color: #fdf6d3;
	background-position: -88px 0;
}

.myself-box li.dingyue a i:hover{
	background-color: #ffefa2;
}

.myself-box li.jianli a i{
	background-color: #e1f0ff;
	background-position: -132px 0;
}

.myself-box li.jianli a i:hover{
	background-color: #cbe2f9;
}

.myself-box li:hover a i{
	border-radius: 50%;
}

.myself-box li a em{
	font-size: 13px;
	line-height: 23px;
	color: #808080;
	margin-top: 5px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.myself-box li:hover a em{
	color: #606060;
}

/* comment-box-------------------------------------------------------------------------------------- */

.comment-box .title{
	padding: 32px 40px 8px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.comment-box .title .logo{
	display: inline-block;
	width: 88px;
	height: 88px;
	border: 1px solid #fafafa;
	border-radius: 8px;
	overflow: hidden;
	margin-right: 20px;
}

.comment-box .title .logo img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.comment-box .title .cont{
	flex: 1;
}

.comment-box .title .cont em{
	font-size: 24px;
	line-height: 30px;
	color: #222234;
}

.comment-box .title .cont dl{
	display: flex;
	flex-wrap: wrap;
	margin-top: 6px;
}

.comment-box .title .cont dl dt{
	font-size: 13px;
	line-height: 21px;
	color: #666666;
	margin-right: 16px;
}

.comment-box .title .cont dl dt img{
	display: inline-block;
	width: 10px;
	height: 10px;
	position: relative;
	top: 1px;
	margin-right: 4px;
}

.comment-box .title .cont dl dd{
	font-size: 12px;
	line-height: 20px;
	color: #999999;
	margin: 1px 0 0 -10px;
}

.comment-box .titles{
	padding: 50px 0 20px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.comment-box .titles .logo{
	display: inline-block;
	width: 88px;
	height: 88px;
	border: 1px solid #fafafa;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 15px;
}

.comment-box .titles .logo img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.comment-box .titles .name{
	padding: 0 60px;
	font-size: 24px;
	line-height: 34px;
	color: #222234;
	text-align: center;
	margin-bottom: 14px;
}

.comment-box .titles .mark{
	display: flex;
	flex-direction: column;
	margin-bottom: 14px;
}

.comment-box .titles .mark dt ul{
	display: flex;
}

.comment-box .titles .mark dt ul li{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: url(../../images/2020/common/icon_mark_star.png) no-repeat;
	-moz-background-size: 60px 30px;
	-webkit-background-size: 60px 30px;
	background-size: 60px 30px;
	background-position: 0 0;
	margin: 0 3px;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.comment-box .titles .mark dt ul li.on{
	background-position: -30px 0;
}

.comment-box .titles .mark dt ul span{
	display: inline;
	height: 30px;
	line-height: 30px;
}

.comment-box .titles .mark dd{
	font-size: 13px;
	line-height: 13px;
	color: #778899;
	text-align: center;
	margin-top: 10px;
}

.comment-box .titles .text{
	padding: 0 16px;
	width: 624px;
	height: 40px;
	border: 1px solid #ffffff;
	border-bottom: 1px solid #c9cfd6;
	border-radius: 16px;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	color: #4262de;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.comment-box .titles .text:focus{
	border-bottom: 1px solid #4262de;
}

.comment-box .titles .text::-webkit-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #8d99ac;
	font-weight: normal;
}

.comment-box .titles .text::-moz-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #8d99ac;
	font-weight: normal;
}

.comment-box .titles .text::-ms-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #8d99ac;
	font-weight: normal;
}

.comment-box .main{
	margin: 0;
	width: 100%;
}

.comment-box .main li dl dt{
	padding: 44px 40px 24px 40px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #f2f2f2;
}

.comment-box .main li dl dt em{
	font-size: 15px;
	line-height: 15px;
	color: #222234;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
}

.comment-box .main li dl dt em:before{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 6px;
    height: 16px;
    border-radius: 6px;
    background: #f01414;
    position: absolute;
    top: 0px;
    left: -42px;
    transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    -o-transform: rotate(8deg);
}

.comment-box .main li dl dt strong{
	flex: 1;
	font-size: 12px;
	line-height: 14px;
	color: #999999;
	font-weight: 400;
	margin: 1px 0 0 6px;
}

.comment-box .main li dl dt strong i{
	font-size: 13px;
	color: #f01414;
	font-weight: 900;
	margin: 0 2px;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
}

.comment-box .main li dl dt span{
	flex: 1;
	font-size: 13px;
	line-height: 15px;
	color: #778899;
	margin-left: 14px;
	cursor: pointer;
}

.comment-box .main li dl dt span img{
	display: inline-block;
	width: 13px;
	height: 13px;
	position: relative;
	top: 2px;
	margin-right: 4px;
}

.comment-box .main li dl dt .hd li{
	font-size: 15px;
	line-height: 15px;
	color: #4262de;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    text-decoration: underline;
    cursor: pointer;
}

.comment-box .main li dl dt .hd li img{
	display: inline-block;
	width: 15px;
	height: 15px;
	position: relative;
	top: 2px;
	margin-left: 4px;
}

.comment-box .main li dl dt .hd li.on{
	display: none;
}

.comment-box .main li dl dd{
	padding: 32px 40px;
	display: flex;
	flex-direction: column;
	background: #fbfbfb;
}

/*-----------------------------------*/

.dianping{
	display: flex;
	justify-content: space-between;
	margin-bottom: 14px;
}

.dianping .t-left{
	width: 29px;
	height: 29px;
	border-radius: 50%;
	background: #eceffc;
	font-size: 15px;
	line-height: 29px;
	color: #4262de;
	font-weight: 900;
	text-align: center;
    margin-right: 10px;
}

.dianping .t-right{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.dianping .t-right em{
	padding: 4px 0;
	font-size: 14px;
	line-height: 22px;
	color: #222234;
	text-align: justify;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    margin-bottom: 12px;
}

.dianping .t-right textarea{
	padding: 10px 16px;
	width: 668px;
	height: 70px;
	border: 1px solid #ededed;
	border-radius: 20px;
	border-top-left-radius: 0;
	resize: none;
	outline: none;
	cursor: pointer;
	font-size: 13px;
	line-height: 21px;
	color: #778899;
}

.dianping .t-right textarea::-webkit-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #778899;
	font-weight: normal;
}

.dianping .t-right textarea::-moz-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #778899;
	font-weight: normal;
}

.dianping .t-right textarea::-ms-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #778899;
	font-weight: normal;
}

/*-----------------------------------*/

.toupiao-shangxia{
	width: 720px;
	margin-bottom: 22px;
}

.toupiao-shangxia:nth-last-child(1){
	margin-bottom: 0;
}

.toupiao-shangxia .biaoti{
	display: flex;
	font-size: 13px;
	line-height: 13px;
	color: #222234;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    margin-bottom: 14px;
}

.toupiao-shangxia .biaoti span{
	color: #fbfbfb;
	margin-right: 5px;
}

.toupiao-shangxia .biaoti.bixu span{
	color: #f01414;
}

.toupiao-shangxia .toupiao{
	display: flex;
	flex-wrap: wrap;
}

.toupiao-shangxia .toupiao .select{
	position: relative;
	margin: 0 12px 10px 0;
}

.toupiao-shangxia .toupiao .select input{
	width: 174px;
	height: 38px;
	opacity: 0;
}

.toupiao-shangxia .toupiao .select label{
	position: absolute;
	left: 0;
	top: 0;
	width: 172px;
	height: 36px;
	border: 1px solid #eeeeee;
	border-radius: 8px;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	line-height: 36px;
	color: #666666;
	background: linear-gradient(180deg, #ededed 4%, #ffffff 40%, #fefefe);
}

.toupiao-shangxia .toupiao .select input:checked+label{
	width: 170px;
	height: 34px;
	background: #eceffc;
	border: 2px solid #4262de;
	color: #4262de;
	line-height: 34px;
}

.toupiao-shangxia .toupiao .select input:checked+label::after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 30px;
	height: 28px;
	background: url(../../images/2020/common/icon_vote_done.png) no-repeat;
	-moz-background-size: 30px 28px;
	-webkit-background-size: 30px 28px;
	background-size: 30px 28px;
	position: absolute;
	top: -2px;
	right: -2px;
	border-top-right-radius: 8px;
}

/*-----------------------------------*/

.toupiao-zuoyou .biaoti{
	display: flex;
	font-size: 13px;
	line-height: 13px;
	color: #222234;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
}

.toupiao-zuoyou .biaoti span{
	color: #fbfbfb;
	margin-right: 5px;
}

.toupiao-zuoyou .biaoti.bixu span{
	color: #f01414;
}

.toupiao-zuoyou .toupiao{
	display: flex;
	flex-wrap: wrap;
}

.toupiao-zuoyou .toupiao .select{
	position: relative;
	margin: 5px 6px;
}

.toupiao-zuoyou .toupiao .select input{
	width: 106px;
	height: 38px;
	opacity: 0;
}

.toupiao-zuoyou .toupiao .select label{
	position: absolute;
	left: 0;
	top: 0;
	width: 104px;
	height: 36px;
	border: 1px solid #eeeeee;
	border-radius: 8px;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	line-height: 36px;
	color: #666666;
	background: linear-gradient(180deg, #ededed 4%, #ffffff 40%, #fefefe);
}

.toupiao-zuoyou .toupiao .select input:checked+label{
	width: 102px;
	height: 34px;
	background: #eceffc;
	border: 2px solid #4262de;
	color: #4262de;
	line-height: 34px;
}

.toupiao-zuoyou .toupiao .select input:checked+label::after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 30px;
	height: 28px;
	background: url(../../images/2020/common/icon_vote_done.png) no-repeat;
	-moz-background-size: 30px 28px;
	-webkit-background-size: 30px 28px;
	background-size: 30px 28px;
	position: absolute;
	top: -2px;
	right: -2px;
	border-top-right-radius: 8px;
}

/*-----------------------------------*/

.dianping-content .tianjia-wenti{
	border: none;
	outline: none;
	background: none;
	font-size: 12px;
	line-height:12px;
	color: #4262de;
	margin: 0 14px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.dianping-content .tianjia-wenti:hover{
	color: #4262de;
}

/*-----------------------------------*/

.comment-box .main li .tijiao{
	padding: 30px 40px;
	display: flex;
	align-items: center;
	position: relative;
}

.comment-box .main li .tijiao:before{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 6px;
    height: 16px;
    border-radius: 6px;
    background: #f01414;
    position: absolute;
    top: 42px;
    left: -2px;
    transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    -o-transform: rotate(8deg);
}

.comment-box .main li .tijiao .quxiao{
	display: inline-block;
	width: 120px;
	height: 39px;
	background: #eceffc;
	font-size: 13px;
	line-height: 39px;
	color: #4262de;
	line-height: 39px;
	text-align: center;
	border-radius: 8px;
	margin-right: 24px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.comment-box .main li .tijiao .quxiao:hover{
	background: #e4e9fa;
	border-radius: 14px;
}

.comment-box .main li .tijiao .queding{
	display: inline-block;
	width: 180px;
	height: 39px;
	background: #4262de;
	font-size: 13px;
	line-height: 39px;
	color: #ffffff;
	line-height: 39px;
	text-align: center;
	border-radius: 8px;
	margin-right: 24px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.comment-box .main li .tijiao .queding:hover{
	background: #3252cd;
	border-radius: 14px;
}

.comment-box .main li .tijiao .xieyi{
	display: flex;
	align-items: center;
}

.comment-box .main li .tijiao .xieyi .select{
	width: 11px;
	height: 11px;
	position: relative;
	margin-right: 4px;
}

.comment-box .main li .tijiao .xieyi .select input{
	width: 11px;
	height: 11px;
	opacity: 0;
}

.comment-box .main li .tijiao .xieyi .select label{
	position: absolute;
	left: 0;
	top: 0;
	width: 11px;
	height: 11px;
	cursor: pointer;
	background: url(../../images/2020/common/icon_yes.png);
	-moz-background-size: 11px 22px;
	-webkit-background-size: 11px 22px;
	background-size: 11px 22px;
	background-position: 0 0;
}

.comment-box .main li .tijiao .xieyi .select input:checked+label{
	background-position: 0 -11px;
}

.comment-box .main li .tijiao .xieyi span{
	font-size: 12px;
	line-height: 20px;
	color: #808080;
}

.comment-box .main li .tijiao .xieyi span a{
	color: #4262de;
}

/*-----------------------------------*/

.dianping-content:nth-last-child(1){
	margin-bottom: 0;
}

.dianping-content.zuoyou{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dianping-content .neirong{
	display: flex;
}

.dianping-content.zuoyou .neirong{
	flex: 1;
	display: flex;
}

.dianping-content.zuoyou .neirong .mark{
	display: flex;
	flex-direction: column;
}

.dianping-content.zuoyou .neirong .mark ul{
	display: flex;
}

.dianping-content.zuoyou .neirong .mark ul li{
	width: 28px;
	height: 28px;
	background: url(../../images/2020/common/icon_mark_star_02.png) no-repeat;
	-moz-background-size: 56px 28px;
	-webkit-background-size: 56px 28px;
	background-size: 56px 28px;
	background-position: 0 0;
	margin: 0 2px;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.dianping-content.zuoyou .neirong .mark ul li.on{
	background-position: -28px 0;
}

.dianping-content.zuoyou .neirong .mark ul span{
	font-size: 12px;
	line-height: 28px;
	color: #868686;
	margin-left: 8px;
}

.dianping-content .biaoti{
	display: flex;
	font-size: 13px;
	line-height: 13px;
	color: #222234;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    margin-bottom: 14px;
}

.dianping-content.zuoyou .biaoti{
	margin: 0 10px 0 0;
}

.dianping-content .biaoti i{
	font-size: 12px;
	font-weight: 900;
}

.dianping-content .biaoti span{
	color: #fbfbfb;
	margin-right: 5px;
}

.dianping-content .biaoti.bixu span{
	color: #f01414;
	margin-right: 5px;
}

.dianping-content .select{
	position: relative;
	margin-right: 10px;
}

.dianping-content .select.W620{
	width: 620px;
}

.dianping-content .select.W360{
	width: 360px;
}

.dianping-content .select.W106{
	width: 106px;
}

.dianping-content .select .inp-text{
	flex: 1;
	padding: 0 14px;
	height: 36px;
	border: 1px solid #eeeeee;
	border-radius: 8px;
	cursor: pointer;
	font-size: 14px;
	line-height: 36px;
	color: #000000;
}

.dianping-content .select .area-text{
	flex: 1;
	padding: 14px;
	height: 130px;
	border: 1px solid #eeeeee;
	border-radius: 8px;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	outline: none;
	resize: none;
}

.dianping-content .select .area-text.shang{
	height: 50px;
	border-bottom-left-radius: 0;
	margin-bottom: 3px;
}

.dianping-content .select .area-text.xia{
	height: 100px;
	border-top-left-radius: 0;
	margin-top: 4px;
}

.dianping-content .select .inp-text::-webkit-input-placeholder,
.dianping-content .select .area-text::-webkit-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #868686;
	font-weight: normal;
}

.dianping-content .select .inp-text::-moz-input-placeholder,
.dianping-content .select .area-text::-moz-input-placeholder
{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #868686;
	font-weight: normal;
}

.dianping-content .select .inp-text::-ms-input-placeholder,
.dianping-content .select .area-text::-ms-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #868686;
	font-weight: normal;
}

.dianping-content .select.W620 .area-text{
	width: 590px;
}

.dianping-content .select.W620 .inp-text{
	width: 590px;
}

.dianping-content .select.W360 .inp-text{
	width: 330px;
}

.dianping-content .select.W174 .inp-text{
	width: 144px;
}

.dianping-content .select.W106 .inp-text{
	width: 76px;
}

.dianping-content .select .icon{
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url(../../images/2020/common/icon_select.png) no-repeat;
	-moz-background-size: 36px 36px;
	-webkit-background-size: 36px 36px;
	background-size: 36px 36px;
	position: absolute;
	top: 1px;
	right: 1px;
	cursor: pointer;
}

.dianping-content .select ul{
	border: 1px solid #eeeeee;
	border-radius: 8px;
	cursor: pointer;
	max-height: 240px;
	background: #ffffff;
	overflow: hidden;
	overflow-y: scroll;
	position: absolute;
	top: 42px;
	left: 0;
	display: none;
	z-index: 2;
	box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
}

.dianping-content .select.W360 ul{
	padding: 6px 0;
	width: 358px;
}

.dianping-content .select.W174 ul{
	padding: 6px 0;
	width: 172px;
}

.dianping-content .select.W106 ul{
	padding: 6px 0;
	width: 104px;
}

.dianping-content .select ul::-webkit-scrollbar{
	display:none
}

.dianping-content .select ul li{
	padding: 0 16px;
	font-size: 13px;
	line-height: 35px;
	color: #484848;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.dianping-content .select ul li:hover{
	background: #f6f6f6;
}

.dianping-content .shangchuan{
	width: 114px;
	height: 32px;
	background: #f0f0f0;
	border: 1px solid #ededed;
	border-radius: 16px;
	font-size: 13px;
	line-height: 32px;
	color: #959595;
	letter-spacing: 1px;
	outline: none;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	margin-bottom: 22px;
}

.dianping-content .shangchuan:hover,
.dianping-content .shangchuan:focus{
	color: #4262de;
	border: 1px solid #dbebfb;
	background: #eceffc;
	border-radius: 10px;
}

.dianping-content .shangchuan i{
	display: inline-block;
	width: 15px;
	height: 12px;
	background: url(../../images/2020/common/icon_shangchuan.png) no-repeat;
	-moz-background-size: 15px 24px;
	-webkit-background-size: 15px 24px;
	background-size: 15px 24px;
	position: relative;
	top: 1px;
	margin-right: 4px;
	background-position: 0 0;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.dianping-content .shangchuan:hover i,
.dianping-content .shangchuan:focus i{
	background-position: 0 -12px;
}

.dianping-content .shangchuan-list{
	display: flex;
	flex-wrap: wrap;
}

.dianping-content .shangchuan-list li{
	width: 118px;
	height: 118px;
	border-radius: 24px;
	border: 1px solid #ededed;
	overflow: hidden;
	position: relative;
	margin: 4px;
}

.dianping-content .shangchuan-list li:nth-of-type(6n+1){
	margin-left: 0;
}

.dianping-content .shangchuan-list li img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dianping-content .shangchuan-list li i{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 118px;
	height: 118px;
	background: rgb(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.dianping-content .shangchuan-list li:hover i{
	opacity: 1;
}

.dianping-content .shangchuan-list li i button{
	width: 24px;
	height: 24px;
	border: none;
	outline: none;
	background: url(../../images/2020/common/icon_cancel_03.png) no-repeat;
	-moz-background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	background-size: 24px 24px;
	opacity: 0.5;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.dianping-content .shangchuan-list li i button:hover{
	opacity: 1;
}

/* discuss-------------------------------------------------------------------------------------- */

.discuss-moren .head,
.discuss-box .head{
	padding: 24px 32px;
	display: flex;
	flex-direction: column;
}

.discuss-moren .head dt,
.discuss-box .head dt{
	display: flex;
	align-items: flex-end;
}

.discuss-moren .head dt em,
.discuss-box .head dt em{
	font-size: 36px;
	line-height: 36px;
	color: #fc7240;
	font-weight: 900;
}

.discuss-moren .head dt span,
.discuss-box .head dt span{
	font-size: 12px;
	line-height: 12px;
	color: #fc7240;
	margin: 0 1px 4px 1px;
}

.discuss-moren .head dd,
.discuss-box .head dd{
	display: flex;
	margin-top: 6px;
}

.discuss-moren .head dd span,
.discuss-box .head dd span{
	font-size: 12px;
	line-height: 12px;
	color: #969696;
}

.discuss-moren .head dd span:before,
.discuss-box .head dd span:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 1px;
	height: 7px;
	background: #b6b6b6;
	position: relative;
	top: -1px;
	margin: 0 4px;
}

.discuss-moren .head dd span:nth-of-type(1):before,
.discuss-box .head dd span:nth-of-type(1):before{
	display: none;
}

.discuss-moren .content{
	padding: 30px 32px;
	display: flex;
	flex-direction: column;
	background: #fbfbfb;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.discuss-moren .content .list-score{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 8px;
}

.discuss-moren .content .list-score li{
	display: flex;
	align-items: center;
	margin: 0 54px 12px 0;
}

.discuss-moren .content .list-score li strong{
	font-size: 13px;
	line-height: 13px;
	color: #454545;
	font-weight: 400;
}

.discuss-moren .content .list-score li em{
	width: 92px;
	height: 16px;
	background: url(../../images/2020/common/icon_score.png) no-repeat;
	-moz-background-size: 92px 80px;
	-webkit-background-size: 92px 80px;
	background-size: 92px 80px;
}

.discuss-moren .content .list-score li em.score-1{
	background-position: 0 0;
}

.discuss-moren .content .list-score li em.score-2{
	background-position: 0 -16px;
}

.discuss-moren .content .list-score li em.score-3{
	background-position: 0 -32px;
}

.discuss-moren .content .list-score li em.score-4{
	background-position: 0 -48px;
}

.discuss-moren .content .list-score li em.score-5{
	background-position: 0 -64px;
}

.discuss-moren .content .list-score li em.score{
	display: inline-block;
	width: 92px;
	height: 16px;
	background: url(../../images/2020/common/icon_score_02.png) no-repeat;
	-moz-background-size: 92px 32px;
	-webkit-background-size: 92px 32px;
	background-size: 92px 32px;
	background-position: 0 0;
	position: relative;
}

.discuss-moren .content .list-score li em.score i{
	display: inline-block;
	width: 92px;
	height: 16px;
	background: url(../../images/2020/common/icon_score_02.png) no-repeat;
	-moz-background-size: 92px 32px;
	-webkit-background-size: 92px 32px;
	background-size: 92px 32px;
	background-position: 0 -16px;
	position: absolute;
	top: 0;
	left: 0;
}

.discuss-moren .content .list-moren{
	display: flex;
	flex-direction: column;
}

.discuss-moren .content .list-moren li{
	font-size: 13px;
	line-height: 23px;
	color: #808080;
}

.discuss-moren .content .list-moren li em{
	color: #222234;
	font-weight: 900;
	margin: 0 4px;
}

.discuss-moren .content .list-moren li span{
	color: #222234;
	margin: 0 4px;
}

.discuss-moren .content .tips{
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	margin-top: 22px;
}

.discuss-moren .content .gomore{
	display: inline-block;
	width: 170px;
	height: 54px;
	font-size: 14px;
    line-height: 54px;
    color: #ffffff;
    text-align: center;
    font-weight: 900;
    transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    background: #222234;
    box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.3);
    border-radius: 24px;
    margin-top: 26px;
    -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.discuss-moren .content .gomore:hover{
	background: #4262de;
	box-shadow: 4px 6px 12px rgba(66, 98, 222, 0.3);
	-moz-box-shadow: 4px 6px 12px rgba(66, 98, 222, 0.3);
	-webkit-box-shadow: 4px 6px 12px rgba(66, 98, 222, 0.3);
}

/*-----------------------------------*/

.discuss-details{
	padding: 30px 0;
}

.discuss-details:before{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 6px;
    height: 16px;
    border-radius: 6px;
    background: #f01414;
    position: absolute;
    top: 42px;
    left: -2px;
    transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    -o-transform: rotate(8deg);
}

.discuss-box .content,
.discuss-details .content{
	display: flex;
	flex-direction: column;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.discuss-box .content .data-list-score,
.discuss-details .content .data-list-score{
	padding: 0px 34px 18px 34px;
}

.discuss-box .content .data-list-score li,
.discuss-details .content .data-list-score li{
	display: flex;
	align-items: center;
	width: 45%;
	height: 12px;
	margin: 7px 0;
}

.discuss-box .content .data-list-score li:nth-of-type(odd),
.discuss-details .content .data-list-score li:nth-of-type(odd){
	float: left;
}

.discuss-box .content .data-list-score li:nth-of-type(even),
.discuss-details .content .data-list-score li:nth-of-type(even){
	float: right;
}

.discuss-box .content .data-list-score li strong,
.discuss-details .content .data-list-score li strong{
	font-size: 12px;
	line-height: 14px;
	color: #999999;
	font-weight: 400;
}

.discuss-box .content .data-list-score li em,
.discuss-details .content .data-list-score li em{
	flex: 1;
	display: flex;
	height: 6px;
	background: #f7f7f7;
	overflow: hidden;
	margin: 0 14px 0 4px;
}

.discuss-box .content .data-list-score li em i,
.discuss-details .content .data-list-score li em i{
	display: flex;
	width: 100%;
	height: 100%;
	border-top-right-radius: 0.3125rem;
	border-bottom-right-radius: 0.3125rem;
	background: linear-gradient(90deg, #fdbd40 10%, #fdd35a 50%, #ffc312);
	-webkit-animation: chang 0.8s ease-out forwards 1;
	animation: chang 0.8s ease-out forwards 1;
}

.discuss-box .content .data-list-score li em.score-1 i,
.discuss-details .content .data-list-score li em.score-1 i{
	width: 20%;
}

.discuss-box .content .data-list-score li em.score-2 i,
.discuss-details .content .data-list-score li em.score-2 i{
	width: 40%;
}

.discuss-box .content .data-list-score li em.score-3 i,
.discuss-details .content .data-list-score li em.score-3 i{
	width: 60%;
}

.discuss-box .content .data-list-score li em.score-4 i,
.discuss-details .content .data-list-score li em.score-4 i{
	width: 80%;
}

.discuss-box .content .data-list-score li em.score-5 i,
.discuss-details .content .data-list-score li em.score-5 i{
	width: 100%;
}

.discuss-box .content .data-list-score li span,
.discuss-details .content .data-list-score li span{
	font-size: 14px;
	line-height: 14px;
	color: #999999;
	font-weight: 400;
}

/*-----------------------------------*/

.data-list-discuss{
	display: flex;
	flex-direction: column;
}

.data-list-discuss li{
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	border-top: 1px solid #f3f3f3;
}

.data-list-discuss li:nth-of-type(1){
	border-top: none;
}

.data-list-discuss li:hover{
	background: #f9fafc;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-discuss li .infor{
	padding: 0 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

.data-list-discuss li .infor dt{
	display: flex;
	align-items: center;
}

.data-list-discuss li .infor dt .face{
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 1px solid #f0f0f0;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgba(53, 53, 53, 0.1);
	-moz-box-shadow: 0px 0px 10px rgba(53, 53, 53, 0.1);
	-webkit-box-shadow: 0px 0px 10px rgba(53, 53, 53, 0.1);
	margin-right: 10px;
}

.data-list-discuss li .infor dt .face img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.data-list-discuss li .infor dt .infors{
	font-size: 13px;
	line-height: 13px;
	color: #fc7240;
	margin-right: 10px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-discuss li .infor dt .infors:hover{
	text-decoration: underline;
}

.data-list-discuss li .infor dt span{
	font-size: 12px;
	line-height: 12px;
	color: #778899;
}

.data-list-discuss li .infor dt span:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 1px;
	height: 8px;
	background: #a2adb8;
	position: relative;
	top: -1px;
	margin: 0 6px;
}

.data-list-discuss li .infor dt span:nth-of-type(1):before{
	display: none;
}

.data-list-discuss li .infor dd{
	display: flex;
	align-items: center;
}

.data-list-discuss li .infor dd span{
	font-size: 12px;
	line-height: 12px;
	color: #888888;
}

.data-list-discuss li .infor dd em{
	display: flex;
	width: 69px;
	height: 12px;
	background: url(../../images/2020/common/icon_score.png) no-repeat;
	-moz-background-size: 69px 60px;
	-webkit-background-size: 69px 60px;
	background-size: 69px 60px;
}

.data-list-discuss li .infor dd em.score-1{
	background-position: 0 0;
}

.data-list-discuss li .infor dd em.score-2{
	background-position: 0 -12px;
}

.data-list-discuss li .infor dd em.score-3{
	background-position: 0 -24px;
}

.data-list-discuss li .infor dd em.score-4{
	background-position: 0 -36px;
}

.data-list-discuss li .infor dd em.score-5{
	background-position: 0 -48px;
}

.data-list-discuss li .infor dd em.score{
	display: flex;
	width: 69px;
	height: 12px;
	background: url(../../images/2020/common/icon_score_02.png) no-repeat;
	-moz-background-size: 69px 24px;
	-webkit-background-size: 69px 24px;
	background-size: 69px 24px;
	background-position: 0 0;
	overflow: hidden;
	position: relative;
}

.data-list-discuss li .infor dd em.score i{
	display: flex;
	width: 69px;
	height: 12px;
	background: url(../../images/2020/common/icon_score_02.png) no-repeat;
	-moz-background-size: 69px 24px;
	-webkit-background-size: 69px 24px;
	background-size: 69px 24px;
	background-position: 0 -12px;
	position: absolute;
	top: 0;
	left: 0;
}

.data-list-discuss li .content{
	padding: 0 34px;
	display: flex;
	flex-direction: column;
}

.data-list-discuss li .content dt{
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	text-align: justify;
	margin-bottom: 16px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-discuss li a.content dt:hover{
	color: #4262de;
}

.data-list-discuss li .content dd{
	font-size: 13px;
	line-height: 23px;
	color: #909090;
	text-align: justify;
    max-height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*-----------------------------------*/

.data-list-discuss li .handle,
.discuss-details .content .handle{
	padding: 0 34px;
	display: flex;
	justify-content: space-between;
	margin-top: 18px;
}

.data-list-discuss li .handle dt,
.discuss-details .content .handle dt{
	display: flex;
}

.data-list-discuss li .handle dt span,
.discuss-details .content .handle dt span{
    font-size: 14px;
    line-height: 24px;
    color: #61687c;
    margin-right: 12px;
    cursor: pointer;
}

.data-list-discuss li .handle dt span a,
.discuss-details .content .handle dt span a{
	color: #61687c;
}

.data-list-discuss li .handle dt span i,
.discuss-details .content .handle dt span i{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../../images/2020/common/icon_share.png) no-repeat;
	-moz-background-size: 83px 49px;
	-webkit-background-size: 83px 49px;
	background-size: 83px 49px;
	position: relative;
	top: 2px;
	margin-right: 6px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-discuss li .handle dt span.like i,
.discuss-details .content .handle dt span.like i{
	background-position: -68px 0;
}

.data-list-discuss li .handle dt span.pick i,
.discuss-details .content .handle dt span.pick i{
	background-position: -17px 0;
}

.data-list-discuss li .handle dt span.chat i,
.discuss-details .content .handle dt span.chat i{
	background-position: -51px 0;
}

.data-list-discuss li .handle dt span.like:hover i,
.discuss-details .content .handle dt span.like:hover i{
	background-position: -68px -17px;
}

.data-list-discuss li .handle dt span.pick:hover i,
.discuss-details .content .handle dt span.pick:hover i{
	background-position: -17px -17px;
}

.data-list-discuss li .handle dt span.chat:hover i,
.discuss-details .content .handle dt span.chat:hover i{
	background-position: -51px -17px;
}

.data-list-discuss li .handle dt span.like-done i,
.discuss-details .content .handle dt span.like-done i{
	background-position: -68px -34px;
}

.data-list-discuss li .handle dt span.pick-done i,
.discuss-details .content .handle dt span.pick-done i{
	background-position: -17px -34px;
}

.data-list-discuss li .handle dd,
.discuss-details .content .handle dd{
	font-size: 14px;
	line-height: 24px;
	color: #999999;
}

/*-----------------------------------*/

.discuss-details .content .more{
	padding: 0 34px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.discuss-details .content .more dt a{
	display: inline-block;
	width: 170px;
	height: 54px;
	font-size: 14px;
    line-height: 54px;
    color: #ffffff;
    text-align: center;
    font-weight: 900;
    transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    background: #222234;
    box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.3);
    border-radius: 24px;
    margin-top: 26px;
    -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.discuss-details .content .more dt a:hover{
	background: #2242bc;
	box-shadow: 4px 6px 12px rgba(66, 99, 220, 0.3);
	-moz-box-shadow: 4px 6px 12px rgba(66, 99, 220, 0.3);
	-webkit-box-shadow: 4px 6px 12px rgba(66, 99, 220, 0.3);
}

.discuss-details .content .more dd a{
	font-size: 14px;
    line-height: 18px;
    color: #999999;
    -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.discuss-details .content .more dd a:hover{
	color: #4263de;
}

/*-----------------------------------*/

.discuss-details .content .infor{
	padding: 0 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 18px;
}

.discuss-details .content .infor dt{
	display: flex;
	align-items: center;
}

.discuss-details .content .infor dt .face{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid #f0f0f0;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgba(53, 53, 53, 0.2);
	-moz-box-shadow: 0px 0px 10px rgba(53, 53, 53, 0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(53, 53, 53, 0.2);
	margin-right: 10px;
}

.discuss-details .content .infor dt .face img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.discuss-details .content .infor dt .infors{
	display: flex;
	flex-direction: column;
}

.discuss-details .content .infor dt .infors a{
	font-size: 12px;
	line-height: 20px;
	color: #fc7240;
}

.discuss-details .content .infor dt .infors a:hover{
	text-decoration: underline;
}

.discuss-details .content .infor dt .infors ul{
	display: flex;
}

.discuss-details .content .infor dt .infors ul li{
	font-size: 13px;
	line-height: 21px;
	color: #778899;
}

.discuss-details .content .infor dt .infors ul li:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 1px;
	height: 8px;
	background: #a2adb8;
	position: relative;
	top: -1px;
	margin: 0 5px;
}

.discuss-details .content .infor dt .infors ul li:nth-of-type(1):before{
	display: none;
}

.discuss-details .content .infor dd{
	display: flex;
	align-items: center;
}

.discuss-details .content .infor dd span{
	font-size: 13px;
	line-height: 13px;
	color: #778899;
}

.discuss-details .content .infor dd em{
	display: flex;
	width: 92px;
	height: 16px;
	background: url(../../images/2020/common/icon_score.png) no-repeat;
	-moz-background-size: 92px 80px;
	-webkit-background-size: 92px 80px;
	background-size: 92px 80px;
	margin-top: -1px;
}

.discuss-details .content .infor dd em.score-1{
	background-position: 0 0;
}

.discuss-details .content .infor dd em.score-2{
	background-position: 0 -16px;
}

.discuss-details .content .infor dd em.score-3{
	background-position: 0 -32px;
}

.discuss-details .content .infor dd em.score-4{
	background-position: 0 -48px;
}

.discuss-details .content .infor dd em.score-5{
	background-position: 0 -64px;
}

/*-----------------------------------*/

.discuss-details .content .detail{
	padding: 6px 34px;
}

.discuss-details .content .detail dt{
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	text-align: justify;
	position: relative;
	margin-bottom: 52px;
}

.discuss-details .content .detail dt:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 60px;
	height: 1px;
	background: #e9e9e9;
	position: absolute;
	bottom: -26px;
	left: 0;
}

.discuss-details .content .detail b{
	font-weight: bolder;
}

.discuss-details .content{
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	text-align: justify;
}

/*-----------------------------------*/

.discuss-details .content .comment{
	padding: 0 32px;
}

.discuss-details .content .comment .textarea{
	display: inline-block;
	width: 792px;
	height: 238px;
	border-radius: 12px;
	border: 1px solid #e9e9e9;
	position: relative;
}

.discuss-details .content .comment .textarea:before{
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 1px solid #ebebeb;
    border-bottom-color: #ffffff;
    border-right-color: #ffffff;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: auto;
    left: 98px;
    top: -7px;
}

.discuss-details .content .comment .textarea textarea{
	padding: 28px;
	width: 736px;
	height: 182px;
	border: none;
	resize: none;
	outline: none;
	border-radius: 12px;
	font-size: 13px;
	line-height: 23px;
	color: #333333;
	text-align: justify;
}

.discuss-details .content .comment .form{
	padding: 18px 10px 2px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.discuss-details .content .comment .form .label{
	display: flex;
	font-size: 13px;
	line-height: 13px;
	color: #333333;
	cursor: pointer;
}

.discuss-details .content .comment .form .label input{
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 4px;
	cursor: pointer;
}

.discuss-details .content .comment .form .input{
	display: inline-block;
	width: 82px;
	height: 36px;
	font-size: 13px;
	line-height: 36px;
	color: #ffffff;
	background: #778899;
	border-radius: 8px;
	border: none;
	text-align: center;
	letter-spacing: 2px;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.discuss-details .content .comment .form .input:hover{
	background: #222234;
}

/* company-contact-------------------------------------------------------------------------------------- */

.company-contact .infor{
	padding: 0 32px;
}

.company-contact .infor table{
	padding: 12px 9px;
	width: 100%;
	border: 1px solid #eeeeee;
	border-top-right-radius: 20px;
	margin: 10px 0 20px 0;
}

.company-contact .infor table td{
	padding: 9px 16px;
	word-break: break-all;
	text-align: justify;
	vertical-align: top;
}

.company-contact .infor table td em{
	display: inline-block;
	width: 72px;
	font-size: 14px;
	line-height: 22px;
	color: #999;
	text-align-last: justify;
	text-justify: distribute-all-lines;
}

.company-contact .infor table td span{
	font-size: 14px;
	line-height: 22px;
	color: #333;
}

.company-contact .forms{
	padding: 0 27px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.company-contact .forms .upload{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 252px;
	height: 402px;
	background: url(../../images/2020/common/bg_contact.png) #fbfcfe no-repeat top left;
	-moz-background-size: 252px 402px;
	-webkit-background-size: 252px 402px;
	background-size: 252px 402px;
	margin: 0 15px 0 5px;
}

.company-contact .forms .upload dt{
	display: flex;
	flex-direction: column;
}

.company-contact .forms .upload dt .title{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 24px;
}

.company-contact .forms .upload dt .title em{
	font-size: 22px;
	line-height: 30px;
	color: #445566;
}

.company-contact .forms .upload dt .title em:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 8px;
	height: 8px;
	background: url(../../images/2020/common/icon_view.png) no-repeat;
	-moz-background-size: 8px 8px;
	-webkit-background-size: 8px 8px;
	background-size: 8px 8px;
	position: relative;
	top: -1px;
	margin-right: 6px;
}

.company-contact .forms .upload dt .title span{
	font-size: 13px;
	line-height: 21px;
	color: #778899;
	margin-top: 7px;
}

.company-contact .forms .upload dt .view{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 18px 0;
}

.company-contact .forms .upload dt .view i{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 12px;
}

.company-contact .forms .upload dt .view i img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.company-contact .forms .upload dt .view dl{
	flex: 1;
}

.company-contact .forms .upload dt .view dl dt{
	font-size: 14px;
	line-height: 20px;
	color: #667788;
	font-weight: 900;
}

.company-contact .forms .upload dt .view dl dd{
	font-size: 13px;
	line-height: 19px;
	color: #778899;
	margin-bottom: 1px;
}

.company-contact .forms .upload dd{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.company-contact .forms .upload dd a:nth-of-type(1){
	display: block;
	width: 222px;
	height: 48px;
	background: #778899;
	border-radius: 12px;
	font-size: 14px;
	line-height: 48px;
	color: #ffffff;
	text-align: center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin-top: 24px;
}

.company-contact .forms .upload dd a:nth-of-type(1):hover{
	background: #222234;
	border-radius: 24px;
}

.company-contact .forms .datas{
	flex: 1;
	margin-top: -5px;
}

.company-contact .forms .datas li{
	display: flex;
	justify-content: space-between;
}

.company-contact .forms .datas .form{
	flex: 1;
	display: flex;
	margin: 5px;
}

.company-contact .forms .datas .form input{
	padding: 0 17px;
	flex: 1;
	font-size: 14px;
	line-height: 42px;
	color: #1f1f1f;
	height: 42px;
	border: 1px solid #eeeeee;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.company-contact .forms .datas .form input:focus{
	border: 1px solid #d0d0d0;
	border-radius: 10px;
}

.company-contact .forms .datas .form input::-webkit-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #999999;
	top: 1px;
}

.company-contact .forms .datas .form input::-moz-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #999999;
	top: 1px;
}

.company-contact .forms .datas .form input::-ms-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #999999;
	top: 1px;
}

.company-contact .forms .datas .form textarea{
	padding: 10px 17px;
	flex: 1;
	font-size: 14px;
	line-height: 22px;
	color: #1f1f1f;
	text-align: justify;
	height: 110px;
	border: 1px solid #eeeeee;
	cursor: pointer;
	outline: none;
	resize:none;
	border-bottom-right-radius: 20px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.company-contact .forms .datas .form textarea:focus{
	border: 1px solid #d0d0d0;
}

.company-contact .forms .datas .form textarea::-webkit-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #999999;
	top: 1px;
}

.company-contact .forms .datas .form textarea::-moz-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #999999;
	top: 1px;
}

.company-contact .forms .datas .form textarea::-ms-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #999999;
	top: 1px;
}

.company-contact .forms .datas .select{
	position: relative;
}

.company-contact .forms .datas .select .icon{
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url(../../images/2020/common/icon_select_02.png) no-repeat;
	-moz-background-size: 36px 36px;
	-webkit-background-size: 36px 36px;
	background-size: 36px 36px;
	position: absolute;
	top: 5px;
	right: 1px;
	cursor: pointer;
}

.company-contact .forms .datas .select ul{
	padding: 6px 0;
	width: 99.4%;
	border: 1px solid #dedede;
	border-radius: 10px;
	cursor: pointer;
	max-height: 254px;
	background: #ffffff;
	overflow: hidden;
	overflow-y: scroll;
	position: absolute;
	top: 48px;
	left: 0;
	display: none;
	z-index: 2;
	box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.06);
}

.company-contact .forms .datas .select ul::-webkit-scrollbar{
	display:none
}

.company-contact .forms .datas .select ul li{
	padding: 0 16px;
	font-size: 14px;
	line-height: 36px;
	color: #484848;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.company-contact .forms .datas .select ul li:hover{
	background: #f6f6f6;
}

/* company-traffic-------------------------------------------------------------------------------------- */

.company-traffic{
	padding: 0 32px;
}

.company-traffic .map{
	width: 100%;
	height: 320px;
	overflow: hidden;
	border-top-right-radius: 20px;
	margin-bottom: 36px;
}

.company-traffic .traffic{

}

.company-traffic .traffic dl{
	position: relative;
	margin-bottom: 36px;
}

.company-traffic .traffic dl:nth-last-child(1){
	margin-bottom: 20px;
}

.company-traffic .traffic dl:nth-last-child(1):after{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 100%;
    height: 1px;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.company-traffic .traffic dl dt{
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	color: #222234;
	font-weight: 900;
	transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
}

.company-traffic .traffic dl dt:before{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 6px;
    height: 16px;
    border-radius: 6px;
    background: #f01414;
    position: absolute;
    top: 6px;
    left: -34px;
    transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    -o-transform: rotate(8deg);
}

.company-traffic .traffic dl dd{
	margin-top: 8px;
}

.company-traffic .traffic dl dd ul li{
	padding: 14px 0;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px dashed #eeeeee;
}

.company-traffic .traffic dl dd ul li em{
	font-size: 14px;
	line-height: 24px;
	color: #778899;
	margin-right: 4px;
}

.company-traffic .traffic dl dd ul li a{
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	position: relative;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	margin-right: 12px;
}

.company-traffic .traffic dl dd ul li a:after{
	content: "、";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    position: absolute;
    bottom: 2px;
    right: -16px;
}

.company-traffic .traffic dl dd ul li a:nth-last-child(1):after{
	display: none;
}

.company-traffic .traffic dl dd ul li a:hover{
	color: #4262de;
}

.company-traffic .traffic dl dd ul li strong{
	display: inline-block;
	width: 48%;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
	color: #333333;
	font-weight: 400;
}

.company-traffic .traffic dl dd ul li span{
	display: inline-block;
	width: 40%;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	text-align: right;
	margin-left: 4%;
}

.company-traffic .traffic dl dd ul li i{
	display: inline-block;
	width: 8%;
	font-size: 14px;
	line-height: 24px;
	color: #778899;
	text-align: right;
}

/* experience-details-------------------------------------------------------------------------------------- */

.experience-details{
	padding: 30px 0;
	position: relative;
}

.experience-details:before{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 6px;
    height: 16px;
    border-radius: 6px;
    background: #f01414;
    position: absolute;
    top: 40px;
    left: -2px;
    transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    -o-transform: rotate(8deg);
}

.experience-details .infor{
	padding: 0 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.experience-details .infor dt{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid #a9b8f0;
    border-radius: 50%;
    margin-right: 2px;
}

.experience-details .infor dt strong{
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #e7e7e7;
	overflow: hidden;
}

.experience-details .infor dt strong img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.experience-details .infor dd{
	flex: 1;
}

.experience-details .infor dd p{
	display: flex;
}

.experience-details .infor dd p span,
.experience-details .infor dd p a{
	font-size: 12px;
	line-height: 18px;
	color: #808080;
	margin-left: 10px;
}

.experience-details .infor dd p em{
	font-size: 12px;
	line-height: 18px;
	color: #222234;
}

.experience-details .content{
	padding: 0 34px;
	margin-top: 19px;
}

.experience-details .content dt{
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	font-weight: 700;
	text-align: justify;
}

.experience-details .content dd{
	font-size: 14px;
	line-height: 24px;
	color: #444444 ;
	text-align: justify;
	margin-top: 12px;
}

.experience-details .question{
	padding: 20px 34px 0 34px;
	display: flex;
	flex-direction: column;
	border-top: 1px solid #eee;
	margin: 24px 0 -22px 0;
}

.experience-details .question:nth-of-type(1){
	padding: 0 34px;
	border-top: none;
}

.experience-details .handle{
	padding: 0 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 24px;
}

.experience-details .comment{
	padding: 0 32px;
}

.experience-details .comment,
.discuss-details .content .comment{
	margin-top: 32px;
}

.experience-details .comment dt,
.discuss-details .content .comment dt{
	border-bottom: 1px solid #eeeeee;
}

.experience-details .comment dt .text,
.discuss-details .content .comment dt .text{
	padding: 12px 10px;
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	text-align: justify;
	letter-spacing: 1px;
	outline: none;
}

.experience-details .comment dt .text:empty:before,
.discuss-details .content .comment dt .text:empty:before{
	display: flex;
    content: attr(placeholder);
    font-size: 13px;
    line-height: 22px;
    color: #808080;
    letter-spacing: 1px;
}

.experience-details .comment dt .text:focus:before,
.discuss-details .content .comment dt .text:focus:before{
    content: none;
}

.experience-details .comment dd,
.discuss-details .content .comment dd{
	padding: 20px 10px 2px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.experience-details .comment dd .label,
.discuss-details .content .comment dd .label{
	display: flex;
	font-size: 13px;
	line-height: 13px;
	color: #808080;
	cursor: pointer;
}

.experience-details .comment dd .label input,
.discuss-details .content .comment dd .label input{
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 4px;
	cursor: pointer;
}

.experience-details .comment dd .input,
.discuss-details .content .comment dd .input{
	display: inline-block;
	width: 82px;
	height: 36px;
	font-size: 14px;
	line-height: 36px;
	color: #ffffff;
	background: #778899;
	border-radius: 8px;
	border: none;
	text-align: center;
	letter-spacing: 2px;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.experience-details .comment dd .input:hover,
.discuss-details .content .comment dd .input:hover{
	background: #222234;
}

/* myresult-------------------------------------------------------------------------------------- */

.myresult .HBox{
	width: 980px;
	margin: 0 auto 100px auto;
	position: relative;
    background: #ffffff;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}

.myresult .HBox h2{
	padding: 0px 36px;
    font-size: 22px;
	height: 62px;
    line-height: 62px;
}

.myresult .HBox .suc_box{
    padding: 30px 36px 20px 36px;
}

/* data-list-gallery-------------------------------------------------------------------------------------- */

.data-list-gallery{
	padding: 27px;
	position: relative;
}

.data-list-gallery:before{
	content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 6px;
    height: 16px;
    border-radius: 6px;
    background: #f01414;
    position: absolute;
    top: 40px;
    left: -2px;
    transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    -o-transform: rotate(8deg);
}

.data-list-gallery .gallery{
  display: flex;
  flex-wrap: wrap;
}

.data-list-gallery .gallery div{
  flex-grow: 1;
  margin: 5px;
  height: 160px;
  border-radius: 12px;
  overflow: hidden;
}

.data-list-gallery .gallery img{
  height: 160px;
  object-fit: cover;
  max-width: 100%;
  min-width: 100%;
  vertical-align: bottom;
}

.data-list-gallery .pressing{
  text-align: center;
  position: fixed;
  bottom: 78px;
  left: 0;
  right: 0;
  z-index: 999;
  width: 51%;
  border: 2px solid #fff;
  border-radius: 50px;
  padding: 7px;
  margin: 0 auto;
}

.data-list-gallery .pressing p{
  font-size: 1.4rem;
  color: #fff;
}

/* data-list-user-------------------------------------------------------------------------------------- */

.data-list-user{
    padding: 22px 28px;
    display: flex;
    flex-wrap: wrap;
}

.data-list-user li{
    margin: 0 6px;
}

.data-list-user li a{
    padding: 11px 10px;
    display: flex;
    align-items: center;
    width: 168px;
    height: 78px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-user li a strong{
    display: inline-block;
    width: 76px;
    height: 76px;
    border: 1px solid #f2f2f2;
    border-radius: 32px;
    overflow: hidden;
    margin-right: 12px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-user li a strong img{
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.data-list-user li a:hover strong{
    border-radius: 50%;
}

.data-list-user li a dl{
    flex: 1;
}

.data-list-user li a dl dt{
    font-size: 14px;
    line-height: 18px;
    color: #222234;
    overflow: hidden;
    height: 18px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 6px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-user li a dl dd{
    font-size: 12px;
    line-height: 18px;
    color: #808080;
    overflow: hidden;
    height: 18px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-user li a:hover dl dd{
    color: #333333;
}

/* data-list-same-salary-------------------------------------------------------------------------------------- */

.data-list-same-salary li{
    padding: 30px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f3f3f3;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-same-salary li:nth-of-type(1){
    border-top: none;
}

.data-list-same-salary li:hover{
    background: #f9fafc;
}

.data-list-same-salary li:nth-last-child(1){
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.data-list-same-salary li .logo{
    display: inline-block;
    width: 54px;
    height: 54px;
    border: 1px solid #fafafa;
    border-radius: 16px;
    overflow: hidden;
    margin-right: 20px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-same-salary li .logo img{
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.data-list-same-salary li:hover .logo{
    border-radius: 50%;
    border: 1px solid #eaeaea;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.04);
}

.data-list-same-salary li .name{
    flex: 1;
}

.data-list-same-salary li .name em{
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.data-list-same-salary li .name a{
    display: block;
    font-size: 12px;
    line-height: 22px;
    color: #808080;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-same-salary li .name a:hover{
    color: #000000;
}

.data-list-same-salary li .fund{
    font-size: 18px;
    line-height: 28px;
    color: #f94e4c;
    margin-left: 80px;
}

.data-list-same-salary li .section{
    margin-left: 160px;
}

/* data-list-interview-------------------------------------------------------------------------------------- */

.data-list-interview{
    width: 100%;
}

.data-list-interview li{
    width: 858px;
    border-top: 1px solid #f3f3f3;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-interview li:nth-of-type(1){
    border-top: none;
}

.data-list-interview li i{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../../images/2020/common/icon_share.png) no-repeat;
    -moz-background-size: 83px 49px;
    -webkit-background-size: 83px 49px;
    background-size: 83px 49px;
    position: relative;
    top: 2px;
    margin-right: 6px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-interview-a{
    display: block;
    padding: 0 32px;
    position: relative;
}

.data-list-interview-a span{
    font-size: 14px;
    line-height: 16px;
    color: #808080;
    position: absolute;
    top: 0;
    right: 34px;
}

.data-list-interview-a b{
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    max-width: 700px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 24px 0 14px 0;
}

.data-list-interview-a p{
    font-size: 13px;
    line-height: 23px;
    color: #909090;
    max-width: 794px;
    max-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 24px;
    -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-interview li:hover .data-list-interview-a p{
    margin-bottom: 14px;
}

.data-list-interview-b{
    display: none;
    padding: 12px 32px;
    background: linear-gradient(180deg, #f0f0f0 10%, #ffffff 50%, #ffffff);
    -webkit-animation: shang 0.1s ease-out forwards 1;
	animation: shang 0.1s ease-out forwards 1;
}

.data-list-interview-b p{
    float: left;
    font-size: 12px;
    line-height: 24px;
    color: #61687c;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.data-list-interview-b .handle{
    float: right;
}

.data-list-interview-b .handle{
    float: right;
}

.data-list-interview-b .handle dl{
    float: left;
}

.data-list-interview-b .handle dl dt{
    float: left;
    display: inline-block;
    padding: 5px 9px;
    font-size: 12px;
    line-height: 12px;
    color: #808080;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    margin-left: 8px;
}

.data-list-interview-b .handle dl dd{
    float: left;
    font-size: 14px;
    line-height: 24px;
    color: #61687c;
    margin-left: 12px;
    cursor: pointer;
}

.data-list-interview-b .handle dl dd a{
    color: #61687c;
}

.data-list-interview-b .handle dl dd:nth-of-type(1){
    margin-left: 24px;
}

.data-list-interview-b .handle dl dd.pick i{
    background-position: -17px 0;
}

.data-list-interview-b .handle dl dd.chat i{
    background-position: -51px 0;
}

.data-list-interview-b .handle dl dd.pick:hover i{
    background-position: -17px -17px;
}

.data-list-interview-b .handle dl dd.chat:hover i{
    background-position: -51px -17px;
}

.data-list-interview-b .handle dl dd.pick-done i{
    background-position: -17px -34px;
}

.data-list-interview-c{
    padding: 4px 32px 20px 32px;
    margin-top: -10px;
    -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-interview li:hover .data-list-interview-c{
	margin-top: 0;
}

.data-list-interview-c button{
    float: left;
    padding: 10px 20px;
    font-size: 12px;
    line-height: 12px;
    border: none;
    outline: none;
    border-radius: 8px;
    letter-spacing: 0.8px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-interview-c button.follow{
    color: #4262de;
    background: #eceffc;
}

.data-list-interview-c button.follow:hover{
    background: #e4e9fa;
    border-radius: 12px;
}

.data-list-interview-c button.follow-done{
    color: #ffffff;
    background: #4262de;
}

.data-list-interview-c button.follow-done:hover{
    background: #3252cd;
	border-radius: 12px;
}

.data-list-interview-c dl{
    float: left;
    margin-top: 5px;
    max-width: 500px;
    max-height: 24px;
    overflow: hidden;
}

.data-list-interview-c dl dt{
    float: left;
    margin-left: 10px;
}

.data-list-interview-c dl dt a{
    float: left;
    display: inline-block;
    padding: 5px 9px;
    font-size: 12px;
    line-height: 12px;
    color: #808080;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-interview-c dl dt a:hover{
    color: #4262de;
    border: 1px solid #4262de;
    border-radius: 10px;
}

.data-list-interview-c em{
    float: right;
    font-size: 14px;
    line-height: 32px;
    color: #61687c;
    cursor: pointer;
}

.data-list-interview-c em.pick i{
    background-position: -17px 0;
}

.data-list-interview-c em.pick:hover i{
    background-position: -17px -17px;
}

.data-list-interview-c em.pick-done i{
    background-position: -17px -34px;
}

.data-list-interview li:hover > .data-list-interview-b{
    display: block;
}

/* data-list-job-requisition-------------------------------------------------------------------------------------- */

.data-list-job-requisition{
    padding: 4px 32px 12px 32px;
}

.data-list-job-requisition li{
    padding: 24px 0;
    border-top: 1px dashed #ebebeb;
}

.data-list-job-requisition li:nth-of-type(1){
    border-top: none;
}

.data-list-job-requisition li .title{
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #222234;
    font-weight: 900;
    transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    position: relative;
    margin-bottom: 22px;
}

.data-list-job-requisition li .title:after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    padding: 0 4px;
    width: 100%;
    height: 6px;
    background: #4262de;
    border-radius: 3px;
    opacity: 0.3;
    position: absolute;
    bottom: 1px;
    left: -4px;
}

.data-list-job-requisition li .main{
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    text-align: justify;
}

.data-list-job-requisition li .tips{
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    text-align: justify;
}

.data-list-job-requisition li .tips:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 16px;
	height: 16px;
	background: url(../../images/2020/common/icon_overdue.png) no-repeat;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px;
	position: relative;
	top: -1px;
	margin-right: 5px; 
}

/* data-list-job-skill-------------------------------------------------------------------------------------- */

.data-list-job-skill{
    padding: 4px 32px 20px 32px;
    display: flex;
    flex-wrap: wrap;
}

.data-list-job-skill li{
	margin: 0 10px 10px 0;
}

.data-list-job-skill li a{
	padding: 8px 16px;
	display: block;
	border: 2px solid #ebebeb;
	border-radius: 14px;
	font-size: 14px;
	color: #778899;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-job-skill li a:hover{
	color: #4263de;
	border: 2px solid #a0b1ee;
}

/* data-list-company-rank--------------------------------------------------------------------------------------- */

.data-list-company-rank{
    margin-right: 8px;
}

.data-list-company-rank ul{
    width: 546px;
    border: 1px solid #ededed;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.data-list-company-rank ul li{
    background: #ffffff;
    border-top: 1px solid #ededed;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-company-rank ul li:first-child{
    border-top: none;
}

.data-list-company-rank ul li a{
    float: left;
    display: inline-block;
    width: 390px;
    max-height: 37px;
    padding: 0 14px;
    font-size: 13px;
    line-height: 37px;
    color: #464646;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-company-rank ul li b{
    float: right;
    display: inline-block;
    width: 99px;
    max-height: 37px;
    border-left: 1px solid #ededed;
    padding: 0 14px;
    font-size: 13px;
    line-height: 37px;
    color: #464646;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-company-rank ul li b span{
    margin-left: 4px;
}

.data-list-company-rank ul li:hover{
    background: #f9f9f9;
}

.data-list-company-rank ul li:hover a{
    color: #4262de;
}

.data-list-company-rank ul li:hover b{
    color: #000000;
}

/* data-list-salary-------------------------------------------------------------------------------------- */

.data-list-salary li{
    border-bottom: 1px solid #f3f3f3;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-salary li:nth-last-child(1){
	border-bottom: none;
}

.data-list-salary li .data-list-salary-t{
	padding: 32px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-salary li .t-left{
    flex: 1;
}

.data-list-salary li .t-middle{
    display: flex;
    align-items: center;
    width: 300px;
    padding: 0 40px 0 40px;
}

.data-list-salary li .t-right{
    width: 180px;
}

.data-list-salary li .data-list-salary-t .title{
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-salary li .data-list-salary-t .title:hover{
    color: #4262de;
}

.data-list-salary li .data-list-salary-t strong{
    font-size: 18px;
    line-height: 18px;
    color: #f94e4c;
    font-weight: 400;
}

.data-list-salary li .data-list-salary-t p{
    font-size: 12px;
    line-height: 12px;
    color: #61687c;
    margin-left: 12px;
}

.data-list-salary li .data-list-salary-t p i{
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(../../images/2020/common/icon_quota_02.png) no-repeat;
    -moz-background-size: 9px 18px;
    -webkit-background-size: 9px 18px;
    background-size: 9px 18px;
    position: relative;
    top: 1px;
    margin-right: 4px;
}

.data-list-salary li .data-list-salary-t p.up i{
    background-position: 0 0;
}

.data-list-salary li .data-list-salary-t p.down i{
    background-position: 0 -9px;
}

.data-list-salary li .data-list-salary-b{
	padding: 18px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(180deg, #f0f0f0 10%, #ffffff 50%, #ffffff);
    -webkit-animation: shang 0.1s ease-out forwards 1;
	animation: shang 0.1s ease-out forwards 1;
	display: none;
}

.data-list-salary li:hover > .data-list-salary-t{
	padding: 32px 32px 24px 32px;
}

.data-list-salary li:hover .data-list-salary-b{
    display: flex;
}

.data-list-salary li .data-list-salary-b .time{
    float: left;
    font-size: 13px;
    line-height: 13px;
    color: #778899;
}

.data-list-salary li .data-list-salary-b .more-lists dt{
    float: left;
}

.data-list-salary li .data-list-salary-b .more-lists dt a:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 1px;
    height: 8px;
    background: #8c8c8c;
    position: relative;
    top: -2px;
    margin: 0 8px;
}

.data-list-salary li .data-list-salary-b .more-lists dt:nth-of-type(1) a:before{
    display: none;
}

.data-list-salary li .data-list-salary-b .more-lists dt a{
    float: left;
    font-size: 13px;
    line-height: 13px;
    color: #778899;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-salary li .data-list-salary-b .more-lists dt a:hover{
    color: #4262de;
}

.data-list-salary li .data-list-salary-b .more{
    float: right;
    font-size: 13px;
    line-height: 13px;
    color: #778899;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-salary li .data-list-salary-b .more:hover{
    color: #4262de;
}

/* data-list-salary-2-------------------------------------------------------------------------------------- */

.data-list-salary-2 li a{
	padding: 30px 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #f3f3f3;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-salary-3 li a{
	padding: 30px 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #ffffff;
	border-radius: 20px;
	background: #ffffff;
	margin-bottom: 10px;
	border: 2px solid #ffffff;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-salary-2 li a:hover{
	background: #f9fafc;
}

.data-list-salary-3 li a:hover{
	border: 2px solid #d9e0f8;
}

.data-list-salary-2 li:nth-of-type(1) a{
	border-top: none;
}

.data-list-salary-2 li a .img,
.data-list-salary-3 li a .img{
	display: inline-block;
	width: 54px;
	height: 54px;
	border: 1px solid #fafafa;
	border-radius: 16px;
	overflow: hidden;
	margin-right: 20px;
}

.data-list-salary-2 li a .img img,
.data-list-salary-3 li a .img img{
	display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.data-list-salary-2 li a .inf,
.data-list-salary-3 li a .inf{
	flex: 1;
}

.data-list-salary-2 li a .inf dt,
.data-list-salary-3 li a .inf dt{
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.data-list-salary-3 li a .inf dt span{
	color: #4263de;
}


.data-list-salary-2 li a:hover .inf dt,
.data-list-salary-3 li a:hover .inf dt{
	color: #4263de;
}

.data-list-salary-2 li a .inf dd,
.data-list-salary-3 li a .inf dd{
	font-size: 12px;
	line-height: 16px;
	color: #808080;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
	margin-top: 4px;
}

.data-list-salary-2 li a .tip,
.data-list-salary-3 li a .tip{
	width: 240px;
	margin-left: 20px;
}

.data-list-salary-2 li a .tip dt,
.data-list-salary-3 li a .tip dt{
	font-size: 18px;
	line-height: 22px;
	color: #f94e4c;
	margin-top: -4px;
}

.data-list-salary-2 li a .tip dd,
.data-list-salary-3 li a .tip dd{
	font-size: 12px;
	line-height: 16px;
	color: #808080;
	margin-top: 2px;
}

/* data-list-salary-3-------------------------------------------------------------------------------------- */

.page-box.d-l-s-3{
	border-radius: 20px;
	border-top: none;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}

/* experience-------------------------------------------------------------------------------------- */

.experience{
    padding: 24px 32px;
    border-top: 1px solid #f3f3f3;
    background: #fbfbfb;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.experience p.word{
    font-size: 14px;
    line-height: 24px;
    color: #808080;
}

.experience p.word span{
    color: #404040;
    font-weight: 900;
    margin: 0 2px;
}

.experience a.share{
    margin: 30px auto 10px auto;
    display: block;
    width: 200px;
    height: 46px;
    background: #61687c;
    border-radius: 18px;
    font-size: 14px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-align: center;
    transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.experience a.share:hover{
    background: #222234;
}

/* data-list-experience,experience-details-------------------------------------------------------------------------------------- */

.data-list-experience li{
	padding: 28px 0;
	border-top: 1px solid #f3f3f3;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-experience li:hover{
	background: #f9fafc;
}

.data-list-experience li:nth-of-type(1){
	border-top: none;
}

.data-list-experience li .infor{
	padding: 0 32px 0 28px;
	display: flex;
	align-items: center;
}

.data-list-experience li .infor dt{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 26px;
	border: 1px solid #a9b8f0;
	border-radius: 50%;
	margin-right: 4px;
}

.data-list-experience li .infor dt strong{
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #e7e7e7;
	overflow: hidden;
}

.data-list-experience li .infor dt strong img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.data-list-experience li .infor dd{
	flex: 1;
	display: flex;
}

.data-list-experience li .infor dd span,
.data-list-experience li .infor dd a{
	font-size: 12px;
	line-height: 14px;
	color: #808080;
	margin-left: 10px;
}

.data-list-experience li .infor dd span i{
	color: #4263de;
	margin-right: 5px;
}

.data-list-experience li .infor dd em{
	font-size: 12px;
	line-height: 14px;
	color: #222234;
}

.data-list-experience li .content{
	padding: 0 32px 0 68px;
	display: flex;
	flex-direction: column;
}

.data-list-experience li .content dt{
	margin-top: 9px;
	position: relative;
}

.data-list-experience li .content dt span{
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	text-align: justify;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-experience li a.content dt span:hover{
	color: #4262de;
}

.data-list-experience li .content dt:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #4262de;
	opacity: 0.5;
	position: absolute;
	top: 8px;
	left: -29px;
}

.data-list-experience li .content dd{
	margin-top: 12px;
	position: relative;
}

.data-list-experience li .content dd span{
	font-size: 13px;
	line-height: 23px;
	color: #808080;
	text-align: justify;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.data-list-experience li .content dd:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #4262de;
	opacity: 0.2;
	position: absolute;
	top: 8px;
	left: -29px;
}

.data-list-experience li .question{
	padding: 0 32px 0 68px;
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 24px 0 -22px 0;
}

.data-list-experience li .question:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #4262de;
	opacity: 0.1;
	position: absolute;
	top: 7px;
	left: 39px;
}

.data-list-experience li .question em,
.experience-details .question em{
	font-size: 12px;
	line-height: 20px;
	color: #808080;
	margin-bottom: 6px;
}

.data-list-experience li .question dl,
.experience-details .question dl{
	font-size: 13px;
	line-height: 23px;
	color: #808080;
	text-align: justify;
    margin-bottom: 18px;
}

.data-list-experience li .question dl dt:before,
.experience-details .question dl dt:before{
	content: "Q";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	font-size: 14px;
	position: relative;
	top: -1px;
	margin-right: 10px;
}

.data-list-experience li .question dl dt,
.data-list-experience li .question dl dd{
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.data-list-experience li .question dl dt,
.experience-details .question dl dt{
	margin-bottom: 6px;
}

.data-list-experience li .question dl dd:before,
.experience-details .question dl dd:before{
	content: "A";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	font-size: 14px;
	position: relative;
	top: -1px;
	margin-right: 10px;
}

.data-list-experience li .ask,
.experience-details .ask,
.data-list-discuss li .ask,
.discuss-details .content .ask{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 178px;
}

.data-list-experience li .ask{
	padding: 0 32px 0 68px;
	background: url(../../images/2020/common/bg_experiences.png) no-repeat left 61px center;
	-moz-background-size: 772px 178px;
	-webkit-background-size: 772px 178px;
	background-size: 772px 178px;
	margin-top: 20px;
}

.experience-details .ask,
.data-list-discuss li .ask,
.discuss-details .content .ask{
	background: url(../../images/2020/common/bg_experience.png) no-repeat center center;
	-moz-background-size: 807px 178px;
	-webkit-background-size: 807px 178px;
	background-size: 807px 178px;
}

.experience-details .ask{
	margin-top: 16px;
}

.data-list-experience li .ask dl,
.experience-details .ask dl,
.data-list-discuss li .ask dl,
.discuss-details .content .ask dl{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 456px;
	height: 118px;
	background: #ffffff;
	margin: 0 auto;
	border: 1px solid #dde3f9;
	border-radius: 20px;
	text-align: center;
	box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.06);
}

.data-list-experience li .ask dl dt,
.experience-details .ask dl dt,
.data-list-discuss li .ask dl dt,
.discuss-details .content .ask dl dt{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	margin: 0 0 10px 0;
	text-align: center;
}

.data-list-experience li .ask dl dd,
.experience-details .ask dl dd,
.data-list-discuss li .ask dl dd,
.discuss-details .content .ask dl dd{
	display: flex;
	justify-content: center;
}

.data-list-experience li .ask dl dd a:before,
.experience-details .ask dl dd span:before,
.data-list-discuss li .ask dl dd a:before,
.data-list-discuss li .ask dl dd span:before{
	display: none;
}

.data-list-experience li .ask dl dd a,
.experience-details .ask dl dd a,
.data-list-discuss li .ask dl dd a,
.discuss-details .content .ask dl dd a{
	font-size: 14px;
	line-height: 16px;
	margin: 0;
	border-bottom: 1px solid #ffffff;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-experience li .ask dl dd span,
.experience-details .ask dl dd span,
.data-list-discuss li .ask dl dd span,
.discuss-details .content .ask dl dd span{
	font-size: 14px;
	line-height: 16px;
	color: #333333;
	margin: 0 8px;
}

.data-list-experience li .ask dl dd a:nth-of-type(1),
.experience-details .ask dl dd a:nth-of-type(1),
.data-list-discuss li .ask dl dd a:nth-of-type(1),
.discuss-details .content .ask dl dd a:nth-of-type(1){
	color: #4262de;
}

.data-list-experience li .ask dl dd a:nth-of-type(2),
.experience-details .ask dl dd a:nth-of-type(2),
.data-list-discuss li .ask dl dd a:nth-of-type(2),
.discuss-details .content .ask dl dd a:nth-of-type(2){
	color: #333333;
}

.data-list-experience li .ask dl dd a:nth-of-type(1):hover,
.experience-details .ask dl dd a:nth-of-type(1):hover,
.data-list-discuss li .ask dl dd a:nth-of-type(1):hover,
.discuss-details .content .ask dl dd a:nth-of-type(1):hover{
	border-bottom: 1px solid #4262de;
}

.data-list-experience li .ask dl dd a:nth-of-type(2):hover,
.experience-details .ask dl dd a:nth-of-type(2):hover,
.data-list-discuss li .ask dl dd a:nth-of-type(2):hover,
.discuss-details .content .ask dl dd a:nth-of-type(2):hover{
	border-bottom: 1px solid #333333;
}

.data-list-experience li .handle{
	padding: 0 32px 0 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}

.data-list-know-recommendation li .handle{
	padding: 0 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 14px;
}

.data-list-experience li .handle dt,
.data-list-experience li .handle dd,
.experience-details .handle dt,
.experience-details .handle dd,
.data-list-know-recommendation dt,
.data-list-know-recommendation dd{
	display: flex;
}

.data-list-experience li .handle dt span,
.experience-details .handle dt span,
.data-list-know-recommendation .handle dt span{
	padding: 4px 11px;
	font-size: 12px;
	line-height: 14px;
	color: #5d70d3;
	background: #f0f2fc;
	border: 1px solid #dde3f9;
	border-radius: 6px;
	margin-right: 6px;
}

.data-list-experience li .handle dd span,
.experience-details .handle dd span,
.data-list-know-recommendation .handle dd span{
    font-size: 14px;
    line-height: 24px;
    color: #61687c;
    margin-left: 12px;
    cursor: pointer;
}

.data-list-experience li .handle dd span a,
.data-list-know-recommendation li .handle dd span a{
    color: #61687c;
}

.data-list-experience li .handle dd span i,
.experience-details .handle dd span i,
.data-list-know-recommendation li dd span i{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../../images/2020/common/icon_share.png) no-repeat;
    -moz-background-size: 83px 49px;
    -webkit-background-size: 83px 49px;
    background-size: 83px 49px;
    position: relative;
    top: 2px;
    margin-right: 6px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-experience li .handle dd span.like i,
.experience-details .handle dd span.like i,
.data-list-know-recommendation .handle dd span.like i{
    background-position: -68px 0;
}

.data-list-experience li .handle dd span.pick i,
.experience-details .handle dd span.pick i,
.data-list-know-recommendation dd span.pick i{
    background-position: -17px 0;
}

.data-list-experience li .handle dd span.chat i,
.experience-details .handle dd span.chat i,
.data-list-know-recommendation dd span.chat i{
    background-position: -51px 0;
}

.data-list-experience li .handle dd span.like:hover i,
.experience-details .handle dd span.like:hover i,
.data-list-know-recommendation .handle dd span.like:hover i{
    background-position: -68px -17px;
}

.data-list-experience li .handle dd span.pick:hover i,
.experience-details .handle dd span.pick:hover i,
.data-list-know-recommendation .handle dd span.pick:hover i{
    background-position: -17px -17px;
}

.data-list-experience li .handle dd span.chat:hover i,
.experience-details .handle dd span.chat:hover i,
.data-list-know-recommendation .handle dd span.chat:hover i{
    background-position: -51px -17px;
}

.data-list-experience li .handle dd span.like-done i,
.experience-details .handle dd span.like-done i,
.data-list-know-recommendation .handle dd span.like-done i{
    background-position: -68px -34px;
}

.data-list-experience li .handle dd span.pick-done i,
.experience-details .handle dd span.pick-done i,
.data-list-know-recommendation .handle dd span.pick-done i{
    background-position: -17px -34px;
}

/* data-list-experiences-------------------------------------------------------------------------------------- */

.data-list-experiences li{
    padding: 28px 0;
    width: 858px;
    border-top: 1px solid #f3f3f3;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-experiences li:nth-of-type(1){
    border-top: none;
}

.data-list-experiences li:nth-last-child(1){
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.data-list-experiences li:hover{
    background: #f9fafc;
}

.data-list-experiences li{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.data-list-experiences li .t-left{
    padding: 0 32px;
    flex: 1;
}

.data-list-experiences li .t-left dt a{
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin-top: 4px;
}

.data-list-experiences li .t-left dd{
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.data-list-experiences li .t-left dd span,
.data-list-experiences li .t-left dd a{
    padding: 5px 9px;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    color: #61687c;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    margin-right: 10px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-experiences li .t-left dd a:hover{
    color: #4262de;
    border: 1px solid #4262de;
    border-radius: 10px;
}

.data-list-experiences li .t-left-s{
    padding: 0 62px 0 32px;
    flex: 1;
}

.data-list-experiences li .t-left-s strong{
    font-size: 14px;
    line-height: 14px;
    color: #121212;
    font-weight: 400;
    max-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-experiences li .t-left-s p{
    font-size: 13px;
    line-height: 21px;
    color: #868686;
    max-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 16px;
}

.data-list-experiences li .t-middle{
    width: 170px;
    margin-right: 32px;
}

.data-list-experiences li .t-middle dt a{
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #61687c;
    height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-experiences li .t-middle dd{
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.data-list-experiences li .t-middle dd span{
    font-size: 12px;
    line-height: 12px;
    color: #909090;
}

.data-list-experiences li .t-middle dd span:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 1px;
    height: 7px;
    background: #b4b4b4;
    position: relative;
    top: -1px;
    margin: 0 8px;
}

.data-list-experiences li .t-middle dd span:nth-of-type(1):before{
    display: none;
}

.data-list-experiences li .t-right{
    display: inline-block;
    width: 54px;
    height: 54px;
    border: 1px solid #fafafa;
    border-radius: 16px;
    overflow: hidden;
    margin-right: 32px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-experiences li .t-right img{
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.data-list-experiences li:hover .t-right{
    border: 1px solid #eaeaea;
    border-radius: 30px;
}

/* data-list-company-like-------------------------------------------------------------------------------------- */

.data-list-company-like{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}

.data-list-company-like li{
    padding: 30px 38px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f5f5f5;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-company-like li:hover{
    background: #f9fafc;
}

.data-list-company-like li:nth-of-type(1){
    border-top: none;
}

.data-list-company-like li:nth-last-child(1){
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.data-list-company-like li .logo{
    display: inline-block;
    width: 88px;
    height: 88px;
    border: 1px solid #f5f5f5;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 24px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-company-like li:hover .logo{
    border-radius: 50%;
    border: 1px solid #eaeaea;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.04);
}

.data-list-company-like li .logo img{
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.data-list-company-like li .infor{
    flex: 1;
}

.data-list-company-like li .infor a{
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #565656;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-company-like li .infor .company-assess-score{
    margin-top: 4px;
}

.data-list-company-like li .infor dl{
    display: flex;
    margin-top: 6px;
}

.data-list-company-like li .infor dl dt{
    font-size: 12px;
    line-height: 14px;
    color: #969696;
}

.data-list-company-like li .infor dl dt:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    clear: both;
    width: 1px;
    height: 8px;
    background: #c2c2c2;
    position: relative;
    top: -1px;
    margin: 0 6px;
}

.data-list-company-like li .infor dl dt:nth-of-type(1):before{
    display: none
}

.data-list-company-like li .link{
    display: flex;
}

.data-list-company-like li .link dd{
    margin-left: 30px;
}

.data-list-company-like li .link dd a{
    float: left;
    display: block;
    text-align: center;
}

.data-list-company-like li .link dd a strong{
    display: block;
    font-size: 18px;
    line-height: 18px;
    color: #333333;
    font-weight: 400;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-company-like li .link dd a span{
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #969696;
    margin-top: 6px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

/* data-list-wiki-------------------------------------------------------------------------------------- */

.data-list-wiki li{
	border-top: 1px solid #f3f3f3;
	overflow: hidden;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-wiki li:nth-of-type(1){
	border-top: none;
}

.data-list-wiki li:nth-last-child(1){
	padding-bottom: 8px;
}

.data-list-wiki li i{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../../images/2020/common/icon_share.png) no-repeat;
	-moz-background-size: 83px 49px;
	-webkit-background-size: 83px 49px;
	background-size: 83px 49px;
	position: relative;
	top: 2px;
	margin-right: 6px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-wiki-a{
	padding: 0 32px;
	display: block;
	width: 794px;
	position: relative;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-wiki-a span{
	font-size: 14px;
	line-height: 16px;
	color: #808080;
	position: absolute;
	top: 0;
	right: 34px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-wiki-a b{
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #333333;
    max-width: 700px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 24px 0 14px 0;
}

.data-list-wiki-a p{
	font-size: 13px;
	line-height: 23px;
	color: #909090;
    max-width: 794px;
    max-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
}

.data-list-wiki-c{
	width: 794px;
	padding: 4px 32px 20px 28px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-wiki-c button{
	float: left;
	padding: 10px 20px;
	font-size: 12px;
	line-height: 12px;
	border: none;
	outline: none;
	border-radius: 8px;
	letter-spacing: 0.8px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-wiki-c button.follow{
	color: #4262de;
	background: #eceffc;
}

.data-list-wiki-c button.follow:hover{
	background: #e4e9fa;
	border-radius: 12px;
}

.data-list-wiki-c button.follow-done{
	color: #ffffff;
	background: #4262de;
}

.data-list-wiki-c button.follow-done:hover{
	background: #3252cd;
	border-radius: 12px;
}

.data-list-wiki-c dl{
	float: left;
	margin-top: 5px;
	max-width: 500px;
	max-height: 24px;
	overflow: hidden;
}

.data-list-wiki-c dl dt{
	float: left;
    margin-left: 10px;
}

.data-list-wiki-c dl dt a{
	float: left;
    display: inline-block;
    padding: 5px 9px;
    font-size: 12px;
    line-height: 12px;
    color: #808080;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-wiki-c dl dt a:hover{
	color: #4262de;
	border: 1px solid #4262de;
	border-radius: 10px;
}

.data-list-wiki-c em{
	float: right;
	font-size: 14px;
    line-height: 32px;
    color: #61687c;
    cursor: pointer;
}

.data-list-wiki-c em.pick i{
	background-position: -17px 0;
}

.data-list-wiki-c em.pick:hover i{
	background-position: -17px -17px;
}

.data-list-wiki-c em.pick-done i{
	background-position: -17px -34px;
}

.data-list-wiki li:hover{
	background: #f9fafc;
}

/* data-list-wiki-2-------------------------------------------------------------------------------------- */

.data-list-wiki-2{
	padding: 2px 32px 14px 32px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.data-list-wiki-2 li{
	width: 48%;
	padding: 24px 0 20px 0;
	border-top: 1px solid #f3f3f3;
}

.data-list-wiki-2 li:nth-of-type(1){
	width: 100%;
	border-top: none;
}

.data-list-wiki-2 li a{
	padding: 0 15px;
	display: flex;
	flex-direction: column;
}

.data-list-wiki-2 li a em{
	font-size: 14px;
	line-height: 14px;
	color: #121212;
    position: relative;
    -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-wiki-2 li a em:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #222234;
	position: absolute;
	top: 4px;
	left: -12px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-wiki-2 li a p{
	display: block;
	font-size: 14px;
	line-height: 22px;
	color: #909090;
    max-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 14px;
    -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-wiki-2 li a:hover em{
	color: #4262de;
}

.data-list-wiki-2 li a:hover em:before{
	background: #4262de
}

.data-list-wiki-2 li a:hover p{
	color: #808080;
}

/* data-list-among-------------------------------------------------------------------------------------- */

.data-list-among li a{
	padding: 18px 64px 18px 32px;
	display: block;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
	border-bottom: 1px solid #f3f3f3;
}

.data-list-among li:nth-of-type(odd) a{
	background: url(../../images/2020/common/icon_more.png) no-repeat #f9fafc center right 32px;
	-moz-background-size: 4px 10px;
	-webkit-background-size: 4px 10px;
	background-size: 4px 10px;
}

.data-list-among li:nth-of-type(even) a{
	background: url(../../images/2020/common/icon_more.png) no-repeat #ffffff center right 32px;
	-moz-background-size: 4px 10px;
	-webkit-background-size: 4px 10px;
	background-size: 4px 10px;
}

.data-list-among li:nth-last-child(1) a{
	border-bottom: none;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.data-list-among li a em{
	color: #f94e4c;
}

.data-list-among li a span{
	color: #333333;
}

/* data-list-share-------------------------------------------------------------------------------------- */

.user-share{
    width: 100%;
    height: 240px;
    border-radius: 12px;
    overflow: hidden;
}

.user-share-no-effect{
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.data-list-tips{
	padding: 18px 32px;
	font-size: 14px;
    line-height: 24px;
    color: #1f1f1f;
}

.data-list-share li a{
    padding: 18px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f3f3f3;
}

.data-list-share li:nth-of-type(odd) a{
    background: #fbfbfb;
}

.data-list-share li:nth-of-type(even) a{
    background: #ffffff;
}

.data-list-share li a em{
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    margin-right: 32px;
}

.data-list-share li a p{
    flex: 1;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}

.data-list-share li a p strong{
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    color: #f94e4c;
    font-weight: 400;
    margin: 0 4px;
}

.data-list-share li a p strong:nth-of-type(2){
	margin: 0;
}

.data-list-share li a p span{
    margin: 0 4px;
}

.data-list-share li a p em{
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    color: #f94e4c;
    font-weight: 900;
    transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
}

.data-list-share-button{
    padding: 30px 0;
    text-align: center;
}

.data-list-share-button a{
    display: inline-block;
    width: 200px;
    height: 46px;
    background: #61687c;
    border-radius: 18px;
    font-size: 14px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 1.4px;
    transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-share-button a:hover{
    background: #222234;
}

/* data-list-add-------------------------------------------------------------------------------------- */

.data-list-add{
	padding: 10px 0 24px 0;
	border-top: 1px solid #f3f3f3;
}

.data-list-add dt{
	padding: 10px 32px 17px 32px;
	font-size: 14px;
	line-height: 22px;
	color: #222234;
}

.data-list-add dt span{
	margin: 0 4px;
}

.data-list-add dt a{
	color: #4262de;
	margin: 0 4px;
}

.data-list-add dd form{
	padding: 0 32px 0 20px;
	display: flex;
	position: relative;
}

.data-list-add dd form .text{
	padding: 0 20px;
	font-size: 14px;
	line-height: 44px;
	color: #1f1f1f;
	height: 44px;
	border: 2px solid #e7e7e7;
	border-radius: 14px;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-add dd form .text::-webkit-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #aeaeae;
	font-weight: normal;
	position: relative;
	top: 1px;
}

.data-list-add dd form .text::-moz-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #aeaeae;
	font-weight: normal;
	position: relative;
	top: 1px;
}

.data-list-add dd form .text::-ms-input-placeholder{
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #aeaeae;
	font-weight: normal;
	position: relative;
	top: 1px;
}

.data-list-add dd form .text.A{
	width: 218px;
	margin-right: 4px;
}

.data-list-add dd form .text.B{
	flex: 1;
	padding-right: 160px;
}

.data-list-add dd form .submit{
	width: 140px;
	height: 46px;
	background: #61687c;
	border: none;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 14px;
	border-bottom-right-radius: 14px;
	display: inline-block;
	font-size: 14px;
    line-height: 46px;
    color: #ffffff;
    text-align: center;
    font-weight: 900;
    letter-spacing: 0.4px;
    transform: rotate(-0.04deg);
    -ms-transform: rotate(-0.04deg);
    -moz-transform: rotate(-0.04deg);
    -webkit-transform: rotate(0.04deg);
    -o-transform: rotate(-0.04deg);
	position: absolute;
	top: 1px;
	right: 33px;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-add dd form .submit:hover{
	background: #222234;
}

.data-list-add dd .simple{
	padding: 0 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: -4px;
}

.data-list-add dd .simple li{
	padding: 9px 23px;
	font-size: 14px;
	line-height: 14px;
	color: #778899;
	border: 2px solid #ebebeb;
	border-radius: 14px;
	margin: 4px 5px;
}

.data-list-add dd .vote{
	padding: 0 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: -4px;
}

.data-list-add dd .vote li{
	display: flex;
	align-items: center;
	margin: 4px 5px;
}

.data-list-add dd .vote li input{
	opacity: 0;
}

.data-list-add dd .vote li label{
	padding: 9px 23px;
	font-size: 14px;
	line-height: 14px;
	color: #778899;
	border: 2px solid #ebebeb;
	border-radius: 14px;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	margin-left: -13px;
}

.data-list-add dd .vote li label:hover{
	color: #797979;
	border: 2px solid #bebebe;
	border-radius: 18px;
}

.data-list-add dd .vote li input:checked+label{
	color: #4262de;
	border: 2px solid #4262de;
	border-radius: 14px;
}

.data-list-add dd .vote button{
	padding: 9px 23px;
	font-size: 14px;
	line-height: 14px;
	color: #778899;
	background: #ffffff;
	outline: none;
	border: 2px solid #ebebeb;
	border-radius: 14px;
	margin: 4px 5px;
	letter-spacing: 1px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-add dd .vote.show button{
	color: #ffffff;
	background: #61687c;
	border: 2px solid #61687c;
}

/* data-list-news-------------------------------------------------------------------------------------- */

.data-list-news li{
    padding: 28px 32px;
    border-top: 1px solid #f3f3f3;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.data-list-news li:nth-of-type(1){
    border-top: none;
}

.data-list-news li:nth-last-child(1){
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.data-list-news li:hover{
    background: #f9fafc;
}

.data-list-news .title{
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin-bottom: 14px;
}

.data-list-news .title:hover{
    color: #4262de;
}

.data-list-news .details{
    font-size: 13px;
    line-height: 23px;
    color: #909090;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}

.data-list-news .more{
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 15px;
    color: #606060;
}

.data-list-news .more img{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    position: relative;
    top: -1px;
}

.data-list-news .more span{
    margin-right: 12px;
}

.data-list-news .more em{
    font-size: 14px;
}

/* data-list-probation-------------------------------------------------------------------------------------- */

.data-list-probation{

}

.data-list-probation li{
	border-top: 1px solid #f3f3f3;
}

.data-list-probation li:nth-of-type(1){
	border-top: none;
}

.data-list-probation li .title{
	padding: 27px 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.data-list-probation li .title .name{
	flex: 1;
	font-size: 14px;
	line-height: 18px;
	color: #f94e4c;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.data-list-probation li .title .name a{
	font-size: 14px;
	line-height: 18px;
	color: #f94e4c;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-probation li .title .name a:hover{
	color: #4263de;
}

.data-list-probation li .title .wages{
	width: 160px;
	font-size: 14px;
	line-height: 18px;
	color: #696969;
	margin-left: 40px;
}

.data-list-probation li .title .probation{
	display: flex;
	align-items: center;
	margin-left: 40px;
}

.data-list-probation li .title .probation span{
	font-size: 14px;
	line-height: 14px;
	color: #696969;
	margin-right: 4px;
}

.data-list-probation li .title .state{
	display: inline-block;
	width: 10px;
	height: 6px;
	background: url(../../images/2020/common/icon_updownmore_02.png) no-repeat;
	-moz-background-size: 10px 12px;
	-webkit-background-size: 10px 12px;
	background-size: 10px 12px;
	background-position: 0 0;
	margin-left: 22px;
}

.data-list-probation li .title.on .state{
	background-position: 0 -6px;
}

.data-list-probation li .content{
	padding: 16px 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fcfcfc;
	border-top: 1px dashed #f5f5f5;
}

.data-list-probation li .content .chart{
	width: 360px;
	height: 130px;
	margin-right: 67px;
}

.data-list-probation li .content .datas{
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.data-list-probation li .content .datas dl{
	flex: 1;
}

.data-list-probation li .content .datas dl dt{
	font-size: 14px;
	line-height: 20px;
	color: #505050;
	text-align: justify;
}

.data-list-probation li .content .datas dl dt a{
	font-size: 14px;
	line-height: 20px;
	color: #505050;
	margin-right: 2px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.data-list-probation li .content .datas dl dt a:hover{
	color: #4263de;
}

.data-list-probation li .content .datas dl dd{
	display: flex;
	flex-direction: column;
	margin-top: 4px;
}

.data-list-probation li .content .datas dl dd p{
	font-size: 13px;
	line-height: 17px;
	color: #505050;
	margin: 2px 0;
}

.data-list-probation li .content .datas dl dd p:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 10px;
	height: 6px;
	background: url(../../images/2020/common/icon_quota_05.png) no-repeat;
	-moz-background-size: 10px 12px;
	-webkit-background-size: 10px 12px;
	background-size: 10px 12px;
	margin: 0 8px 0 0;
}

.data-list-probation li .content .datas dl dd p:nth-of-type(1):before{
	background-position: 0 0;
}

.data-list-probation li .content .datas dl dd p:nth-of-type(2):before{
	background-position: 0 -6px;
}

.data-list-probation li .content .datas button{
	padding: 10px 24px;
	font-size: 14px;
	line-height: 14px;
	color: #778899;
	outline: none;
	background: #ffffff;
	border: 2px solid #ebebeb;
	border-radius: 16px;
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.04);
	-moz-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.04);
	-webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.04);
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	margin-left: 20px;
}

.data-list-probation li .content .datas button:hover{
	box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.08);
}


/* data-salary-lishi-------------------------------------------------------------------------------------- */

.data-salary-lishi{
	padding: 0 3px;
}

.data-salary-lishi table{
	width: 100%;
	border: 1px #eeeeee solid;
	text-align: center;
	border-spacing: 0;
	border-collapse: collapse;
}

.data-salary-lishi table th{
	background: #f9f9f9;
}

.data-salary-lishi table th,
.data-salary-lishi table td{
	padding: 9px;
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	font-weight: 400;
	border: 1px solid #eeeeee;
}

/* data-list-bullet-chat-------------------------------------------------------------------------------------- */

.data-list-bullet-chat{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.data-list-bullet-chat li{
	padding: 0 44px 0 240px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.data-list-bullet-chat li strong{
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: -20px;
	z-index: 2;
}

.data-list-bullet-chat li strong img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.data-list-bullet-chat li em{
	padding: 5px 25px 5px 30px;
		flex: 1;
	font-size: 14px;
	line-height: 22px;
	color: #445566;
	border: 2px solid #445566;
	border-radius: 36px;
	border-bottom-right-radius: 0;
	background: #ffffff;
	text-align: justify;
	z-index: 1;
	position: relative;
}

.data-list-bullet-chat li em:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 19px;
	height: 16px;
	background: url(../../images/2020/common/bg_tail.png) no-repeat;
	-moz-background-size: 19px 16px;
	-webkit-background-size: 19px 16px;
	background-size: 19px 16px;
	position: absolute;
	bottom: -2px;
	right: -11px;

}

/* data-list-recruitment-website-------------------------------------------------------------------------------------- */

.data-list-recruitment-website{
	padding: 6px;
	display: flex;
	flex-wrap: wrap;
}

.data-list-recruitment-website li{
	margin: 6px;
}

.data-list-recruitment-website li a{
	padding: 15px 24px 17px 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 363px;
	height: 75px;
	background: #fafafa;
	border-radius: 4px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;	
}

.data-list-recruitment-website li a:hover{
	background: #f9fafc;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.data-list-recruitment-website li a .content,
.data-list-recruitment-website li a .infor,
.data-list-recruitment-website li a .infor dt{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.data-list-recruitment-website li a .content dt{
	flex: 1;
}

.data-list-recruitment-website li a .content dt em{
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.data-list-recruitment-website li a .content dt p{
	display: flex;
	margin-top: 6px;
}

.data-list-recruitment-website li a .content dt p span{
	font-size: 12px;
	line-height: 16px;
	color: #808080;
}

.data-list-recruitment-website li a .content dt p span:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	clear: both;
	width: 1px;
	height: 7px;
	background: #b4b4b4;
	position: relative;
	top: -1px;
	margin: 0 7px;
}

.data-list-recruitment-website li a .content dt p span:nth-of-type(1):before{
	display: none;
}

.data-list-recruitment-website li a .content dd{
	font-size: 18px;
	line-height: 28px;
	color: #f94e4c;
	margin-left: 24px;
}

.data-list-recruitment-website li a .infor{
	margin-top: 13px;
}

.data-list-recruitment-website li a .infor dt strong{
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid #f3f3f3;
	overflow: hidden;
	margin-right: 6px;
}

.data-list-recruitment-website li a .infor dt strong img{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.data-list-recruitment-website li a .infor dt em{
	font-size: 12px;
	line-height: 18px;
	color: #999999;
}

.data-list-recruitment-website li a .infor dd{
	font-size: 12px;
	line-height: 18px;
	color: #999999;
}

/* experience-comment-------------------------------------------------------------------------------------- */

.title-ex-co{
    padding: 30px 40px 22px 40px;
    display: flex;
    border-bottom: 1px solid #f3f3f3;
    font-size: 22px;
    line-height: 22px;
    color: #222234;
    position: relative;
}

.title-ex-co em{
    padding: 2px 6px;
    font-size: 12px;
    line-height: 12px;
    color: #ffffff;
    background: #f01414;
    border-radius: 8px;
    position: absolute;
    top: 22px;
    left: 76px;
}

.list-ex-co{
    padding: 6px 34px;
}

.list-ex-co dl{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.list-ex-co dl{
    padding: 20px 0;
    border-bottom: 1px solid #f3f3f3;
}

.list-ex-co dl dt{
    display: flex;
    margin-right: 10px;
}

.list-ex-co dl dt a{
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
}

.list-ex-co dl dt a img{
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list-ex-co dl dd{
    flex: 1;
    display: flex;
    flex-direction: column;
}

.list-ex-co dl dd ol{
    zoom: 1;
}

.list-ex-co dl dd ol:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.list-ex-co dl dd ol a{
    float: left;
    font-size: 13px;
    line-height: 24px;
    color: #778899;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.list-ex-co dl dd ol a:hover{
    color: #445566;
}

.list-ex-co dl dd ol span{
    float: left;
    font-size: 13px;
    line-height: 24px;
    color: #555555;
    margin: 0 4px
}

.list-ex-co dl dd ol em{
    float: right;
    font-size: 14px;
    line-height: 24px;
    color: #778899;
}

.list-ex-co dl dd p{
    font-size: 14px;
    line-height: 22px;
    color: #595959;
    text-align: justify;
    margin-top: 11px;
}

.list-ex-co dl dd ul{
    padding: 14px 0 4px 0;
    display: flex;
    flex-wrap: wrap;
}

.list-ex-co dl dd ul li{
    display: flex;
    align-items: flex-end;
    cursor: pointer;
    margin-right: 20px;
}

.list-ex-co dl dd ul li i{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../../images/2020/common/icon_share.png) no-repeat;
    -moz-background-size: 83px 49px;
    -webkit-background-size: 83px 49px;
    background-size: 83px 49px;
    margin-right: 6px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.list-ex-co dl dd ul li.like i{
    background-position: -68px 0;
}

.list-ex-co dl dd ul li.chat i{
    background-position: -51px 0;
}

.list-ex-co dl dd ul li.like:hover i{
    background-position: -68px -17px;
}

.list-ex-co dl dd ul li.chat:hover i{
    background-position: -51px -17px;
}

.list-ex-co dl dd ul li.like-done i{
    background-position: -68px -34px;
}

.list-ex-co dl dd ul li.like-done span{
    color: #556677;
}

.list-ex-co dl dd ul li span{
    font-size: 13px;
    line-height: 13px;
    color: #778899;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.list-ex-co dl dd ul li:hover span{
    color: #556677;
}

.list-ex-co dl dd ul li.chat{
    display: none;
}

.list-ex-co dl dd .parent:hover ul li.chat{
    display: flex;
}

.list-ex-co dl dd .child:hover ul li.chat{
    display: flex;
}

.list-ex-co dl dd .child dl{
    padding: 20px 0;
    border-bottom: none;
    border-top: 1px solid #f3f3f3;
}

.list-ex-co dl dd .child:nth-of-type(2) dl{
    margin-top: 20px;
}

.list-ex-co dl dd .child:nth-last-child(1) dl{
    margin-bottom: -20px;
}

.list-ex-co dl dd .more{
	display: flex;
	flex-direction: column;
	margin-top: 22px;
	display: none;
}

.list-ex-co dl dd .more .textarea{
	border-bottom: 1px solid #f3f3f3;
}

.list-ex-co dl dd .more .textarea .text{
	padding: 12px 0;
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	text-align: justify;
	letter-spacing: 1px;
	outline: none;
}

.list-ex-co dl dd .more .textarea .text:empty:before{
	display: flex;
    content: attr(placeholder);
    font-size: 13px;
    line-height: 22px;
    color: #778899;
    letter-spacing: 1px;
}

.list-ex-co dl dd .more .textarea .text:focus:before{
    content: none;
}

.list-ex-co dl dd .more .handle{
	display: flex;
	margin-top: 16px;
}

.list-ex-co dl dd .more .handle .cancel{
	font-size: 13px;
	line-height: 23px;
	color: #778899;
	cursor: pointer;
}

.list-ex-co dl dd .more .handle .submit{
	font-size: 13px;
	line-height: 23px;
	color: #778899;
	border: none;
	background: none;
	margin-left: 18px;
	cursor: pointer;
}