input,
textarea,
select,
button {
    background: none;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 14px;
}

iframe {
    display: block;
}

.cf {
    *zoom: 1;
}

.cf:before,
.cf:after {
    display: table;
    content: "";
}

.cf:after {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.tl-center {
    text-align: center;
}

.hidden {
    display: none;
}

.tab {
    background: #FFFFFF;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    box-sizing: border-box;
    display: block;
    margin-bottom: 20px;
    padding: 15px 0;
    width: 100%;
}

.btn,
.btn:link,
.btn:visited ,
.btn:hover,
.btn:active {
    background: #CD3278;
    border: none;
    color: #FFFFFF;
}

.btn {
    cursor: pointer;
    font: 13px 'Helvetica Neue', 'Microsoft YaHei';
    padding: 5px 20px;
}

.btn-big,
.input-big,
.input-item-big {
    border-radius: 2px;
    display: block;
    font-size: 16px;
    width: 90%;
}

.btn-big {
    height: 40px;
    line-height: 40px;
    margin: 10px auto;
    padding: 0;
    text-align: center;
}

.btn-invalid {
    background: #F0F0F0;
    border: 2px solid #E8E8E8;
    color: #A8A8A8;
}

.btn-success {
    background: #FFFFFF;
    border: 2px solid #43CD80;
    color: #43CD80;
}

.bg-hl {
    background: #CD3278;
}

.hl {
    color: #CD3278;
}

.normal-link,
.normal-link:link,
.normal-link:visited ,
.normal-link:hover,
.normal-link:active {
    color: #282828;
}

img.section-start {
    margin-top: 5px;
    margin-right: 5px;
    width: 18px;
}

.unimportant-text {
    color: #969696;
}

.small-text {
    font-size: 12px;
}

.underline {
    text-decoration: underline;
}

.auth-avatar-wrap {
    position: relative;
    width: 40px;
}

.auth-avatar-wrap-big {
    width: 65px;
}

.auth-avatar-wrap .avatar {
    display: block;
    width: 100%;
}

.auth-icon {
    background-color: #FFD700;
    border-radius: 50%;
    height: 14px;
    line-height: 14px;
    text-align: center;
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
}

.auth-icon:after {
    color: #FFFFFF;
    content: "\f005";
    font-size: 8px;
    font-family: FontAwesome;
    position: relative;
    top: -2px;
}

.auth--avatar-wrap .auth-icon,
.auth-0-avatar-wrap .auth-icon {
    display: none;
}

.auth-21-avatar-wrap .auth-icon {
    background-color: #EE3B3B;
}

.auth-18-avatar-wrap .auth-icon,
.auth-15-avatar-wrap .auth-icon,
.auth-12-avatar-wrap .auth-icon,
.auth-9-avatar-wrap .auth-icon {
    background-color: #EE7600;
}

.auth-21-avatar-wrap .auth-icon:after,
.auth-18-avatar-wrap .auth-icon:after,
.auth-15-avatar-wrap .auth-icon:after,
.auth-12-avatar-wrap .auth-icon:after,
.auth-9-avatar-wrap .auth-icon:after {
    content: "\f219";
}

.auth-avatar-wrap-big .auth-icon {
    height: 16px;
    line-height: 16px;
    right: -4px;
    bottom: -4px;
    width: 16px;
}

.auth-avatar-wrap-big .auth-icon:after {
    font-size: 10px;
    top: -1px;
}

.opacity-black-bg,
.list-opacity-black-bg {
    background: #000000;
    height: 100%;
    opacity: 0.6;
    filter: Alpha(opacity=60);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

body {
    background: #F0F0F0;
    color: #282828;
    font: 14px "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

#wrap {
    padding: 45px 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.fixed-nav {
    background: #CD3278;
    height: 45px;
    line-height: 45px;
    position: fixed;
    z-index: 50;
    width: 100%;
}

.fixfixed .fixed-nav,
.fixfixed .comment-form {
    position: absolute;
}

#header {
    top: 0;
}

#header .logo {
    margin-top: 12px;
    width: 125px;
}

#header .header-title {
    color: #FFFFFF;
    font-size: 18px;
}

#header .return-btn {
    color: #FFFFFF;
    position: absolute;
    padding: 0 20px 0 10px;
    left: 5px;
    top: 5px;
}

#menu {
    background: #FAFAFA;
    border-top: 1px solid #E8E8E8;
    bottom: 0;
}

#menu li {
    float: left;
    width: 20%;
}

#menu a,
#menu a img {
    width: 24px;
}

#menu a {
    color: #A8A8A8;
    display: block;
    font-size: 12px;
    height: 36px;
    line-height: 12px;
    margin: 5px auto;
    text-align: center;
    position: relative;
}

#menu a img {
    height: 24px;
}

#menu a span {
}

#menu .plus-btn {
    background: #CD3278;
    border-radius: 3px;
    box-sizing: border-box;
    color: #FFFFFF;
    font-size: 30px;
    font-family: Arial;
    height: 40px;
    line-height: 40px;
    margin: 2px auto;
    width: 40px;
}

#main {
    min-height: 400px;
    position: relative;
}

#slider-list {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#slider-list a {
    display: block;
    padding: 0;
    height: 0;
    width: 100%;
    padding-top: 40%;
    position: relative;
}

#slider-list img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#index-nav {
    width: 100%;
}

#index-nav li {
    float: left;
    width: 25%;
}

