/*header*/
a {text-decoration: none;color: #333;}
ul {list-style: none;}
.header-wrapper {width: 100%;height: 60px;background-color:#2E6BE7;}
.header-wrapper .header-inner {width: 1180px;height: 100%;margin: 0 auto;}
.header-wrapper .header-inner .website-logo_link {float: left;width:136px;height:60px;margin-right: 15px;}
.header-wrapper .header-inner .website-logo {display: block;height: 60px;}
.header-inner > ul {float: left;}
.header-inner > ul li {float: left;line-height: 60px;}
.header-inner > ul li.active {color: #ff2129;}
.header-inner > ul li a {display: block;padding: 0 13px;color: #fff;font-size: 14px;}
.header-inner > ul li:hover a {color: #ff2129;}
.header-inner .header-right {float: right;height: 100%;}
.header-inner .header-right .mp-search_logo {float: left;}
.header-inner .header-right .mp-search_logo img{display:block;width:14px;margin: 23px 15px 0 0;}

.header-right .platform-wrapper {float: left;}
.header-right .platform-wrapper a {float: left;color: #fff;line-height: 60px;padding: 0 15px;font-size: 12px;}
.header-right .platform-wrapper a img{margin-left:10px;}
.header-right .logo {float: left;padding: 0 15px;cursor: pointer;color:#fff;font-size:12px;line-height: 60px;}


.header-inner .header-right .mp-search_wrapper {float: left;margin-top: 14px;}
.mp-search_wrapper input {width: 270px;height: 28px;padding: 0 15px;border: 1px solid #e4e4e4;outline: none;border-right: none;border-radius: 4px 0 0 4px;font-size: 12px;}
.mp-search_wrapper span {float: right;width: 44px;height: 30px;border-radius: 0 4px 4px 0;background-color: #ff2129;cursor: pointer;}
.mp-search_wrapper span img {float: left;width: 16px;margin-left: 14px;margin-top: 6px;}
.header-right .portrait-wrapper {float: left;width: 30px;margin-left: 50px;height: 100%;position: relative;}
.header-right .portrait-wrapper .portrait {width: 28px;height: 28px;border-radius: 50%;margin: 15px 0 15px 0;display: block;border: 1px solid #eee;object-fit: contain;}
.header-right .portrait-wrapper .operate-menu {position: absolute;left: -35px;width: 100px;line-height: 40px;top: 46px;background-color: #fff;box-shadow: 0px 0px 6px 0px rgba(74, 78, 91, 0.22);border-radius: 0 0 2px 3px;z-index: 10;display: none;}
.header-right .portrait-wrapper:hover .operate-menu {display: block;}
.header-right .portrait-wrapper .operate-menu li {text-align: center;font-size: 14px;}
.header-right .portrait-wrapper .operate-menu li.item:hover {background-color: #78a9fd;}
.header-right .portrait-wrapper .operate-menu li.item:hover a {color: #fff;}
.header-right .portrait-wrapper .operate-menu li.out {color: #d60000;cursor: pointer;border-top: 1px solid #eee;}
.header-right .portrait-wrapper .operate-menu li.nick-name {border-bottom: 1px solid #eee;padding: 0 10px;}

.login-register_wrapper {float: left;color: #fff;font-size: 12px;padding:0 20px;}
.login-register_wrapper span, .login-register_wrapper label {float: left;line-height: 60px;cursor: pointer;}
.login-register_wrapper label {position: relative;top: -1px;padding: 0 5px;}
.login-register_wrapper a {color: #fff;}
.login-register_wrapper .span-btn {color: #fff;cursor:pointer;}
/*header end*/
.mp-header_wrapper {position: relative;margin: 0 auto;width: 1180px;}
.mp-header_wrapper .mp-cover {display: block;width: 1180px;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);}
}

.mp-header_wrapper .mp-message_wrapper {position: relative;height: 146px;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: 80px;height: 80px;border-radius: 12px;display: block;object-fit: cover;border:1px solid #eee;}
.mp-message_wrapper .mp-message {float: left;width: 700px;margin-left: 120px;margin-top: 10px;}
.mp-message_wrapper .mp-message .mp-name {font-size: 16px;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: 100%;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: 17px;}
.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;}

.publish-dynamic_wrapper {position: fixed;left: 0;top: 0;z-index: 199;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);}
.publish-dynamic_wrapper .publish-dynamic_inner {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -60%);width: 600px;padding: 20px;background-color: #fff;border-radius: 6px;box-sizing: border-box;}
.publish-dynamic_inner .close-popper-btn {position: absolute;right: -30px;top: -30px;width: 28px;cursor: pointer;}
.publish-dynamic_inner .title {font-size: 16px;line-height: 100%;}
.publish-dynamic_inner .title .word-limit {float: right;color: #c3c2c2;}
.publish-dynamic_inner .dynamic-input {display: block;margin-top: 15px;width: 560px;height: 200px;padding: 10px 20px;border: none;outline: none;background-color: #f6f6f6;border-radius: 6px;resize: none;font-size: 14px;line-height: 24px;box-sizing: border-box;}
.publish-dynamic_inner .toolbar-container {margin-top: 15px;}
.toolbar-container .toolbar-wrapper {float: left;}
.toolbar-container .toolbar-wrapper button {float: left;margin-left: 40px;padding-left: 25px;font-size: 14px;text-align: right;line-height: 18px;background-repeat: no-repeat;background-position: left center;background-size: auto 18px;cursor: pointer;color: #828a92;border: none;outline: none;background-color: #fff;}
.toolbar-container .toolbar-wrapper button:first-child {margin-left: 0;}
.toolbar-container .toolbar-wrapper button.image {background-image: url('../images/image.png');}
.toolbar-container .toolbar-wrapper button.image:hover {background-image: url('../images/image-hover.png');color: #ff2129;}
.toolbar-container .toolbar-wrapper button.image.active {background-image: url('../images/image-hover.png');color: #ff2129;}
.toolbar-container .toolbar-wrapper button.link {background-image: url('../images/link.png');padding-left: 20px;}
.toolbar-container .toolbar-wrapper button.link:hover {background-image: url('../images/link-hover.png');color: #ff2129;}
.toolbar-container .toolbar-wrapper button.link.active {background-image: url('../images/link-hover.png');color: #ff2129;}
.toolbar-container .toolbar-wrapper button.video {background-image: url('../images/video.png');}
.toolbar-container .toolbar-wrapper button.video:hover {background-image: url('../images/video-hover.png');color: #ff2129;}
.toolbar-container .toolbar-wrapper button.video.active {background-image: url('../images/video-hover.png');color: #ff2129;}
.toolbar-container .toolbar-wrapper button.audio {background-image: url('../images/audio.png');}
.toolbar-container .toolbar-wrapper button.audio:hover {background-image: url('../images/audio-hover.png');color: #ff2129;}
.toolbar-container .toolbar-wrapper button.audio.active {background-image: url('../images/audio-hover.png');color: #ff2129;}
.toolbar-container .toolbar-wrapper button.document {background-image: url('../images/document.png');}
.toolbar-container .toolbar-wrapper button.document:hover {background-image: url('../images/document-hover.png');color: #ff2129;}
.toolbar-container .toolbar-wrapper button.document.active {background-image: url('../images/document-hover.png');color: #ff2129;}
.publish-dynamic_inner .inputs-wrapper {display: none;}
.upload-file_wrapper .image-wrapper {margin-top: 15px;border: 1px solid #e5e5e5;padding: 18px 0 12px;display: none;}
.upload-file_wrapper .image-wrapper .images-inner_wrapper {float: left;}
.upload-file_wrapper .image-wrapper .item {position: relative;float: left;margin: 0 9px;}
.upload-file_wrapper .image-wrapper .item .close {position: absolute;right: -8px;top: -8px;width: 14px;height: 14px;cursor: pointer;border: 1px solid #bdbdbd;border-radius: 8px;padding: 1px;box-sizing: border-box;}
.upload-file_wrapper .image-wrapper .item .image-item {display: block;width: 44px;height: 44px;object-fit: contain;border: 1px solid #eee;border-radius: 6px;box-sizing: border-box;}
.upload-file_wrapper .image-wrapper .add-image_btn {width: 44px;height: 44px;border-radius: 6px;font-size: 32px;text-align: center;line-height: 46px;background-color: #f4f4f4;color: #aaa;cursor: pointer;}
.upload-file_wrapper .image-wrapper input[type="file"] {display: none;}

.upload-file_wrapper .link-wrapper {margin-top: 15px;display: none;}
.link-wrapper .link-input_wrapper .label {margin-right: 10px;font-size: 14px;}
.link-wrapper .link-input_wrapper .link-input {width: 380px;padding: 0 10px;height: 28px;border: 1px solid #e5e5e5;outline: none;border-radius: 4px;font-size: 12px;}
.link-wrapper .link-input_wrapper .add-link_btn {margin-left: 10px;width: 68px;height: 28px;text-align: center;line-height: 28px;background-color: #ff2129;border-radius: 4px;border: none;outline: none;color: #fff;cursor: pointer;}
.link-wrapper .link-input_wrapper .add-link_btn:hover {background-color: #f78989;}

.link-wrapper .link-message_container {border: 1px solid #e5e5e5;display: none;}
.link-message_container .link-cover {float: left;width: 78px;height: 78px;object-fit: contain;}
.link-message_container .link-message_wrapper {float: right;width: 470px;padding: 17px 0;}
.link-message_wrapper .filename {font-size: 14px;line-height: 100%;}
.link-message_wrapper .other-message {margin-top: 15px;padding-right: 20px;font-size: 13px;color: #828a92;}
.link-message_wrapper .other-message a {float: left;line-height: 100%;color: #347ffe;}
.link-message_wrapper .other-message .cancel-upload_btn {float: right;height: 13px;cursor: pointer;}

.upload-file_wrapper .video-wrapper {margin-top: 15px;border: 1px solid #e5e5e5;display: none;}
.upload-file_wrapper .video-wrapper .video-cover {float: left;margin: 39px 30px;width: 28px;height: 28px;object-fit: contain;}
.upload-file_wrapper .video-wrapper .video-message_wrapper {float: right;width: 470px;padding: 15px 0;}
.video-wrapper .filename .filename-input {float: left;width: 390px;border: 1px solid #e5e5e5;padding: 0 15px;border-radius: 4px;outline: none;height: 30px;font-size: 14px;box-sizing: border-box;}
.video-wrapper .filename .filename-input[readonly] {border: none;padding: 0;}
.video-wrapper .filename .reset-name_btn {float: right;margin-right: 20px;line-height: 30px;font-size: 12px;color: #347ffe;cursor: pointer;}
.video-wrapper .progress-bar {margin-top: 15px;margin-right: 20px;height: 2px;background-color: #eaeaea;border-radius: 1px;}
.video-wrapper .progress-bar .progress-inner {display: block;height: 100%;width: 0;background-color: #ff2129;}
.video-wrapper .other-message {margin-top: 15px;padding-right: 20px;font-size: 13px;color: #828a92;}
.video-wrapper .other-message span {float: left;line-height: 100%;}
.video-wrapper .other-message .percent {padding-left: 30px;}
.video-wrapper .other-message .cancel-upload_btn {float: right;height: 13px;cursor: pointer;}
.upload-file_wrapper .audio-wrapper {margin-top: 15px;border: 1px solid #e5e5e5;display: none;}
.upload-file_wrapper .audio-wrapper .audio-cover {float: left;margin: 30px;width: 28px;height: 28px;object-fit: contain;}
.upload-file_wrapper .audio-wrapper .audio-message_wrapper {float: right;width: 470px;padding: 15px 0;}
.audio-wrapper .filename .filename-input {float: left;width: 390px;border: 1px solid #e5e5e5;padding: 0 15px;border-radius: 4px;outline: none;height: 30px;font-size: 14px;box-sizing: border-box;}
.audio-wrapper .filename .filename-input[readonly] {border: none;padding: 0;}
.audio-wrapper .filename .reset-name_btn {float: right;margin-right: 20px;line-height: 30px;font-size: 12px;color: #347ffe;cursor: pointer;}
.audio-wrapper .progress-bar {margin-top: 15px;margin-right: 20px;height: 2px;background-color: #eaeaea;border-radius: 1px;}
.audio-wrapper .progress-bar .progress-inner {display: block;height: 100%;width: 0;background-color: #ff2129;}
.audio-wrapper .other-message {margin-top: 15px;padding-right: 20px;font-size: 13px;color: #828a92;}
.audio-wrapper .other-message span {float: left;line-height: 100%;}
.audio-wrapper .other-message .percent {padding-left: 30px;}
.audio-wrapper .other-message .cancel-upload_btn {float: right;height: 13px;cursor: pointer;}
.upload-file_wrapper .document-wrapper {margin-top: 15px;border: 1px solid #e5e5e5;display: none;}
.upload-file_wrapper .document-wrapper .document-cover {float: left;margin: 39px 30px;width: 28px;height: 28px;object-fit: contain;}
.upload-file_wrapper .document-wrapper .document-message_wrapper {float: right;width: 470px;padding: 14px 0;}
.document-wrapper .filename .filename-input {float: left;width: 390px;border: 1px solid #e5e5e5;padding: 0 15px;border-radius: 4px;outline: none;height: 30px;font-size: 14px;box-sizing: border-box;}
.document-wrapper .filename .filename-input[readonly] {border: none;padding: 0;}
.document-wrapper .filename .reset-name_btn {float: right;margin-right: 20px;line-height: 30px;font-size: 12px;color: #347ffe;cursor: pointer;}
.document-wrapper .progress-bar {margin-top: 16px;margin-right: 20px;height: 2px;background-color: #eaeaea;border-radius: 1px;}
.document-wrapper .progress-bar .progress-inner {display: block;height: 100%;width: 0;background-color: #ff2129;}
.document-wrapper .other-message {margin-top: 15px;padding-right: 20px;font-size: 13px;color: #828a92;}
.document-wrapper .other-message span {float: left;line-height: 100%;}
.document-wrapper .other-message .percent {padding-left: 30px;}
.document-wrapper .other-message .cancel-upload_btn {float: right;height: 13px;cursor: pointer;}
.publish-dynamic_inner .bottom-bar {margin-top: 20px;}
.publish-dynamic_inner .bottom-bar .relative-theme_wrapper {float: left;}
.publish-dynamic_inner .bottom-bar .relative-theme_wrapper .label {margin-right: 10px;font-size: 14px;}
.publish-dynamic_inner .bottom-bar .publish-dynamic_btn {float: right;width: 68px;height: 28px;text-align: center;line-height: 28px;background-color: #ff2129;border-radius: 4px;border: none;outline: none;color: #fff;cursor: pointer;}
.publish-dynamic_inner .bottom-bar .publish-dynamic_btn[disabled] {background-color: #ccc;}
.publish-dynamic_inner .bottom-bar .publish-dynamic_btn:hover {background-color: #f78989;}
.publish-dynamic_inner .bottom-bar .publish-dynamic_btn[disabled]:hover {background-color: #ccc;}

.select-search_wrapper {position: relative;display: inline-block;font-size: 14px;}
.dropdown-trigger {display: block;width: 220px;padding: 0 25px 0 10px;height: 28px;border: 1px solid #e5e5e5;outline: none;border-radius: 4px;cursor: pointer;font-size: 12px;}
.select-search_wrapper .clear-btn {position: absolute;right: 10px;top: 10px;height: 10px;cursor: pointer;display: none;}
.select-menu_wrapper {position: absolute;top: 32px;left: 0;width: 100%;padding-top: 15px;box-shadow: 0px 0px 6px 0px rgba(74, 78, 91, 0.22);background-color: #fff;border-radius: 4px;display: none;}
.select-menu_wrapper .select-input_trigger {display: inline-block;margin-left: 15px;width: 140px;padding: 0 10px;height: 28px;border: 1px solid #e5e5e5;outline: none;border-radius: 4px;}
.select-menu_wrapper .select-menu {margin-top: 5px;padding: 0 15px 5px;height: 160px;overflow: auto;}
.select-menu_wrapper .select-menu .select-item {line-height: 26px;cursor: pointer;font-size: 12px;}
.select-menu_wrapper .select-menu .select-item:hover {color: #ff2129;}
.select-menu_wrapper .select-button {display: inline-block;margin-left: 10px;width: 40px;height: 28px;border: 1px solid #ff2129;outline: none;border-radius: 4px;color: #fff;background-color: #ff2129;cursor: pointer;font-size: 12px;}

.message-box_wrapper {position: fixed;left: 0;top: 0;z-index: 1050;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);}
.message-box_wrapper .message-box_inner {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 300px;padding: 20px;background-color: #fff;border-radius: 6px;box-sizing: border-box;}
.message-box_inner .message-clos_btn {position: absolute;right: -24px;top: -24px;width: 24px;cursor: pointer;}
.message-box_inner .title {font-size: 16px;line-height: 100%;text-align: center;}
.message-box_inner .message-content {margin-top: 18px;padding: 0 20px;font-size: 14px;line-height: 20px;text-align: center;color: #828a92;}
.message-box_inner .button-group {margin-top: 18px;text-align: center;}
.message-box_inner .button-group button {display: inline-block;margin: 0 8px;height: 28px;font-size: 14px;line-height: 28px;padding: 0 15px;font-size: 14px;border: none;outline: none;cursor: pointer;border-radius: 2px;box-shadow: 0px 1px 2px rgba(0,0,0,0.1);}
.message-box_inner .button-group button.confirm-btn {background-color: #ff2129;color: #fff;}
.message-box_inner .button-group button.cancel-btn {color: #aaa;}
.message-top_wrapper {position: fixed;top: 0;left: 50%;z-index: -1;opacity: 0;transform: translate(-50%);background-color: #edf2fc;border: 1px solid #ebeef5;border-radius: 4px;transition: all .2s linear .1s;}
.message-top_wrapper .message-top_content {min-width: 260px;padding: 12px 20px;text-align: center;line-height: 100%;font-size: 14px;}
.sildeInTop {z-index: 1051;opacity: 1; top: 20px;transition: all .2s linear .1s;}
.message-top_warning {background-color: #fdf6ec;border-color: #faecd8;color: #e6a23c;}
.message-top_success {background-color: #f0f9eb;border-color: #e1f3d8;color: #67c23a;}

.danger-tip{float:left;width: 679px;height: 24px;margin-left:30px;margin-top:20px;border-left:3px solid #ff7d53;line-height:24px;font-size:14px;color:#ff4800;background-color: #fef3e8;border-radius: 2px 0px 0px 2px;}
.danger-tip img{width: 13px;height: 12px;margin:0 8px -1px 13px;}