@CHARSET "UTF-8";
/*会员资料页*/
.container-area { margin: 20px auto 0; }
.main-wrapper { margin-bottom: 40px; }
.container-area-left { float: left; }
.personal-card {
    text-align: center;
    margin-bottom: 20px;
    padding: 30px 0 20px;
    margin-top: -120px;
    z-index: 1;
    position: relative;
}
.personal-card, .personal-menu { background: #fff; border-radius: 12px; box-shadow: 0 0 10px 0 #e7e7e7; }
.avatar-container-80.center { margin: 0 auto; margin-top: -86px; position: relative; left: inherit; transform: inherit; }
.personal-card .author-avatar img { border-radius: 50%; box-shadow: 0 0 5px 0 #000; }
.personal-card .presonal-info { margin: 16px 0 0; }
.personal-card .presonal-info .author-name { font-size: 16px; font-weight: 700; color: #1D2129; }
.personal-card .position-info { margin-bottom: 24px; }
.personal-card .position-info span { font-size: 12px; color: #bbb; }
.personal-card .btn-area { padding: 0 20px; }
.card-media-mid-btn { height: 36px; line-height: 36px; font-size: 14px; padding: 0 20px; box-sizing: border-box; }
.btn-default-main { color: #FFF; background: rgba(63,177,99,1); border: 2px solid rgba(63,177,99,.8); border-radius: 4px; cursor: pointer; text-align: center; }
.personal-menu{
    overflow: hidden;
    width: 220px !important;
    padding: 0 20px;
}
.personal-menu .menu-list:not(:last-child) {
 border-bottom: 1px solid #eee;
}
.personal-menu .menu-list li { background: #fff; position: relative; }
.personal-menu a { display: flex; align-items: center; color: #5a5a5a; height: 52px; line-height: 52px; padding: 0 15px; position: relative; }
.personal-menu .menu-list li:hover { background: rgba(63,177,99,.8); }
.personal-card .btn-area a { margin-bottom:10px }
.personal-time{
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 10px 0 #e7e7e7;
    margin-top: 20px;
}


.ad-media-list { margin-top: 10px; }
.container-area:after { content: ""; display: table; clear: both; }
.bg-box-radius { border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 0 10px 0 #e7e7e7; }
.border-bottom { border-bottom: 1px solid #eee; }
.tab-menu .tab-box { height: 65px; font-size: 14px; color: #999; padding: 0 30px; position: relative; }
.tab-menu .tab-box li { float: left; display: flex; align-items: center; height: 64px; line-height: 64px; margin-right: 50px; cursor: pointer; font-size: 16px; margin-bottom: -1px; }
.tab-menu .tab-box .current { color: #444; border-bottom: 2px solid #444; }
.datum-item-box { padding: 0 30px; line-height: 1; }
.name-datum-box { position: relative; }
.user-avatars { text-align: center; position: relative; width: 120px; height: 120px; margin: 40px auto 16px; cursor: pointer; }
.user-avatars img { border-radius: 50%; }
.center { margin: 0 auto; line-height: 16px; }
.hover { width: 200px; height: 19px; }
.modify-user-name{
    font-size: 16px;
    font-weight: 700;
    color: #1D2129;
}
.datum-title-box { height: 36px; color: #444444; padding-top: 30px; }
.datum-title-box .btn-small { width: 80px; height: 36px; }
.datum-title-box:after { content: ""; display: table; clear: both; }
.table-wrap { padding-bottom: 30px; margin-left: -12px; }
.datum-table th { width: 73px; padding-top: 20px; font-weight: normal; color: #bbbbbb; text-align: right; padding-right: 30px; font-size: 14px; }
.datum-table td { padding-top: 20px; color: #444444; font-size: 14px; }
.modify { color: #d36f16; cursor: pointer; margin-left: 6px; }
.permission-prompt { color: #bbbbbb; margin-left: 20px; }
.required-sign { width: 6px; height: 6px; margin-right: 10px; background: #f4523b; border-radius: 50%; display: inline-block; vertical-align: middle; zoom: 1; }
.text-style { padding-left: 20px; padding-right: 20px; box-sizing: border-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.datum-table .long-text-box .text-style { width: 100%; display: block; }
.datum-table, .datum-table tbody, .datum-table tbody tr { display: block; }
.datum-table .long-text-box .text-style { width: 100%; display: block; }
.table-wrap table { background: none; }
.table-wrap table td { padding-top: 20px; }
.table-wrap table tr td:nth-child(1) {
text-align:right;
color:#bbbbbb;
width: 150px;
padding-right: 30px;
font-size: 14px;
}
.table-wrap table td img { vertical-align:middle; border-radius:50%; }
.table-wrap table td input[type=text],.table-wrap table td input[type=password]{
    height: 42px;
    color: #666;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 20px;
    width: 324px;
}
.table-wrap table td textarea { color: #666; font-size: 14px; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #f4f4f4; padding:0 20px; border-radius: 4px; width:100%; height:84px; line-height:42px;}
.table-wrap table td input[type=text]:focus,.table-wrap table td input[type=password]:focus,.table-wrap table td textarea:focus {
    background: #fff;
    color: #444;
}
.table-wrap table td input[type=radio]{ margin:0 10px;}
.personal-menu .menu-list .menu-list-default.current i {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px;
    height: 32px;
    background: rgba(63,177,99,1);
    vertical-align: middle;
}
.popFace, .tab-menu {
    border-radius: 4px;
    background: #fff;
}
.a-screen, .work-null,.viplist{
    width: 100%;
    min-height: 349px;
    margin: 20px auto 0;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-sizing: border-box;
}
.a-screen .work-null-inner, .work-null .work-null-inner {
    padding: 40px 0;
}
.a-screen .work-null-inner .null-images, .work-null .work-null-inner .null-images {
    display: inline-block;
    background: url(../images/null-page-draw.png) no-repeat;
    width: 280px;
    height: 165px;
    background-size: 280px;
    vertical-align: middle;
}
.a-screen .work-null-inner .work-null-tips, .work-null .work-null-inner .work-null-tips {
    text-align: center;
    color: #666;
    margin-top: 26px;
}
.a-screen .work-null-inner .work-null-tips .subject-title, .work-null .work-null-inner .work-null-tips .subject-title {
    color: #444;
    font-size: 16px;
}
.btn-current-null {
    min-width: 126px;
    height: 36px;
    padding: 0 19px;
    line-height: 36px;
}
.a-screen .work-null-inner .btn-current-null, .work-null .work-null-inner .btn-current-null {
    margin-top: 16px;
}
.viplist{ padding:20px;}
.viplist table{ width:100%;}

.common-table {margin-bottom:10px; background:#fff;border-collapse:collapse;border-spacing:0;}
.common-table thead th{border:1px solid #ececec;background:#FAF5F2;text-align:left;padding:8px 20px;}
.common-table td{border:1px solid #ececec;padding:8px 20px; text-align:left;}
.common-table td lable{ float:left;}
.container-area-right .tab-menu-info {
    padding: 0 30px;
}
.container-area-right .tab-menu-info ul {
    padding: 15px 0;
}
.container-area-right .sort-show-wrap span {
    padding: 4px 10px;
    float: left;
    margin-right: 20px;
    color: #bbbbbb;
}
.container-area-right .sort-list-box {
    padding-left: 70px;
}
.container-area-right .sort-list-box a {
    padding: 4px 10px;
    margin: 0 5px 4px;
    color: #666666;
    display: inline-block;
}
.container-area-right .sort-list-box a.current {
    color: #d36f16;
}

.container-area-right .work-list .work-all-num {
    color: #666666;
    left: 0;
    display: inline-block;
    margin-right: 30px;
    line-height: 24px;
	margin-top: 18px;
}
.infobox {
    margin-top: 15px;    width: 115%;
}
.infobox .card-box {
    width: 286px;
    overflow: hidden;
}
.card-img img {
    width: 286px;
    height: 187px;
}
.card-remove-btn:before, .event-remove-btn:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/teamremoveicon.png) no-repeat;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -5px;
}
.card-remove-btn, .event-remove-btn {
    position: absolute;
    height: 22px;
    line-height: 22px;
    padding: 0 10px 0 26px;
    color: #fff;
    font-size: 12px;
    background-color: rgba(0,0,0,.4);
    top: 10px;
    z-index: 1;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    vertical-align: middle;
    zoom: 1;
	right: 20px;
	display:none;
}
.card-box:hover .card-remove-btn{ display:block;}

.upload-con-box {
    margin-top: 10px;
    background: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.upload-con-title {
    display: flex;
    align-items: center;
    color: #444444;
    font-size: 14px;
    height: 52px;
    line-height: 52px;
    padding: 0 30px;
    border-bottom: 1px solid #eeeeee;
}
.work-verify {
    padding: 30px;
}
.addinfobox{}

 @media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1600px) {
.advlong-center, .classify-select .classify-box, .container-area, .footer-wrapper, .subnav-contentbox, .team-bg {
 width: 1130px;
}
 .card-media, .card-type2-box, .down-page-card .card-box-little .card-box {
 width: 210px;
}
.personal-menu{
    width: 170px !important;
}
.card-media-mid-btn {
 width: 160px;
}
.container-area-right {
 margin-left: 230px;
}
.ad-media-list img {
width:210px;
}
}
 @media screen and (min-width: 1601px) {
 .personal-card {
 padding: 40px 0 30px;
}
.album-card-box, .card-media {
 width: 260px;
}
.card-media-mid-btn {
 width: 220px;
}
.advlong-center, .classify-select .classify-box, .container-area, .footer-wrapper, .subnav-contentbox, .team-bg {
 width: 1460px;
}
.container-area-right {
 margin-left: 280px;
}
.infobox .card-box {
    width: 260px;
    overflow: hidden;
}
.card-img img {
    width: 260px;
    height: 170px;
}
}