#index-nav li a {
    border-radius: 50%;
    display: block;
    color: #282828;
    text-align: center;
    margin: 0 auto;
    width: 46px;
}

#index-nav li a .img-box {
    background: #EE9A00;
    border-radius: 50%;
    height: 46px;
    width: 100%;
}

#index-nav li a .monent-img-box {
    background: #79CDCD;
}

#index-nav li a .news-img-box {
    background: #6870ae;
}

#index-nav li a .photo-img-box {
    background: #CD5C5C;
}

#index-nav li img {
    margin-top: 5px;
    height: 36px;
    width: 36px;
}

.index-section .top {
    border-bottom: 1px solid #EDEDED;
    padding: 0 10px 10px 10px;
}

.index-section .top .title {
    font: 16px "仿宋";
    font-weight: bold;
}

.index-section .top i {
    font-size: 20px;
    position: relative;
    top: 1px;
}

.index-spring-section iframe {
    display: block;
    width: 100%;
}

.index-spring-section .spring-video-list li {
    width: 48%;
}

.index-spring-section .name-wrap,
.spring-video-list .name-wrap {
    background: #EEAD0E;
    display: inline-block;
    position: relative;
    height: 20px;
    margin: 10px 0;
    padding: 2px 7px;
    width: 75%;
}

.index-spring-section .name-side,
.spring-video-list .name-side {
    background: #CD3333;
    width: 5px;
    height: 30px;
    position: absolute;
    top: -3px;
}

.spring-video-list .name-side {
    background: #B22222;
}

.index-spring-section .name-side-left,
.spring-video-list .name-side-left {
    left: 0;
}

.index-spring-section .name-side-right,
.spring-video-list .name-side-right {
    right: 0;
}

.index-spring-section .name-container,
.spring-video-list .name-container {
    background: #FF4040;
    color: #FFFFFF;
    font-weight: bold;
    box-sizing: border-box;
    height: 20px;
    padding: 0 3px;
    width: 100%;
    overflow: hidden;
}

.spring-video-list .name-container {
    background: #CD6839;
}

.index-spring-section .name,
.spring-video-list .name {
    color: #FFFFFF;
    font-weight: bold;
    box-sizing: border-box;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.index-spring-section .description {
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.index-spring-section .upload-btn {
    display: block;
    margin: 10px auto 0 auto;
    height: 25px;
    line-height: 25px;
    width: 80%;
}

.index-activity-section .activity-swiper-container,
.index-spring-section .spring-swiper-container {
    padding: 10px;
}

.index-activity-section .activity-list li {
    border: 1px solid #F0F0F0;
    text-align: left;
    width: 180px;
}

.index-activity-section .activity-list a {
    color: #282828;
}

.index-activity-section .activity-list img {
    display: block;
    width: 100%;
}

.index-activity-section .activity-list .info {
    padding: 5px;
}

.index-activity-section .activity-list .location i {
    color: #C9C9C9;
}

.recommend-member-list {
    padding: 15px;
}


.recommend-member-list li {
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
}

.recommend-member-list li + li {
    margin-top: 25px;
}

.recommend-member-list img,
.recommend-member-list iframe,
.recommend-member-list .view-btn  {
    display: block;
    width: 100%;
}

.recommend-member-list .view-btn {
    padding: 10px 0;
}

.recommend-member-list .detail {
    display: block;
}

.recommend-member-list .info {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    border: 1px solid #E8E8E8;
    border-bottom: none;
}

.recommend-member-list .name {
    border: 1px solid #CD3278;
    border-radius: 1000px;
    display: inline-block;
    padding: 0 20px;
    height: 24px;
    line-height: 24px;
    margin: 5px auto;
    width: auto;
}

.recommend-member-list .name i {
    font-size: 12px;
    margin: 0 5px;
    position: relative;
    top: -5px;
}

.recommend-member-list .description {
    margin-top: -10px;
    padding: 15px 5px;
}

.index-intro-section .content {
    margin-top: 10px;
}

.index-intro-section p {
    display: inline-block;
    font-size: 14px;
    text-align: left;
    position: relative;
    padding-left: 15px;
    max-width: 92%;
}

.index-intro-section p i {
    position: absolute;
    margin-left: -15px;
    margin-top: 4px;
}

.index-intro-section .btn {
    border-radius: 3px;
    display: block;
    margin: 10px auto 0 auto;
    width: 80px;
}

.activity-list .title {
    display: -webkit-box;
    height: 36px;
    line-height: 18px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 5px;
}

.activity-list .status,
#activity-detail .status {
    background: #3CB371;
    border-radius: 500px;
    color: #FFFFFF;
    padding: 1px 10px;
}

.activity-list .status-unbegin,
#activity-detail .status-unbegin {
    background: #6495ED;
}

.activity-list .status-end,
#activity-detail .status-end {
    background: #CD5C5C;
}

.activity-list .cost,
#activity-detail .cost {
    color: #EE4000;
}

.index-section .index-news-list li {
    box-sizing: border-box;
    padding: 10px;
    position: relative;
    width: 50%;
}

.index-section .index-news-list img {
    background: #F5F5F5;
    display: block;
    width: 100%;
}

.index-section .index-news-list .data {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    color: #F0F0F0;
    margin-top: -28px;
    margin-left: 5px;
    padding: 3px 5px;
    position: absolute;
}

.index-section .index-news-list .data span:first-child {
    margin-right: 10px;
}

