.pagelocationBox {
    margin-top: 100px;
}

.foot .footInfo {
    padding: 0;
}

.info_wrapper {
    width: 1200px;
    margin: 30px auto;
    color: #646464;
    position: relative;
}

/* 左边内容 === 共用部分 === */

.info_wrapper .info_box-left {
    width: 330px;
    float: left;
}

/* 左边 用户头像 */

.info_box-left .left-userlogo {
    padding: 34px 0 28px 0;
    height: 280px;
    margin-bottom: 30px;
    border: 1px solid #fefefe;
    border-radius: 2px;
    text-align: center;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}

.left-userlogo .userlogo-img_box {
    width: 120px;
    height: 120px;
    margin: auto;
    position: relative;
}

.left-userlogo .userlogo-img_box .imgBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
}

.userlogo-img_box img {
    width: 100%;
    height: 100%;
}

.userlogo-img_box span {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #F8F8F9;
    background-color: #E52B31;
    border-radius: 8px;
    padding: 0 4px;
    position: absolute;
    top: 20px;
    right: -8px;
    cursor: pointer;
    user-select: none;
}

.left-userlogo .username {
    margin: 22px 0;
    font-size: 16px;
}

.left-userlogo .usertype {
    width: 140px;
    margin: auto;
    background: url('../img/user.png') no-repeat;
    background-size: 100% 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    user-select: none;
}

/* 左边修改头像 */
.img-update_container {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 99999;
    left: 0;
    top: 0;
}

.img-update_container .img-update_box {
    position: absolute;
    width: 400px;
    height: 500px;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -200px;
    z-index: 999999;
}

.img-update_box .img-content {
    background-color: #B0B0B0;
    width: 400px;
    height: 400px;
    padding: 50px;
    box-shadow: 0px 0px 4px #B0B0B0;
    border: 1px solid #aaa;
    border-radius: 2px;
}

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

.cropper-container {
    margin: auto;
}

.img-update_box .close-btn_update {
    width: 44px;
    height: 44px;
    background: url('../img/closButton@2x.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -18px;
    right: -18px;
    display: inline-block;
    cursor: pointer;
    user-select: none;
}

/* 裁剪操作 */
.img-setting {
    margin: 20px auto;
}

.img-setting .setting-left {
    float: left;
    height: 60px;
    position: relative;
}

.img-setting .setting-right {
    float: right;
    height: 60px;
}

.setting-left label {
    width: 160px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-weight: 400;
    margin: 0;
    background-color: #f38e81;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0px 0px 5px #B0B0B0;
    border: 0px #fff solid;
    font-size: 20px;
    color: #FFFFFF;
    display: block;
}

.img-setting input[type=file] {
    width: 160px;
    height: 60px;
    background: #333;
    margin: 0 auto;
    position: absolute;
    top: 0;
    right /*\**/: 0px \9;
    margin-right /*\**/: 0px \9;
    width /*\**/: 10px \9;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2222222;
    cursor: pointer;
}

.img-setting .Btnsty_peyton {
    width: 66px;
    display: inline-block;
    margin-bottom: 10px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    color: #FFFFFF;
    margin: 0px 2px;
    background-color: #f38e81;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0px 0px 5px #B0B0B0;
    border: 0px #fff solid;
}

/* 左边 导航条 */

.info_box-left .left-navigation {
    height: 750px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid #fefefe;
    color: #646464;
}

.left-navigation nav {
    margin: 0;
    padding: 0;
}

.left-navigation nav a {
    font-size: 18px;
    text-decoration: none;
    padding-left: 110px;
    display: block;
    text-align: left;
    color: #646464;
    height: 80px;
    line-height: 80px;
}

.left-navigation nav .nav_active {
    background-color: #E52B31;
    color: #FFFFFF;
    position: relative;
}

.left-navigation nav .nav_active::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left-width: 14px;
    border-top-width: 13px;
    border-right-width: 14px;
    border-bottom-width: 13px;
    border-style: solid;
    border-color: transparent #FFFFFF transparent transparent;
    top: 50%;
    right: -2px;
    margin-top: -13px;
}

