/* 页面改 */
/* 个人中心 */
.personal-home-page {
	min-height: 820px;
	background-color: #f6f7fb;
}
.public-user-info {
	min-height: 390px;
	background: url(../images/background01.png) no-repeat 0 0 #fff;
	background-size: contain;
	padding-bottom: 20px;
}
.public-user-info .head-portrait {
	position: relative;
	left: 50%;
	display: inline-block;
	width: 150px;
	height: 150px;
	border: 5px solid #e8e8e8;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #fff;
	margin-top: 38px;
	margin-left: -75px;
}
.public-user-info .head-portrait .icon {
	position: absolute;
	right: 0;
	bottom: 12px;
	display: block;
	width: 20px;
	height: 20px;
	border: 5px solid #e8e8e8;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px auto;
	background-color: #fff;
}
.public-user-info .head-portrait .icon-boy {
	background-image: url(../images/boy.png);
}
.public-user-info .head-portrait .icon-girl {
	background-image: url(../images/girl.png);
}
.public-user-info .info-box {
	position: relative;
	width: 1140px;
	text-align: center;
	margin: 0 auto;
}
.public-user-info .info-box > h2 {
	font-size: 0;
	padding-bottom: 10px;
}
.public-user-info .info-box .user-grade {
	position: relative;
	top: -3px;
	display: inline-block;
	min-width: 48px;
	line-height: 21px;
	height: 22px;
	font-size: 12px;
	padding: 0 6px;
	margin: 0 5px;
	color: #fff;
	background: url(../images/grade/grade_bac_btn.png) no-repeat center;
	background-size: 100% 100%;
}
.public-user-info .info-box .user_lv {
	position: relative;
	top: -3px;
	display: inline-block;
	padding: 0 10px;
	height: 22px;
	line-height: 22px;
	font-size: 13px;
	color: #fff;
	border-radius: 10px;
	font-weight: 1000;
	margin: 0 5px;
	/* background: linear-gradient(left,#74e2c3, #00b48d);
	background: -webkit-linear-gradient(left,#74e2c3, #00b48d); */
	background-color: #F2BD1C;
	text-shadow: 0 1px 2px rgba(0,0,0,.3);
	-webkit-text-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-text-shadow: 0 1px 2px rgba(0,0,0,.3);
	-ms-text-shadow: 0 1px 2px rgba(0,0,0,.3);
	-o-text-shadow: 0 1px 2px rgba(0,0,0,.3);
	box-shadow: 2px 2px 2px rgba(59, 46, 46, 0.2);
	-webkit-box-shadow: 2px 2px 2px rgba(59, 46, 46, 0.2);
	-moz-box-shadow: 2px 2px 2px rgba(59, 46, 46, 0.2);
	-ms-box-shadow: 2px 2px 2px rgba(59, 46, 46, 0.2);
	-o-box-shadow: 2px 2px 2px rgba(59, 46, 46, 0.2);
}
.public-user-info .info-box .authenticate-state {
	position: relative;
	top: -2px;
	display: inline-block;
	font-size: 12px;
	line-height: 22px;
	color: #05b58f;
	border: 1px solid #05b58f;
	padding: 0 5px 0 30px;
	margin-left: 16px;
	border-radius: 6px;
	background: url(../images/grade/ico_authentication.png) no-repeat 8px center;
	background-size: 15px auto;
}
.public-user-info .info-box > h2 .name {
	font-size: 24px;
	color: #00b48d;
}
.public-user-info .info-box > h2 .position,
.public-user-info .info-box > h2 .state {
	font-size: 18px;
	margin: 0 11px;
}
.public-user-info .info-box > h2 .position {
	color: #a39e9e;
}
.public-user-info .info-box > h2 .state {
	color: #00b48d;
}
.public-user-info .info-box .job-status {
	position: relative;
	font-size: 18px;
	padding: 10px 0;
}
.public-user-info .info-box .job-status .status {
	margin-right: 10px;
	cursor: pointer;
}
.public-user-info .info-box .job-status ._red {
	font-size: 16px;
}
.public-user-info .info-box .select-pop-up {
	position: absolute;
	left: 40%;
	bottom: -100px;
	background-color: #fff;
	border-radius: 10px;
	z-index: 99;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,.2);
	-ms-box-shadow: 0 0 8px rgba(0,0,0,.2);
	-o-box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.info-box .select-pop-up .guide::before,
.info-box .select-pop-up .guide::after {
	content: '';
    position: absolute;
    top: -12px;
    left: 40px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
}
.info-box .select-pop-up .guide::before {
    border-width: 0 12px 12px;
    border-color: transparent transparent #DDDDDD;
    margin-left: -1px;
}
.info-box .select-pop-up .guide::after {
    border-width: 0 11px 11px;
    border-color: transparent transparent #fff;
    padding-top: 1px;
}
.public-user-info .select-pop-up .status-box {
	padding: 10px;
}
.public-user-info .select-pop-up .status-box .item {
    position: relative;
	float: left;
    width: 80px;
    height: 72px;
    margin-right: 35px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}