.index-section .index-news-list .data i {
    margin-right: 1px;
}

.news-list {
    width: 100%;
}

.news-list li {
    padding: 10px;
    position: relative;
}

.news-list li + li {
    border-top: 1px solid #E8E8E8;
}

.news-list img {
    margin-right: 10px;
    width: 100px;
}

.news-list .title,
.index-news-list .title {
    display: -webkit-box;
    max-height: 54px;
    line-height: 18px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.index-news-list .title {
    height: 36px;
    -webkit-line-clamp: 2;
}

.news-list li.has-sample .title {
    height: 54px;
}

#other-match-list img {
    width: 60px;
}

#other-match-list li {
    padding: 10px 0;
}

.index-announcement-section .announcement-list .tag,
.news-list .tag,
.vote-item-list .description-title {
    background: #FFF0F5;
    border: 1px solid #CD3278;
    border-radius: 2px;
    padding: 1px 2px;
}

.member-list {
    margin-top: -10px;
    width: 100%;
}

.member-list li {
    border-bottom: 1px solid #EDEDED;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
}

.member-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.member-list .info {
    margin-left: 80px;
}

.member-list .description {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.add-message-form {
    padding: 0;
}

.add-message-form .submit-btn {
    background: none;
    border: none;
    color: #FFFFFF;
    position: absolute;
    right: 10px;
    top: -30px;
    z-index: 50;
    padding: 0;
    height: 30px;
    line-height: 30px;
}

.add-message-form textarea {
    border: none;
    box-sizing: border-box;
    height: 80px;
    outline: none;
    resize: none;
    width: 100%;
}

.add-message-form .font-amount-hint {
    padding-right: 10px;
}

.add-message-form .upload-photo-list {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
}

.add-message-form .file-btn,
.upload-vote-item-form .file-btn,
.add-message-form .add-btn,
.upload-vote-item-form .add-btn,
.add-message-form .upload-photo-list li,
.upload-vote-item-form .upload-photo-list li,
.add-message-form .upload-photo-list .photo-wrap {
    height: 60px;
    width: 60px;
}


.add-message-form .upload-photo-list li,
.upload-vote-item-form .upload-photo-list li {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    position: relative;
}

.add-message-form .upload-photo-list .photo-wrap,
.upload-vote-item-form .upload-photo-list .photo-wrap {
    overflow: hidden;
}

.add-message-form .upload-photo-list .remove-btn,
.upload-vote-item-form .upload-photo-list .remove-btn {
    background: #EE3B3B;
    border-radius: 50%;
    color: #FFFFFF;
    font-family: sans-serif;
    height: 18px;
    line-height: 18px;
    position: absolute;
    right: -8px;
    top: -8px;
    text-align: center;
    width: 18px;
    z-index: 50;
}

.add-message-form .upload-photo-list img
.upload-vote-item-form .upload-photo-list img {
    width: 100%;
}

.add-message-form .add-btn-wrap,
.upload-vote-item-form .add-btn-wrap {
    float: left;
    position: relative;
}

.add-message-form .file-btn,
.add-message-form .add-btn,
.upload-vote-item-form .file-btn,
.upload-vote-item-form .add-btn {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
}

.add-message-form .add-btn,
.upload-vote-item-form .add-btn {
    border: 1px solid #D9D9D9;
    color: #D9D9D9;
    font-size: 30px;
    font-family: Arial;
    line-height: 60px;
    text-align: center;
}

.add-message-form .file-btn,
.upload-vote-item-form .file-btn {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 50;
}

.upload-vote-item-form .video-source-wrap label {
    margin-right: 20px;
}

.upload-vote-item-form .video-source-wrap input {
    border: 1px solid #E8E8E8;
    -webkit-appearance: radio;
    width: auto;
}

.upload-vote-item-form .video-source-wrap input:checked {
    background: #CD3278;
}

#square-profile {
    margin-top: 20px;
    padding: 10px;
}

#square-profile a {
    color: #282828;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
}

#square-profile .right {
    color: #C1C1C1;
    font-size: 20px;
}

.message-detail {
    border-top: 1px solid #E8E8E8;
    padding: 15px 10px;
}

.message-detail:first-child {
    border-top: none;
    padding-top: 0;
}

.message-detail .auth-avatar-wrap {
    margin-top: 2px;
}

.message-detail .info {
    float: none;
    margin-left: 50px;
}

.message-detail .name {
    font-size: 15px;
}

.message-detail .name,
.message-detail .content {
    margin: 5px 0;
}

.message-detail .delete-btn {
    margin-left: 10px;
}

.message-detail .photo-list {
    margin: 5px 0;
    width: 100%;
}

.message-detail .photo {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 28%;
}

.message-detail .more-btn {
    border-radius: 1px;
    display: block;
    height: 15px;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
    padding: 0;
    position: relative;
    width: 20px;
}

.message-detail .more-btn i {
    position: absolute;
    left: -4px;
}

.message-detail .more-menu {
    background: #454545;
    color: #363636;
    font-size: 18px;
    border-radius: 2px;
    display: none;
    float: right;
    position: absolute;
    margin-top: -25px;
    right: 40px;
}

.message-detail .more-menu,
.message-detail .more-menu button,
.message-detail .more-menu a {
    height: 35px;
    line-height: 35px;
}

.message-detail .more-menu button,
.message-detail .more-menu a {
    border: none;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    float: left;
    padding: 0 10px;
}