.left-navigation a:hover {
    text-decoration: none;
    background-color: #FBF2F2;
}

.left-navigation .nav_active:hover {
    background-color: #E52B31;
    color: #FFFFFF;
}

/* 左边内容 === 共用部分 END!! === */

/* 右边部分 */

.info_wrapper .info_box-right {
    width: 840px;
    min-height: 1060px;
    float: right;
    border: 1px solid #fefefe;
    padding: 50px 30px;
    border-radius: 2px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    position: relative;
}

/* 右边选项卡 */

.right-tabs_wrapper .right-tabs_header {
    width: 100%;
    /* margin: 10px auto; */
    border-bottom: 1px solid #E52B31;
}

.right-tabs_wrapper .right-tabs_header .tabs-list {
    font-size: 0;
    margin: 0;
    margin-left: 40px;
    float: left;
    max-width: 600px;
    height: 46px;
}

.right-tabs_header .tabs-list li {
    color: #656565;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    user-select: none;
    text-align: center;
    height: 46px;
    line-height: 46px;
    width: 100px;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
}

.right-tabs_header .tabs_active {
    background: url('../img/tabs_active.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
    bottom: -1px;
    border-bottom: 1px solid #FFFFFF;
}

.right-tabs_content {
    padding: 40px 10px;
}

/* ====== 会员信息 ====== */

.right-tabs_content > div {
    display: none;
}

/* 选中选项卡 */

.right-tabs_content .content-active {
    display: block;
}

/* 基本信息 */

.common_basic {
    text-align: left;
    margin-bottom: 30px;
}

.common_basic label {
    margin: 0;
    padding: 0;
    color: #373737;
    font-size: 14px;
    display: inline-block;
    width: 120px;
    text-align: right;
    font-weight: normal;
}

.common_basic label i {
    color: #EC1B1B;
    font-style: normal;
}

.common_bas {
    width: 380px;
    height: 36px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(226, 226, 226, 1);
    border-radius: 2px;
    margin-left: 14px;
    padding-left: 14px;
    color: #3c3c3c;
}

.common_basic label.man,
.common_basic label.female {
    width: 20px;
    cursor: pointer;
}

.sex_box input[type=radio] {
    margin-left: 14px;
    cursor: pointer;
}

.address select {
    width: 160px;
    height: 36px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(226, 226, 226, 1);
    border-radius: 2px;
    color: #666;
    outline: none;
    cursor: pointer;
    margin-left: 14px;
}

.job select,
.education select,
.labels select {
    width: 380px;
    height: 36px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(226, 226, 226, 1);
    border-radius: 2px;
    margin-left: 15px;
    color: #666;
    outline: none;
    cursor: pointer;
}

.labels > div {
    display: inline-block;
    width: 380px;
    margin-left: 15px;
}

.labels li,
.select2-container li {
    color: #3c3c3c;
}

.labels .select2-container--default .select2-selection--multiple,
.labels .select2-container--default.select2-container--focus .select2-selection--multiple {
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(226, 226, 226, 1);
    border-radius: 2px;
    color: #666;
    outline: none;
    cursor: pointer;
    min-height: 36px;
}

.select2-container .select2-dropdown {
    border: 1px solid rgba(226, 226, 226, 1);

}

.labels .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 6px;
}

.error_nickname,
.error_realname,
.error_username,
.error_idcardNum,
.error_phone,
.error_email,
.sure_password_error {
    margin: -20px 0 8px 150px;
    height: 20px;
    line-height: 20px;
    color: red;
    font-size: 12px;
}
.disabled_bg{
    background-color: #eee;
}
.birthdayErr {
    margin: 10px 0 -24px 150px;
    height: 20px;
    line-height: 20px;
    color: red;
    font-size: 12px;
}

.save,
.add_btn {
    display: block;
    border: none;
    outline: none;
    width: 120px;
    height: 36px;
    font-size: 16px;
    color: #fff;
    background: rgba(229, 43, 49, 1);
    border-radius: 3px;
    margin: 100px auto;
    cursor: pointer;
}

