/*
	DESTOON Copyright (C)2008-2099 www.destoon.com
	This is NOT a freeware,Use is subject to license.txt
*/
.space-cover {width:100%;height:130px;overflow:hidden;background:#F6F6F6;}
.space-cover img {width:100%;     border-top-left-radius: 10px;    border-top-right-radius: 10px;}


.mp-header_wrapper {position: relative;margin: 0 auto;width: 1220px;}
.mp-header_wrapper .mp-cover {display: block;width: 1220px;height: 130px;object-fit: cover;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.mp-header_wrapper .exchange-cover_wrapper {position: absolute;right: 0;top: 0;z-index: 1;background-color: rgba(0, 0, 0, .3);border-radius: 0 0 0 12px;}
.mp-header_wrapper .exchange-cover_wrapper label {display: block;padding: 6px 10px;font-size: 12px;line-height: 100%;color: #fff;cursor: pointer;}
.mp-header_wrapper .exchange-cover_wrapper input {display: none;}
.mp-header_wrapper .loading-mask {position: absolute;left: 0;top: 0;width: 100%;height: 130px;background-color: rgba(0, 0, 0, .3);display: none;}
.mp-header_wrapper .loading-mask .loading-logo {display: block;width: 30px;height: 30px;margin: 45px auto 0;color: #fff;font-size: 20px;animation: rotate 1s infinite linear;}
.mp-header_wrapper .loading-mask .tip {margin-top: 6px;font-size: 14px;color: #fff;line-height: 100%;text-align: center;}
@keyframes rotate {
	from {transform: rotate(0);}
	to {transform: rotate(180deg);}
}

.clear:after
 {
     display: block; 
     height: 0; 
     line-height: 0; 
     content: ''; 
     visibility: hidden; 
     clear: both; 
     zoom: 1; 
}

.mbg{background-color: #F6F6F6;}

.mp-header_wrapper .mp-message_wrapper {position: relative;height: 110px;background-color: #fff;}
.mp-message_wrapper .mp-head_wrapper {position: absolute;left: 30px;top: -30px;border-radius: 12px;background-color: #fff;}
.mp-message_wrapper .mp-head_wrapper .mp-head {width: 120px;height: 120px;border-radius: 12px;display: block;object-fit: cover;border:1px solid #eee;}
.mp-message_wrapper .mp-message {float: left;width: 700px;margin-left: 180px;margin-top: 15px;}
.mp-message_wrapper .mp-message .mp-name {font-size: 22px;line-height: 100%;}
.mp-message_wrapper .mp-message .mp-name .star-v {margin-top:-13px;}
.mp-message_wrapper .mp-message .mp-slogan {font-size: 14px;height: 14px;line-height: 150%;color: #5c636b;}
.mp-message .mp-name span {float: left;}
.mp-message .mp-name .auth-logo {float: left;height: 12px;margin-left: 5px;margin-top: 2px;}
.mp-message_wrapper .mp-message .talent-logo {float: left;margin-left: 10px;margin-top: 3px;}
.mp-message_wrapper .mp-add-up {float: right;margin-top: 17px;margin-right: 30px;}
.mp-message_wrapper .mp-add-up li {float: left;font-size: 14px;line-height: 100%;color: #828a92;}
.mp-message_wrapper .mp-add-up li.spearate {margin: 0 20px;width: 1px;height: 14px;background: -webkit-linear-gradient(#fff, #828a92, #fff);background: -o-linear-gradient(#fff, #828a92, #fff);background: -moz-linear-gradient(#fff, #828a92, #fff);background: linear-gradient(#fff, #828a92, #fff);}
.mp-message_wrapper .mp-nav_wrapper {margin-left: 30px;margin-top: 20px;}
.mp-message_wrapper .mp-nav_wrapper li {display: inline-block;margin-right: 40px;line-height: 100%;}
.mp-message_wrapper .mp-nav_wrapper li.active a {color: #ff2129;}
.mp-message_wrapper .mp-inner-search_wrapper {float: left;margin-top: 15px;width: 150px;height: 26px;border: 1px solid #e5e5e5;border-radius: 4px;overflow: hidden;}
.mp-message_wrapper .mp-inner-search_wrapper input {border: none;outline: none;float: left;width: 120px;height: 26px;padding: 0 10px;box-sizing: border-box;font-size: 13px;}
.mp-message_wrapper .mp-inner-search_wrapper img {float: right;margin: 6px 10px 6px 0;cursor: pointer;}
.mp-message_wrapper .mp-operate-btn_wrapper {float: right;}
.mp-message_wrapper .mp-operate-btn_wrapper {margin-right: 30px;margin-top: 10px;}
.mp-message_wrapper .mp-operate-btn_wrapper a {outline: none;float: left;min-width: 48px;line-height: 100%;padding: 6px 10px;font-size: 14px;border: 1px solid #ff2129;text-align: center;cursor: pointer;border-radius: 14px;color: #ff2129;}
.mp-message_wrapper .mp-operate-btn_wrapper a.focused {border-color: #aaa;color: #aaa;}
.mp-message_wrapper .mp-operate-btn_wrapper a:first-child {margin-right: 20px;}
.mp-nav_wrapper li a {font-size:14px;}



.space-member {width:240px;text-align:center;position:absolute;margin:-50px 0 0 0;}
.space-member div img {width:96px;height:96px;border-radius:50%;border:#EEEEEE 2px solid;}
.space-member p {font-size:14px;margin:12px 0;}

.space-stats {height:64px;margin:112px 12px 12px 12px;}
.space-stats li {width:72px;float:left;font-size:14px;height:64px;line-height:32px;text-align:center;}
.space-stats div {height:64px;border-left:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;}
.space-stats i {font-style:normal;display:block;}
.space-stats span {color:#999999;}

.space-sign {padding:0 28px;line-height:24px;color:#999999;}
.space-v0,.space-v1 {height:32px;line-height:32px;background:url('../../image/ico-v0.png') no-repeat 0 center;padding:0 20px;margin:10px 16px 0 16px;}
.space-v1 {background:url('../../image/ico-v1.png') no-repeat 0 center;}
.member-v0,.member-v1,.member-v2 {position:absolute;display:block;width:24px;height:24px;background:#FFFFFF url('../../image/ico-v0-24.png') no-repeat center center;border-radius:50%;margin:-28px 0 0 144px;}
.member-v1 {background:#FFFFFF url('../../image/ico-v1-24.png') no-repeat center center;}
.member-v2 {background:#FFFFFF url('../../image/ico-v2-24.png') no-repeat center center;}

.space-menu {line-height:48px;font-size:16px;}
.space-menu span {padding:0 0 0 24px;}
.space-menu .on {color:#0679D4;}

.space-submenu {line-height:32px;font-size:12px;border-top:#EEEEEE 1px solid;padding-left:12px;}
.space-submenu span {display:inline-block;margin:0 16px;}
.space-submenu .on {border-bottom:#333333 2px solid;}

.list-none {border-top:#F6F6F6 10px solid;}
.space-text {border-top:#F6F6F6 10px solid;padding:24px;font-size:14px;line-height:180%;overflow:hidden;}
.space-text img {max-width:600px;}
.space-text p {text-indent:2em;}
.space-list {}

.space-txt {background:#FFFFFF;margin:0 0 10px 0;padding:10px;border-top:#F6F6F6 10px solid;}
.space-txt strong {display:block;line-height:20px;margin:10px;font-size:16px;font-weight:normal;}
.space-txt p {margin:0;padding:6px 0 6px 10px;height:16px;line-height:16px;font-size:12px;color:#999999;}
.space-txt div {margin:0;padding:0 12px;line-height:24px;max-height:48px;overflow:hidden;color:#999999;}

.space-mix {background:#FFFFFF;margin:0 0 10px 0;padding:10px;overflow:hidden;clear:both;border-top:#F6F6F6 10px solid;}
.space-mix img {float:left;margin-right:6px;width:128px;}
.space-mix strong {display:block;line-height:20px;margin:2px 10px 10px 10px;font-size:16px;font-weight:normal;}
.space-mix b {display:block;line-height:20px;height:20px;margin:0 10px;font-size:12px;font-weight:normal;color:#999999;overflow:hidden;text-overflow:ellipsis;}
/*.space-mix .vip {background:url('icon-vip.png') no-repeat 0 center;background-size:14px 14px;padding-left:16px;}*/
.space-mix p {margin:0;padding:6px 0 6px 10px;height:16px;line-height:16px;font-size:12px;color:#999999;}
.space-mix ul {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;padding:0;}
.space-mix div {margin:0;padding:0 12px;line-height:24px;max-height:48px;overflow:hidden;color:#999999;}
.space-mix .userinfo-v0,.space-mix .userinfo-v1,.space-mix .userinfo-v2 {margin:48px 0 0 48px;}


     .toggle-link {
            color: #1a2980;
            cursor: pointer;
            font-weight: 600;
            display: inline-block;
        
            background: #e6f7ff;
            border-radius: 4px;
            transition: all 0.3s;
        }
        
        .toggle-link:hover {
            background: #bae7ff;
            text-decoration: underline;
        }
.contact-body ul li b{font-size:14px;}

.rank-list{display: flex; flex-direction: column; gap: 12px;}
.rank-item{display: flex; align-items: center; padding: 10px; border-radius: 6px; transition: all 0.3s;}
.rank-number{width: 28px; height: 28px;   border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; margin-right: 12px;}
.rand-number-one{background: #fbbc05;color: white;}
.rand-number-two{background: #a0a0a0; color: white;}
.rand-number-three{ background: #cd7f32; color: white;}
.rand-number-other{ background: #e0e0e0; color: #666;}
.product-name{flex: 1; font-size: 14px; color: #333;}
.rank-badge{background: #e8f0fe; color: #1967d2; font-size: 12px; padding: 2px 8px; border-radius: 4px; display: flex; align-items: center;}
.rank-badge i{color: #34a853;}

.no{padding: 3px 10px; border-radius: 12px; font-size: 0.85em; display: flex; align-items: center; gap: 5px;}
.no1{background: #27ae60; color: white; }
.no2{background: #2980b9; color: white;}
.no3{background: #f39c12; color: white;}
.no4, .no5, .no6, .no7, .no8, .no9 {background: #7f8c8d; color: white; }