.message-detail .interact {
    background: #F0F0F0;
    box-sizing: border-box;
    margin-top: 8px;
    position: relative;
    width: 100%;
}

.message-detail .like-list {
}

.message-detail .like-item {
    display: block;
    height: 20px;
    line-height: 20px;
    margin-top: 3px;
}

.message-detail .comment-item {
    margin: 2px 3px;
    position: relative;
}

.message-detail .like-list:not(:empty) +
.comment-list:not(:empty) {
    border-top: 1px solid #E8E8E8;
    margin-top: 5px;
    padding-top: 3px;
}

.message-detail .like-item:not(:first-child):before {
    content: ", ";
}

.message-detail .like-item:first-child {
    margin-left: 20px;
}

.message-detail .like-item:first-child:after {
    color: #CD3278;
    content: "\f087";
    font-size: 14px;
    font-family: FontAwesome;
    position: absolute;
    left: 5px;
    top: 3px;
}

.message-detail .like-list:not(:empty):before,
.message-detail .comment-list:not(:empty):before {
    color: #F0F0F0;
    content: "\f0d8";
    font-size: 18px;
    font-family: FontAwesome;
    position: absolute;
    left: 5px;
    top: -12px;
}

.message-detail .comment-item a,
.message-detail .comment-item .comment-content {
    margin: 0 2px;
}

.message-detail .comment-selected {
    background: #BCD2EE;
}

.message-comment-delete-btn,
.message-comment-delete-btn:hover {
    background: #000000;
    border-radius: 3px;
    color: #FAFAFA;
    height: 25px;
    line-height: 25px;
    padding: 0;
    position: absolute;
    top: -30px;
    width: 50px;
}

.message-comment-delete-btn:after {
    content: "";
    display: block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000000;
    position: absolute;
    top: 25px;
    left: 18px;
    height: 0;
    width: 0;
}

.list-selector {
    box-sizing: border-box;
    position: relative;
    height: 40px;
    padding: 5px 0;
    z-index: 20;
}

.list-selector a {
    background: #FFFFFF;
    display: block;
    text-align: center;
}

.list-selector .current {
    box-sizing: border-box;
    float: left;
    height: 30px;
    line-height: 30px;
    position: relative;
    width: 50%;
}

#news-selector .current {
    width: 100%;
}

.list-selector .current:after {
    font: normal normal normal 14px/1 FontAwesome;
    color: #969696;
    content: "\f0d7";
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 5px;
}

.list-selector .active,
.list-selector .active:after,
.list-selector .sub-active {
    color: #CD3278;
}

.list-selector .active:after {
    content: "\f0d8";
}

.list-selector .area {
    border-right: 1px solid #E8E8E8;
}

.list-selector .selector-list {
    background: #FFFFFF;
    border-top: 1px solid #E8E8E8;
    display: none;
    position: absolute;
    top: 38px;
    width: 100%;
}

.list-selector .selector-list a {
    display: block;
    padding: 10px 0;
    width: 100%;
}

.list-selector .selector-list a {
    border-bottom: 1px solid #E8E8E8;
}

.list-selector .selector-list .sub-active {
    background: #F5F5F5;
}

#activity-list li {
    padding: 10px;
}

#activity-list img {
    width: 100px;
}

#activity-list .info {
    margin-left: 110px;
}

#activity-list .status {
    margin-right: 5px;
}

.article-detail .sample {
    display: block;
    width: 100%;
}

.article-detail img {
    max-width: 100%;
    height: auto;
}

.article-detail .tab {
    padding: 10px;
}

.article-detail .article-content p {
    margin-bottom: 10px;
}

.article-detail  .info .title {
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 26px;
    padding: 10px 0;
}

#activity-detail  .info .title {
    margin: 10px;
}

.article-detail .detail-title {
    border-bottom: 1px solid #E8E8E8;
    font-size: 16px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}

.article-detail .detail-title span {
    border-bottom: 2px solid #CD3278;
    font-weight: bold;
    padding-bottom: 10px;
}

.article-detail .comment .comment-btn {
    border: 1px solid #E8E8E8;
    border-radius: 3px;
    font-size: 14px;
    padding: 2px 5px;
    position: absolute;
    right: 0;
}

.article-detail .comment .comment-list li {
    padding: 10px 0;
}

.article-detail .comment-list .avatar {
    box-shadow: 0 0 1px #D9D9D9;
    width: 35px;
}

.article-detail .comment-list .comment-info {
    margin-left: 45px;
    position: relative;
}

.article-detail .comment-list .reply-btn {
    border: none;
    font-size: 16px;
}

.article-detail .comment-list .sub-comment-list {
    background: #F7F7F7;
    box-sizing: border-box;
    padding: 0 5px;
    width: 100%;
}

.article-detail .comment-list .sub-comment-list li {
    border-bottom: 1px solid #E8E8E8;
}

.article-detail .comment-list .sub-comment-list li:last-child {
    border-bottom: none;
}

#activity-detail .info {
    border-top: 0;
    padding: 0 0 10px 0;
}

#activity-detail .info table {
    border-collapse: collapse;
    margin: 10px auto;
    width: 85%;
}

#activity-detail .info table td {
    border-bottom: 1px solid #E8E8E8;
    padding: 10px 5px;
}

#activity-detail .info .icon {
    color: #C1C1C1;
    font-size: 16px;
    width: 15px;
}

#activity-detail .info .status {
    font-size: 14px;
    margin-right: 10px;
}