/* 实名验证 */

.statusP {
    text-align: center;
    margin: 100px auto;
}

.statusP .statusText {
    color: #2b2b2b;
    font-size: 16px;
    margin: 0px 20px;
}

.statusP .reStatusText {
    font-size: 14px;
    margin: 0px 20px;
    cursor: pointer;
    color: #6f6f6f;
    background: rgb(189, 189, 189);
    display: inline-block;
    padding: 10px 20px;
    border-radius: 6px;
}

.statusP .reStatusText:hover {
    color: #fff;
    background: rgba(229, 43, 49, 1);
}

.common_validation {
    margin-bottom: 30px;
}

.validation-box {
}

.validation-box label {
    color: #373737;
    font-size: 14px;
    display: inline-block;
    width: 120px;
    text-align: right;
    font-weight: normal;
}

.validation-box .valueSpan {
    margin-left: 10px;
}

.common_val {
    width: 380px;
    height: 36px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(226, 226, 226, 1);
    border-radius: 2px;
    margin-left: 14px;
    padding-left: 14px;
    color: black;
}

.validation-box label i {
    color: #EC1B1B;
    font-style: normal;
}

.cards input[type=radio] {
    margin-left: 14px;
    cursor: pointer;
}

.cards label.id_card,
.cards label.hukou {
    width: 50px;
    cursor: pointer;
}

.card_photo {
    display: flex;
}

.photo_front,
.photo_behind {
    display: flex;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 380px;
    height: 180px;
    margin-left: 14px;
    font-size: 16px;
    color: #959595;
    background: #F5F5F5;
    border: 1px solid #E2E2E2;
    cursor: pointer;
}

.photo_front > img,
.photo_behind > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.photo_hidden {
    display: none;
}

.photo_behind {
    margin-top: 10px;
}

.photo_front .desc,
.photo_behind .desc {
    margin-top: 14px;
}

input[type=file] {
    display: block;
}