.public-user-info .select-pop-up .status-box .item:last-child {
	margin-right: 0;
}
.public-user-info .select-pop-up .status-box .item.on {
    background-color: #f9f9f9;
    border: 1px solid #f3f3f3;
    border-radius: 5px;
}
.select-pop-up .status-box .item .ico {
    position: absolute;
    top: 5px;
    left: 15px;
    width: 50px;
    height: 38px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.select-pop-up .status-box .item .on-job {
    background-image: url(../images/status01.png);
}
.select-pop-up .status-box .item .sidelines {
    background-image: url(../images/status02.png);
}
.select-pop-up .status-box .item .in-job {
    background-image: url(../images/status03.png);
}
.select-pop-up .status-box .item .students {
    background-image: url(../images/status04.png);
}
.select-pop-up .status-box .item.on .on-job {
    background-image: url(../images/status011.png);
}
.select-pop-up .status-box .item.on .sidelines {
    background-image: url(../images/status022.png);
}
.select-pop-up .status-box .item.on .in-job {
    background-image: url(../images/status033.png);
}
.select-pop-up .status-box .item.on .students {
    background-image: url(../images/status044.png);
}
.select-pop-up .status-box .item .text {
	display: block;
	padding-top: 48px;
}
.select-pop-up .status-box .item.on .text {
	color: #00B48B;
}
.public-user-info .info-box .icon-edit {
	position: absolute;
	top: -30px;
	right: 0;
	display: inline-block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../images/icon_edit01.png) no-repeat center center;
	background-size: contain;
}
.public-user-info .info-box .info-table {
	font-size: 0;
	padding: 12px 0;
}
.public-user-info .info-box .info-table span {
	display: inline-block;
	line-height: 28px;
	border: 1px solid #00b48d;
	border-radius: 5px;
	padding: 0 9px;
	color: #00b48d;
	font-size: 16px;
	margin: 0 5px;
}
.public-user-info .info-box .company-name {
	padding: 12px 0;
	font-size: 18px;
}
.public-user-info .info-box .other {
	padding: 10px 0;
	font-size: 0;
}
.public-user-info .info-box .other .item {
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #716d6d;
	margin: 0 20px;
	line-height: 22px;
	padding-left: 26px;
}
.public-user-info .info-box .other .item i {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: 0 center;
}
.public-user-info .info-box .other .friends i {
	background-image: url(../images/icon_friends01.png);
	background-size: auto 20px;
}
.public-user-info .info-box .other .fans i {
	background-image: url(../images/icon_fans01.png);
	background-size: auto 18px;
}
.public-user-info .info-box .other .focus i {
	background-image: url(../images/icon_focus01.png);
	background-size: auto 20px;
}
.public-user-info .info-box .other .hobby i {
	background-image: url(../images/icon_hobby01.png);
	background-size: 21px auto;
}
.public-user-info .info-box .other .hobby {
	padding-left: 30px;
	font-size: 18px;
}
.personal-home-page .my-list-top {
	height: 320px;
	background-color: #fff;
	margin: 15px 0;
}
.personal-home-page .my-list-top {
	padding-left: 65px;
}
.personal-home-page .my-list-top ul,
.personal-home-page .my-list-btm ul{
	padding-top: 50px;
}
.personal-home-page .my-list-top li {
	position: relative;
	float: left;
	width: 215px;
	height: 90px;
	margin-left: 25px;
	margin-bottom: 30px;
	padding-left: 115px;
	margin-right: 30px;
}
.personal-home-page .my-list-top li:nth-child(3n),
.personal-home-page .my-list-top li.mar-rt0 {
	margin-right: 0;
}
.personal-home-page .my-list-top li .icon {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 90px;
	height: 90px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 65px;
}
.personal-home-page .my-list-top li .my-circle {
	background-image: url(../images/icon_my01.png);
	background-color: #68b5fb;
}
.personal-home-page .my-list-top li .my-contacts {
	background-image: url(../images/icon_my02.png);
	background-color: #fca290;
}
.personal-home-page .my-list-top li .my-ask-answer {
	background-image: url(../images/questionAnswers/ico_ask_answer.png);
	background-color: #fca290;
	background-size: auto 70px;
}
.personal-home-page .my-list-top li .my-resume {
	background-image: url(../images/icon_my03.png);
	background-color: #68b5fb;
}
.personal-home-page .my-list-top li .my-invite {
	background-image: url(../images/icon_my04.png);
	background-color: #a8bccf;
}
.personal-home-page .my-list-top li .my-wallet {
	background-image: url(../images/icon_my05.png);
	background-color: #47b683;
}
.personal-home-page .my-list-top li .my-certification {
	background-image: url(../images/icon_my06.png);
	background-color: #84d0e8;
}
.personal-home-page .my-list-top li .title {
	display: inline-block;
	font-size: 21px;
	color: #00b48d;
	margin: 14px 0 10px 0;
}
.personal-home-page .my-list-top li p {
	font-size: 16px;
	color: #444;
}
.personal-home-page .my-list-btm {
	min-height: 450px;
	background-color: #fff;
}
.personal-home-page .my-list-btm ul {
	padding-left: 13px;
}
.personal-home-page .my-list-btm li {
	position: relative;
	float: left;
	width: 110px;
	padding-top: 100px;
	margin: 0 62px 20px 62px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 18px;
}
.personal-home-page .my-list-btm li,
.personal-home-page .my-list-btm li a {
	color: #858a89;
}
.personal-home-page .my-list-btm li .icon{
	position: absolute;
	left: 15px;
	top: 0;
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 48px;
}
.personal-home-page .my-list-btm li .icon-prize-task {
	background-image: url(../images/icon_my14.png);
	background-color: #68b5fb;
}
.personal-home-page .my-list-btm li .icon-message {
	background-image: url(../images/icon_my07.png);
	background-color: #fdbb58;
}
.personal-home-page .my-list-btm li .icon-seen-me {
	background-image: url(../images/icon_my08.png);
	background-color: #fca290;
}
.personal-home-page .my-list-btm li .icon-course {
	background-image: url(../images/icon_my09.png);
	background-color: #fdbb58;
}
.personal-home-page .my-list-btm li .icon-shield {
	background-image: url(../images/icon_my10.png);
	background-color: #3187a9;
}
.personal-home-page .my-list-btm li .icon-account {
	background-image: url(../images/icon_my11.png);
	background-color: #68b5fb;
}
.personal-home-page .my-list-btm li .icon-comment {
	background-image: url(../images/icon_my12.png);
	background-color: #dd7965;
}
.personal-home-page .my-list-btm li .icon-feedback {
	background-image: url(../images/icon_my13.png);
	background-color: #a8bccf;
}
.personal-home-page .my-list-btm li .icon-post {
	background-image: url(../images/icon_posting01.png);
	background-color: #68b5fb;
}
.personal-home-page .my-list-btm li .icon-collection {
	background-image: url(../images/icon_collection.png);
	background-color: #fca290;
}
.personal-home-page .my-list-btm li .icon-reward {
	background-image: url(../images/icon_purse_white.png);
	background-color: #fdbb58;
}
.personal-home-page .my-list-btm li .icon-my-medal {
	background-image: url(../images/icon_medal_white.png);
	background-color: #84d0e8;
}
.personal-home-page .my-list-btm li .icon-my-file {
	background-image: url(../images/dryCargo/ico_file.png);
	background-color: #DD7965;
	background-size: auto 44px;
}
/* 实名认证 */
.authentication-page,
.bind-bank-card {
	min-height: 820px;
	background-color: #fbfbfb;
	border-bottom: 1px solid #fbfbfb;
}
.authentication-page .progress,
.bind-bank-card .progress {
	position: relative;
	width: 655px;
	min-height: 42px;
	margin: 18px auto 60px auto;
}
.authentication-page .progress .item,
.bind-bank-card .progress .item {
	position: absolute;
	display: inline-block;
	color: #666666;
	padding-top: 26px;
	font-size: 12px;
	min-width: 80px;
	text-align: center;
}
.authentication-page .progress .item:before,
.bind-bank-card .progress .item:before {
	position: absolute;
	left: 50%;
	top: 0;
	content: '';
	display: block;
	width: 40px;
	height: 16px;
	background-color: #fbfbfb;
	margin-left: -20px;
}
.authentication-page .progress .item.on,
.bind-bank-card .progress .item.on {
	color: #00B48B;
}
.authentication-page .progress .id-info,
.bind-bank-card .progress .id-info {
	left: 0;
}
.authentication-page .progress .upload-id-card,
.bind-bank-card .progress .upload-id-card {
	left: 50%;
	z-index: 9;
	margin-left: -32px;
}
.authentication-page .progress .complete,
.bind-bank-card .progress .complete {
	right: 0;
}
.authentication-page .progress .item i,
.bind-bank-card .progress .item i {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border: 1px solid #666;
	color: #666;
	border-radius: 50%;
	margin-left: -9px;
	background-color: #fbfbfb;
}
.authentication-page .progress .complete i,
.bind-bank-card .progress .complete i {
	width: 18px;
	height: 18px;
	margin-left: -10px;
}
.authentication-page .progress .on i,
.bind-bank-card .progress .on i {
	color: #00B48B;
	border: 1px solid #00B48B;
}
.authentication-page .progress .line,
.bind-bank-card .progress .line {
	position: absolute;
	top: 7px;
	left: 50%;
	display: block;
	width: 546px;
	height: 2px;
	background-color: #e0e0e0;
	margin-left: -273px;
}
.authentication-page .fill-in {
	width: 940px;
	margin: 0 auto;
}
.authentication-page .fill-in .title {
	font-size: 16px;
	padding-bottom: 20px;
}
.authentication-page .pd-btm25 {
	padding-bottom: 25px;
}
.authentication-page .pd-top60 {
	padding-top: 60px;
}
.authentication-page .pd-lf45 {
	padding-left: 45px;
}
.authentication-page .fill-in .info-title {
	width: 105px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #6b6666;
}
.authentication-page .fill-in .info-input {
	width: 260px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #c4bebe;
	border-radius: 5px;
	padding: 0 15px;
	background-color: #fff;
	color: #616161;
	font-size: 14px;
}
.authentication-page .drop-down-box {
	width: 225px;
	border: 1px solid #d2c8c8;
	padding: 0 50px 0 15px;
	font-size: 14px;
}
.authentication-page .drop-down-box .drop-down-list {
	width: 273px;
}
.authentication-page .drop-down-box .drop-down-list li {
	font-size: 14px;
}
.authentication-page .drop-down-box .drop-down-text {
	padding: 0;
}
.authentication-page .drop-down-box .hide-img+.drop-down-text {
	color: #ddd;
}
.authentication-page .drop-down-box .drop-down-img {
	border: 0;
	background-image: url(../images/down01.png) !important;
	background-size: 14px auto;
	background-position: center center;
	opacity: .6;
}
.authentication-page .drop-down-img.hide-img {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
.authentication-page .btn-box > .com-btn.bac-green{
	border: 1px solid #00b48d;
	background-color: #00b48d;
	color: #fff;
}
.authentication-page .btn-box > .com-btn.bac-empty{
	border: 1px solid #d2c8c8;
	background-color: #fff;
	color: #978b8b;
}
.fill-in .id-card .upload-area {
	position: relative;
	width: 290px;
	height: 225px;
	background-color: #fff;
	box-shadow: 0 0 30px rgba(185,218,248,.5);
	-webkit-box-shadow: 0 0 30px rgba(185,218,248,.5);
	-moz-box-shadow: 0 0 30px rgba(185,218,248,.5);
	-ms-box-shadow: 0 0 30px rgba(185,218,248,.5);
	-o-box-shadow: 0 0 30px rgba(185,218,248,.5);
}
.fill-in .id-card .icon-box {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/icon_box01.png) no-repeat center center;
	background-size: 272px auto;
}
.fill-in .id-card .pd-lf33 {
	padding-left: 33px;
}
.fill-in .id-card .upload-pictures {
	margin: 0 72px;
}
.fill-in .id-card .upload-pictures:first-child {
	margin: 0 72px 0 105px;
}
.fill-in .id-card .upload-img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 227px;
	height: 145px;
	line-height: 145px;
	margin: -72.5px 0 0 -113.5px;
	border-radius: 8px;
	overflow: hidden;
}
.fill-in .id-card .upload-img img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.id-card .upload-img .icon-default {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.id-card .upload-img .icon-default.front {
	background: url(../images/id_card01.png) no-repeat center center;
	background-size: contain;
}
.id-card .upload-img .icon-default.reverse {
	background: url(../images/id_card02.png) no-repeat center center;
	background-size: contain;
}
.id-card .upload-img .icon-default i {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 108px;
	height: 108px;
	border-radius: 50%;
	background: url(../images/icon_camera01.png) no-repeat center center rgba(0,0,0,.3);
	background-size: 55px auto;
	margin: -54px 0 0 -54px;
}
.id-card .upload-pictures .upload-btn {
	display: block;
	width: 100%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	background-color: #03b591;
	cursor: pointer;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.authentication-page .btn-box {
	width: 200px;
	height: 66px;
	margin: 22px auto 35px auto;
	background-color: #fff;
}
.authentication-page .btn-box .submit-btn {
	display: inline-block;
	width: 110px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background-color: #00b58c;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	margin-left: 45px;
	margin-top: 14px;
}
/* 实名认证成功 */
.authentication-page .authentication-ok {
	color: #666;
	text-align: center;
}
.authentication-page .authentication-ok .icon {
	display: block;
	width: 170px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/icon_successful02.png) no-repeat center center;
	background-size: 126px auto;
}
.authentication-page .authentication-ok > h2 {
	font-size: 24px;
	line-height: 46px;
}
.authentication-page .authentication-ok .name,
.authentication-page .authentication-ok .id-number{
	font-size: 18px;
	line-height: 34px;
}
.authentication-page .authentication-ok .go-back {
	display: inline-block;
	margin-top: 80px;
	color: #1ca9cc;
}
/* 我的钱包 */
.my-wallet-page {
	min-height: 820px;
}
.my-wallet-page .wallet-info {
	height: 152px;
	background-color: #f4f4f4;
}
.wallet-info .info-lf {
	padding-left: 27px;
	color: #393939;
}
.wallet-info .info-lf .color-red {
	color: #d94a4a;
	font-size: 24px;
}
.wallet-info .info-lf > h2 {
	line-height: 60px;
	font-size: 20px;
}
.wallet-info .info-lf > p {
	line-height: 30px;
	font-size: 16px;
}
.wallet-info .info-lf .btn-grren {
	display: block;
	width: 105px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border-radius: 5px;
	background-color: #02b68f;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	margin-top: 15px;
	margin-left: 25px;
}
.wallet-info .info-rt {
	border-left: 1px solid #e6e6e6;
	padding-left: 22px;
	margin-top: 38px;
	margin-right: 72px;
}
.wallet-info .info-rt .btn {
	display: block;
	width: 103px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: 1px solid #02b68f;
	border-radius: 5px;
	font-size: 18px;
	cursor: pointer;
}
.wallet-info .info-rt .btn.bac-grren {
	background-color: #02b68f;
	color: #fff;
}
.wallet-info .info-rt .btn.bac-empty {
	color: #02b68f;
}
.wallet-info .info-rt .mrg-btm7 {
	margin-bottom: 7px;
}
.my-wallet-page .banner {
	height: 192px;
	background: url(../images/invite_banner01.png) no-repeat center center;
	background-size: contain;
}
.wallet-record .record-nav {
	height: 52px;
	background-color: #f4f4f4;
}
.wallet-record .record-nav span {
	position: relative;
	display: inline-block;
	min-width: 68px;
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	text-align: center;
	font-size: 16px;
	color: #878484;
	cursor: pointer;
	margin: 2px 1px 0 1px;
}
.wallet-record .record-nav .on {
	background-color: #02b68f;
	color: #fff;
}
.wallet-record .record-nav .on:before {
	position: absolute;
	left: 34px;
	bottom: -10px;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 10px solid #02b68f;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
.wallet-record .record-title {
	line-height: 56px;
	text-align: center;
}
.wallet-record .record-title .record {
	font-size: 0;
	height: 56px;
}
.wallet-record .record-title .commission,
.wallet-record .record-title .record span{
	font-size: 16px;
	color: #393939;
}
.wallet-record .record-title .record span {
	cursor: pointer;
	margin: 0 12px;
}
.wallet-record .record-title .record .on {
	color: #02b68f;
}
.wallet-record .query-time {
	font-size: 16px;
	color: #302e2e;
	line-height: 38px;
}
.wallet-record .query-time .Data-box {
	position: relative;
	min-width: 153px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #c4c4c4;
	border-radius: 5px;
	overflow: hidden;
}
.wallet-record .query-time .Data-box input {
	width: 123px;
	height: 100%;
	padding: 0 15px;
	font-size: 15px;
}
.query-time .Data-box .laydate-icon {
	position: absolute;
	top: 0;
	right: 10px;
	display: inline-block;
	width: 20px;
	height: 100%;
	background: url(../images/date.png) no-repeat center center;
	background-size: 17px auto;
}
.wallet-record .query-time .query {
	width: 120px;
    height: 40px;
    line-height: 40px;
    background: #00b48d;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    margin-left: 30px;
    cursor: pointer;
}
.wallet-record .query-list {
	width: 856px;
	margin: 0 auto;
	padding-top: 55px;
}
.wallet-record .query-list .type {
	margin-bottom: 50px;
}
.wallet-record .query-list .public-paging {
	margin-top: -50px;
}
.wallet-record .query-list .com-list {
	width: 854px;
	border: 1px solid #bac3c0;
	border-radius: 8px;
	overflow: hidden;
}
.wallet-record .query-list .com-list li {
	min-height: 20px;
	border-top: 1px solid #d1e1de;
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0;
}
.wallet-record .query-list .com-list li:first-child {
	border-top: none;
	font-size: 14px;
}
.wallet-record .query-list .com-list li:nth-child(2n-1) {
	background-color: #e3f3f0;
}
.wallet-record .query-list .com-list li span {
	float: left;
	width: 25%;
	text-align: center;
}
.wallet-record .query-list .com-list li .itme01 {
	width: 20%;
}
.wallet-record .query-list .com-list li .itme02 {
	width: 40%;
}
.wallet-record .query-list .com-list li .itme03 {
	width: 15%;
}
.wallet-record .query-list .com-list li .itme04 {
	width: 25%;
}
/* 充值页面 */
.top-up-page {
	min-height: 850px;
}
.top-up-page .top-up-box {
	padding: 0 45px;
}
.top-up-page .top-up-box > h2 {
	line-height: 100px;
	font-size: 24px;
	color: #3b3838;
}
.top-up-box .select-amount .item {
	float: left;
	width: 253px;
	height: 250px;
	border: 1px solid #dddddd;
	margin: 0 10px 28px 10px;
	cursor: pointer;
	color: #3b3838;
}
.top-up-box .select-amount .item.on {
	position: relative;
	width: 251px;
	height: 248px;
	border: 2px solid #02b68f;
}
.top-up-box .select-amount .item.on:before {
	position: absolute;
	bottom: 0;
	right: 0;
	content: '';
	display: block;
	border-right: 50px solid #02b68f;
	border-top: 50px solid transparent;
	border-left: 50px solid transparent;
}
.top-up-box .select-amount .item.on:after {
	position: absolute;
	bottom: 0;
	right: 0;
	content: '';
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/tick02.png) no-repeat 18px 26px;
	background-size: auto 20px;
	transform: rotate(-15deg);
}
.top-up-box .select-amount .item .options {
	position: relative;
	width: 94px;
	height: 189px;
	border-bottom: 1px solid #dddddd;
	margin: 0 auto;
	line-height: 189px;
	padding-left: 100px;
	font-size: 36px;
}
.top-up-box .select-amount .item.on .options {
	border-bottom: 1px solid #02b68f;
}
.top-up-box .select-amount .item .text {
	font-size: 28px;
	line-height: 62px;
	text-align: center;
}
.select-amount .options .option-bg,
.select-amount .options input:checked + .option-on {
    position: absolute;
    top: 50%;
    left: 38px;
    display: inline-block;
    height: 46px;
    width: 46px;
    margin-top: -23px;
    cursor: pointer;
    border-radius: 50%;
    padding: 0;
}
.method-payment .item .option-bg,
.method-payment .item input:checked + .option-on {
    position: absolute;
    top: 50%;
    left: 32px;
    display: inline-block;
    height: 28px;
    width: 28px;
    margin-top: -14px;
    cursor: pointer;
    border-radius: 50%;
    padding: 0;
}
.select-amount .options .option-bg,
.method-payment .item .option-bg {
	background: url(../images/icon_options01.png) no-repeat center center;
    background-size: contain;
}
.select-amount .options input:checked + span.option-on,
.method-payment .item input:checked + span.option-on {
    background: url(../images/icon_options02.png) no-repeat center center;
    background-size: contain;
}
.top-up-box .custom-amount {
	width: 1078px;
	height: 74px;
	line-height: 74px;
	border: 1px solid #dddddd;
	border-radius: 10px;
	margin-left: 10px;
	overflow: hidden;
}
.top-up-box .custom-amount > input,
.top-up-box .custom-amount > .text {
	height: 74px;
	line-height: 74px;
	font-size: 28px;
	color: #484545;
}
.top-up-box .custom-amount > input {
	width: 930px;
	padding-left: 40px;
}
.top-up-box .custom-amount > .text {
	width: 106px;
	text-align: center;
}

.top-up-box .method-payment .item {
	position: relative;
	float: left;
	width: 313px;
	height: 76px;
	border: 1px solid #02b68f;
	background-color: #e1f4f0;
	margin-left: 66px;
	margin-bottom: 50px;
	cursor: pointer;
}
.top-up-box .method-payment .item:first-child {
	margin-left: 10px;
}
.method-payment .item .icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 205px;
	height: 76px;
}
.method-payment .item .icon.pay-treasure {
	background: url(../images/pay_treasure01.png) no-repeat 0 center;
	background-size: auto 48px;
}
.method-payment .item .icon.wechat-pay {
	background: url(../images/wechat_pay01.png) no-repeat 0 center;
	background-size: auto 48px;
}
.method-payment .item .icon.online-payment {
	background: url(../images/online_payment01.png) no-repeat 0 center;
	background-size: auto 48px;
}
.top-up-page .top-up-box .confirm-btn {
	display: block;
	width: 322px;
	height: 75px;
	line-height: 75px;
	text-align: center;
	color: #fff;
	margin: 57px auto;
	font-size: 26px;
	background-color: #02b68f;
	border-radius: 10px;
	cursor: pointer;
}
/* 邀请好友页面 */
.invite-friends-page {
	min-height: 2820px;
	background: url(../images/bac_invite_friends.png) no-repeat center 0 #02b68f;
	background-size: 1680px auto;
	border-bottom: 1px solid #02b68f;
}
.invite-friends-page .w {
	position: relative;
	border-top: 1px solid #02b68f;
}
.invite-friends-page .top-tips {
	position: absolute;
	top: 217px;
	left: 50%;
	font-size: 28px;
	color: #f97d09;
	border: 2px solid #f97d09;
	border-radius: 45px;
	line-height: 88px;
	padding: 0 50px;
	white-space: nowrap;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	text-shadow: 0 0 2px rgba(0,0,0,.2);
	-webkit-text-shadow: 0 0 2px rgba(0,0,0,.2);
}
.invite-friends-page .btn-rules {
	position: absolute;
	right: 45px;
	top: 30px;
	display: block;
	width: 124px;
	height: 44px;
	font-size: 24px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	background-color: rgba(0,0,0,.3);
	border-radius: 10px;
	cursor: pointer;
}
.invite-friends-page .btn-rules:hover {
	background-color: rgba(0,0,0,.4);
}
.invite-friends-page .earnings {
	position: absolute;
	font-size: 37px;
}
.invite-friends-page .earnings > h3 {
	position: relative;
	line-height: 66px;
	text-align: center;
	color: #fff;
	border-radius: 40px;
	background-color: #e64352;
	z-index: 9;
}
.invite-friends-page .earnings > p {
	position: relative;
	top: -66px;
	color: #e64352;
	background-color: #ffffdb;
	line-height: 56px;
	padding: 76px 18px 20px 18px;
	border-radius: 40px;
}
.invite-friends-page .earnings.ear-register {
	width: 325px;
	top: 1195px;
	left: 120px;
}
.invite-friends-page .earnings.ear-download {
	width: 345px;
	top: 1340px;
	right: 0;
}
.invite-friends-page .earnings.ear-share {
	width: 440px;
	top: 1550px;
	left: 350px;
}
.invite-friends-page .mar-top2050 {
	margin-top: 2050px;
}
.invite-friends-page .how-get {
	position: relative;
	height: 492px;
	background-color: #d5f6ef;
	border-radius: 30px;
	padding: 68px 20px 0 20px;
}
.invite-friends-page .how-get > .title,
.invite-friends-page .invite-relevant > .title {
	position: absolute;
	top: -38px;
	left: 50%;
	width: 256px;
	line-height: 60px;
	text-align: center;
	background-color: #02b68f;
	color: #fff;
	font-size: 28px;
	border-radius: 40px;
	border: 8px solid #d5f6ef;
	margin-left: -136px;
}
.invite-friends-page .how-get .invite-link {
	height: 250px;
	background-color: #fff;
	border-radius: 30px;
	padding-left: 50px;
	font-size: 24px;
	color: #4d4b4b;
}
.invite-friends-page .invite-link > .link {
	display: block;
	padding-top: 52px;
	padding-bottom: 28px;
	line-height: 78px;
}
.invite-friends-page .invite-link .link > input {
	display: inline-block;
	width: 812px;
	height: 74px;
	line-height: 74px;
	font-size: 24px;
	border: 2px solid #02b68f;
	border-radius: 15px;
	margin-left: 40px;
	padding: 0 55px;
	color: #4d4b4b;
}
.invite-friends-page .invite-link .share-more {
	line-height: 52px;
}
.invite-friends-page .invite-link .share-box {
	padding-left: 70px;
}
.invite-link .share-box .icon {
	float: left;
	width: 52px;
	height: 52px;
	border-radius: 10px;
	background-image: url(../images/share.png);
	background-repeat: no-repeat;
	background-size: auto 52px;
	margin: 0 20px;
}
.invite-link .share-box .icon.circle-friends {
	background-position: -60px 0;
}
.invite-link .share-box .icon.weibo {
	background-position: -124px 0;
}
.invite-link .share-box .icon.more {
	background-position: -189px 0;
}
.invite-link .share-box .relative {
	position: relative;
}
.invite-link .share-box .relative:hover .qr-code {
	display: inline-block;
}
.invite-link .share-box .qr-code {
	position: absolute;
    top: -220px;
    left: 50%;
    display: none;
    width: 180px;
    height: 180px;
    background-color: #fff;
    margin: 0 0 0 -100px;
    padding: 10px;
    border: 1px solid #DDDDDD;
    z-index: 99;
}
.invite-link .share-box .qr-code:before {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 0;
    display: inline-block;
    width: 202px;
    height: 25px;
}
.invite-link .share-box .qr-code i:before,
.invite-link .share-box .qr-code i:after {
    content: '';
    position: absolute;
    bottom: -14px;
    left: 50%;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 15px 15px 0;
    border-style: solid;
    margin-left: -15px;
}
.invite-link .share-box .qr-code i:before {
	border-color: #DDDDDD transparent transparent;
}
.invite-link .share-box .qr-code i:after {
    border-color: #fff transparent transparent;
    padding-top: 1px;
}
.invite-link .share-box .qr-code img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.invite-friends-page .how-get .have-got {
	height: 140px;
	background-color: #fff;
	border-radius: 15px;
	margin-top: 28px;
}
.how-get .have-got {
	position: relative;
}
.how-get .have-got .have-box {
	width: 580px;
	text-align: center;
}
.how-get .have-got .have-box > h3 {
	font-size: 24px;
	color: #4d4b4b;
	padding: 25px 0 10px 0;
}
.how-get .have-got .have-box > p {
	font-size: 18px;
	color: #ff5858;
}
.how-get .have-got .have-box > p .num {
	font-size: 35px;
}
.how-get .have-got .icon-line {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 2px;
	height: 60px;
	background-color: #02b68f;
	margin: -30px 0 0 -1px;
}
/* 邀请相关 -开 */
.invite-friends-page .invite-relevant.ranking-list {
	position: relative;
    height: 500px;
    background-color: #d5f6ef;
	border-radius: 30px;
	border: 0;
	margin: 90px 0 40px 0;
    padding: 68px 20px 0 20px;
}
.invite-relevant.ranking-list .table {
	padding-bottom: 20px;
	border-radius: 15px;
	background-color: #fff;
}
.invite-relevant.ranking-list .table .tab-nav {
	background-color: #01b58f;
}
.invite-relevant.ranking-list .table .tab-content {
	height: 380px;
}
.invite-relevant.ranking-list .table .tab-content.rank {
	padding: 0 10px;
}
.invite-relevant.ranking-list .table .tab-switch {
	padding-right: 15px;
}
.invite-relevant.ranking-list .tab-switch span {
	display: inline-block;
	width: 64px;
	color: #fff;
	cursor: pointer;
}
.invite-relevant.ranking-list .tab-switch .on {
	color: #02b68f;
	background-color: #fff;
}
.invite-relevant.ranking-list .table .tab-content.rank li,
.invite-relevant.ranking-list .table .tab-content.rank li span {
	height: 56px;
	line-height: 56px;
	text-align: left;
}
.invite-relevant.ranking-list .wd60 {
	width: 60px;
	text-align: center !important;
}
.invite-relevant.ranking-list .wd170 {
	width: 170px;
}
.invite-relevant.ranking-list .wd110 {
	width: 110px;
}
.invite-relevant.ranking-list .wd145 {
	width: 145px;
}
.invite-relevant.ranking-list .rank .portrait {
	float: left;
	width: 40px;
	height: 40px;
	border: 1px solid #e1e1e1;
	border-radius: 50%;
	margin: 7px 10px 0 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
/* 邀请相关 -结 */
/* 邀请排行榜*/
.invite-friends-page .ranking-list {
	height: 580px;
	margin: 55px 0 40px 0;
	border-top: 85px solid #3de3bf;
	background-color: #d5f6ef;
	border-radius: 25px;
	padding: 0 30px;
}
.invite-friends-page .ranking-list .list-box{
	width: 558px;
}
.ranking-list .list-box .list-title {
	position: relative;
	line-height: 90px;
	text-align: center;
	font-size: 26px;
	color: #02b68f;
}
.ranking-list .list-title .list-day {
	position: absolute;
	top: 50%;
	right: 50px;
	display: inline-block;
	width: 80px;
	height: 28px;
	line-height: 28px;
	font-size: 18px;
	background-color: #02b68f;
	border-radius: 20px;
	color: #fff;
	padding-right: 12px;
	margin-top: -14px;
}
 .ranking-list .list-title .list-day > i {
	position: absolute;
	top: 50%;
	right: 14px;
	display: block;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	cursor: pointer;
	background: url(../images/icon_switch01.png) no-repeat center center;
	background-size: contain;
 }
.ranking-list .table .tab-nav {
	height: 66px;
	line-height: 66px;
	background-color: #40c9ad;
	font-size: 20px;
	color: #fff;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.ranking-list .table .tab-nav span,
.ranking-list .table .tab-content.rank li span {
	float: left;
	height: 66px;
	text-align: center;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ranking-list .table .tab-content {
	height: 330px;
	background-color: #fff;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	overflow-x: hidden;
	overflow-y: auto;
}
.ranking-list .table .gold-medal {
	background: url(../images/gold_medal.png) no-repeat center;
	background-size: auto 40px;
}
.ranking-list .table .silver-medal {
	background: url(../images/silver_medal.png) no-repeat center;
	background-size: auto 40px;
}
.ranking-list .table .bronze-medal {
	background: url(../images/bronze_medal.png) no-repeat center;
	background-size: auto 40px;
}
.ranking-list .table .wd130{
	width: 130px;
}
.ranking-list .table .wd135{
	width: 135px;
}
.ranking-list .table .wd140{
	width: 140px;
}
.ranking-list .table .wd138{
	width: 138px;
}
.ranking-list .table .wd145{
	width: 145px;
}
.ranking-list .table .wd185 {
	width: 185px;
}
.ranking-list .table .wd222 {
	width: 222px;
}
.ranking-list .table .tab-content.rank li {
	line-height: 66px;
	font-size: 17px;
	color: #686262;
}
.ranking-list .tab-content.members li {
	position: relative;
	border-top: 1px solid #c9f5e8;
}
.ranking-list .tab-content.members li:first-child {
	border-top: none;
}
.ranking-list .tab-content.members .item {
	position: relative;
	line-height: 36px;
	font-size: 17px;
}
.ranking-list .tab-content.members .level01 {
	padding-left: 20px;
	color: #474141;
}
.ranking-list .tab-content.members .level02 {
	padding-left: 40px;
	color: #6b6868;
}
.ranking-list .tab-content.members .level03 {
	padding-left: 60px;
	color: #999999;
}
.ranking-list .members .item span {
	float: left;
	margin-left: 40px;
}
.ranking-list .members .item .name {
	max-width: 140px;
	height: 36px;
	overflow: hidden;
}
.ranking-list .members .list-index {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 55px;
	line-height: 30px;
	text-align: center;
	font-size: 24px;
	color: #02b68f;
	margin-top: -15px;
}
.ranking-list .members .item .line {
	position: absolute;
	left: 50px;
	top: -20px;
	display: inline-block;
	height: 38px;
	border-left: 2px solid #54ceb5;
	border-bottom: 2px solid #54ceb5;
}
.ranking-list .members .level02 .line {
	width: 20px;
}
.ranking-list .members .level03 .line {
	width: 40px;
}
/* 绑定银行卡 */
.bind-bank-card .fill-in-info {
	width: 420px;
	margin: 0 auto;
	padding-top: 30px;
}
.bind-bank-card .fill-in-info .mar-btm {
	margin-bottom: 28px;
}
.fill-in-info .info-box > .info-title {
	display: block;
	width: 108px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #6b6666;
}
.fill-in-info .info-box .info-input {
	width: 250px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #c4bebe;
	padding: 0 20px;
	border-radius: 5px;
	color: #666666;
	font-size: 14px;
}
.fill-in-info .info-box .verificate-code {
	width: 290px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #c4bebe;
	border-radius: 5px;
	color: #666666;
	font-size: 14px;
	overflow: hidden;
}
.fill-in-info .info-box .verificate-code .code {
	width: 155px;
	height: 38px;
	line-height: 38px;
	padding-left: 20px;
}
.fill-in-info .verificate-code .send-btn {
	display: block;
	width: 115px;
	background-color: #e8e8e8;
	text-align: center;
	cursor: pointer;
	font-size: 13px;
}
.fill-in-info .verificate-code .send-btn .color-grey {
	color: #aaa;
}
.fill-in-info .info-box .not-received {
	font-size: 12px;
	color: #00af90;
	line-height: 28px;
	margin-right: 30px;
}
.bind-bank-card .fill-in-info .complete-btn {
	display: block;
    width: 195px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    background-color: #00b58c;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
	font-size: 24px;
	margin: 80px auto;
}
/* 提现-页面 */
.withdrawal-page {
	background-color: #fbfbfb;
}
.withdrawal-page .pd-top {
	padding-top: 30px;
}
.withdrawal-page .mar-btm {
	margin-bottom: 35px;
}
.withdrawal-page .item-info {
	color: #414141;
}
.withdrawal-page .item-info .item-title {
	display: block;
	width: 175px;
	line-height: 40px;
	text-align: right;
	padding-right: 38px;
}
.withdrawal-page .item-info .item-title.line-hgt{
	line-height: 56px;
}
.withdrawal-page .item-info .name {
	line-height: 40px;
}
.item-info .choose-card .bank-card-box {
	width: 900px;
	height: 54px;
	line-height: 54px;
	border: 1px solid #eeecec;
	border-radius: 5px;
	background-color: #effffc;
}
.choose-card .bank-card-box .icon-dot {
	position: relative;
	top: 50%;
	display: block;
	width: 5px;
	height: 5px;
	background-color: #767277;
	border: 4px solid #cac7cb;
	border-radius: 50%;
	box-shadow: 0 0 1px #bab8b8;
	-webkit-box-shadow: 0 0 1px #bab8b8;
	-moz-box-shadow: 0 0 1px #bab8b8;
	-ms-box-shadow: 0 0 1px #bab8b8;
	-ms-o-shadow: 0 0 1px #bab8b8;
	margin: -6.5px 20px 0 20px;
}
.choose-card .bank-card-box .card-info {
	position: relative;
	font-size: 18px;
	color: #414141;
	padding-left: 30px;
}
.bank-card-box .card-info .icon {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-top: -10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.choose-card .bank-card-box .date {
	position: relative;
	top: 50%;
	margin: -10px 100px 0 110px;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	background-color: #02b68f;
	color: #fff;
	padding: 0 5px 0 3px;
}
.choose-card .bank-card-box .date > i {
	position: absolute;
	top: 0;
	left: -10px;
	display: inline-block;
	border-right: 10px solid #02b68f;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
.choose-card .bank-card-box .text {
	font-size: 16px;
	color: #a4a4a5;
}
.item-info .choose-card .other-box {
	display: inline-block;
}
.item-info .choose-card .other-box .icon-reducte {
	position: absolute;
	top: 50%;
	left: 22px;
	width: 13px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	border: 1px solid #02b68f;
	border-radius: 3px;
	color: #02b68f;
	font-weight: bold;
	margin-top: -7px;
}
.item-info .choose-card .other-box > h4 {
	display: inline-block;
	font-size: 16px;
	line-height: 36px;
	color: #34c7a7;
	padding-left: 55px;
	cursor: pointer;
}
.choose-card .other-box .other-bank-card {
	position: absolute;
	left: 22px;
	top: 36px;
	min-width: 280px;
	border: 1px solid #02b68f;
	background-color: #fff;
}
.choose-card .other-bank-card .add-box {
	position: relative;
	display: block;
	line-height: 42px;
	text-align: center;
	color: #34c7a7;
	font-size: 14px;
	padding-left: 22px;
}
.choose-card .other-bank-card .list {
	padding: 0 14px;
}
.choose-card  .other-bank-card .list li {
	position: relative;
	line-height: 40px;
	border-bottom: 1px solid #f2efef;
	padding-left: 28px;
	cursor: pointer;
}
.choose-card  .other-bank-card .list .icon {
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-top: -9px;
}
.choose-card  .other-bank-card .which {
	display: inline-block;
	font-size: 14px;
	color: #414141;
	padding-right: 10px;
}
.choose-card  .other-bank-card .tail {
	display: inline-block;
	font-size: 12px;
	color: #a09b9b;
}
.other-bank-card .add-box .icon-add {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	border: 1px solid #02b68f;
	color: #02b68f;
	border-radius: 50%;
	margin-top: -8px;
	margin-left: -52px;
}
.withdrawal-page .write-amount-box .input-box {
	line-height: 38px;
}
.withdrawal-page .write-amount-box .num {
	width: 250px;
	height: 38px;
	border: 1px solid #c4bebe;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 18px;
	color: #868686;
}
.withdrawal-page .write-amount-box .yuan {
	font-size: 18px;
	color: #414141;
	padding: 0 15px;
}
.withdrawal-page .write-amount-box .view-log {
	font-size: 16px;
	color: #34c7a7;
}
.withdrawal-page .write-amount-box .hint {
	line-height: 38px;
	padding-left: 20px;
	color: #868686;
	font-size: 16px;
}
.withdrawal-page .write-amount-box .hint .color-green {
	cursor: pointer;
}
.withdrawal-page .btn-box {
	padding: 200px 0 100px 0;
}
.withdrawal-page .btn-box .confirm-btn {
	display: block;
    width: 210px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background-color: #00b58c;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
	margin: 0 auto;
	font-size: 24px;
}
/* 有奖任务 */
.prize-task-page {
	background-color: #f6f7fb;
	border-bottom: 1px solid #f6f7fb;
}
.prize-task-page .task-box {
	min-height: 600px;
	background-color: #fff;
	padding: 0 20px;
	margin-top: 16px;
	margin-bottom: 50px;
}
.prize-task-page .task-box .task-title {
	position: relative;
	font-size: 24px;
	color: #454847;
	line-height: 83px;
	padding-top: 12px;
	padding-left: 58px;
}
.prize-task-page .task-box .task-title i {
	position: absolute;
	top: 12px;
	left: 0;
	width: 58px;
	height: 83px;
}
.prize-task-page .task-box .task-title .icon-date {
	background: url(../images/icon_task01.png) no-repeat center;
	background-size: 34px auto;
}
.prize-task-page .task-box .task-title .icon-clock {
	background: url(../images/icon_task02.png) no-repeat center;
	background-size: 34px auto;
}
.prize-task-page .task-box .task-title .icon-gift {
	background: url(../images/personal/awardTask/ico_gift01.png) no-repeat center;
	background-size: 34px auto;
}
/* 日常签到 */
.prize-task-page .task-box .sign-in-box {
	height: 102px;
	background: url(../images/task_banner01.png) no-repeat;
	background-size: contain;
	margin-top: 5px;
	margin-bottom: 60px;
}
.prize-task-page .task-box > .icon-link {
	display: block;
	width: 1050px;
	height: 1px;
	background-color: #e7e9e9;
	margin: 0 auto 15px auto;
}
.prize-task-page .sign-in-box .sign-lf {
	padding-left: 170px;
	min-width: 240px;
	text-align: center;
	color: #fff;
}
.prize-task-page .sign-in-box .sign-lf .sign-in-btn {
	display: block;
	width: 120px;
	height: 38px;
	line-height: 38px;
	border-radius: 20px;
	text-align: center;
	font-size: 24px;
	cursor: pointer;
	margin: 13px auto;
	background-color: rgba(0,0,0,.25);
	-webkit-background-color: rgba(0,0,0,.25);
	-moz-background-color: rgba(0,0,0,.25);
	-ms-background-color: rgba(0,0,0,.25);
	-o-background-color: rgba(0,0,0,.25);
}
.prize-task-page .sign-in-box .sign-lf > p {
	font-size: 18px;
}
.prize-task-page .sign-in-box .sign-lf .color-red {
	color: #f53d4f;
}
.prize-task-page .sign-in-box .sign-rt {
	padding-top: 40px;
}
.prize-task-page .sign-in-box .sign-rt .item {
	position: relative;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	padding: 0 20px 0 50px;
	border-left: 1px solid #fff;
	cursor: pointer;
}
.prize-task-page .sign-in-box .sign-rt .item:first-child {
	border-left: 0;
}
.sign-in-box .sign-rt .item i {
	position: absolute;
	top: 0;
	left: 20px;
	display: block;
	width: 30px;
	height: 24px;
}
.sign-in-box .sign-rt .item .icon-mall {
	background: url(../images/icon_task03.png) no-repeat 0 center;
	background-size: contain;
}
.sign-in-box .sign-rt .item .icon-rules {
	background: url(../images/icon_task04.png) no-repeat 4px center;
	background-size: auto 19px;
}
/* 日常任务 */
.prize-task-page .task-box .daily-tasks {
	position: relative;
	height: 237px;
}
.task-box .daily-tasks .bd {
	padding-left: 25px;
}
.task-box .daily-tasks .bd li {
	position: relative;
	float: left;
	width: 225px;
	min-height: 165px;
	text-align: center;
}
.task-box .daily-tasks .bd li .bd-link {
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 85px;
	background-color: #e9e9e9;
	margin-top: -42.5px;
}
.task-box .daily-tasks .bd li:last-child .bd-link {
	display: none;
}
.task-box .daily-tasks .bd li .icon {
	display: block;
	width: 90px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}
.task-box .daily-tasks .bd li .icon .font-size {
	font-size: 26px;
}
.task-box .daily-tasks .bd li .icon-complete {
	background: url(../images/icon_task05.png) no-repeat center;
	background-size: contain;
}
.task-box .daily-tasks .bd li .icon-bac-blue {
	background: url(../images/icon_task06.png) no-repeat center;
	background-size: contain;
}
.task-box .daily-tasks .bd li h4 {
	line-height: 48px;
	padding-top: 3px;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}
.task-box .daily-tasks .bd li .bd-text {
	display: inline-block;
	min-width: 86px;
	height: 20px;
	line-height: 20px;
	margin: 3px auto;
	font-size: 12px;
	color: #8b95a9;
	border-radius: 3px;
}
.task-box .daily-tasks .bd li .bd-text.bac {
	background-color: #8b95a9;
	color: #fff;
}
.task-box .daily-tasks .hd {
	position: relative;
	height: 70px;
}
.task-box .daily-tasks .hd ul {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 102px;
	height: 3px;
	border-radius: 2px;
	overflow: hidden;
	margin: -1.5px 0 0 -51px;
}
.task-box .daily-tasks .hd ul li {
	float: left;
	width: 50%;
	height: 100%;
	background-color: #8b95a9;
	cursor: pointer;
}
.task-box .daily-tasks .hd ul li.on {
	background-color: #02b68f;
}
.task-box .daily-tasks .hd .arrow i {
	position: absolute;
	top: -90px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    background: url(../images/icon_prev.png) no-repeat center center #03b68f;
    background-size: auto 16px;
	vertical-align: middle;
    margin-left: 8px;
}
.task-box .daily-tasks .hd .arrow .prev {
	left: 20px;
}
.task-box .daily-tasks .hd .arrow .next {
	right: 20px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
/* 限定任务 */
.task-box .qualified-task {
	padding-bottom: 35px;
}
.task-box .qualified-task li {
	float: left;
	width: 50%;
	min-height: 126px;
	margin-bottom: 25px;
}
.task-box .qualified-task li .icon {
	position: relative;
	top: 20px;
	display: block;
	width: 86px;
	height: 86px;
	border-radius: 50%;
	margin: 0 32px 0 90px;
	background-color: #bdc5d4;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px auto;
}
.task-box .qualified-task li .icon-info {
	background-image: url(../images/icon_task07.png);
}
.task-box .qualified-task li .icon-phone {
	background-image: url(../images/icon_task08.png);
}
.task-box .qualified-task li .icon-certificate {
	background-image: url(../images/icon_task09.png);
}
.task-box .qualified-task li .icon-public {
	background-image: url(../images/icon_task10.png);
}
.task-box .qualified-task li .item-box {
	width: 360px;
}
.task-box .qualified-task .item-box > h3 {
	font-size: 18px;
	font-weight: bold;
	color: #454847;
	line-height: 42px;
}
.task-box .qualified-task .item-box > p {
	font-size: 14px;
	color: #8f9090;
	line-height: 32px;
}
.task-box .qualified-task .item-box .item-btn {
	display: inline-block;
	width: 100px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
	background-color: #02b68f;
	cursor: pointer;
	margin-top: 10px;
}
/* 收藏页面 -始- */
.zwl-favorites-page .favorites-top,
.reward-details-page .reward-top {
    position: relative;
	font-size: 18px;
    height: 40px;
    line-height: 40px;
	padding: 15px 0 0 20px;
}
.zwl-favorites-page .favorites-top .fav-top-rt,
.reward-details-page .reward-top .rew-top-rt {
	font-size: 14px;
	color: #7f8c8d;
}
.zwl-favorites-page .fav-floatbar {
	height: 46px;
	border-bottom: 2px solid #e5e5e5;
}
.zwl-favorites-page .floatbar-select li {
	float: left;
	line-height: 46px;
}
.zwl-favorites-page .floatbar-select .fav-sel-item {
    display: block;
	padding: 0 20px;
    color: #3c3c3c;
    font-size: 15px;
}
.zwl-favorites-page .hr-color:hover,
.zwl-favorites-page .floatbar-select .fav-sel-item:hover,
.fav-floatbar .fav-batch-ul .fav-batch-item:hover {
	color: #00B48B !important;
}
.zwl-favorites-page .floatbar-select .fav-sel-item.active {
	padding-right: 40px;
    position: relative;
    color: #00B48B;
    border-bottom: #00B48B 2px solid;
}
.fav-floatbar .floatbar-rt {
	padding-top: 10px;
	font-size: 13px;
	color: #888;
}
.fav-floatbar .floatbar-rt .mg-lf {
	margin-left: 10px;
}
.fav-floatbar .floatbar-rt .fav-search {
	position: relative;
	width: 158px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #dcdcdc;
}
.fav-floatbar .fav-search .ico-fav-seaarch {
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 28px;
	border-left: 1px solid #dcdcdc;
	background: url(../images/search_normal.png) no-repeat center #f5f5f5;
	background-size: 18px auto;
	cursor: pointer;
}
.fav-floatbar .fav-search .fav-search-input {
	display: block;
	width: 125px;
	height: 100%;
	padding-left: 5px;
}
.fav-floatbar .floatbar-rt .fav-batch-btn {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	border: 1px solid #dcdcdc;
	cursor: pointer;
}
.fav-floatbar .floatbar-rt .fav-batch-btn:hover {
	color: #00B48B;
	border: 1px solid #00B48B;
}
.fav-floatbar .fav-batch-ul .fav-batch-item {
	position: relative;
	float: left;
    margin-right: 20px;
    cursor: pointer;
    color: #6c6c6c;
	line-height: 30px;
	padding-left: 22px;
}
.fav-floatbar .fav-batch-item .ico {
	position: absolute;
	left: 0;
	top: 50%;
	width: 18px;
	height: 18px;
}
.fav-floatbar .fav-batch-item .icon-selall {
	width: 12px;
	height: 12px;
	border: 2px solid #bbb;
	margin-top: -8px;
}
.fav-floatbar .fav-batch-item input:checked + .icon-selall {
	background: url(../images/tick01.png) no-repeat center;
	background-size: contain;
}
.fav-floatbar .fav-batch-item:hover .icon-selall {
	border: 2px solid #00B48B;
}
.fav-floatbar .fav-batch-item:hover input:checked + .icon-selall {
	background: url(../images/tick.png) no-repeat center;
	background-size: contain;
}
.fav-floatbar .fav-batch-item .icon-delete {
	background: url(../images/delete02.png) no-repeat center;
	background-size: contain;
	margin-top: -9px;
}
.fav-floatbar .fav-batch-item:hover .icon-delete {
	background: url(../images/delete03.png) no-repeat center;
	background-size: contain;
}
.favorites-content .favorites-post {
	padding-top: 5px;
}
.favorites-content .favorites-post li {
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 20px;
	margin: 5px 0;
}
.favorites-content .favorites-post .post-lf {
	width: 980px;
	padding: 10px 0;
}
.favorites-content .favorites-post .post-img {
	display: inline-block;
    width: 156px;
	height: 100px;
	border: 1px solid #e8e8e8;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.favorites-content .favorites-post .post-lf h4 {
	font-size: 16px;
    color: #222222;
    line-height: 24px;
	padding-bottom: 10px;
}
.favorites-content .favorites-post .post-lf .post-name {
	display: inline-block;
	max-width: 900px;
	color: #222;
	vertical-align: middle;
}
.favorites-content .favorites-post .post-lf p {
	font-size: 15px;
    color: #a4a4a5;
}
.favorites-post .post-lf .post-lf-btm {
	line-height: 22px;
	padding-top: 10px;
	line-height: 28px;
	font-size: 14px;
}
.post-lf .post-lf-btm .post-src {
	max-width: 700px;
}
.post-lf .post-lf-btm .icon-opt {
	position: relative;
    display: inline-block;
    padding-left: 18px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    cursor: pointer;
    color: #3a3636;
    margin: 0 10px;
}
.post-lf .post-lf-btm .icon-comment {
	background: url(../images/icon_comment01.png) no-repeat left center;
    background-size: 15px auto;
}
.post-lf .post-lf-btm .icon-praise {
	background: url(../images/good.png) no-repeat left center;
    background-size: 14px auto;
}
.post-lf .post-lf-btm .icon-praise-on {
	background: url(../images/good_on.png) no-repeat left center;
    background-size: 14px auto;
}
.favorites-content .favorites-post .ico-item-del {
	display: inline-block;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	color: #6c6c6c;
	cursor: pointer;
	padding-left: 22px;
	background: url(../images/delete02.png) no-repeat left center;
	background-size: auto 18px;
	margin-left: 10px;
	vertical-align: middle;
}
.favorites-content .favorites-post .ico-item-del:hover {
	background: url(../images/delete03.png) no-repeat left center;
	background-size: auto 18px;
}
.favorites-content .favorites-post .abs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.favorites-content .favorites-post .single-deletion {
	background-color: rgba(0,0,0,.5);
}
.favorites-post .single-deletion .sin-del-box {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 300px;
	text-align: center;
}
.favorites-post .single-deletion .sin-del-box h4 {
	color: #fff;
	padding-bottom: 16px;
}
.favorites-post .sin-del-box .sin-btn {
	display: inline-block;
	padding: 5px 20px;
	cursor: pointer;
	margin: 0 10px;
	font-size: 14px;
}
.favorites-post .sin-del-box .sin-btn.define {
	background-color: #00B48B;
	color: #fff;
}
.favorites-post .sin-del-box .sin-btn.cancel {
	background-color: #fff;
	color: #333;
}
.favorites-content .favorites-post .delete-all-selected {
	border: 1px solid #6c6c6c;
	background-color:  rgba(0,0,0,.3);
	cursor: pointer;
}
.favorites-content .favorites-post .delete-all-selected:hover,
.favorites-post .delete-all-selected.active {
	border: 2px solid #00B48B;
	background-color:  rgba(0,0,0,.1);
}
.favorites-post .delete-all-selected .ico-hook {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: url(../images/ico_hook02.png) no-repeat top right;
	background-size: contain;
}
.favorites-post .delete-all-selected:hover .ico-hook,
.favorites-post .delete-all-selected.active .ico-hook {
	top: -1px;
	right: -1px;
}
.favorites-post .delete-all-selected.active .ico-hook {
	background: url(../images/ico_hook01.png) no-repeat top right;
	background-size: contain;
}
/* 收藏页面 -结- */
/* 我的打赏 -开 */
.reward-details-page a {
	color: #333;
}
.reward-details-page .reward-nav {
	font-size: 0;
	padding: 15px 0 10px 0;
	border-bottom: 1px solid #ddd;
}
.reward-details-page .reward-nav .nav-item {
	font-size: 16px;
	color: #757575;
	padding: 0 20px;
	border-left: 1px solid #e5e5e5;
}
.reward-details-page .reward-nav .nav-item:first-child{
	border: 0;
}
.reward-details-page .reward-nav .nav-item:hover,
.reward-details-page .reward-nav .nav-item.active {
	color: #00B48B;
}
.reward-details-page .reward-list{
	padding: 0 30px;
}
.reward-details-page .reward-list .reward-list-item {
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 0;
}
.reward-list .reward-list-item .head-portrait {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0 15px 0 10px;
}
.reward-list .reward-list-item .head-portrait i{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
.reward-list .reward-list-item .head-portrait .icon-boy {
	background: url(../images/boy_white.png) no-repeat center #69ABCA;
    background-size: 12px auto;
}
.reward-list .reward-list-item .head-portrait .icon-girl {
	background: url(../images/girl_white.png) no-repeat center #F16B74;
    background-size: 12px auto;
}
.reward-list-item .item-user .name {
	font-size: 16px;
	padding: 2px 0 5px 0;
}
.reward-list-item .item-user .time {
	font-size: 14px;
	color: #999;
	padding-top: 4px;
}
.reward-list .reward-list-item .icon-reward {
	padding-left: 30px;
	margin: 10px 20px 0 0;
	font-size: 15px;
	color: #999;
	background: url(../images/icon_purse.png) no-repeat left center;
	background-size: contain;
}
.reward-list .reward-list-item .item-post {
	padding: 10px 15px 5px 75px;
	line-height: 28px;
}
.reward-list .reward-list-item .item-post a:hover {
	color: #00B48B;
	text-decoration: underline;
}
/* 我的打赏 -结 */
/* 勋章墙 -开- */
.medal-wall-page {
	position: relative;
	z-index: 9;
}
.medal-wall-page .medal-wall-bac {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f6f7fb;
	z-index: 0;
}
.medal-wall-page .w {
	position: relative;
	z-index: 99;
}
.medal-wall-page .blank-tip02 {
	font-size: 14px;
}
.medal-wall-page .blank-tip02 .blank-btn {
	display: inline-block;
	width: 132px;
	line-height: 36px;
	background-color: #00B48B;
	color: #fff;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	margin-top: 20px;
}
.medal-wall-page .medal-wall {
	padding: 30px 0;
}
.medal-wall-page .medal-wall .user-info {
	width: 190px;
	border-radius: 10px;
	padding: 15px 20px;
	background-color: #fff;
	text-align: center;
}
.medal-wall .user-info .head-portrait {
	display: inline-block;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	margin-top: 5px;
}
.medal-wall .user-info .user-name {
	font-size: 16px;
	color: #333;
	padding: 10px 0 5px 0;
}
.medal-wall .user-info .get-medal {
	font-size: 14px;
	color: #666666;
	padding-bottom: 20px;
}
.medal-wall .user-info .ico-btn {
	display: block;
	line-height: 34px;
	text-align: center;
	font-size: 15px;
	border-radius: 5px;
	cursor: pointer;
	color: #999;
	border: 1px solid #9a9a9a;
	margin-bottom: 10px;
}
.medal-wall .user-info .ico-btn.active {
	background-color: #00b48d;
	border: 1px solid #00b48d;
	color: #fff;
}
.medal-wall-page .medal-wall .medal-display-area {
	width: 940px;
	min-height: 700px;
	background-color: #fff;
	border-radius: 10px;
}
.medal-wall .medal-display-area .tab-nav {
	border-bottom: 1px solid #e5e5e5;
	font-size: 0;
	padding: 0 10px;
}
.medal-display-area .tab-nav .item {
	position: relative;
	display: inline-block;
	line-height: 58px;
	font-size: 16px;
	color: #333;
	padding: 0 15px;
	cursor: pointer;
}
.medal-display-area .tab-nav .item.active {
	color: #00B48B;
}
.medal-display-area .tab-nav .item.active::before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 2px;
	background-color: #00B48B;
}
.medal-display-area .tab-content {
	padding: 20px 0 40px 0;
}
.medal-display-area .medal-btn-box {
	text-align: center;
	padding: 20px 0;
}
.medal-display-area .medal-btn-box .view-medal-btn {
	display: inline-block;
	padding: 10px 25px;
	background-color: #00b48d;
    border: 1px solid #00b48d;
	color: #fff;
	text-align: center;
    font-size: 16px;
	border-radius: 5px;
	cursor: pointer;
}
.medal-display-area .medal-list {
	padding: 30px 0 20px 0;
}
.medal-display-area .medal-list li {
	float: left;
	text-align: center;
	padding: 0 20px;
	/* min-height: 245px;
	margin: 5px 12px 5px 12px; */
	width: 272px;
	height: 260px;
}
.medal-display-area .medal-list .ico-medal {
	display: inline-block;
	width: 155px;
	height: 155px;
	margin-bottom: 10px;
	/* width: 115px;
	height: 115px; */
}
.medal-display-area .medal-list .medal-name {
	font-size: 22px;
	color: #333;
	padding: 8px 0;
}
.medal-display-area .medal-list .msg {
	font-size: 15px;
	color: #cccccc;
	padding-bottom: 5px;
}
/* 弹出勋章详情 */
.tc-medal-detail {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 340px;
	min-height: 400px;
	padding-bottom: 30px;
	text-align: center;
	border-radius: 10px;
	background-color: #fff;
}
.tc-medal-detail .hidden {
	overflow: hidden;
	border-radius: 10px;
}
.tc-medal-detail .close {
	position: absolute;
	top: -30px;
	right: -36px;
	width: 26px;
	height: 26px;
	border: 1px solid #fff;
	border-radius: 50%;
	background: url(../images/close_while.png) no-repeat center;
	background-size: 10px auto;
	cursor: pointer;
}
.tc-medal-detail .get-time {
	background-color: #383a49;
	color: #eee;
	font-size: 14px;
	padding: 20px 10px 10px 10px;
}
.tc-medal-detail .top-box {
	position: relative;
	padding: 0 15px;
	min-height: 215px;
	background: url(../images/bac_top_semicircle01.png) no-repeat top center;
	background-size: cover;
	margin-top: -1px;
}
.tc-medal-detail .top-box .display-medal {
	position: relative;
	display: inline-block;
	width: 160px;
	height: 150px;
	/* background: url(../images/transparent_five_corners.png) no-repeat center;
	background-size: 100% auto; */
}
.tc-medal-detail .display-medal .ico {
	position: absolute;
	top: 50%;
	left: 50%;
	/* width: 72px;
	height: 72px; */
	width: 124px;
	height: 124px;
	margin-top: 3px;
}
.tc-medal-detail .top-box .medal-name {
	font-size: 22px;
	color: #fff;
	font-weight: 700;
	margin-top: -10px;
}
.tc-medal-detail .top-box .portrait {
	position: absolute;
	left: 50%;
	bottom: -30px;
	width: 56px;
	height: 56px;
	margin-left: -30px;
	border: 2px solid #fff;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
	-ms-box-shadow: 0 0 10px rgba(0,0,0,.1);
	-o-box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.tc-medal-detail .btm-box {
	padding: 35px 15px 0 15px;
	color: #333;
	font-size: 13px;
}
.tc-medal-detail .btm-box .user-name {
	font-size: 14px;
}
.tc-medal-detail .btm-box h2 {
	font-size: 16px;
	color: #ee6400;
	padding: 8px 0;
}
.tc-medal-detail .btm-box h3,
.tc-medal-detail .btm-box h4,
.tc-medal-detail .btm-box h5 {
	font-size: 13px;
	line-height: 24px;
}
.tc-medal-detail .qr-code-box {
	font-size: 14px;
}
.tc-medal-detail .qr-code-box .qr-code {
	display: inline-block;
	width: 90px;
	height: 90px;
	padding: 15px 0;
}
/* 勋章墙 -结- */
/* 请完善您的资料 -开- */
.zwl-finish-info .w {
	min-height: 820px;
}
.zwl-finish-info .base-info {
	width: 800px;
	margin: 0 auto;
	text-align: center;
}
.zwl-finish-info .base-info .head-portrait {
	position: relative;
	display: inline-block;
	width: 140px;
	height: 140px;
	padding: 50px 0 0 0;
}
.base-info .head-portrait .head-portrait-img {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: #f9f9f9;
	overflow: hidden;
}
.base-info .head-portrait .default-img {
	background-color: #e7ebf4;
	background-image: url(../images/icon_task07.png);
	background-size: 66px auto;
}
.base-info .head-portrait .ico-edit {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: url(../images/edit_white.png) no-repeat center #06b491;
	background-size: 15px auto;
	cursor: pointer;
	overflow: hidden;
}
.zwl-finish-info .base-info h1 {
	font-size: 49px;
	padding: 30px 0 10px 0;
}
.zwl-finish-info .base-info h6 {
	font-size: 14px;
	color: #a0a0a0;
}
.zwl-finish-info .base-info .pd-btm38{
	padding-bottom: 38px;
}
.zwl-finish-info .fill-in-area {
	padding-top: 50px;
}
.zwl-finish-info .fill-in-item {
	display: inline-block;
	min-width: 725px;
	line-height: 42px;
	font-size: 16px;
	text-align: left;
}
.zwl-finish-info .fill-in-item .item-text {
	min-width: 120px;
	font-weight: bold;
}
.zwl-finish-info .fill-in-item .item-option,
.zwl-finish-info .fill-in-item .drop-down-box {
	width: 578px;
	height: 40px;
	line-height: 40px;
	padding: 0 60px 0 10px;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	font-size: 15px;
	background-color: #fff;
}
.zwl-finish-info .fill-in-item .item-option.wd600 {
	width: 520px;
}
.zwl-finish-info .fill-in-item .item-option.input:focus {
	background-color: #ccf0e8;
	border: 1px solid #12b995;
}
.zwl-finish-info .fill-in-item .item-option.choice {
	cursor: pointer;
}
.zwl-finish-info .fill-in-item .item-list {
	position: absolute;
	top: 44px;
	left: 0;
	width: 648px;
	height: 194px;
	border: 1px solid #ddd;
	background-color: #FFFFFF;
	font-size: 15px;
	border-radius: 5px;
	overflow: auto;
	z-index: 998;
}
.fill-in-item .item-list .item-list-row {
	line-height: 38px;
	padding: 0 60px 0 10px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}
.fill-in-item .item-list .item-list-row:last-child {
	border: 0;
}
.fill-in-item .item-list .item-list-row:hover {
	background-color: #00B48B;
	color: #fff;
}
.zwl-finish-info .fill-in-item .drop-down-box {
	cursor: pointer;
}
.zwl-finish-info .drop-down-box .drop-down-text {
	padding: 0;
}
.zwl-finish-info .drop-down-box .drop-down-img {
	top: 12px;
	right: 8px;
	border: 0;
	background: url(../images/down.png) no-repeat center !important;
}
.zwl-finish-info .drop-down-box .show-img {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
}
.zwl-finish-info .fill-in-item .drop-down-box .drop-down-list {
	top: 44px;
	width: 648px;
	padding: 0;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.zwl-finish-info .drop-down-box .drop-down-list li {
	width: auto;
	padding: 0 60px 0 10px;
	font-size: 15px;
	color: #333;
}
.zwl-finish-info .drop-down-box .drop-down-list li:hover {
	background-color: #00B48B;
	color: #fff;
}
.zwl-finish-info .fill-in-area .btn-box {
	width: 770px;
	padding: 30px 0 90px 0;
	margin: 0 auto;
}
.zwl-finish-info .fill-in-area .fill-in-btn {
	display: block;
	height: 40px;
	line-height: 40px;
	background-color: #00b48d;
	color: #fff;
	cursor: pointer;
}
/* 请完善您的资料 -结- */
/* 消息 -始 */
.zwl-message-page {
	position: relative;
	min-height: 820px;
}
.zwl-message-page .btm-bac {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #f7f7f7;
	z-index: 1;
}
.zwl-message-page .w {
	position: relative;
	padding-top: 40px;
	z-index: 9;
}
.zwl-message-page .lf-navigation {
	width: 130px;
	border: 1px solid #f2f2f2;
	background-color: #fff;
	padding: 0 20px;
}
.zwl-message-page .lf-navigation .nav-item {
	position: relative;
	display: block;
	line-height: 48px;
	border-bottom: 1px solid #f5f5f5;
}
.zwl-message-page .lf-navigation .active::before {
	content: '';
	position: absolute;
	left: -20px;
	top: 0;
	width: 2px;
	height: 48px;
	background-color: #00b48d;
}
.zwl-message-page .lf-navigation .nav-item:last-child {
	border-bottom: 0;
}
.lf-navigation .nav-item .item-text {
	color: #343434;
}
.lf-navigation .nav-item .unread-num {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
	min-width: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	padding: 0 5px;
	background-color: #ed741c;
	color: #fff;
	border-radius: 6px;
}
/* 左边内容区 */
.zwl-message-page .rt-content {
	width: 1002px;
	color: #333;
}
.zwl-message-page .rt-content img {
	max-width: 500px !important;
	max-height: 300px !important;
}
.zwl-message-page .rt-content a {
	color: #333;
}
.zwl-message-page .rt-content .mr-btm20 {
	margin-bottom: 20px;
}
.zwl-message-page .rt-content .rt-top-title {
	position: relative;
	width: 1000px;
	line-height: 48px;
	background-color: #fff;
	border: 1px solid #eeeeee;
}
.rt-content .rt-top-title .top-title {
	position: relative;
	display: inline-block;
	padding: 0 30px;
}
.rt-content .rt-top-title .top-title .ico,
.rt-content .rt-top-title .top-title .ico::before {
	position: absolute;
	left: 50%;
	margin-left: -8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
.rt-content .rt-top-title .top-title .ico {
	bottom: 0;
	border-bottom: 8px solid #eeeeee;
	z-index: 9;
}
.rt-content .rt-top-title .top-title .ico::before {
	content: '';
	top: 1px;
	border-bottom: 8px solid #f7f7f7;
}
.rt-content .rt-top-title .top-btn {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -18px;
	width: 85px;
	line-height: 36px;
	text-align: center;
	background-color: #00b48d;
	color: #fff;
	border-radius: 8px;
	cursor: pointer;
}
/* 左边-系统消息 */
.rt-content  .msg-system {
	padding-bottom: 40px;
}
.msg-system .msg-system-item {
	background-color: #fff;
	padding: 40px 40px 10px 30px;
}
.msg-system-item .item-top .item-top-lf {
	width: 700px;
}
.msg-system-item .item-top .item-top-lf a {
	text-decoration: underline;
	color: #647ea5;
}
.msg-system-item .item-top-lf .item-title h4 {
	font-weight: bold;
}
.msg-system-item .item-top-lf .state {
	padding-left: 10px;
}
.msg-system-item .item-top-lf .state.read {
	color: #888888;
}
.msg-system-item .item-top-lf .state.unread {
	color: #00b48d;
}
.msg-system-item .item-top-lf .item-des {
	font-size: 15px;
	padding: 10px 0 15px 0;
	line-height: 1.6;
}
.msg-system-item .item-top-lf .item-des.color {
	color: #959595;
}
.msg-system-item .item-top .item-top-rt {
	color: #888888;
	font-size: 14px;
}
.msg-system .msg-system-item .item-btm {
	border-top: 1px solid #f3f3f6;
	line-height: 56px;
}
.msg-system-item .item-btm .link-text {
	color: #02b58e;
	background: url(../images/xg_tb7.png) no-repeat right center;
	background-size: auto 15px;
	padding-right: 15px;
}
/* 左边-待处理信息 */
.rt-content .msg-pending-disposal {
	padding: 15px 0 10px 0;
	min-height: 400px;
	background-color: #fff;
}
.msg-pending-disposal .pending-disposal-item {
	padding: 0 40px;
}
.msg-pending-disposal .pending-disposal-item:hover {
	background-color: #f2f2f5;
}
.msg-pending-disposal .pending-disposal-item .box {
	position: relative;
	min-height: 69px;
	border-bottom: 1px solid #f3f3f6;
	padding: 20px 0;
}
.pending-disposal-item .item-lf .head-portrait {
	position: relative;
	width: 70px;
	height: 70px;
}
.pending-disposal-item .head-portrait .img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.pending-disposal-item .head-portrait .red-dot,
.job-invite-item .img-box .red-dot,
.msg-comment-mul .head-portrait .red-dot {
	position: absolute;
	top: 4px;
	right: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #f00;
	border: 1px solid #fff;
}
.pending-disposal-item .item-lf .rt-info {
	padding-left: 20px;
	width: 630px;
}
.pending-disposal-item .rt-info .name {
	font-size: 15px;
	font-weight: bold;
	padding: 8px 0 15px 0;
}
.pending-disposal-item .rt-info .info-des {
	font-size: 14px;
	color: #888888;
}
.pending-disposal-item .rt-info .info-des a {
	color: #647ea5;
}
.pending-disposal-item .item-fr {
	text-align: right;
}
.pending-disposal-item .item-fr .time {
	font-size: 15px;
	color: #888;
	line-height: 35px;
}
.pending-disposal-item .item-fr .time .ico-down {
	width: 35px;
	height: 35px;
	background: url(../images/up_green.png) no-repeat center left;
	background-size: 18px auto;
}
.pending-disposal-item .item-fr .opt-box {
	position: absolute;
	right: 0;
	top: 50px;
	border: 1px solid #d7d7d8;
	background-color: #fff;
}
.pending-disposal-item .opt-box .opt-item {
	width: 56px;
	line-height: 26px;
	text-align: center;
	font-size: 15px;
	color: #888;
	cursor: pointer;
	border: 1px solid #fff;
}
.pending-disposal-item .opt-box .opt-item.active {
	background-color: #f2f2f5;
	color: #00b48d;
}
.pending-disposal-item .item-fr .btn-state {
	display: inline-block;
	width: 75px;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	border: 1px solid #dadada;
	color: #8c8c8c;
	margin-top: 5px;
}
.pending-disposal-item .item-fr .btn-state.focus-on {
	width: 60px;
	padding-left: 15px;
	cursor: pointer;
	background: url(../images/add_max.png) no-repeat 15px center;
	background-size: 10px auto;
}
.pending-disposal-item .item-fr .btn-state.focus-on:hover {
	border: 1px solid #0db893;
	color: #0db893;
}
/* 消息-职位邀约 */
.msg-job-invite .job-invite-item {
	padding: 24px 40px 18px 30px;
	background-color: #fff;
}
.msg-job-invite .job-invite-item .item-des {
	font-size: 15px;
	color: #666;
	line-height: 1.6;
	padding: 10px 0;
}
.job-invite-item  .item-top-box .rt-btn {
	min-width: 80px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #cdcdcd;
	border-radius: 8px;
	font-size: 15px;
	padding: 0 5px;
	color: #6f6f6f;
}
.job-invite-item .lf-info .img-box {
	position: relative;
	width: 68px;
	height: 68px;
	margin: 8px 20px 0 0;
}
.job-invite-item .img-box .img,
.msg-comment-mul .head-portrait .img {
	display: inline-block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
}
.job-invite-item .lf-info .text-area {
	width: 720px;
}
.job-invite-item .item-top-box .text-area {
	font-size: 15px;
}
.job-invite-item .text-area .job-type,
.job-invite-item .text-area .company-name {
	color: #00b48d;
}
.job-invite-item .text-area .pd {
	padding: 6px 0;
}
.job-invite-item .text-area .time {
	font-size: 13px;
	color: #888888;
	padding: 3px 0 0 10px;
}
.job-invite-item .requirement .mg-rt10 {
	margin-right: 10px;
}
.job-invite-item .requirement .salary {
	color: #e8a237;
}
.job-invite-item .requirement .demand {
	color: #666666;
}
.job-invite-item .requirement .telephone {
	line-height: 18px;
	border-radius: 10px;
	padding: 0 10px 0 25px;
	font-size: 12px;
}
.job-invite-item .requirement .telephone.real {
	color: #fff;
	border: 1px solid #00b48d;
	background: url(../images/personal/news/ico_telephone02.png) no-repeat 8px center #00b48d;
	background-size: 11px auto;
}
.job-invite-item .requirement .telephone.empty {
	color: #666;
	border: 1px solid #eaeaea;
	background: url(../images/personal/news/ico_telephone01.png) no-repeat 8px center;
	background-size: 11px auto;
}
/* 消息-点赞/评论 */
.msg-comment-mul a {
	color: #333;
}
.msg-comment-mul .comment-mul-item {
	position: relative;
	background-color: #fff;
	padding: 30px 40px;
}
.msg-comment-mul .comment-mul-item .reply-btn {
	position: absolute;
	top: 30px;
	right: 132px;
    font-size: 15px;
	color: #00B48B;
}
.msg-comment-mul .comment-mul-item .head-portrait {
	position: relative;
	width: 70px;
	height: 70px;
}
.msg-comment-mul .comment-mul-item .rt-comment {
	padding-left: 20px;
	width: 740px;
	color: #333333;
}
.msg-comment-mul .comment-mul-item .color-blue {
	color: #647da5;
}
.msg-comment-mul .comment-mul-item .color-grey {
	color: #8e8e8e;
}
.msg-comment-mul .rt-top .name {
	font-weight: bold;
	padding: 10px 0;
}
.msg-comment-mul .rt-top .time {
	font-size: 13px;
	color: #797979;
}
.msg-comment-mul .rt-top .top-msg {
	font-size: 15px;
	padding: 10px 0;
	line-height: 1.6;
}
.msg-comment-mul .rt-top .top-msg .list-row {
	vertical-align: top;
}
.msg-comment-mul .rt-comment .recovery-area {
	background-color: #f7f7f7;
	padding: 14px 20px;
	font-size: 15px;
	line-height: 1.6;
}
.msg-comment-mul .rt-comment .recovery-area .list-row {
	padding: 4px 0;
}
/* 消息-@我 */
.msg-comment-mul.msg-aet-my {
	padding-bottom: 20px;
}
.msg-comment-mul.msg-aet-my .comment-mul-item {
	padding-bottom: 5px;
}
.msg-comment-mul .aet-my-area {
	margin: 5px 0;
}
.msg-comment-mul .aet-my-area .single-graph img {
	max-width: 700px;
	max-height: 260px;
	vertical-align: middle;
}
.msg-comment-mul .aet-my-area .post-box {
	background-color: #f7f7f7;
}
.aet-my-area .post-box .post-img {
	width: 112px;
	height: 112px;
	overflow: hidden;
}
.aet-my-area .post-box .rt-text {
	width: 585px;
	padding: 14px 0 14px 20px;
	font-size: 15px;
}
.aet-my-area .rt-text .post-title {
	color: #333;
	padding: 5px 0;
}
.aet-my-area .rt-text .post-des {
	color: #888;
	line-height: 1.6;
}
.comment-mul-item .btm-opt-area {
	padding: 12px 0;
}
.comment-mul-item .btm-opt-area .icon {
	font-size: 15px;
	color: #888;
	margin-right: 30px;
	padding-left: 22px;
	cursor: pointer;
}
.comment-mul-item .btm-opt-area .icon-forward {
	background: url(../images/personal/news/ico_forward.png) no-repeat center left;
	background-size: 15px auto;
}
.comment-mul-item .btm-opt-area .icon-comment {
	background: url(../images/personal/news/ico_comment.png) no-repeat center left;
	background-size: 16px auto;
}
.comment-mul-item .btm-opt-area .icon-praise {
	background: url(../images/give_like02.png) no-repeat center left;
    background-size: auto 17px;
}
.comment-mul-item .btm-opt-area .icon-praise-on {
	background: url(../images/give_like_on02.png) no-repeat center left;
    background-size: auto 17px;
}
.comment-mul-item .btm-opt-area .forward:hover .qr-code {
	display: block;
}
.comment-mul-item .btm-opt-area .qr-code {
	position: absolute;
    top: -130px;
    left: 50%;
    display: none;
    width: 100px;
    height: 100px;
    background-color: #fff;
    margin: 0 0 0 -72px;
    padding: 5px;
    border: 1px solid #DDDDDD;
	z-index: 99;
	box-shadow: 0 0 15px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.3);
	-ms-box-shadow: 0 0 15px rgba(0,0,0,.3);
	-o-box-shadow: 0 0 15px rgba(0,0,0,.3);
}
.comment-mul-item .btm-opt-area .qr-code:before {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 0;
    display: inline-block;
    width: 112px;
    height: 25px;
}
.comment-mul-item .btm-opt-area .qr-code i:before,
.comment-mul-item .btm-opt-area .qr-code i:after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
}
.comment-mul-item .btm-opt-area .qr-code i:before {
    border-width: 12px 12px 0;
    border-color: #DDDDDD transparent transparent;
    margin-left: -6px;
}
.comment-mul-item .btm-opt-area .qr-code i:after {
    border-width: 11px 11px 0;
    border-color: #fff transparent transparent;
    margin-left: -5px;
    padding-top: 1px;
}
.comment-mul-item .btm-opt-area .qr-code img {
    width: 100%;
    height: 100%;
}
/* 输入框 */
.msg-comment-mul .itm-input-area {
    position: relative;
    margin: 10px 0 15px 0;
}
.msg-comment-mul .itm-input-area .input-box {
    position: relative;
    height: 80px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    padding: 10px 10px 25px 10px;
    background-color: #fff;
}
.msg-comment-mul .itm-input-area .input-box .input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 15px;
    overflow-x: hidden;
    overflow-y: auto;
}
.msg-comment-mul .itm-input-area .input-box .input:empty::before {
    content: "请输入内容";
    color: rgb(204, 204, 204);
}
.msg-comment-mul .itm-input-area .input-box .num {
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-size: 14px;
    color: #d4d4d4;
}
.msg-comment-mul .itm-input-area .input-box .color-yellow {
    color: #f39c12;
}
.msg-comment-mul .itm-input-area .rt-btm {
    position: relative;
    padding-top: 15px;
}
.msg-comment-mul .itm-input-area .anonymous-checkbox {
    position: relative;
    margin-right: 25px;
    font-size: 15px;
    line-height: 40px;
    cursor: pointer;
    padding-left: 25px;
    color: #888;
}
.msg-comment-mul .anonymous-checkbox .ico-checkbox {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	width: 18px;
	height: 18px;
	background: url(../images/checkbox02.png) no-repeat center;
	background-size: contain;
}
.msg-comment-mul .anonymous-checkbox .ico-checkbox.active,
.msg-comment-mul .anonymous-checkbox input:checked + .ico-checkbox {
	background: url(../images/checkbox01.png) no-repeat center;
}
.msg-comment-mul .rt-btm .comt-btn {
    display: inline-block;
    width: 100px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background-color: #02b68f;
    cursor: pointer;
}
.msg-comment-mul .rt-btm .icon-expression,
.msg-comment-mul .rt-btm .icon-image {
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    cursor: pointer;
    padding-left: 22px;
    margin: 0 10px;
}
.msg-comment-mul .rt-btm .icon-expression {
    color: #02b68f;
    background: url(../images/icon_expression01.png) no-repeat 0 center;
    background-size: 20px auto;
}
.msg-comment-mul .rt-btm .icon-image {
    color: #888;
    background: url(../images/image.png) no-repeat 0 center;
    background-size: 18px auto;
}
.middle-User-list .expression-package,
.msg-comment-mul .expression-package {
	position: absolute;
	left: 0;
    bottom: 40px;
    z-index: 1000;
    background: #FFFFFF;
    width: 375px;
    height: 140px;
    padding: 20px 10px 30px 20px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
    -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}
/* 消息 -结 */
/* 会员等级 -始 */
.membership-level-page {
	min-height: 820px;
}
.membership-level-page .typeface {
	width: 24px;
	height: 20px;
	/* background-color: #f9f9f9; */
	background-repeat: no-repeat;
	background-image: url(../images/grade/typeface.png);
	background-size: 600px auto;
	background-position-y: -13px;
}
.membership-level-page .typeface.Lv1 {
	background-position-x: -6px;
}
.membership-level-page .typeface.Lv2 {
	background-position-x: -62px;
}
.membership-level-page .typeface.Lv3 {
	background-position-x: -118px;
}
.membership-level-page .typeface.Lv4 {
	background-position-x: -175px;
}
.membership-level-page .typeface.Lv5 {
	background-position-x: -236px;
}
.membership-level-page .typeface.Lv6 {
	background-position-x: -300px;
}
.membership-level-page .typeface.Lv7 {
	background-position-x: -364px;
}
.membership-level-page .typeface.Lv8 {
	background-position-x: -430px;
}
.membership-level-page .typeface.Lv9 {
	background-position-x: -495px;
}
.membership-level-page .typeface.Lv10 {
	width: 35px;
	background-position-x: -554px;
}
.membership-level-page .color-yellow {
	color: #e5b15b !important;
}
.membership-level-page .membership-level-banner,
.membership-level-page .membership-level-banner .w {
	height: 400px;
	background: url(../images/grade/grade_banner01.png) no-repeat center #010101;
	background-size: auto 400px;
}
/* 用户等级矩形图 */
.membership-level-banner .step-ladder {
	position: absolute;
	bottom: 40px;
	right: 0;
	height: 350px;
}
.membership-level-banner .step-ladder .ladder {
	position: absolute;
	bottom: 0;
	text-align: center;
}
.step-ladder .ladder .num {
	font-size: 12px;
	color: #cd9b46;
	padding-bottom: 10px;
}
.step-ladder .ladder .text {
	font-size: 16px;
	color: #e0c49d;
	line-height: 1;
	padding-top: 10px;
}
.step-ladder .ladder .rectangle {
	position: relative;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	background-color: #eab253;
	background: linear-gradient(top, #f4d4a5, #eab253);
	background: -webkit-linear-gradient(top, #f4d4a5, #eab253);
	background: -ms-linear-gradient(top, #f4d4a5, #eab253);
	background: -moz-linear-gradient(top, #f4d4a5, #eab253);
	background: -o-linear-gradient(top, #f4d4a5, #eab253);
}
.step-ladder .ladder .avatar-box {
	top: -60px;
}
.membership-level-banner .ico-rank-medal {
	position: absolute;
	top: 134px;
    left: 256px;
	width: 120px;
	height: 100px;
}
.membership-level-banner .ico-rank-medal ._twinkle {
	position: absolute;
	top: 2px;
    left: 15px;
    width: 88px;
	height: 88px;
    border-radius: 50%;
    z-index: 9;
}
.membership-level-banner .ico-rank-medal img {
	width: 100%;
	height: auto;
}
.membership-level-banner .step-ladder .ico-line {
	position: absolute;
	bottom: 26px;
	height: 1px;
	background-color: #b19973;
}
.membership-level-banner .current-level {
	position: absolute;
	left: 28px;
	bottom: 120px;
}
.membership-level-banner .current-level .item {
	position: relative;
	color: #fff;
	font-size: 15px;
	padding: 18px 0 18px 25px;
}
.membership-level-banner .current-level .item a {
	color: #fff;
}
.membership-level-banner .current-level .item-level.Lv1 {
	background-image: url(../images/grade/ico_lv01.png);
}
.membership-level-banner .current-level .item-level.Lv2 {
	background-image: url(../images/grade/ico_lv02.png);
}
.membership-level-banner .current-level .item-level.Lv3 {
	background-image: url(../images/grade/ico_lv03.png);
}
.membership-level-banner .current-level .item-level.Lv4 {
	background-image: url(../images/grade/ico_lv04.png);
}
.membership-level-banner .current-level .item-level.Lv5 {
	background-image: url(../images/grade/ico_lv05.png);
}
.membership-level-banner .current-level .item-level.Lv6 {
	background-image: url(../images/grade/ico_lv06.png);
}
.membership-level-banner .current-level .item-level.Lv7 {
	background-image: url(../images/grade/ico_lv07.png);
}
.membership-level-banner .current-level .item-level.Lv8 {
	background-image: url(../images/grade/ico_lv08.png);
}
.membership-level-banner .current-level .item-level.Lv9 {
	background-image: url(../images/grade/ico_lv09.png);
}
.membership-level-banner .current-level .item-level.Lv10 {
	background-image: url(../images/grade/ico_lv10.png);
}
.membership-level-banner .current-level .item-level {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px auto;
	padding-left: 30px;
}
.membership-level-banner .current-level .item-experience {
	background: url(../images/grade/ico_gemstone_white.png) no-repeat 2px center;
	background-size: 17px auto;
}
.membership-level-banner .avatar-box {
	position: absolute;
	width: 91px;
	height: 58px;
	background: url(../images/grade/ico_starry_sky.png) no-repeat center;
	background-size: cover;
}
.membership-level-banner .avatar-box .avatar-img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -19px 0 0 -19px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #ebebeb;
	border: 1px solid #ebebeb;
	background-image: url(../images/grade/def_heads_members.png);
}
.membership-level-page .experience-acquisition {
	padding-top: 20px;
}
.membership-level-page .membership-level-title {
	padding: 26px 0;
}
.membership-level-page .membership-level-title h3 {
	font-size: 24px;
}
.membership-level-page .membership-level-title .explain {
	font-size: 15px;
	color: #6e6e6e;
	margin-left: 10px;
	margin-top: 10px;
	vertical-align: bottom;
}
.experience-acquisition .gain-experience-list {
	margin-left: -20px;
}
.experience-acquisition .gain-experience-list li {
	float: left;
	width: 386px;
	height: 86px;
	background: url(../images/grade/bac_skin.png) no-repeat center;
	background-size: cover;
	margin: 0 0 20px 20px;
}
.experience-acquisition .gain-experience-list li.expect {
	background: #f5e9d7;
	line-height: 86px;
	text-align: center;
	color: #68400b;
	font-size: 16px;
}
.experience-acquisition .gain-experience-list .experience-d {
	width: 86px;
	height: 86px;
	text-align: center;
}
.gain-experience-list .experience-d .num {
	display: inline-block;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	padding-left: 20px;
	background: url(../images/grade/ico_gemstone_black.png) no-repeat center left;
	background-size: auto 16px;
	margin: 20px 0 10px 0;
}
.gain-experience-list .experience-d .get {
	font-size: 12px;
	color: #a2773d;
}
.gain-experience-list .how-to-get {
	position: relative;
	width: 260px;
	padding: 0 20px;
}
.gain-experience-list .how-to-get .text-box {
	width: 150px;
	height: 86px;
}
.gain-experience-list .how-to-get .get-title {
	font-size: 20px;
	font-weight: bold;
	padding: 16px 0 10px 0;
}
.gain-experience-list .how-to-get .get-des {
	font-size: 12px;
	color: #a9a7a6;
}
.gain-experience-list .how-to-get .get-btn {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -18px;
	min-width: 84px;
	padding: 0 10px;
	line-height: 36px;
	text-align: center;
	border-radius: 5px;
	font-size: 16px;
	color: #69410b;
	cursor: pointer;
	background: linear-gradient(left, #efd09b, #e7bc7a);
	background: -webkit-linear-gradient(left, #efd09b, #e7bc7a);
	background: -moz-linear-gradient(left, #efd09b, #e7bc7a);
	background: -ms-linear-gradient(left, #efd09b, #e7bc7a);
	background: -o-linear-gradient(left, #efd09b, #e7bc7a);
}
.gain-experience-list .how-to-get .completed {
	cursor: default;
	opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
}
.membership-level-page .privilege-details {
	padding-bottom: 60px;
}
.membership-level-page .privilege-details .color-deepen {
	background-color: #fdf5e9 !important;
	font-weight: bold;
	text-shadow: 5px 5px 5px rgba(0,0,0,.1);
}
.privilege-details .privilege-box .ico-cross-bar {
	display: inline-block;
	width: 18px;
	height: 3px;
	background-color: #bca071;
	vertical-align: middle;
}
.privilege-details .privilege-box .thead .color-deepen {
	background-color: #fbedd6 !important;
}
.privilege-details .privilege-box .thead-td,
.privilege-details .privilege-box .tfoot-td {
	float: left;
	width: 99px;
	text-align: center;
	color: #bca071;
}
.privilege-details .privilege-box .thead-td  {
	height: 75px;
	line-height: 75px;
	background-color: #fbedd6;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	margin-left: -2px;
}
.privilege-details .privilege-box .thead-td:nth-of-type(1) {
	border-left: 0;
}
.privilege-details .privilege-box .thead-td:last-of-type {
	border-right: 2px solid #fbedd6;
}
.privilege-details .privilege-box .thead-td.first-td {
	position: relative;
	width: 188px;
	background: url(../images/grade/privilege_td_bac.png) no-repeat center;
	background-size: cover;
}
.privilege-details .privilege-box .first-td .pos01 {
	left: 22px;
	top: 15px;
}
.privilege-details .privilege-box .first-td .pos02 {
	right: 22px;
	bottom: 15px;
}
.privilege-details .center-vertical {
	position: relative;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.privilege-details .privilege-box .tfoot-tr:nth-child(3n) .tfoot-td {
	background-color: #fffcf7;
}
.privilege-details .privilege-box .tfoot-td {
	height: 64px;
	border-left: 2px solid #f6eedf;
	border-right: 2px solid #f6eedf;
	border-bottom: 2px solid #f6eedf;
	margin-left: -2px;
	font-size: 15px;
}
.privilege-details .privilege-box .tfoot-td.first-td {
	width: 186px;
	font-size: 16px;
	background-color: #fffcf7;
}
.privilege-details .privilege-box .tfoot-td.double-row {
	line-height: initial;
}
.privilege-details .double-row .td-title {
	display: block;
	width: 100%;
	padding-bottom: 5px;
}
.privilege-details .double-row .des {
	font-size: 12px;
}
/* 会员等级 -结 */
/* 会员等级-经验明细 -始 */
.membership-level-page .lev-experience-details {
	padding: 20px 0 50px 0;
}
.lev-experience-details ._paging {
	padding-bottom: 0;
}
.lev-experience-details .details-list {
	width: 1200px;
	margin-left: 2px;
}
.lev-experience-details .details-list .item {
	width: 25%;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 15px;
	color: #666666;
	border: 2px solid #e6e6e6;
	box-sizing: border-box;
	margin: -2px 0 0 -2px;
	padding: 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.lev-experience-details .details-list li:first-child .item {
	background-color: #f5f5f5;
}
/* 会员等级-经验明细 -结 */
/* 签到规则页 -始 */
.zwl-signIn-rule {
	min-height: 820px;
	background-color: #f5f5f5;
}
.zwl-signIn-rule .top-column {
	background-color: #fff;
	line-height: 60px;
	padding-left: 45px;
	border-top: 15px solid #f5f5f5;
	margin-bottom: 10px;
}
.zwl-signIn-rule .top-column .w-location {
	padding: 0;
}
.zwl-signIn-rule .rule-content {
	background-color: #fff;
	border-bottom: 75px solid #f5f5f5;
	padding: 0 50px 30px 50px;
}
.zwl-signIn-rule .rule-content .top-tips {
	line-height: 70px;
	font-size: 16px;
	color: #6d6d6d;
	padding-bottom: 2px;
}
.zwl-signIn-rule .rule-content .multiplex-box {
	padding: 24px 0;
	border-top: 1px solid #dddddd;
}
.zwl-signIn-rule .rule-content .multiplex-box:nth-child(2) {
	border-top: 1px dashed #ddd;
}
.rule-content .multiplex-box h2 {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 10px;
}
.rule-content .multiplex-box .des {
	color: #666666;
	line-height: 26px;
}
.rule-content .multiplex-box .background-text {
	position: relative;
	margin-top: 35px;
	background-color: #f5f5f5;
	border-radius: 0 0 5px 5px;
	padding: 30px 15px;
}
.multiplex-box .background-text .ico-triangle {
	position: absolute;
	left: 0;
	top: -32px;
	border-top: 32px solid transparent;
	border-right: 32px solid transparent;
	border-left: 40px solid #f5f5f5;
}
.multiplex-box .background-text .ico-triangle img {
	max-width: 1064px;
}
/* 签到规则页 -结 */
/* 我的优惠劵 -始 */
.zwl-coupon-page {
	min-height: 800px;
	padding-bottom: 20px;
}
.zwl-coupon-page .fixed-bac {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #f5f5f5;
	z-index: 1;
}
.zwl-coupon-page .w {
	position: relative;
	padding-top: 20px;
	z-index: 9;
}
.zwl-coupon-page .no-data {
	text-align: center;
	padding-top: 120px;
}
.zwl-coupon-page .coupon-nav {
	background-color: #fff;
	padding: 0 20px;
	box-shadow: 0 0 20px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.3);
	-ms-box-shadow: 0 0 20px rgba(0,0,0,.3);
	-o-box-shadow: 0 0 20px rgba(0,0,0,.3);
}
.zwl-coupon-page .coupon-nav .nav-top {
	padding: 0 32px;
	border-bottom: 1px solid #ededed;
}
.coupon-nav .nav-top .w-location {
	font-size: 14px;
	padding: 20px 0 10px 0;
}
.coupon-nav .nav-top .nav-title {
	font-size: 20px;
	padding-bottom: 10px;
}
.zwl-coupon-page .coupon-nav .nav-tab {
	margin: 0 10px;
	line-height: 55px;
	border-bottom: 1px solid #e7e7e7;
	font-size: 16px;
}
.coupon-nav .nav-tab .tab-item {
	width: 118px;
	text-align: center;
	color: #333;
	margin-right: 35px;
}
.coupon-nav .nav-tab .tab-item.active {
	color: #00b48d;
	border-bottom: 2px solid #00b48d;
}
.coupon-nav .btm-pot .item {
	min-width: 60px;
	line-height: 52px;
	text-align: center;
	padding: 0 22px;
	font-size: 12px;
	color: #333333;
}
.coupon-nav .btm-pot .due-time {
	padding-right: 15px;
	background: url(../images/personal/coupon/ico_arrow.png) no-repeat center right;
	background-size: auto 8px;
}
.zwl-coupon-page .coupon-list {
	margin-top: 30px;
	margin-left: -45px;
}
.zwl-coupon-page .coupon-list .coupon-item {
	position: relative;
	width: 368px;
	border: 1px solid #f0f1f0;
	background: #fff;
	margin-left: 45px;
	margin-bottom: 30px;
}
.coupon-list .coupon-item .rt-btn {
	width: 28px;
	height: 168px;
	background: url(../images/personal/coupon/bac_strake01.png) no-repeat center left #00b48d;
	background-size: 6px 100%;
	cursor: pointer;
	color: #fff;
	padding: 0 20px;
	text-align: center;
}
.coupon-list .coupon-item .btn-text {
	display: inline-block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.coupon-list .coupon-item .explain {
	width: 250px;
	height: 168px;
	padding: 0 20px 0 30px;
}
.coupon-list .coupon-item .explain .sign {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 15px;
	background-color: #00b48d;
	color: #fff;
	padding: 5px 10px;
	border-bottom-right-radius: 15px;
}
.coupon-list .coupon-item .explain  .pd-top {
	padding-top: 40px;
}
.coupon-item .explain .discount {
	font-size: 29px;
	color: #00b48d;
	padding: 24px 0 5px 0;
}
.coupon-item .explain .discount .d-exp {
	font-size: 12px;
	margin-left: 5px;
	vertical-align: baseline;
}
.coupon-item .explain .exp-des {
	font-size: 14px;
	color: #676767;
}
.coupon-item .explain p {
	font-size: 13px;
	color: #a3a3a3;
	padding: 5px 0;
}
.coupon-list .coupon-item .ico-seal {
	position: absolute;
	top: 14px;
	left: 130px;
	width: 58px;
	height: 58px;
}
.coupon-list .coupon-item.expired .ico-seal {
	background: url(../images/personal/coupon/seal_expired.png) no-repeat center;
	background-size: contain;
}
.coupon-list .coupon-item.already-used .ico-seal {
	background: url(../images/personal/coupon/seal_already_used.png) no-repeat center;
	background-size: contain;
}
.coupon-list .coupon-item.expired .discount,
.coupon-list .coupon-item.expired .explain p,
.coupon-list .coupon-item.already-used .discount,
.coupon-list .coupon-item.already-used .explain p {
	color: #999999;
}
.coupon-list .coupon-item.expired .rt-btn,
.coupon-list .coupon-item.already-used .rt-btn {
	background: url(../images/personal/coupon/bac_strake02.png) no-repeat center left #e1e3e3;
	background-size: 6px 100%;
	cursor: default;
}
/* 我的优惠劵 -结 */
/* 有奖任务- 有奖任务 -始 */
.award-task-box .coupon-area {
	margin: 0 auto;
}
.award-task-box .coupon-area .c-item {
	position: relative;
	float: left;
	width: 33.33%;
	height: 190px;
}
.award-task-box .coupon-area .ico-link {
	position: absolute;
	left: 0;
	bottom: 17px;
	width: 1px;
	height: 85px;
	background-color: #d4d3d3;
}
.award-task-box .coupon-area .c-item:first-child .ico-link {
	display: none;
}
.award-task-box .coupon-area .discount-box {
	width: 188px;
	height: 100%;
	margin: 0 auto;
}
.coupon-area .discount-box .dis-box-top {
	font-size: 18px;
	padding: 25px 0;
}
.discount-box .dis-box-top .week {
	color: #333;
	font-weight: bold;
}
.discount-box .dis-box-top .uncollected {
	color: #bec1c3;
	font-weight: bold;
}
.discount-box .dis-box-top .have-received {
	position: relative;
	top: 3px;
	line-height: 18px;
	padding: 0 8px 0 22px;
	font-size: 12px;
	color: #fff;
	background-color: #84d7c4;
	background: linear-gradient(left, #424946, #5fc5d4);
	background: -webkit-linear-gradient(left, #9fe2c2, #5fc5d4);
	background: -moz-linear-gradient(left, #9fe2c2, #5fc5d4);
	background: -ms-linear-gradient(left, #9fe2c2, #5fc5d4);
	background: -o-linear-gradient(left, #9fe2c2, #5fc5d4);
	border-radius: 20px;
}
.dis-box-top .have-received .ico-hook {
	position: absolute;
	left: 8px;
	width: 14px;
	height: 18px;
	background: url(../images/personal/awardTask/ico_hook_white01.png) no-repeat center;
	background-size: contain;
}
.coupon-area .discount-box .envelope-box {
	position: relative;
	height: 114px;
	background: url(../images/personal/awardTask/ico_envelope.png) no-repeat center;
	background-size: contain;
}
.coupon-area .discount-box .envelope-box .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.5);
	z-index: 10;
}
.discount-box .envelope-box .msg {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -70px;
	width: 140px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	transform:scale(.5);
	-webkit-transform:scale(.5);
	-moz-transform:scale(.5);
	-ms-transform:scale(.5);
	-o-transform:scale(.5);
}
.discount-box .envelope-box .discount-num {
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -97px;
	width: 194px;
	text-align: center;
	font-size: 0;
	color: #89764b;
	transform:scale(.5);
	-webkit-transform:scale(.5);
	-moz-transform:scale(.5);
	-ms-transform:scale(.5);
	-o-transform:scale(.5);
}
.envelope-box .discount-num .num {
	font-size: 56px;
}
.envelope-box .discount-num .text {
	font-size: 20px;
}
.award-task-box .days-box {
	position: relative;
	width: 1012px;
	margin: 54px auto;
}
.award-task-box .days-box .btn-box i {
	position: absolute;
	top: 0;
	width: 54px;
	height: 64px;
	cursor: pointer;
	background: url(../images/xg_tb7.png) no-repeat center;
    background-size: auto 35px;
}
.award-task-box .days-box .btn-box .prev {
	left: 0;
}
.award-task-box .days-box .btn-box .next {
	right: 0;
}
.award-task-box .days-box .bd {
	width: 890px;
	height: 64px;
	margin: 0 auto;
	overflow: hidden;
}
.award-task-box .days-box .bd ul {
	width: 1000%;
}
.award-task-box .days-box .bd .item {
	position: relative;
	float: left;
	width: 88px;
	height: 64px;
	text-align: center;
}
.award-task-box .days-box .acquired {
	position: relative;
	width: 32px;
	line-height: 32px;
	text-align: center;
	margin: 0 auto;
	font-size: 12px;
	font-weight: bold;
	border-radius: 50%;
	color: #9f9f9f;
	background-color: #ececec;
}
.days-box .acquired .check-in {
	position: absolute;
	right: -5px;
	bottom: -7px;
	width: 17px;
	height: 17px;
	background: url(../images/personal/awardTask/ico_hook_white01.png) no-repeat center #db351d;
	background-size: 12px auto;
	border-radius: 50%;
}
.award-task-box .days-box .ico-gift-box {
	position: relative;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(../images/personal/awardTask/ico_gift02.png) no-repeat center;
	background-size: contain;
}
.award-task-box .days-box .ico-gift-box.open {
	background: url(../images/personal/awardTask/ico_gift03.png) no-repeat center;
	background-size: cover;
}
.award-task-box .days-box .item::before {
	content: '';
	position: absolute;
	top: 16px;
	right: 0;
	width: 88px;
	height: 1px;
	background-color: #e5e5e5;
}
.award-task-box .days-box .item:first-child::before {
	width: 44px;
}
.award-task-box .days-box .item:last-child::before {
	width: 44px;
	left: 0;
}
.award-task-box .days-box .item .day {
	position: relative;
	top: 12px;
	font-size: 15px;
	font-weight: bold;
	color: #9f9f9f;
}
.award-task-box .days-box .active .acquired {
	background-color: #ffeae8;
	color: #e99084;
}
.award-task-box .days-box .active .day {
	color: #db351d;
}
/* 有奖任务- 有奖任务 -结 */
/* 支付页面 -始 */
.zwl-payment-page {
	min-height: 820px;
	background-color: #F7F7F7;
	padding-top: 30px;
}
.zwl-payment-page .payment-amount-box {
	min-height: 62px;
	background-color: #fff;
	padding: 50px 40px;
	color: #555;
	margin-bottom: 40px;
	font-size: 14px;
}
.payment-amount-box .payment-details {
	min-height: 52px;
	padding: 5px 0 5px 90px;
	background: url(../images/personal/payment/ico_hookpng.png) no-repeat center left;
	background-size: 65px auto;
}
.payment-amount-box .payment-details .describe {
	line-height: 2.2;
	max-width: 800px;
}
.zwl-payment-page .w ._red {
	font-size: 22px;
}
.zwl-payment-page .method-text ._red {
	font-size: 14px;
}
.zwl-payment-page .payment-method-box {
	padding: 0 30px;
	background-color: #fff;
}
.zwl-payment-page .payment-method-box .title {
	padding: 40px 0 30px 0;
	line-height: 1;
	font-size: 18px;
	color: #666666;
}
.zwl-payment-page .payment-method-box .method-item {
	position: relative;
	padding: 25px 30px 25px 75px;
	font-size: 14px;
	line-height: 25px;
	border-top: 1px solid #DFDFDF;
	cursor: pointer;
}
.zwl-payment-page .payment-method-box .method-item .fr {
	line-height: 1;
}
.zwl-payment-page .payment-method-box .active {
	border: 2px solid #00B48D;
	padding: 24px 28px 23px 73px;
}
.zwl-payment-page .payment-method-box .disabled {
	color: #999;
	cursor: default;
}
.payment-method-box .method-item .icon {
	width: 25px;
	height: 25px;
	margin-right: 10px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.payment-method-box .method-item .ico-alipay {
	background-image: url(../images/personal/payment/ico_alipay.png);
}
.payment-method-box .method-item .ico-wechat {
	background-image: url(../images/personal/payment/ico_wechat.png);
}
.payment-method-box .method-item .ico-balance {
	background-image: url(../images/personal/payment/ico_balance.png);
}
.payment-method-box .method-item .ico-balance-active {
	background-image: url(../images/personal/payment/ico_balance_active.png);
}
.payment-method-box .method-item .method-text {
	max-width: 800px;
}
.payment-method-box .method-item .ico-select {
	position: absolute;
	left: 30px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: url(../images/icon_options01.png) no-repeat center;
    background-size: contain;
}
.payment-method-box .active .ico-select {
	background: url(../images/icon_options02.png) no-repeat center;
    background-size: contain;
}
.payment-method-box .btn-box {
	padding: 30px 0 40px 0;
	border-top: 1px solid #DFDFDF;
}
.payment-method-box .btn-box .btn {
	width: 160px;
	line-height: 50px;
	text-align: center;
	background-color: #00B48B;
	color: #fff;
	border-radius: 10px;
	cursor: pointer;
}
/* 支付页面 -结 */
/* 个人中心 -改版v3 -始 */
.layout-Template-V3 {
	min-height: 850px;
	background-color: #f7f7f7;
}
.layout-Template-V3 .w {
	padding: 24px 0 48px 0;
}
.layout-Template-V3 a {
	color: #333;
}
.layout-Template-V3 .left-navigation {
	width: 142px;
	padding: 4px 0;
	background-color: #fff;
}
.layout-Template-V3 .left-navigation .item {
	position: relative;
	display: block;
	line-height: 58px;
	padding-left: 59px;
	font-size: 13px;
	color: #333;
}
.layout-Template-V3 .left-navigation .bubble {
	position: absolute;
	top: -2px;
	left: 50px;
	white-space: nowrap;
	color: #fff;
	font-size: 12px;
	min-width: 44px;
	height: 20px;
	line-height: 20px;
	/*background-color: #00B48B;
	background: linear-gradient(left, #56ecab, #00b48d);
	background: -webkit-linear-gradient(left, #56ecab, #00b48d);*/
	background-color: #f00;
	padding: 0 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	transform-origin: left bottom;
	transform: rotate(0deg);
	box-sizing: border-box;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	-webkit-animation: bubbleShaking 2s infinite linear;
	animation: bubbleShaking 2s infinite linear;
}
@keyframes bubbleShaking {
	0% {
		transform: rotate(0deg);
	}
	10% {
		transform: rotate(-12deg);
	}
	20% {
		transform: rotate(12deg);
	}
	28% {
		transform: rotate(-10deg);
	}
	36% {
		transform: rotate(10deg);
	}
	42% {
		transform: rotate(-8deg);
	}
	48% {
		transform: rotate(8deg);
	}
	52% {
		transform: rotate(-4deg);
	}
	56% {
		transform: rotate(4deg);
	}
	60% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
.layout-Template-V3 .left-navigation .active {
	color: #00af90;
}
.layout-Template-V3 .left-navigation .unread-num {
	display: inline-block;
	min-width: 12px;
    text-align: center;
    font-size: 12px;
    padding: 2px;
    line-height: 12px;
    border-radius: 50%;
    background-color: red;
    color: #fff;
    z-index: 99;
}
.layout-Template-V3 .left-navigation .ico {
	position: absolute;
	left: 20px;
	top: 50%;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.layout-Template-V3 .left-navigation .ico-contact {
	background-image: url(../images/personal/index/ico_contact.png);
}
.layout-Template-V3 .left-navigation .ico-aq {
	background-image: url(../images/personal/index/ico_aq.png);
}
.layout-Template-V3 .left-navigation .ico-documents {
	background-image: url(../images/personal/index/ico_documents.png);
}
.layout-Template-V3 .left-navigation .ico-collection {
	background-image: url(../images/personal/index/ico_collection.png);
}
.layout-Template-V3 .left-navigation .ico-resume {
	background-image: url(../images/personal/index/ico_resume.png);
}
.layout-Template-V3 .left-navigation .ico-announcement {
	background-image: url(../images/personal/index/ico_announcement.png);
}
.layout-Template-V3 .left-navigation .ico-att {
	background-image: url(../images/personal/index/ico_att.png);
}
.layout-Template-V3 .left-navigation .ico-attend-lecture {
	background-image: url(../images/personal/index/ico_attend_lecture.png);
}
.layout-Template-V3 .left-navigation .ico-networking {
    background-image: url(../images/personal/index/ico_networking.png);
}
.layout-Template-V3 .left-navigation .ico-fabulous {
	background-image: url(../images/personal/index/ico_fabulous.png);
}
.layout-Template-V3 .left-navigation .ico-notice {
	background-image: url(../images/personal/index/ico_notice.png);
}
.layout-Template-V3 .left-navigation .ico-real-name {
	background-image: url(../images/personal/index/ico_real_name.png);
}
.layout-Template-V3 .left-navigation .ico-reward-task {
	background-image: url(../images/personal/index/ico_reward_task.png);
}
.layout-Template-V3 .left-navigation .ico-wallet {
	background-image: url(../images/personal/index/ico_wallet.png);
}
.layout-Template-V3 .left-navigation .ico-mall {
	background-image: url(../images/personal/index/ico_mall.png);
}
.layout-Template-V3 .left-navigation .ico-interview-invite {
	background-image: url(../images/personal/index/ico_interview_invite.png);
}
.layout-Template-V3 .left-navigation .ico-invite-task {
	background-image: url(../images/personal/index/ico_invite_task.png);
}
.layout-Template-V3 .left-navigation .ico-job-offer {
	background-image: url(../images/personal/index/ico_job_offer.png);
}
.layout-Template-V3 .left-navigation .ico-nav-comment {
	background-image: url(../images/personal/index/ico_nav_comment.png);
}
.layout-Template-V3 .left-navigation .ico-business-card {
	background-image: url(../images/personal/index/ico_business_card.png);
}
.layout-Template-V3 .left-navigation01 {
	width: 142px;
	background-color: #fff;
	padding: 4px 0;
}
.layout-Template-V3 .left-navigation01 .item {
	position: relative;
	display: block;
	line-height: 50px;
	font-size: 14px;
	color: #333;
	padding: 0 20px;
}
.layout-Template-V3 .left-navigation01 .active::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 3px;
	height: 12px;
	margin-top: -6px;
	background-color: #0fb892;
}
.layout-Template-V3 .right-layout {
	width: 220px;
}
.layout-Template-V3 .mr-btm20 {
	margin-bottom: 20px;
}
.layout-Template-V3 .right-layout .rt-list-v3 {
	background-color: #fff;
	padding: 8px 0;
}
.right-layout .rt-list-v3 .item {
	position: relative;
	display: block;
	line-height: 40px;
	padding: 0 20px;
	font-size: 13px;
	color: #333;
}
.right-layout .rt-list-v3 .rt-arrow {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	background: url(../images/down.png) no-repeat center;
	background-size: contain;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}
.layout-Template-V3 .middle-layout {
	width: 798px;
	margin-left: 20px;
	background-color: #fff;
}
.personalCenterIndexV3 .top-user-area {
	padding: 25px;
	border-bottom: 1px solid #f3f3f3;
}
.personalCenterIndexV3 .top-user-area .head-portrait {
	position: relative;
	top: 4px;
	width: 81px;
	height: 81px;
	border-radius: 50%;
	background-color: #efefef;
	margin-right: 20px;
}
.personalCenterIndexV3 .head-portrait .gender {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 1px solid #fff;
}
.personalCenterIndexV3 .head-portrait .ico-boy {
	background: url(../images/offer/ico_boy_white.png) no-repeat center #00af90;
	background-size: 16px auto;
}
.personalCenterIndexV3 .head-portrait .ico-girl {
	background: url(../images/offer/ico_girl_white.png) no-repeat center #F16B74;
	background-size: 16px auto;
}
.personalCenterIndexV3 .top-user-area .tags {
	margin-left: -10px;
	padding: 8px 0;
}
.personalCenterIndexV3 .top-user-area .tag {
	position: relative;
	font-size: 13px;
	line-height: 18px;
	padding: 0 10px;
	color: #666;
}
.personalCenterIndexV3 .top-user-area .tag::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	width: 2px;
	height: 8px;
	background-color: #f5f5f5;
}
.personalCenterIndexV3 .top-user-area .tag:first-of-type::before {
	background-color: #fff;
}
.personalCenterIndexV3 .top-user-area .labels {
	margin-left: -35px;
}
.personalCenterIndexV3 .top-user-area .label {
	font-size: 14px;
	color: #666;
	line-height: 20px;
	margin-left: 35px;
}
.personalCenterIndexV3 .top-user-area .bold {
	font-weight: bold;
	color: #333;
	margin-left: 12px;
}
.personalCenterIndexV3 .top-user-area .user-info {
	width: 540px;
}
.personalCenterIndexV3 .top-user-area .user {
	font-size: 0;
}
.personalCenterIndexV3 .top-user-area .user-name {
	font-size: 26px;
	font-weight: bold;
	color: #333;
	vertical-align: middle;
}
.personalCenterIndexV3 .top-user-area .user-grade {
	display: inline-block;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	padding: 0 11px;
	background-color: #f2bd1c;
	vertical-align: middle;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 14px;
	margin-left: 10px;
}
.personalCenterIndexV3 .top-user-area .ico-authentication {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../images/personal/index/ico_real_name01.png) no-repeat center;
	background-size: contain;
	vertical-align: middle;
	margin-left: 10px;
}
.personalCenterIndexV3 .top-user-area .ico-authentication.active {
	background: url(../images/personal/index/ico_real_name.png) no-repeat center;
	background-size: contain;
}
.personalCenterIndexV3 .top-user-area .rt-btn {
	position: relative;
	top: 52px;
	width: 78px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #efefef;
	border-radius: 5px;
	font-size: 14px;
	color: #666;
}
.personalCenterIndexV3 .tab-container {
	min-height: 564px;
	padding-bottom: 20px;
}
.personalCenterIndexV3 .tab-container .tab-nav {
	line-height: 54px;
	font-size: 16px;
	color: #333;
	padding: 0 6px;
}
.personalCenterIndexV3 .tab-nav .item {
	margin: 0 20px;
	cursor: pointer;
}
.personalCenterIndexV3 .tab-nav .active {
	position: relative;
	font-weight: bold;
}
.personalCenterIndexV3 .tab-nav .active::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 5px;
	margin-left: -10px;
	width: 20px;
	height: 4px;
	background-color: #00af90;
}
/* 个人中心 -右侧个人信息 */
.layout-Template-V3 .right-User-info {
	background-color: #fff;
	padding: 30px 14px;
	text-align: center;
	font-size: 12px;
}
.layout-Template-V3 .right-User-info .head-portrait {
	position: relative;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background-color: #efefef;
	margin: 0 auto;
}
.right-User-info .head-portrait .gender {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	border-radius: 50%;
}
.right-User-info .head-portrait .ico-girl {
	background: url(../images/offer/ico_girl_white.png) no-repeat center #F16B74;
    background-size: 10px auto;
}
.right-User-info .head-portrait .ico-boy {
	background: url(../images/offer/ico_boy_white.png) no-repeat center #0fb892;
    background-size: 10px auto;
}
.right-User-info .user-name {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	margin: 10px 0 6px 0;
}
.right-User-info .user-position {
	color: #666;
}
.right-User-info .btm-list {
	margin-top: 28px;
}
.right-User-info .btm-list .item {
	float: left;
	width: 33.33%;
	line-height: 1;
}
.right-User-info .btm-list .text {
	color: #666;
	margin-bottom: 15px;
}
.right-User-info .btm-list .num {
	font-weight: bold;
	font-size: 13px;
	color: #333;
}
/* 个人中心 -圈子 -始 */
.personalCenterIndexV3 .community-list-V3 {
	padding-left: 6px;
}
.community-list-V3 .community-item {
	width: 235px;
	height: 264px;
	border-radius: 10px;
	overflow: hidden;
	margin: 20px 0 0 20px;
	border: 1px solid #f2f2f2;
}
/* .community-list-V3 .community-item:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
} */
.community-list-V3 .community-img {
	position: relative;
	display: block;
	width: 100%;
	height: 168px;
	background-color: #efefef;
}
.community-list-V3 .community-img .tags {
	position: absolute;
	top: 8px;
	margin-left: -5px;
	width: 100%;
	padding: 0 8px;
}
.community-list-V3 .community-img .tag {
	line-height: 25px;
	font-size: 14px;
	color: #fff;
	padding: 0 8px;
	border-radius: 5px;
	background-color: #00af90;
	margin: 0 0 5px 5px;
}
.community-list-V3 .btm-info {
	padding: 0 20px;
}
.community-list-V3 .btm-info .community-name {
	font-size: 16px;
	font-weight: bold;
	margin: 18px 0 8px 0;
}
.community-list-V3 .btm-info .btm-data {
	font-size: 13px;
	color: #999;
}
.community-list-V3 .btm-info .mr-rt {
	margin-right: 8px;
}
/* 个人中心 -圈子 -结 */
/* 个人中心 -课程 -始 */
.personalCenterIndexV3 .curriculum-list-V3 {
	margin: 20px 0 0 6px;
}
.curriculum-list-V3 .curriculum-item {
	width: 235px;
	margin: 0 0 5px 20px;
}
.curriculum-list-V3 .curriculum-img {
	display: block;
	width: 100%;
	height: 130px;
	border-radius: 10px;
	background-color: #efefef;
}
.curriculum-list-V3 .btm-info {
	height: 102px;
	padding: 8px 0;
}
.curriculum-list-V3 .curriculum-name {
	line-height: 22px;
	font-size: 16px;
	margin: 2px 0 4px 0;
}
.curriculum-list-V3 .curriculum-name .ico-subscribe {
	display: inline-block;
	line-height: 18px;
	font-size: 12px;
	color: #fff;
	padding: 0 5px;
	border-radius: 3px;
	background-color: #d11111;
	vertical-align: middle;
	margin-right: 5px;
}
.curriculum-list-V3 .btm-info p {
	line-height: 24px;
	font-size: 12px;
	color: #666;
}
.curriculum-list-V3 .btm-info p:last-of-type {
	color: #999;
}
/* 个人中心 -课程 -结 */
/* 个人中心 -话题 -始 */
.topicConversation-list-V3 {
	padding: 0 26px;
}
.topicConversation-list-V3 .topicConversation-item {
	padding: 12px 0;
	border-bottom: 1px solid #f3f3f3;
}
.topicConversation-list-V3 .item-top {
	line-height: 22px;
	padding: 6px 0 8px 0;
}
.topicConversation-item .dyn-share-box {
	background-color: #f4f5f7;
    margin: 4px 0 14px 0;
    padding: 20px;
}
.topicConversation-item .dyn-share-box .dyn-share-top {
    padding-bottom: 5px;
    line-height: 22px;
}
.topicConversation-item .dyn-share-top .author {
    font-size: 15px;
    color: #333;
}
.topicConversation-item .dyn-share-top .a-position {
    padding-left: 10px;
    font-size: 12px;
    color: #999EAA;
}
.topicConversation-item .dyn-share-post {
    width: 700px;
    background-color: #fff;
    margin: 5px 0;
}
.topicConversation-item .dyn-share-post .post-img {
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.topicConversation-item .dyn-share-post .default-img {
    background: url(../images/community/logo_share.png) no-repeat;
    background-size: cover;
}
.topicConversation-item .dyn-share-post .rt-text {
	width: 650px;
	min-height: 50px;
    margin: 0 10px;
    padding: 10px 20px;
	font-size: 14px;
	line-height: 1.5;
}
.topicConversation-item .dyn-share-post .post-img + .rt-text {
    width: 520px;
}
.topicConversation-item .dyn-share-post .post-title {
    color: #333;
    padding: 5px 0;
}
.topicConversation-item .dyn-share-post .post-des {
    color: #888;
    line-height: 1.6;
}
.topicConversation-list-V3 .item-top .topic-name {
	max-width: 600px;
	font-size: 15px;
	font-weight: bold;
}
.topicConversation-list-V3 .item-top .time {
	font-size: 12px;
	color: #999;
}
.topicConversation-list-V3 .topic-des {
	line-height: 23px;
	color: #666;
	font-size: 13px;
	padding-bottom: 5px;
}
.topicConversation-list-V3 .topic-src {
	line-height: 23px;
	margin-bottom: -5px;
	font-size: 13px;
	color: #999;
}
.topicConversation-list-V3 .topic-src .color-green {
	margin-left: 10px;
}
.topicConversation-list-V3 .item-btm {
	padding: 8px 0;
}
.topicConversation-list-V3 .rt-operations .opt-item {
	line-height: 30px;
	font-size: 12px;
	color: #999;
	padding-left: 26px;
	margin-left: 32px;
}
.topicConversation-list-V3 .rt-operations .ico-share {
	background: url(../images/personal/index/ico_share.png) no-repeat left center;
	background-size: 20px auto;
}
.topicConversation-list-V3 .rt-operations .ico-comment {
	background: url(../images/personal/index/ico_comment.png) no-repeat left center;
	background-size: 20px auto;
}
.topicConversation-list-V3 .rt-operations .ico-like {
	background: url(../images/personal/index/ico_like.png) no-repeat left center;
	background-size: 20px auto;
}
.topicConversation-list-V3 .rt-operations .ico-like-active {
	background: url(../images/personal/index/ico_like_active.png) no-repeat left center;
	background-size: 20px auto;
}
.topicConversation-list-V3 .item-btm .labels {
	margin: -10px 0 0 -10px;
}
.topicConversation-list-V3 .item-btm .label {
	line-height: 30px;
	font-size: 12px;
	color: #333;
	padding: 0 10px;
	border-radius: 5px;
	background-color: #f2f2f2;
	margin: 10px 0 0 10px;
}
.topicConversation-list-V3 .item-btm .omit-more {
	min-width: 10px;
	text-align: center;
	font-size: 16px;
}
.topicConversation-list-V3 .omit-window-options {
	position: absolute;
	left: 55px;
	top: 3px;
	padding: 2px 0;
	border-radius: 6px;
	background-color: #333333;
	border: 0;
	z-index: 99;
}
.topicConversation-list-V3 .omit-window-options::before {
	content: '';
	position: absolute;
	left: -6px;
	top: 12px;
	border-right: 6px solid #333;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
}
.topicConversation-list-V3 .omit-window-options .omit-item {
	display: block;
	min-width: 56px;
	line-height: 26px;
	color: #fff;
	font-size: 12px;
	padding: 0 10px;
	white-space: nowrap;
}
.topicConversation-list-V3 .media-container {
	display: inline-block;
	padding-top: 5px;
}
.topicConversation-list-V3 .single-picture img {
	max-width: 300px;
    max-height: 300px;
	vertical-align: middle;
	margin-bottom: 10px;
}
.topicConversation-list-V3 .multigraph {
	margin-left: -10px;
}
.topicConversation-list-V3 .multigraph .mul-item {
    float: left;
    width: 108px;
    height: 108px;
    margin: 0 0 10px 10px;
    overflow: hidden;
}
.topicConversation-list-V3 .video-poster img,
.topicConversation-list-V3 .multigraph .mul-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
}
.topicConversation-list-V3 .video-box {
	padding-bottom: 10px;
}
.topicConversation-list-V3 .video-poster {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background-color: #000;
}
.topicConversation-list-V3 .video-poster .video-ico-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    border-radius: 50%;
    background: url(../images/community/ico_video_play.png) no-repeat 25px center rgba(0, 0, 0, .5);
    background-size: 24px auto;
    cursor: pointer;
    opacity: 0.8;
}
/* 个人中心 -话题 -结 */
/* 个人中心 -改版v3 -结 */
/* 个人中心 -消息v3 -始 */
.layout-Template-V3 .middle-layout-title {
	line-height: 52px;
	padding: 0 25px;
	border-bottom: 1px solid #efefef;
}
.layout-Template-V3 .middle-layout-title .rt-text {
	color: #0fb892;
	font-size: 13px;
}
.layout-Template-V3 .middle-layout-title h4 {
	font-size: 16px;
	font-weight: bold;
}
.layout-Template-V3 .middle-content {
	background-color: #fff;
	min-height: 600px;
}
.middle-Communicate-list .comm-item {
	display: flex;
	align-items: center;
	padding: 15px 25px;
	cursor: pointer;
}
.middle-Communicate-list .comm-item:hover {
	background-color: #f7f7f7;
}
.middle-Communicate-list .unread {
	position: absolute;
	top: 2px;
	left: 32px;
	min-width: 10px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 12px;
	padding: 0 3px;
	border-radius: 8px;
	background-color: red;
	white-space: nowrap;
	color: #fff;
}
.middle-Communicate-list .comm-info {
	flex: 1;
	overflow: hidden;
}
.middle-Communicate-list .comm-item .h3 {
	display: flex;
	align-items: center;
}
.middle-Communicate-list .h3 .name {
	max-width: 385px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.middle-Communicate-list .h3 .time {
	font-size: 12px;
	color: #666;
	margin-left: 40px;
}
.middle-Communicate-list .comm-item .p {
	font-size: 12px;
	color: #666;
	line-height: 1.5;
	margin-top: 4px;
}
.middle-Communicate-list .p i,
.middle-Communicate-list .p img {
	max-width: 20px;
	height: 20px;
	vertical-align: bottom;
}
.middle-Communicate-list .rt-btn {
	min-width: 40px;
	line-height: 22px;
	text-align: center;
	font-size: 13px;
	padding: 0 10px;
	border-radius: 12px;
	margin-left: 10px;
	cursor: pointer;
}
.middle-Communicate-list .rt-btn.green {
	color: #0fb892;
	border: 1px solid #0fb892;
}
.middle-Communicate-list .rt-btn.red {
	color: #D11111;
	border: 1px solid #D11111;
}
.layout-Template-V3 .middle-User-list {
	padding-top: 5px;
}
.layout-Template-V3 .middle-User-list .user-item {
	padding: 15px 25px;
}
.middle-Communicate-list .head-portrait,
.middle-User-list .user-item .head-portrait {
	position: relative;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background-color: #efefef;
	margin-right: 10px;
}
.middle-User-list .user-item .red-dot {
	position: absolute;
    top: 4px;
    right: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f00;
    border: 1px solid #fff;
}
.middle-User-list .user-item .rt-container {
	width: 690px;
}
.middle-User-list .rt-container .comment-box {
	padding: 16px 20px;
	font-size: 14px;
	line-height: 22px;
	background-color: #f7f7f7;
	margin: 15px 0 20px 0;
}
.middle-User-list .comment-box .comment-text {
	width: 560px;
}
.middle-User-list .comment-box .view-src {
	font-size: 12px;
	color: #999;
}
.middle-User-list .rt-container .h4 {
	font-size: 14px;
	line-height: 23px;
	color: #999;
	margin-top: 10px;
}
.middle-User-list .rt-container .single-graph {
	margin-top: 10px;
}
.middle-User-list .rt-container .post-box {
	margin: 15px 0 20px 0;
	background-color: #f7f7f7;
}
.middle-User-list .post-box .post-img {
	width: 110px;
    height: 110px;
    overflow: hidden;
}
.middle-User-list .post-box .rt-text {
    width: 530px;
    padding: 14px 20px 14px 20px;
    font-size: 14px;
}
.middle-User-list .post-box  .post-title {
	color: #333;
	font-weight: bold;
    padding: 5px 0 10px 0;
}
.middle-User-list .post-box .post-des {
    color: #999;
    line-height: 1.6;
}
.middle-User-list .rt-info .rt-top {
	font-size: 0;
	margin: 2px 0 5px 0;
}
.middle-User-list .rt-top .user-name {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #333;
	vertical-align: middle;
}
.middle-User-list .rt-top .user-grade {
	display: inline-block;
    line-height: 17px;
    font-size: 12px;
    color: #fff;
    padding: 0 7px;
    background-color: #f2bd1c;
    vertical-align: middle;
    border-top-left-radius: 8.5px;
    border-bottom-left-radius: 8.5px;
    border-bottom-right-radius: 10px;
    margin-left: 6px;
}
.middle-User-list .user-item .rt-info {
	max-width: 560px;
}
.middle-User-list .rt-info .ico-authentication {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 6px;
	vertical-align: middle;
}
.middle-User-list .rt-info .user_medal_small {
	vertical-align: middle;
	margin-left: 6px;
}
.middle-User-list .rt-info .p {
	font-size: 12px;
	color: #666;
}
.middle-User-list .user-item .rt-btn {
	position: relative;
	top: 12px;
	min-width: 40px;
	line-height: 22px;
	text-align: center;
	font-size: 13px;
	padding: 0 10px;
	border-radius: 12px;
	cursor: pointer;
}
.middle-User-list .user-item .rt-btn.green {
	color: #0fb892;
	border: 1px solid #0fb892;
}
.middle-User-list .user-item .rt-btn.grey {
	color: #999;
	border: 1px solid #ddd;
}
.middle-User-list .user-item .omit-more {
	display: inline-block;
	width: 20px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	color: #999;
	font-size: 12px;
	font-weight: bold;
	margin-top: 9px;
}
.middle-User-list .omit-window-options {
	position: absolute;
    right: 0;
    top: 35px;
    padding: 2px 0;
    border-radius: 6px;
    background-color: #333333;
    z-index: 99;
}
.middle-User-list .omit-window-options .omit-item {
	display: block;
    min-width: 56px;
    line-height: 26px;
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    white-space: nowrap;
}
.middle-User-list .omit-window-options .omit-item::before {
    content: '';
    position: absolute;
    right: 7px;
    top: -6px;
    border-bottom: 6px solid #333;
    border-left: 3px solid transparent;
	border-right: 3px solid transparent;
}
.middle-User-list .user-item .reply-btn {
	position: absolute;
	right: 0;
	top: 5px;
	color: #0fb892;
	font-size: 13px;
	cursor: pointer;
}
.middle-User-list .user-item .rt-time {
	position: absolute;
	top: 27px;
	right: 0;
	font-size: 12px;
    color: #666;
}
.middle-User-list .item-input-area {
	padding-bottom: 20px;
	font-size: 14px;
}
.middle-User-list .item-input-area .input-box {
	border: 1px solid #f1f1f1;
	height: 80px;
	padding: 16px 20px;
}
.middle-User-list .item-input-area .input-box img {
	vertical-align: middle;
    width: auto;
    max-height: 30px !important;
}
.middle-User-list .item-input-area .input {
	width: 100%;
    height: 100%;
    outline: none;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto;
}
.middle-User-list .item-input-area .input:empty::before {
    content: "请输入内容";
    color: rgb(204, 204, 204);
}
.middle-User-list .item-input-area .rt-btm {
    position: relative;
    padding-top: 15px;
}
.middle-User-list .item-input-area .comt-btn {
    display: inline-block;
    width: 100px;
    line-height: 40px;
    text-align: center;
	font-weight: bold;
	border-radius: 5px;
    color: #fff;
    background-color: #02b68f;
    cursor: pointer;
}
.middle-User-list .item-input-area .anonymous-checkbox {
    position: relative;
    margin-right: 25px;
    line-height: 40px;
    cursor: pointer;
    padding-left: 25px;
    color: #888;
}
.middle-User-list .anonymous-checkbox .ico-checkbox {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    background: url(../images/checkbox02.png) no-repeat center;
    background-size: contain;
}
.middle-User-list .anonymous-checkbox .ico-checkbox.active,
.middle-User-list .anonymous-checkbox input:checked + .ico-checkbox {
    background: url(../images/checkbox01.png) no-repeat center;
}
.middle-User-list .item-input-area .icon-expression,
.middle-User-list .item-input-area .icon-image {
    display: inline-block;
    line-height: 40px;
    cursor: pointer;
    padding-left: 28px;
	margin: 0 10px;
	color: #666;
}
.middle-User-list .item-input-area .icon-image {
	background: url(../images/personal/index/ico_img.png) no-repeat left center;
	background-size: 20px auto;
}
.middle-User-list .item-input-area .icon-expression {
	background: url(../images/personal/index/ico_expression.png) no-repeat left center;
	background-size: 20px auto;
}
.layout-Template-V3 .announcement-list {
	padding: 5px 25px 0 25px;
}
.announcement-list .anouncement-title .state {
	margin-left: 10px;
}
.announcement-list .anouncement-title .unread {
	color: #00b48d;
}
.announcement-list .anouncement-title .read {
	color: #888888;
}
.layout-Template-V3 .announcement-list .item {
	padding: 18px;
	border: 1px solid #efefef;
	border-radius: 8px;
	margin-top: 20px;
}
.layout-Template-V3 .announcement-list .item-top {
	line-height: 22px;
	padding: 4px 0;
}
.announcement-list .item-top .anouncement-title {
	max-width: 580px;
	font-weight: bold;
}
.announcement-list .item-top .time {
	font-size: 12px;
	color: #999;
}
.layout-Template-V3 .announcement-list .view-details {
	line-height: 14px;
}
.layout-Template-V3 .announcement-list .announcement-des {
	font-size: 14px;
	color: #666;
	line-height: 22px;
}
.middle-User-list .user-item img,
.announcement-list .announcement-des img {
	max-width: 500px !important;
    max-height: 300px !important;
}
.layout-Template-V3 .announcement-list .view-more {
	font-size: 12px;
	color: #999999;
}
/* 个人中心 -消息v3 -结 */

/*上传名片弹窗 - 始*/
.__upload-business-card {
	position: absolute;
	width: 490px;
	min-height: 358px;
	border-radius: 10px;
	background-color: #fff;
	padding: 0 20px;
	box-sizing: border-box;
}
.__upload-business-card .ico-close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
	background: url(../images/common/ico_close_black.png) no-repeat center;
	background-size: 12px auto;
	cursor: pointer;
}
.__upload-business-card .title {
	font-size: 16px;
	color: #000;
	line-height: 52px;
}
.__upload-business-card .upload-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 450px;
	height: 220px;
	overflow: hidden;
	text-align: center;
	border: 1px dashed #aaa;
	line-height: 24px;
	font-size: 14px;
	cursor: pointer;
	transition: all .3s;
}
.__upload-business-card .upload-box.move-in:before {
	content: '';
	position: absolute;
	left: -1px;
	top: -1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	background-color: #fff;
	opacity: .6;
}
.__upload-business-card .upload-box img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.__upload-business-card .upload-box .ico-img {
	display: inline-block;
	width: 41px;
	height: 31px;
	background: url(../images/expertEntry/business_card.png) no-repeat center;
	background-size: contain;
	margin-bottom: 5px;
}
.__upload-business-card .upload-box .h4 {
	color: #000;
}
.__upload-business-card .upload-box .p {
	color: #999;
}
.__upload-business-card .btn-box {
	display: flex;
	justify-content: right;
	align-items: center;
	gap: 0 20px;
	padding: 20px 0;
}
.__upload-business-card .b-btn {
	display: inline-block;
	line-height: 42px;
	text-align: center;
	padding: 0 20px;
	font-size: 14px;
	vertical-align: middle;
	border-radius: 4px;
	cursor: pointer;
}
.__upload-business-card .b-btn.btn-empty {
	color: #666;
	border: 1px solid #efefef;
}
.__upload-business-card .b-btn.btn-solid {
	color: #fff;
	background-color: #00B48B;
	border: 1px solid #00B48B;
}
/*上传名片弹窗 - 结*/

/*成长值排行榜 -始*/
.growth-ranking-body {
	min-height: calc(100vh - 126px);
	background-color: #F7F7F7;
}
.growth-ranking-banner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	width: 100%;
	height: 250px;
	background: url("../images/personal/growthRanking/banner_bg.jpg") no-repeat center;
	background-size: cover;
}
.growth-ranking-banner .title {
	font-size: 75px;
	color: #fff;
	line-height: 1;
	text-shadow: 0 10px 10px rgba(0, 0, 0, .5);
}
.growth-ranking-banner .countdown {
	display: inline-block;
	width: 455px;
	margin-top: 28px;
	line-height: 50px;
	border-radius: 25px;
	font-size: 24px;
	color: #039171;
	background-color: rgba(255, 255, 255, .2);
}
.growth-ranking-body > .w {
	padding: 60px 0;
}
.growth-ranking-list .tab-nav {
	text-align: center;
	font-size: 0;
}
.growth-ranking-list .tab-item {
	display: inline-block;
	width: 146px;
	line-height: 60px;
	font-size: 28px;
	color: #333;
	background-color: #E6E9E8;
	cursor: pointer;
}
.growth-ranking-list .tab-item:first-of-type {
	border-top-left-radius: 10px;
}
.growth-ranking-list .tab-item:last-of-type {
	border-top-right-radius: 10px;
}
.growth-ranking-list .tab-item.active {
	color: #00B48D;
	background-color: #fff;
}
.growth-ranking-list .ranking-container {
	background-color: #fff;
	padding: 40px 36px 60px 36px;
	border-radius: 16px;
}
.growth-ranking-list .top-three {
	position: relative;
	min-height: calc(205px + 46px);
}
.growth-ranking-list .top-three-item {
	position: absolute;
	width: 360px;
	height: 206px;
	padding: 20px 30px;
	border-radius: 8px;
	color: #333;
	/*background: -webkit-linear-gradient(to top, #5CB498, #B2FEDC);
	background: linear-gradient(to top, #5CB498, #B2FEDC);*/
	box-sizing: border-box;
}
.growth-ranking-list .top-three-item:first-child {
	height: calc(206px + 16px);
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	background: -webkit-linear-gradient(to top, #ebc017, #FFEDA780);
	background: linear-gradient(to top, #ebc017, #FFEDA780);
}
.growth-ranking-list .top-three-item:nth-child(2) {
	top: 46px;
	left: 0;
	background: -webkit-linear-gradient(to top, #67a2f3, #B3CFF580);
	background: linear-gradient(to top, #67a2f3, #B3CFF580);
}
.growth-ranking-list .top-three-item:nth-child(3) {
	top: 46px;
	right: 0;
	background: -webkit-linear-gradient(to top, #5CB498, #B2FEDC80);
	background: linear-gradient(to top, #5CB498, #B2FEDC80);
}
.top-three-item:first-child .profile-picture {
	border-color: #FFEDA7;
}
.top-three-item:nth-child(2) .profile-picture {
	border-color: #B3CFF5;
}
.top-three-item:last-child .profile-picture {
	border-color: #FCE5CE;
}
.growth-ranking-list .top-three-item .profile-picture {
	position: absolute;
	top: -30px;
	right: 36px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border-width: 2px;
	border-style: solid;
	box-shadow: 0 0 10px rgba(0, 0, 0, .06);
	overflow: hidden;
}
.growth-ranking-list .profile-picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.top-three-item .serial-num {
	font-size: 22px;
	line-height: 1;
	margin-top: 12px;
}
.top-three-item .serial-num .num {
	font-size: 32px;
}
.top-three-item .username {
	font-size: 27px;
	margin-top: 30px;
	line-height: 1;
}
.top-three-item .growth-value {
	display: inline-block;
	min-width: 142px;
	margin-top: 32px;
	line-height: 30px;
	border-radius: 15px;
	font-size: 16px;
	background-color: #fff;
	padding: 0 20px;
	box-sizing: border-box;
}
.growth-ranking-list .other-ranking {
	margin: 30px 64px 0 64px;
}
.growth-ranking-list .tr {
	display: flex;
	align-items: center;
	height: 60px;
	border-top: 1px solid #eee;
	box-sizing: border-box;
}
.growth-ranking-list .tr.active {
	background-color: #eee;
}
.growth-ranking-list .tr:first-child {
	border: 0;
}
.growth-ranking-list .td {
	font-size: 20px;
	color: #666;
	box-sizing: border-box;
}
.growth-ranking-list .td:first-child {
	width: 120px;
	text-align: center;
	margin-right: 30px;
}
.growth-ranking-list .td:nth-child(2) {
	display: flex;
	align-items: center;
	width: 0;
	flex: 1;
}
.growth-ranking-list .th .td:nth-child(2) {
	padding-left: 90px;
}
.growth-ranking-list .td:nth-child(3) {
	width: 240px;
	text-align: center;
}
.growth-ranking-list .td:last-child {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	text-align: center;
	margin-left: 130px;
}
.growth-ranking-list .td .profile-picture {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 20px;
	overflow: hidden;
}
.growth-ranking-list .td .username {
	flex: 1;
	width: 0;
}
.growth-ranking-list .td .flat {
	display: inline-block;
	width: 13px;
	height: 5px;
	background-color: #888;
}
.growth-ranking-list .td .rise,
.growth-ranking-list .td .fall {
	position: relative;
	font-size: 12px;
	padding-left: 20px;
}
.growth-ranking-list .td .rise {
	color: #01B48C;
}
.growth-ranking-list .td .fall {
	color: #E50909;
}
.growth-ranking-list .td .rise:before,
.growth-ranking-list .td .fall:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.growth-ranking-list .td .rise:before {
	border-bottom: 9px solid #01B48C;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
.growth-ranking-list .td .fall:before {
	border-top: 9px solid #E50909;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
.growth-ranking-benefits {
	margin-top: 60px;
	background-color: #fff;
	border-radius: 16px;
	padding: 0 100px 50px 100px;
}
.growth-ranking-benefits > .title {
	position: relative;
	font-size: 30px;
	font-weight: bold;
	color: #01B48C;
	text-align: center;
	line-height: 1;
	padding: 40px 0 44px 0;
}
.growth-ranking-benefits > .title:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	width: 80px;
	height: 2px;
	border-radius: 1px;
	background-color: #01B48C;
}
.growth-ranking-benefits .benefits-item {
	display: flex;
	padding: 10px;
	border-radius: 8px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.growth-ranking-benefits .ranking-name {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 2;
	width: 62px;
	font-size: 28px;
	padding: 0 10px;
	box-sizing: border-box;
	border-radius: 8px;
}
.growth-ranking-benefits .benefit-box {
	flex: 1;
	width: 0;
	padding: 20px;
}
.growth-ranking-benefits .desc {
	font-size: 20px;
	text-align: justify;
	line-height: 1.6;
}
.growth-ranking-benefits .awards-box {
	display: flex;
	align-items: center;
	margin-top: 24px;
	text-align: center;
	gap: 0 60px;
}
.growth-ranking-benefits .award-img {
	height: 100px;
}
.growth-ranking-benefits .award-img img {
	width: auto;
	height: 100%;
}
.growth-ranking-benefits .award-name {
	font-size: 18px;
	margin-top: 10px;
}
.growth-ranking-benefits .benefits-item:nth-child(1) {
	background-color: rgba(179, 207, 245, .5);
}
.growth-ranking-benefits .benefits-item:nth-child(2) {
	background-color: rgba(252, 229, 206, .5);
}
.growth-ranking-benefits .benefits-item:nth-child(3) {
	background-color: rgba(255, 237, 167, .5);
}
.benefits-item:nth-child(1) .ranking-name {
	background-color: #B3CFF5;
}
.benefits-item:nth-child(2) .ranking-name {
	background-color: #FCE5CE;
}
.benefits-item:nth-child(3) .ranking-name {
	background-color: #FFEDA7;
}
/*成长值排行榜 -结*/