#activity-detail .info .apply-btn {
    font-size: 16px;
    padding: 10px 20px;
    margin: 0 auto;
    width: 160px;
}

#vote-activity-detail .vote-item-title {
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
    padding: 0;
    margin-right: 100px;
    width: 100%;
}

#vote-activity-detail .vote-item-list>li {
    padding: 0;
}

#vote-activity-detail .vote-item-list li .vote-info {
    padding: 10px;
}

#vote-activity-detail .vote-item-list iframe {
    display: block;
    width: 100%;
}

#vote-activity-detail .vote-result .left {
    display: block;
    width: 70%;
}

#vote-activity-detail .vote-item-list .vote-btn {
    border-radius: 2px;
    font-size: 16px;
    margin-left: 5px;
    margin-top: -3px;
}

#vote-activity-detail .vote-photo-list a {
    display: block;
    width: 100px;
}

#vote-activity-detail .vote-photo-list img {
    width: 100px;
}

#vote-activity-detail .vote-result li {
    margin: 20px auto;
}

#vote-activity-detail .vote-result .whole-rect,
#vote-activity-detail .vote-result .part-rect {
    height: 10px;
}

#vote-activity-detail .vote-result .whole-rect {
    background: #F8F8FF;
    width: 100%;
}

#profile .tab {
    padding: 0;
}

#profile .tab-item {
    border-top: 1px solid #E8E8E8;
    padding: 10px;
    position: relative;
}

#profile .tab .tab-item:first-child {
    border-top: none;
}

#profile .tab-item:after {
    color: #C1C1C1;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 26px;
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 8px;
}

#profile .main-info .tab-item:after {
    top: 30px;
}

#profile .main-info .unsignin-tab-item:after {
    content: "";
}

#profile .main-info .sign-list li {
    box-sizing: border-box;
    padding: 10px 20px;
    width: 50%;
}

#profile .main-info .sign-list a {
    font-size: 16px;
    padding: 10px 30px;
    border: 2px solid #CD3278;
    border-radius: 3px;
}

#profile .main-info .sign-list a.signin-btn {
    background: #FFFFFF;
    color: #CD3278;
}

#profile .tab-item .update-notice-icon,
.notice-preview-list li .update-notice-icon {
    color: #EE2C2C;
    font-size: 12px;
    position: absolute;
    top: 16px;
    right: 30px;
}

#profile .main-info {
    margin-top: 20px;
}

#profile .main-info .auth-avatar-wrap {
    width: 65px;
}

#profile .main-info .info {
    margin-left: 75px;
}

#profile .main-info .name {
    font-size: 16px;
    margin: 5px 0 10px 0;
}

#profile .icon {
    color: #4876FF;
    padding-right: 15px;
    height: 20px;
    width: 25px;
}

#profile .green {
    color: #3CB371;
}

#profile .oriange {
    color: #EE9A00;
}

#profile .item-name {
    font-size: 16px;
}

.sign-form {
    padding-top: 50px;
    position: relative;
}

#signup-form {
    padding-top: 20px;
}

.sign-form .skip-link,
#signup-form .skip-link {
    color: #FFFFFF;
    font-size: 16px;
    position: fixed;
    top: 12px;
    right: 10px;
    z-index: 50;
}

#signup-form .top-logo,
#signup-form .top-wrap,
#avatar-form .top-wrap,
#signup-form .top-wrap .file-btn,
#avatar-form .top-wrap .file-btn,
#signup-form .top-wrap .avatar-wrap,
#avatar-form .avatar-wrap,
#avatar-form .top-wrap img {
    display: block;
    height: 75px;
    margin: 0 auto;
    width: 75px;
}

#signup-form  .top-logo {
    height: auto;
}

#signup-form  .top-wrap,
#avatar-form .top-wrap {
    box-shadow: 0 0 1px #C1C1C1;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    line-height: 75px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

#signup-form  .top-wrap .file-btn,
#avatar-form .file-btn,
#avatar-form .top-wrap img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 20;
}

#avatar-form .top-wrap img {
    opacity: 1;
    z-index: 10;
}

#avatar-form .avatar-wrap {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 15;
}

#signup-form .top-wrap i,
#avatar-form .top-wrap i {
    color: #FFFFFF;
    font-size: 30px;
    vertical-align: middle;
}

#cover-form .cover-img-btn {
    display: block;
    margin: 30px auto 50px auto;
}

#cover-form input {
    border: none;
}

.sign-form .input-wrap {
    margin: 30px auto;
}

.sign-form input,
.sign-form select {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    font-size: 16px;
    height: 40px;
    line-height: 20px;
    padding-left: 40px;
    width: 100%;
}

.sign-form select {
    line-height: 20px;
}


.sign-form .input-item {
    box-sizing: border-box;
    margin: 20px auto;
    position: relative;
}

.sign-form .input-item:first-child {
    border-top: none;
}

.sign-form .input-item i {
    font-size: 16px;
    position: absolute;
    top: 15px;
    left: 15px;
}

.sign-form .input-item span {
    display: block;
    height: 40px;
    left: 5px;
    line-height: 40px;
    position: absolute;
    top: 0;
    text-align: right;
    min-width: 48px;
    max-width: 60px;
    width: auto;
}

.sign-form .input-mobile-item i {
    font-size: 20px;
    left: 16px;
    top: 12px;
}

.sign-form .input-captcha-item {
    padding-right: 130px;
}