.fileSelect {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    z-index: 99;
    opacity: 0;
    font-size: 1000px;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* 密码修改 */

.common_password {
    margin-bottom: 30px;
}

.password-box label {
    color: #373737;
    font-size: 14px;
    display: inline-block;
    width: 120px;
    text-align: right;
    font-weight: normal;
}

.password-box .common_pass {
    width: 380px;
    height: 36px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(226, 226, 226, 1);
    border-radius: 2px;
    margin-left: 15px;
    padding-left: 15px;
    color: black;
}

.password-box label i {
    color: #EC1B1B;
    font-style: normal;
}

/* 授权绑定 */

.media-box {
    padding: 40px;
    padding-left: 0px;
    padding-top: 10px;
    color: black;
}

.media_box {
    margin: 20px auto 30px;
    width: 250px;
    height: 100px;
}

.media_box .media_wrapper {
    display: flex;
    height: 30px;
    line-height: 30px;
}

.media_box .binding {
    text-align: center;
}

.media:first-child {
    margin-top: 0;
}

.media_wrapper .media {
    width: 30px;
    height: 30px;
    margin: 0 20px;
}

.media_wrapper .media_content {
    flex: 1;
    font-size: 14px;
    color: #3C3C3C;
}

.media_wrapper .media img {
    width: 100%;
    height: 100%;
}

.media_box .binding .binding_btn {
    background: #E52B31;
    color: #fff;
    width: 100px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin: 20px auto;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
}

/* ====== 我的预约 ====== */

/* 展览 */

.exhibition-box .exhi_list .exhi_item {
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.exhi_item .exhi-left {
    float: left;
    width: 200px;
    height: 114px;
    user-select: none;
}

.exhi-left img {
    width: 100%;
    height: 100%;
}

.exhi_item .exhi-right {
    float: right;
    width: 530px;
    position: relative;
}

.exhi-right p {
    color: #1E1E1E;
    font-size: 14px;
    height: 24px;
    user-select: none;
}

.exhi_item .exhi-content {
    height: 120px;
}

.exhi-right .exhi-content-left {
    display: inline-block;
    width: 70px;
    color: #1E1E1E;
    font-size: 14px;
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
    height: 20px;
}

.exhi-right .exhi-content-right {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 430px;
    color: #787878;
    font-size: 14px;
    display: inline-block;
    height: 20px;
    vertical-align: bottom;
    user-select: text;
}

.exhi-right .exhi_btn-box,
.collection-right .collection_btn-box {
    position: absolute;
    bottom: 0;
    right: 0;
}

.exhi-right .detail-btn,
.exhi-right .cancel-btn,
.exhi_btn-box .invalid-btn,
.collection_btn-box .cancel-btn {
    display: inline-block;
    width: 94px;
    height: 24px;
    line-height: 24px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid #585858;
    border-radius: 12px;
    font-size: 12px;
    color: #585858;
    text-align: center;
    margin-left: 10px;
}

.exhi_btn-box .cancel-btn,
.collection_btn-box .cancel-btn {
    border: 1px solid rgba(219, 51, 73, 0.7);
    color: #DD3F54;
}

.exhi_btn-box .invalid-btn{
    border: 1px solid #ccc;
    color: #ccc;
}

.collection_btn-box .cancel-btn:hover {
    background: #DD3F54;
    color: #fff;
}

.collection_btn-box .cancel-btn:active {
    border: 1px solid rgba(219, 51, 73, 0.7);
    color: #DD3F54;
    background: #FFF;
}


.exhi_item .exhi-subinfo {
    overflow: hidden;
    /* height: 420px; */
    height: 0;
    transition: height .6s ease-in-out;
}

.exhi_item .exhi-details {
    width: 100%;
    background: rgba(245, 245, 245, 1);
    padding: 10px;
    margin: 20px auto;
}

.exhi-details table {
    width: 100%;
    background: rgba(245, 245, 245, 1);
    color: #4C4C4C;
    border-collapse: collapse;
}

.exhi-details table td {
    width: 50%;
    height: 40px;
    padding-left: 10px;
    border: 1px solid #DCDCDC;
}

.exhi_item .exhi-userinfo {
    background: #f5f5f5;
    padding: 20px 0;
}

.exhi_item .exhi-userinfo > p {
    line-height: 28px;
    height: 28px;
    user-select: none;
}

.exhi-userinfo span:first-child {
    width: 86px;
    text-align: right;
    display: inline-block;
}

.exhi-userinfo span:last-child {
    user-select: text;
}

/* ====== 我的收藏 ====== */

.collection_list .collection_item {
    margin-bottom: 20px;
    padding: 20px 10px;
}

.collection_list .collection_item:hover {
    background: #f5f5f5;
}

.collection-content .collection-left {
    float: left;
    width: 200px;
    height: 114px;
}

.collection-left img {
    width: 100%;
    height: 100%;
}

.collection-content .collection-right {
    float: right;
    width: 530px;
    position: relative;
}

.collection-right > p {
    user-select: none;
    height: 24px;
}

.collection-right .collection-content-left {
    text-align: right;
    width: 60px;
    display: inline-block;
    color: #1E1E1E;
    font-size: 14px;
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
}

.collection-right .collection-content-right {
    user-select: text;
    color: #787878;
    font-size: 14px;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 430px;
    display: inline-block;
}

/* ====== 我的消息 ====== */

.news_header {
    padding-bottom: 14px;
    border-bottom: 1px solid #f0f0f0;
}

.info_box-right .news_header a {
    color: #646464;
    font-size: 16px;
}

.info_box-right .news_header ul {
    font-size: 0;
    float: left;
    height: 32px;
    line-height: 32px;
}

.news_header li {
    display: inline-block;
    margin: 0 20px;
}

.news_header li i {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 4px;
}

.news_header .new_del i {
    background-image: url('../img/link_del.png');
}

.news_header .new_wd i {
    background-image: url('../img/pc_new1.png');
    height: 14px;
    vertical-align: middle;
    margin-top: -3px;
}

.news_header .new_yd i {
    background-image: url('../img/pc_new2.png');
}

.news_header .new_search {
    float: right;
}

.new_search .search_text {
    float: left;
    width: 185px;
    height: 32px;
    border: 1px solid #E52B31;
    padding-left: 8px;
    font-size: 14px;
    color: #969696;
    box-sizing: border-box;
    border-radius: 3px 0 0 3px;
}

.new_search .s_btn {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 32px;
    background: #E73E43;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
}

.s_btn i {
    background: url('../img/chaxun.png') no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    display: block;
    margin: 6px auto;
}

/* ====== 我的积分 ====== */

.right-integral_wrapper .right-integral_header {
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.right-integral_wrapper .right-integral_header > span {
    float: left;
    height: 34px;
    line-height: 34px;
}

.right-integral_header .inte_num {
    color: #E52B31;
    font-size: 20px;
    vertical-align: bottom;
}

.right-integral_wrapper .right-integral_header a {
    float: right;
    color: #E52B31;
    height: 34px;
    line-height: 34px;
}

/* 查看积分规则 */

body .fade_ {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 999999;
    left: 0;
    top: 0;
    display: none;
}

.rule_box {
    position: fixed;
    width: 960px;
    height: 750px;
    left: 50%;
    top: 50%;
    margin-left: -480px;
    margin-top: -375px;
    z-index: 9999999;
}

.rule_box .rules {
    width: 960px;
    height: 700px;
    z-index: 99999999;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -480px;
    margin-top: -350px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 30px 0px rgba(51, 46, 41, 0.5);
    border-radius: 4px;
    overflow: hidden;
}

.rule_box .rules .rules-content {
    overflow-y: scroll;
    height: 100%;
}

.rules .title {
    padding: 0 14px;
    color: #FFFFFF;
    background-color: rgb(162, 148, 128);
    height: 40px;
    line-height: 40px;
}

.rules .title h3 {
    float: left;
    user-select: none;
}

.rules .title .close {
    width: 16px;
    height: 16px;
    background: url('../img/close.png') no-repeat;
    background-size: 100% 100%;
    float: right;
    margin: 12px auto;
    cursor: pointer;
}

.rule_box .sub_title {
    margin: 30px;
    position: relative;
    user-select: none;
}

.sub_title .add_intergration,
.sub_title .deduct_intergration {
    width: 150px;
    margin: auto;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background: rgb(215, 111, 76);
    border-radius: 20px;
}

.sub_title .line_intergration {
    width: 900px;
    left: 0;
    top: 18px;
    height: 1px;
    background-color: #cccccc;
    opacity: .8;
    content: '';
    position: absolute;
    z-index: -1;
}

.rules .table_box {
    padding: 0 30px;
}

.rule_table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    color: #3C3C3C;
    font-size: 14px;
}

.rule_table thead {
    height: 40px;
    line-height: 40px;
    color: #3c3c3c;
    font-size: 14px;
}

.rule_table thead th {
    text-align: left;
}

.rule_table thead th:first-child,
.rule_table tbody td:first-child {
    width: 80%;
    padding-left: 10px;
}

.rule_table thead th:last-child,
.rule_table tbody td:last-child {
    width: 20%;
    padding-left: 10px;
}

.rule_table tbody td {
    height: 40px;
    line-height: 40px;
}

.rule_table .score {
    color: red;
}

.rule_table tbody tr:nth-child(2n+1) {
    background: rgb(244, 239, 233);
}

.sub_title .deduct_intergration {
    background-color: rgb(144, 144, 144);
}

.deduct_box {
    margin-bottom: 60px;
}

/* 积分内容 */

.right-integral_content {
    margin: 30px auto;
}

.right-integral_content .integral_table,
.linkman_content .linkman_table {
    width: 100%;
    border-collapse: collapse;
}

.integral_table thead,
.linkman_table thead {
    font-size: 18px;
    color: #3c3c3c;
    height: 40px;
    line-height: 40px;
}

.integral_table td,
.linkman_table td {
    padding-left: 10px;
}

.integral_table thead th:first-child,
.integral_table tbody td:first-child {
    width: 30%;
}

.integral_table thead th:nth-child(2),
.integral_table tbody td:nth-child(2) {
    width: 60%;
}

.integral_table thead th:last-child,
.integral_table tbody td:last-child {
    width: 10%;
}

.integral_table tbody td:last-child {
    color: #E52B31;
}

.integral_table tbody tr:nth-of-type(2n+1) {
    background-color: #F5EFE8;
}

.integral_table thead th {
    text-align: left;
    padding-left: 14px;
    color: #3C3C3C;
    font-size: 18px;
    font-weight: normal;
}

.integral_table tbody td {
    font-size: 14px;
    border-collapse: collapse;
    height: 40px;
    line-height: 40px;
}

/* ====== 我的联系人 ====== */

.linkman_header {
    padding-bottom: 14px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 20px;
}

.info_box-right .linkman_header ul {
    font-size: 0;
    float: left;
    height: 32px;
    line-height: 32px;
}

.linkman_header li {
    display: inline-block;
    margin: 0 14px;
    height: 32px;
    line-height: 32px;
}

.info_box-right .linkman_header a {
    color: #646464;
    font-size: 16px;
}

.linkman_header .linkman_add i {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url('../img/link_add.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 4px;
    vertical-align: text-top;
}

.linkman_header .linkman_del i {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url('../img/link_del.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 4px;
    vertical-align: text-top;
}

.linkman_header .linkman_search {
    float: right;
    height: 32px;
}

.linkman_search .search_text {
    float: left;
    width: 185px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #E52B31;
    padding-left: 8px;
    font-size: 14px;
    color: #969696;
    box-sizing: border-box;
    border-radius: 3px 0 0 3px;
}

.linkman_search .s_btn {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 32px;
    background: #E73E43;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
}

.linkman_content .linkman_table {
    border-collapse: collapse;
}

.linkman_content .linkman_table th {
    padding-left: 14px;
    font-weight: normal;
    user-select: none;
    min-width: 40px;
    text-align: left;
    font-size: 18px;
}

.linkman_table input {
    cursor: pointer;
}

.linkman_content .linkman_table td {
    padding-left: 14px;
}

.linkman_table tbody tr {
    height: 40px;
    line-height: 40px;
    color: #3C3C3C;
    font-size: 14px;
}

.linkman_table tbody tr:nth-of-type(2n+1) {
    background-color: #F5EFE8;
}

.right-add_info {
    display: none;
}

/* ====== 帮助中心 ====== */

.info_box-right .help_box-item {
    border-bottom: 1px dashed #DCDCDC;
    padding: 18px 0;
    cursor: pointer;
}

.help_box-item .h_header {
    height: 30px;
    line-height: 30px;
}

.h_header .h_title {
    float: left;
    font-size: 18px;
    color: #333;
    font-weight: normal;
}

.h_header .h_time {
    float: right;
    color: #666666;
    font-size: 14px;
}

.help_box-item .h_content {
    color: #646464;
    font-size: 14px;
    text-align: justify;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 24px;
}

.info_box-right .right-item_details {
    display: none;
    position: relative;
}

.right-item_details .item_details-header {
    padding: 8px 0;
    border-bottom: 1px dashed #ccc;
}

.item_details-header h2 {
    margin: auto;
    margin-bottom: 30px;
    max-width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 24px;
    color: #333333;
}

.item_details-header .details-sub {
    color: #666666;
    font-size: 14px;
}

.details-sub .post_man {
    float: left;
}

.details-sub .post_time {
    float: right;
}

.right-item_details .item_details-content {
    font-size: 14px;
    color: #646464;
    margin: 30px auto;
    line-height: 1.6;
}

.item_details-comeback {
    position: absolute;
    top: -30px;
    right: 0;
    color: #666666;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    user-select: none;
}

.item_details-comeback span {
    background: url('../img/comeback.png') no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    vertical-align: bottom;
}

/* 返回顶部 */

.info_wrapper .retop {
    width: 50px;
    height: 50px;
    position: absolute;
    right: -50px;
    bottom: 24px;
    background-color: #D2D2D2;
    color: #939393;
    font-size: 14px;
    border-radius: 2px; 
    cursor: pointer;
    user-select: none;
}

.info_wrapper .retop span {
    text-align: center;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.info_wrapper .retop span::before {
    content: '';
    display: block;
    border: 12px solid transparent;
    border-bottom-color: #939393;
    border-left-width: 10px;
    border-right-width: 10px;
    width: 0;
    height: 0;
    margin: -2px auto 2px;
}

.info_wrapper .updateFaceBox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.57);
    z-index: 100;
}

.updateFaceBox .updateFace {
    width: 760px;
    margin: 120px auto 0 auto;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 16px;
    overflow: hidden;
    padding-bottom: 20px;
}

.updateFaceBox .updateFace .faceTop {
    border-bottom: 1px solid #eee;
    padding: 10px 20px;
    font-size: 14px;
    color: #333;
    position: relative;
    margin: 0;
    font-weight: bold;
}

.faceTop .closeBtnIcon {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/close.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.updateFaceBox .faceMain {
}

.updateFaceBox .faceMain .faceMainLeft {
    width: 360px;
    height: 260px;
    margin: 20px;
    float: left;
    overflow: hidden;
    background: #eee;
    position: relative;
}

.updateFaceBox .faceMain .faceMainLeft .cropper-container {
}

.updateFaceBox .faceMain .faceMainRight {
    float: right;
    width: 310px;
    margin: 20px;
}

.updateFaceBox .faceMain .faceMainRight .imgBox {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin: 10px auto 0 auto;
    background: #eee;
}

.updateFaceBox .updateFace .faceFooter {
    padding: 10px 0;
    vertical-align: middle;
    user-select: none;
}

.updateFaceBox .updateFace .faceFooter .selectPic {
    background: #67C23A;
    color: #fff;
    display: inline-block;
    margin: 0 20px;
    overflow: hidden;
    position: relative;
}

.updateFaceBox .updateFace .faceFooter .selectPic:hover {
    background: #179227;
}

.faceFooter .selectPic input {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200px;
    height: 100px;
    opacity: 0.1;
    z-index: 1;
    cursor: pointer;
}

.faceFooter .footerBtn.savePic {
    float: right;
    margin-right: 120px;
    background: #e24449;
    color: #fff;
    overflow: hidden;
}

.faceFooter .footerBtn.enlarge:hover, .faceFooter .footerBtn.narrow:hover {
    background: #efefef;
}

.faceFooter .footerBtn.enlarge:active, .faceFooter .footerBtn.narrow:active {
    background: #ccc;
}

.faceFooter .savePic:hover {
    background: #dc373c;
}

.faceFooter .footerBtn {
    padding: 8px 16px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-right: 14px;
    cursor: pointer;
    vertical-align: middle;
    user-select: none;
}

/* 没有数据 */

.info_box-right .info_box-nodata {
    display: none;
    width: 250px;
    height: 230px;
    background: url('../img/nodata.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 300px;
    left: 50%;
    margin-left: -125px;
}

.pageNumBox .pageNoList {
    width: 100%;
}

.contentTabBox .contentTabLi {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px dashed #888;
}

.contentTabLi .contentTabLeft {
    position: absolute;
    top: 20px;
    left: 0;
}

.contentTabLi .contentTabLeft .faceBox {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background: #eee;
}

.contentTabLi .contentTabLeft .faceBox img {
    width: 100%;
    height: 100%;
}

.contentTabLi .contentTabRight {
    position: relative;
    margin-left: 90px;
}

.contentTabLi .contentTabRight .userName {
    font-size: 16px;
    color: #333333;
    margin-bottom: 10px;
}

.contentTabLi .contentTabRight .time {
    font-size: 14px;
    color: #333333;
}

.contentTabLi .contentTabRight .articleTitle {
    font-size: 18px;
    color: #333333;
    padding: 20px 0;
}

.contentTabLi .contentTabRight .contentText {
    font-size: 14px;
    color: #333333;
}

.contentTabLi .contentTabRight .operationSpan {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 24px;
    line-height: 24px;
    width: 94px;
    text-align: center;
    font-size: 12px;
    color: #DD3F54;
    border: 1px solid #DB3349;
    border-radius: 12px;
    cursor: pointer;
    user-select: none;
}

.contentTabLi .contentTabRight .operationSpan:hover {
    background: #DD3F54;
    color: #fff;
}

.contentTabBox .topicTabLi {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px dashed #DCDCDC;
}

.topicTabLi .operationSpan {
    position: absolute;
    top: 60px;
    right: 0;
    height: 24px;
    line-height: 24px;
    width: 94px;
    text-align: center;
    font-size: 12px;
    color: #DD3F54;
    border: 1px solid #DB3349;
    border-radius: 12px;
    cursor: pointer;
    user-select: none;
}

.topicTabLi .operationSpan:hover {
    background: #DD3F54;
    color: #fff;
}

.topicTabLi .time {
    font-size: 14px;
    color: #333333;
}

.topicTabLi .time {
    font-size: 14px;
    color: #333333;
}

.topicTabLi .contentText {
    font-size: 14px;
    color: #333333;
}

.topicTabLi .contentText .topicSpan {
    display: inline-block;
    margin-right: 10px;
    color: #333;
}

.topicTabLi .contentText .topicIcon {
    background: url("../img/ret.png") no-repeat;
    background-size: 100% 100%;
    padding: 8px;
    vertical-align: middle;
}

.topicTabLi .contentText .scanBtn {
    padding: 2px 8px;;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    cursor: pointer;
}

.topicTabLi .contentText .scanBtn:hover {
    background: #eee;
    user-select: none;
}

.topicTabLi .articleTitle {
    font-size: 18px;
    color: #333333;
    padding: 20px 0;
}

.js_main {
    margin-top: 30px;
    width: 100%;
}

.js_main table {
    width: 100%;
    border-collapse: collapse;
}

.js_main .jf_table tr {
    min-height: 40px;
    padding: 10px;
    display: block;
}

.js_main .jf_table tbody tr:hover {
    background: #f5e9db;
    cursor: pointer;
}

.js_main .jf_table th {
    color: #3C3C3C;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
}

.js_main td.news_number, .js_main th.news_number {
    width: 10%;
    text-align: left;
    padding-left: 15px;
}

.js_main td.news_title, .js_main th.news_title {
    width: 65%;
    text-align: left;
    padding-left: 15px;
}

.js_main td.news_time, .js_main th.news_time {
    width: 25%;
    text-align: left;
    padding-left: 15px;
}

.jf_table tbody tr:nth-child(odd) {
    background: #F5EFE8;
}

.jf_table td {
    color: #969696;
    font-size: 14px;
}

.unread_icon {
    display: inline-block;
    margin-left: -15px;
    margin-right: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: red;
}

.code-box {
    display: none;
}

.code-box .vercode {
    width: 120px;
}

.code-box .vCode-btn {
    display: inline-block;
    border: none;
    outline: none;
    width: 120px;
    height: 36px;
    font-size: 16px;
    color: #fff;
    background: rgba(229, 43, 49, 1);
    border-radius: 3px;
    margin-left: 4px;
}

.detailsBox {
    display: none;
}

.detailsBox .detailsTitle {
    padding: 40px 20px;
    position: relative;
}

.detailsBox .detailsTitle .detailsTitleP {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.detailsBox .detailsTitle .reBack {
    position: absolute;
    top: 20px;
    right: 0;
    display: block;
    width: 60px;
    height: 20px;
    background: url('../img/comeback.png') no-repeat;
    background-size: 20px 20px;
    padding-left: 24px;
    cursor: pointer;
}

.detailsBox .detailsContent a {
    color: #333;
}

.status-modal{
    position:fixed;
    width:200px;
    height:50px;
    left:50%;
    margin-left:-100px;
    line-height:50px;
    font-size:16px;
    text-align:center;
    color:#fff;
    background:#E52B31;
    border-radius:0 0 5px 5px;
    z-index:1000;
    display:none;
}

.item_details-content{
	text-align: center;
}

.item_details-content span{
	display: block;
}