.sign-form .captcha-btn {
    border-radius: 2px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
}

#signup-form .input-captcha {
    margin-right: 105px;
}

#signup-form .captcha-btn-td,
#signup-form .captcha-btn {
    width: 100px;
}

#signup-form .captcha-btn {
    padding: 5px;
    right: 0;
}

.sign-form .invalid-captcha-btn,
#signup-form .invalid-captcha-btn {
    background: #C1C1C1;
    color: #969696;
}

#signup-form table {
    border-collapse: collapse;
    margin: 20px 0;
    width: 100%;
}

#signup-form table td:first-child {
    text-align: right;
}

#signup-form table .input-tr {
    background: #FFFFFF;
}

.sign-form .input-item i.email-icon {
    left: 12px;
}

.sign-form .change-signin-type {
    font-size: 13px;
    position: relative;
    top: -10px;
}

.upload-vote-item-form table {
    border-collapse: collapse;
    width: 100%;
}

.upload-vote-item-form table td.item-name {
    width: 80px;
}

.upload-vote-item-form table td {
    box-sizing: border-box;
    border-bottom: 1px solid #E8E8E8;
    padding: 10px 5px;
}

.upload-vote-item-form tr:last-child td,
.upload-vote-item-form .source-tr td {
    border-bottom: none;
}

.upload-vote-item-form input {
    width: 100%;
    border: none;
}

.upload-vote-item-form textarea {
    height: 80px;
    margin: 5px 0;
    resize: none;
    width: 100%;
}

.comment-form {
    background: #FFFFFF;
    border-top: 1px solid #E8E8E8;
    box-sizing: border-box;
    border-radius: 2px;
    position: fixed;
    left: 0;
    width: 90%;
}

.comment-form .content {
    box-sizing: border-box;
    border: none;
    display:block;
    height: 80px;
    max-height: 80px;
    line-height: 20px;
    padding: 10px 5px;
    resize: none;
    overflow: hidden;
    outline: none;
    width: 100%;
}

.comment-form .submit-btn {
    background: #FFFAFA;
    border: none;
    border-top: 1px solid #E8E8E8;
    display: block;
    height: 50px;
    padding: 0;
    width: 100%;
}

.profile-wrap {
    padding: 10px;
}

.profile-form textarea,
.profile-form input {
    width: 100%;
}

.profile-form textarea,
.profile-form input {
    background: #FFFFFF;
}

.profile-form textarea {
    height: 150px;
    resize: none;
}

.profile-form input {
    padding: 10px 5px;
}

#avatar-form .crop-avatar-img {
    margin: 5px auto;
    width: 90%;
}

#avatar-form .crop-avatar-img input {
    border: none;
}

.member-info-form .tab,
#people-wrap .tab,
#album-wrap {
    padding: 0;
}

#album-wrap {
    border-top: none;
}

.member-info-form input,
.member-info-form textarea,
.member-info-form select,
.member-info-form table {
    border: 0;
    width: 100%;
}

.member-info-form textarea {
    padding: 8px 5px;
    height: 60px;
    resize: none;
}

.member-info-form table td {
    border-bottom: 1px solid #E8E8E8;
    padding: 2px;
}

.member-info-form table td.name,
#people-wrap .info-table td.name {
    padding: 10px 2px;
    color: #696969;
    vertical-align: top;
    width: 60px;
}

.member-info-form table tr:last-child td {
    border-bottom: none;
}

.member-info-form .auto-selector {
    width: auto;
}

#people-wrap .cover,
#album-wrap .cover {
    display: block;
    position: relative;
    z-index: 10;
    width: 100%;
}

.go-cover-btn {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    height: 40px;
    line-height: 40px;
    width: 80%;
}

#album-wrap .top-info {
    float: right;
    margin-bottom: 20px;
}

#people-wrap .info,
#album-wrap .top-info {
    margin-top: -30px;
    padding: 0 20px;
    position: relative;
}

#people-wrap .auth-avatar-wrap,
#album-wrap .top-info .auth-avatar-wrap {
    display: inline-block;
    border: 1px solid #C1C1C1;
    box-sizing: border-box;
    vertical-align: bottom;
    position: relative;
    width: 60px;
    z-index: 30;
}

#album-wrap .top-info .avatar {
    vertical-align: top;
}

#people-wrap .info .name,
#album-wrap .top-info .name {
    margin: 0 10px;
}

#album-wrap .top-info .name {
    color: #FFFFFF;
    margin-top: 20px;
    position: relative;
    z-index: 30;
}

#people-wrap .male {
    color: #1C86EE;
}

#people-wrap .description {
    margin: 10px 0;
}

#people-wrap .info-table td,
#people-wrap .nav-link {
    padding: 10px;
}

#people-wrap .nav-link {
    display: block;
    font-size: 15px;
}

#people-wrap .nav-link i {
    margin-top: 3px;
}

#people-wrap .info-table {
    width: 100%;
}

#people-wrap .info-table td {
    border-top: 1px solid #E8E8E8;
}

#people-wrap .info-table tr:first-child td {
    border-top: none;
}

.account-tab {
    padding: 10px;
}

.account-tab .account-tab-header {
    color: #282828;
    line-height: 35px;
}

.account-tab .tab-icon {
    background: #FFA07A;
    border-radius: 2px;
    display: block;
    height: 35px;
    margin-right: 10px;
    width: 35px;
}

.account-tab .tab-icon i {
    color: #FFFFFF;
}

.account-tab .big-text {
    color: #282828;
    font-size: 26px;
}

.account-tab .account-tab-footer {
    padding-top: 5px;
    border-top: 1px solid #E8E8E8;
}

.account-tab a {
    display: block;
}

.account-tab .footer-link {
    display: block;
    padding: 10px 0;
    width: 100%;
}

.account-tab .footer-link-half {
    box-sizing: border-box;
    width: 50%;
}

.account-tab .footer-link-half +
.footer-link-half {
    border-left: 1px solid #E8E8E8;
}

.account-tab .service-table {
    text-align: center;
    width: 100%;
}

.account-tab .service-name {
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
    width: 50%;
}

.account-tab td {
    padding: 3px 5px;
}

.account-tab .service-name i {
    color: #6495ED;
    font-size: 10px;
    margin-right: 10px;
}

.account-tab tr:nth-child(3n+1) .service-name i {
    color: #EE6363;
}
.account-tab tr:nth-child(3n+2) .service-name i {
    color: #3CB371;
}

.account-record-table {
    background: #FFFFFF;
    width: 100%;
}

.account-record-table tr td {
    border-top: 1px solid #E8E8E8;
    text-align: left;
    padding: 10px;
    word-wrap: break-word;
    word-break: break-all;
}

.account-record-table tr:first-child td {
    border-top: none;
}

.account-record-table tr td:last-child {
    width: 80px;
    text-align: right;
}

.notice-preview-list {
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
}

.notice-preview-list li {
    border-bottom: 1px solid #E8E8E8;
    position: relative;
    width: 100%;
}

.notice-preview-list li:last-child {
    border-bottom: 0;
}

.notice-preview-list li a {
    display: block;
    height: 50px;
    padding: 10px 0;
    width: 100%;
}

.notice-preview-list li .icon-wrapper {
    background: #436EEE;
    color: #FFFFFF;
    font-size: 20px;
    display: block;
    height: 50px;
    position: absolute;
    line-height: 50px;
    width: 50px;
}

.notice-preview-list li .comment-notice-link .icon-wrapper {
    background: #00CD66;
}

.notice-preview-list li .like-notice-link .icon-wrapper {
    background: #FF8C00;
}

.notice-preview-list li .update-notice-icon {
    left: 44px;
    top: 4px;
    z-index: 20;
}

.notice-preview-list li .info {
    margin-left: 60px;
}

.system-notice-list li {
    box-sizing: border-box;
    margin: 20px 0;
    padding: 10px;
    position: relative;
}

.system-notice-list .no-notice-hint {
    margin: 0;
}

.system-notice-list li .title {
    font-size: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space:nowrap;
    margin-right: 80px;
}

.system-notice-list li .time {
    position: absolute;
    right: 5px;
    top: 15px;
}

.system-notice-list li .view {
    border-top: 1px solid #E8E8E8;
    margin-top: 5px;
    padding-top: 5px;
}

.system-notice-detail {
    box-sizing: border-box;
    padding: 10px;
}

.system-notice-detail .title {
    font-size: 16px;
}

.system-notice-detail .time {
    border-bottom: 1px solid #E8E8E8;
    margin: 5px 0;
    padding-bottom: 5px;
}

.system-notice-detail .content img {
    max-width: 100%;
}

.notice-list {
    padding: 0;
}

.notice-list li {
    border-bottom: 1px solid #E8E8E8;
}

.notice-list li:last-child {
    border-bottom: none;
}

.notice-list li a {
    display: block;
    padding: 10px 5px;
}

.notice-list li p {
    line-height: 18px;
}

.notice-list li .left {
    width: 50px;
}

.notice-list li .right {
    width: 60px;
}

.notice-list li .info {
    margin: 0 70px 0 60px;
}

.notice-list li .preview-img {
    max-width: 100%;
}

.notice-list li .preview-text {
    display: -webkit-box;
    height: auto;
    min-height: 36px;
    max-height: 72px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.subpage-top-nav,
.intro-swiper-container,
.news-swiper-container {
    padding: 0;
}

.subpage-top-nav a {
    border-bottom: 2px solid transparent;
    display: block;
    margin: 0 10px;
    padding: 10px 0;
    width: 100px;
}

.feedback-nav a {
    margin: 0 5%;
    width: 40%;
}

.subpage-top-nav a.active {
    border-bottom: 2px solid #CD3278;
}

.feedback-list li {
    padding: 10px;
}

.feedback-list li i {
    margin-right: 5px;
}

.feedback-list li i.have-reply {
    color: #71C671;
}

.feedback-list li .reply-content {
    border-top: 1px dashed #D9D9D9;
    margin-top: 10px;
    padding-top: 10px;
}

.profile-wrap .intro-content {
    display: none;
}

.profile-wrap .intro-content:first-child {
    display: block;
}

.vote-item-detail .tab {
    border-top: none;
    padding: 0;
}

.vote-item-detail .vote-item-detail-container {
    padding: 10px;
}

.spring-video-detail .avatar {
    border-radius: 50%;
    margin-right: 3px;
    vertical-align: middle;
}

.spring-video-detail .uploader-name,
.vote-item-detail-container .uploader-name {
    margin-top: 8px;
    margin-left: 5px;
}

.spring-video-detail .like-btn {
    border: 1px solid #D9D9D9;
    color: #969696;
    border-radius: 3px;
    padding: 3px 10px;
}

.spring-video-detail .signin-has-like-btn {
    border-color: #CD3278;
    color: #CD3278;
}

.spring-video-detail .item-name {
    margin: 5px 0;
}

.spring-video-detail .description {
    margin-bottom: 20px;
}

.spring-video-list-wrap {
    background: #CD4444;
}

.spring-video-list-wrap .sample {
    width: 100%;
}

.spring-video-list {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
}

.spring-video-list>li {
    margin: 20px 0 30px 0;
}

.spring-video-list .info {
    background: #FFFFFF;
}

.spring-video-list .operate,
.vote-item-list .operate {
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
}

.spring-video-list .operate a,
.spring-video-list .operate button,
.vote-item-list .operate a,
.vote-item-list .operate button {
    border: none;
    color: #696969;
    box-sizing: border-box;
    display: block;
    padding: 5px 0;
    width: 33.33%;
}

.spring-video-list .operate .signin-has-like-btn,
.vote-item-list .operate .signin-has-like-btn {
    color: #CD3278;
}

.spring-video-list .operate .left + .left,
.vote-item-list .operate .left + .left {
    border-left: 1px solid #E8E8E8;
}

.spring-video-list .description,
.vote-item-list .operate {
    padding: 5px;
}

.spring-video-list .comment-wrap {
    background: #F5F5F5;
}

.spring-video-list .comment-list li,
.vote-item-list .comment-list li {
    padding: 2px 5px;
}

.recommend-member-detail .name {
    display: inline-block;
    font-size: 15px;
    padding: 5px 10px;
    margin: 10px 0;
    border-bottom: 1px solid #CD3278;
}

.recommend-member-detail .photo-list li {
    margin-left: 1.25%;
    margin-bottom: 10px;
    width: 19%;
}

.recommend-member-detail .photo-list li:nth-child(5n+1) {
    margin-left: 0;
}

.recommend-member-detail .photo-list img {
    width: 100%;
}

.performer-apply-form table {
    width: 100%;
}

.performer-apply-form td {
    padding: 5px 3px;
}

.performer-apply-form .name {
    font-size: 16px;
    width: 115px;
}

.performer-apply-form .samll-name {
    width: 60px;
}

.performer-apply-form .photo-name {
    width: 140px;
}

.performer-apply-form input[type="text"],
.performer-apply-form textarea,
.performer-apply-form select {
    border-color: #A2B5CD;
    border-radius: 3px;
    width: 100%;
}

.performer-apply-form label {
    padding-right: 20px;
    margin-right: 20px;
}

.performer-apply-form .input-radio {
    background: #969696;
    border-radius: 50%;
    -webkit-appearance : radio;
}

.performer-apply-form .birth-selector {
    box-sizing: border-box;
    float: left;
    width: 33%;
}

.performer-apply-form .birth-selector +
.birth-selector {
    margin-left: 0.5%;
}

.performer-apply-form .error-input {
    border-color: #CD3333;
}

.performer-apply-form .photo-input {
    border: none;
}

.performer-apply-form textarea {
    height: 100px;
    resize: none;
}

.performer-apply-form .form-section-title {
    background: #EEA9B8;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    margin: 30px 0 15px 0;
    padding: 10px 0;
    width: 100%;
}

.performer-apply-form .form-section-title span {
    font-size: 13px;
}

.performer-apply-form .submit-btn {
    border-radius: 3px;
    display: block;
    font-size: 18px;
    margin: 20px auto;
    padding: 10px 0;
    width: 110px;
}

#president-auth-form .input-date {
    width: 45%;
}

#add-entry-list {
    display: none;
    margin-bottom: 0;
    position: fixed;
    bottom: 45px;
    width: 100%;
    z-index: 30;
}

#add-entry-list li {
    width: 50%;
}

#add-entry-list a {
    display: block;
    width: 100%;
}

#add-entry-list .icon-box {
    background: #CD5C5C;
    border-radius: 50%;
    color: #FFFFFF;
    height: 50px;
    line-height: 50px;
    margin: 10px auto;
    width: 50px;
}

#add-entry-list .activity-icon-box {
    background: #79CDCD;
}

.member-add-news-form {
    padding: 10px;
}

.member-add-news-form input {
    width: 100%;
}

.member-add-news-form .item-name {
    margin: 15px 0 5px 0;
}

.member-add-news-form .current-sample-wrap {
    padding: 0 42px;
}

.member-add-news-form .current-sample-wrap img {
    margin: 5px 0;
    width: 100%;
}


#crop-sample-modal {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    padding: 10px;
    width: 90%;
}

#crop-sample-modal .crop-simple-img {
    margin: 20px auto 30px auto;
}

#crop-sample-modal input {
    border: none;
}

.member-news-list {
    padding-top: 0;
}

.member-news-list li {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
}

.member-news-list li + li {
    border-top: 1px solid #E8E8E8;
}

.member-news-list .update-link {
    color: #008B00;
    margin-right: 20px;
}

#notice-modal {
    background: #FFFFFF;
    border-radius: 5px;
    overflow: hidden;
    width: 90%;
}

#notice-modal .modal-header {
    background: #F5F5F5;
    padding: 15px 20px;
}

#notice-modal .modal-header,
#notice-modal .modal-header a {
}

#notice-modal .modal-container {
    max-height: 450px;
    overflow: auto;
    padding: 20px;
}

#notice-modal .modal-container img {
    max-width: 100%;
}