@charset "utf-8";
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td,span{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
img{vertical-align:top; border:none;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;}
li{list-style-type:none;}
input, button {
    border: 0;
    outline: none;
    background: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
html{width:100%;min-width:1200px;background: #f2f2f2;}
body{width:100%;min-width:1200px;font:12px/1.5 "PingFangSC-Regular","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB",arial,helvetica,sans-serif;color:#333333; height:auto!important;}

.layui-input:focus, .layui-textarea:focus {
    border-color: #009688 !important;
}
.layui-form-danger+.layui-form-select .layui-input, .layui-form-danger:focus {
    border-color: #da2246!important;
}

/* 登录弹窗 */
#login-tan {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
}

#login-tan .tan {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}

#login-tan .tan .box {
    width: 605px;
    height: auto;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#login-tan .tan .box .form {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
    overflow: hidden;
}

#login-tan .tan .box .form .close {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    z-index: 1;
}

#login-tan .tan .box .form .close img {
    display: block;
    cursor: pointer;
    height: 40px;
    width: 40px;
}

#login-tan .tan .box .form span:hover {
    color: #808492;
}

#login-tan .tan .box .form form input.form-input {
    display: block;
    width: 100%;
    outline-style: none;
    height: 42px;
    margin-bottom: 22px;
    border-radius: 0;
    border-bottom: 1px solid #dcdcdc;
    padding: 0;
    color: #010101;
    font-size: 15px;
    background: #ffffff;
    box-shadow: none;
}

#login-tan .tan .box .form form input.red.form-input {
    color: #d8202a
}

#login-tan .tan .box .form .title {
    font-size: 25px;
    color: #ffffff;
    font-weight: normal;
    margin-bottom: 7px;
    text-align: left;
    margin-top: 37px;
}

#login-tan .tan .desc {
    color: #f6f6f6;
    font-size: 15px;
    position: absolute;
    right: -18px;
    top: 50px;
    z-index: 1;
}

#login-tan .tan .desc span {
    color: #da2246;
    cursor: pointer;
}

.login-main .weui-agree {
    display: block;
    padding: 0;
    font-size: 12px;
    text-align: left;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.content-editor-btn{
	-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.login-main .weui-agree__checkbox {
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    font-size: 0;
    border: 1px solid #D1D1D1;
    background-color: #ffffff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: relative;
    vertical-align: 0;
    top: 3px;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.login-main .weui-agree__checkbox:checked {
    border: 1px solid #010101;
    background-color: #010101;
}

.login-main .weui-agree__checkbox:checked:before {
    font-family: "weui";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    speak: none;
    display: inline-block;
    vertical-align: middle;
    text-decoration: inherit;
    content: "\EA08";
    color: #ffffff;
    font-size: 13px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -48%) scale(0.73);
    transform: translate(-50%, -48%) scale(0.73);
}

.login-main .weui-agree__text {
    color: #666666;
    margin-left: 5px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.login-opt {
    display: flex;
    align-items: center;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    font-size: 13px;
}

.login-opt .login-forget {
    flex: 1;
    text-align: right;
}

#forget {
    color: #999999;
    float: right;
    cursor: pointer;
}

#forget:hover {
    color: #d8202a;
}

.login-main {

    .comment-text2 span{
            max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    }
    background: #f6f6f6;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.login-main-info {
    background: #ffffff;
    width: 592px;
    height: 500px;
    display: table;
    margin: 3px auto 4px auto;
}

.login-main-info-title {
    color: #010101;
    width: 100%;
    font-size: 20px;
    line-height: 69px;
    border-bottom: 1px solid #dcdcdc;
}

.login-main-info-form {
    width: 420px;
    display: table;
    margin: 0 auto;
    margin-top: 21px;
}

#login-tan .tan .box .form form input[name=valicode] {
    margin-bottom: 16px;
    width: 240px;
}

#login-tan .tan .box .form form input#login-submit {
    background: #d8202a;
    color: #fff;
    border: 0;
    line-height: normal;
    cursor: pointer;
    padding: 14px 0;
    font-size: 16px;
    width: 100%;
    border-radius: 2px;
    margin-top: 28px;
}

#login-tan .tan .box .form form input#login-submit:active:not(.disabled) {
    outline: none;
    -webkit-animation: showBtn 0.5s 1;
    animation: showBtn 0.5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#login-tan .tan .box .form form input#login-submit:hover:not(.disabled) {
    opacity: 0.9;
}

#login-tan .tan .box .form form input#login-submit.disabled {
    background: #cccccc !important;
}


#login-tan .login-type {
    width: 100%;
    margin-top: 37px;
    font-size: 14px;
}

#login-tan .login-type-title {
    color: #ff7800;
}

#login-tan .login-type-info {
    padding-top: 11px;
    display: table;
    margin: 0 auto;
}

#login-tan .icon-weixindenglu {
    font-size: 36px;
    line-height: normal;
    color: #1aad19;
    cursor: pointer;
}

#login-tan .tan .box .form form input.red {
    border-color: #d8202a;
}

#login-tan .tan .box .form form .valicode {
    position: relative;
}

#login-tan .tan .box .form form .valicode img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 42px;
    cursor: pointer;
}

/* 回到顶部 */
#upbtn {
    width: 56px;
    height: 56px;
    line-height: 56px;
    background: rgba(0, 0, 0, .3);
    display: inline-block;
    position: fixed;
    bottom: 140px;
    left: 50%;
    margin-left: 650px;
    border-radius: 2px;
    z-index: 1;
    text-align: center;
    cursor: pointer;
}

#upbtn i {
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
}

#upbtn:hover i {
    color: #da2246;
}

/* 注册弹窗 */
#register-tan {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
}

#register-tan .tan {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}

#register-tan .tan .box {
    width: 605px;
    height: auto;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#register-tan .tan .box .form {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
    overflow: hidden;
}

#register-tan .tan .box .form .close {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    z-index: 1;
}

#register-tan .tan .box .form .close img {
    display: block;
    cursor: pointer;
    height: 40px;
    width: 40px;
}

#register-tan .tan .box .form span:hover {
    color: #808492;
}

#register-tan .tan .box .form form input.form-input {
    display: block;
    width: 100%;
    outline-style: none;
    height: 42px;
    margin-bottom: 22px;
    border-radius: 0;
    border-bottom: 1px solid #dcdcdc;
    padding: 0;
    color: #010101;
    font-size: 15px;
    background: #ffffff;
    box-shadow: none;
}

#register-tan .tan .box .form form input.red.form-input {
    color: #d8202a
}

#register-tan .tan .box .form .title {
    font-size: 25px;
    color: #ffffff;
    font-weight: normal;
    margin-bottom: 7px;
    text-align: left;
    margin-top: 37px;
}

#register-tan .tan .desc {
    color: #f6f6f6;
    font-size: 15px;
    position: absolute;
    right: -18px;
    top: 50px;
    z-index: 1;
}

#register-tan .tan .desc span {
    color: #da2246;
    cursor: pointer;
}

.register-main .weui-agree {
    display: block;
    padding: 0;
    font-size: 12px;
    text-align: left;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.register-main .register-xieyi {
    margin-left: 0px;
}

.register-main .register-xieyi a {
    cursor: pointer;
    color: #da2246;
}

.register-main .weui-agree__checkbox {
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    font-size: 0;
    border: 1px solid #D1D1D1;
    background-color: #ffffff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: relative;
    vertical-align: 0;
    top: 3px;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.register-main .weui-agree__checkbox:checked {
    border: 1px solid #010101;
    background-color: #010101;
}

.register-main .weui-agree__checkbox:checked:before {
    font-family: "weui";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    speak: none;
    display: inline-block;
    vertical-align: middle;
    text-decoration: inherit;
    content: "\EA08";
    color: #ffffff;
    font-size: 13px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -48%) scale(0.73);
    transform: translate(-50%, -48%) scale(0.73);
}

.register-main .weui-agree__text {
    color: #666666;
    margin-left: 5px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.register-opt {
    display: flex;
    align-items: center;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    font-size: 13px;
}

.register-opt.red {
    color: #d8202a;
}

.register-main .register-opt.red .weui-agree__text {
    color: #d8202a;
}

.register-opt .register-forget {
    flex: 1;
    text-align: right;
}

.register-main {
    background: #f6f6f6;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.register-main-info {
    background: #ffffff;
    width: 592px;
    height: auto;
    display: table;
    margin: 3px auto 4px auto;
}

.register-main-info-title {
    color: #010101;
    width: 100%;
    font-size: 20px;
    line-height: 69px;
    border-bottom: 1px solid #dcdcdc;
}

.register-main-info-form {
    width: 420px;
    display: table;
    margin: 0 auto;
    margin-top: 22px;
}

#register-tan .tan .box .form form input[name=valicode] {
    margin-bottom: 16px;
    width: 240px;
}

#register-tan .tan .box .form form input[name=smscode] {
    margin-bottom: 16px;
    width: 240px;
}

#register-tan .tan .box .form form input#register-submit {
    background: #d8202a;
    color: #fff;
    border: 0;
    line-height: normal;
    cursor: pointer;
    padding: 14px 0;
    font-size: 16px;
    width: 100%;
    border-radius: 2px;
    margin-top: 28px;
    margin-bottom: 28px;
}

#register-tan .tan .box .form form input#register-submit:active:not(.disabled) {
    outline: none;
    -webkit-animation: showBtn 0.5s 1;
    animation: showBtn 0.5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#register-tan .tan .box .form form input#register-submit:hover:not(.disabled) {
    opacity: 0.9;
}

#register-tan .tan .box .form form input#register-submit.disabled {
    background: #cccccc !important;
}

#register-tan .tan .box .form form input.red {
    border-color: #d8202a;
}

#register-tan .tan .box .form form .valicode {
    position: relative;
}

#register-tan .tan .box .form form .valicode img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 42px;
    cursor: pointer;
}

#register-tan .tan .box .form form .smscode {
    position: relative;
}

#register-tan .tan .box .form form .smscode .generate_code {
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 42px;
    width: 146px;
    text-align: center;
    background: #010101;
    color: #ffffff;
    font-size: 15px;
    cursor: pointer;
    border-radius: 4px;
}

#name-div{
    position: relative;
}

#name-div .name-info-text{
    position: absolute;
    top: 0;
    height: 42px;
    right: 0px;
    padding: 0;
    line-height: 42px;
    color: #d8202a;
    font-size: 15px;
}

.password-info-text {
    position: absolute;
    top: 0;
    height: 42px;
    right: 30px;
    padding: 0;
    line-height: 42px;
    color: #d8202a;
    font-size: 15px;
}

.password-info {
    position: relative;
}

.password-info i {
    position: absolute;
    top: 0;
    height: 42px;
    right: 0;
    padding: 0px 5px;
    line-height: 42px;
    color: #999999;
    cursor: pointer;
    font-size: 16px;
}

/* 绑定弹窗 */
#bind-tan {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
}

#bind-tan .tan {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}

#bind-tan .tan .box {
    width: 605px;
    height: auto;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#bind-tan .tan .box .form {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
    overflow: hidden;
}

#bind-tan .tan .box .form .close {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    z-index: 1;
}

#bind-tan .tan .box .form .close img {
    display: block;
    cursor: pointer;
    height: 40px;
    width: 40px;
}

#bind-tan .tan .box .form span:hover {
    color: #808492;
}

#bind-tan .tan .box .form form input.form-input {
    display: block;
    width: 100%;
    outline-style: none;
    height: 42px;
    margin-bottom: 22px;
    border-radius: 0;
    border-bottom: 1px solid #dcdcdc;
    padding: 0;
    color: #010101;
    font-size: 15px;
    background: #ffffff;
    box-shadow: none;
}

#bind-tan .tan .box .form form input.red.form-input {
    color: #d8202a
}

#bind-tan .tan .box .form .title {
    font-size: 25px;
    color: #ffffff;
    font-weight: normal;
    margin-bottom: 7px;
    text-align: left;
    margin-top: 37px;
}

#bind-tan .tan .desc {
    color: #f6f6f6;
    font-size: 15px;
    position: absolute;
    right: -18px;
    top: 50px;
    z-index: 1;
}

#bind-tan .tan .desc span {
    color: #da2246;
    cursor: pointer;
}

.bind-main .weui-agree {
    display: block;
    padding: 0;
    font-size: 12px;
    text-align: left;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.bind-main .bind-xieyi a {
    cursor: pointer;
    color: #d8202a;
}

.bind-main .weui-agree__checkbox {
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    font-size: 0;
    border: 1px solid #D1D1D1;
    background-color: #ffffff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: relative;
    vertical-align: 0;
    top: 3px;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.bind-main .weui-agree__checkbox:checked {
    border: 1px solid #010101;
    background-color: #010101;
}

.bind-main .weui-agree__checkbox:checked:before {
    font-family: "weui";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    speak: none;
    display: inline-block;
    vertical-align: middle;
    text-decoration: inherit;
    content: "\EA08";
    color: #ffffff;
    font-size: 13px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -48%) scale(0.73);
    transform: translate(-50%, -48%) scale(0.73);
}

.bind-main .weui-agree__text {
    color: #666666;
    margin-left: 5px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.bind-opt {
    display: flex;
    align-items: center;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    margin: 30px 0 10px 0;
    font-size: 13px;
}

.bind-opt.red {
    color: #d8202a;
}

.bind-main .bind-opt.red .weui-agree__text {
    color: #d8202a;
}

.bind-opt .bind-forget {
    flex: 1;
    text-align: right;
}

.bind-main {
    background: none;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.bind-main-info {
    background: #ffffff;
    width: 100%;
    height: auto;
    display: table;
    margin: 0 auto;
}

.bind-main-info-title {
    color: #ffffff;
    width: 100%;
    font-size: 16px;
    line-height: 62px;
    background: #d8202a;
    padding-top: 19px;
}

.bind-main-info-form {
    width: 420px;
    display: table;
    margin: 0 auto;
    margin-top: 22px;
}

#bind-tan .tan .box .form form input[name=valicode] {
    margin-bottom: 16px;
    width: 240px;
}

#bind-tan .tan .box .form form input[name=smscode] {
    margin-bottom: 16px;
    width: 240px;
}

#bind-tan .tan .box .form form input#bind-submit {
    background: #d8202a;
    color: #fff;
    border: 0;
    line-height: normal;
    cursor: pointer;
    padding: 14px 0;
    font-size: 16px;
    width: 100%;
    border-radius: 2px;
    margin-top: 28px;
    margin-bottom: 28px;
}

#bind-tan .tan .box .form form input#bind-submit:active:not(.disabled) {
    outline: none;
    -webkit-animation: showBtn 0.5s 1;
    animation: showBtn 0.5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#bind-tan .tan .box .form form input#bind-submit:hover:not(.disabled) {
    opacity: 0.9;
}

#bind-tan .tan .box .form form input#bind-submit.disabled {
    background: #cccccc !important;
}

#bind-tan .tan .box .form form input.red {
    border-color: #d8202a;
}

#bind-tan .tan .box .form form .valicode {
    position: relative;
}

#bind-tan .tan .box .form form .valicode img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 42px;
    cursor: pointer;
}

#bind-tan .tan .box .form form .smscode {
    position: relative;
}

#bind-tan .tan .box .form form .smscode .generate_code {
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 42px;
    width: 146px;
    text-align: center;
    background: #010101;
    color: #ffffff;
    font-size: 15px;
    cursor: pointer;
    border-radius: 4px;
}

#bind-tan .tan .box .form form .smscode .generate_code:hover {
    opacity: 0.9;
}

.bind-main-info-text {
    height: 70px;
    line-height: 70px;
    font-size: 16px;
    color: #333333;
    text-align: left;
}

.bind-main2-info {
    background: #ffffff;
    width: 100%;
    height: auto;
    display: table;
    margin: 0 auto;
}

.bind-main2 {
    background: none;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.bind-main2-info {
    position: relative;
}

.bind-main2-info-title {
    color: #ffffff;
    width: 100%;
    font-size: 34px;
    height: 186px;
    line-height: 186px;
    background: #d8202a;
}

.bind-main2-info-title i {
    font-size: 34px;
    margin-right: 5px;
}

.bind-main2-info-title span {
    font-size: 34px;
    margin-left: 5px;
}

.bind-main2-info-ewm {
    width: 170px;
    height: 170px;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto;
    background: #ffffff;
    margin-top: -45px;
    box-shadow: 0 0px 20px rgba(100, 100, 100, 0.2);
}

.bind-main2-info-ewm img {
    margin: 7px auto;
}

.bind-main2-info-text {
    color: #010101;
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 70px;
}

.bind-main2-info-text p {
    padding: 7px 0;
}

.bind-main2-opt {
    width: 436px;
    border-top: 1px solid #e1e1e1;
    display: table;
    margin: 0 auto;
}

.bind-main2-opt-btn {
    height: 72px;
    line-height: 72px;
    width: 50%;
    float: left;
    text-align: center;
    color: #666666;
    font-size: 15px;
    cursor: pointer;
}

.bind-main2-opt-btn2 {
    color: #d8202a;
}


/* 首页 */
/* 顶部1 */
#header {
    height: 71px;
    background: #464646;
    position: relative;
}

.header-info {
    width: 1200px;
    margin: 0 auto;
    height: 71px;
    display: flex;
}

.header-items {
    flex: 1;
    display: flex;
    color: #ffffff;
    justify-content: flex-end;
}

.header-item {
    line-height: 71px;
    display: flex;
    width: auto;
    margin-left: 32px;
    color: #ffffff;
    position: relative;
}

.header-item-weixin-ewm{
    position: absolute;
    top: 71px;
    left: -25px;
    background: #ffffff;
    width: 110px;
    height: 110px;
    border-radius: 4px;
    z-index: 11;
    box-shadow: 1px 1px 15px rgba(100, 100, 100, 0.3);
    display: none; 
}

.header-item-weixin-ewm img {
    width: 104px;
    height: 104px;
    margin-top: 3px;
    margin-left: 3px;
}

.header-item-weixin-arrow {
    width: 0;
    height: 0;
    font-size: 0;
    border: 12px dashed transparent;
    border-bottom-style: solid;
    border-bottom-color: #fff;
    position: absolute;
    left: 50%;
    top: 72px;
    margin-left: -12px;
    display: none; 
    z-index: 2;
}

#header-weixin:hover .header-item-weixin-ewm{
  display:block !important;
}

#header-weixin:hover .header-item-weixin-arrow{
    display:block !important;
  }
  

.header-item-icon i {
    cursor: pointer;
}

.header-item-icon i.icon-weibo {
    font-size: 26px;
    margin-right: 0px;
}

.header-item-icon i.icon-weixin {
    font-size: 22px;
}

.header-item-icon i.icon-gaojian {
    font-size: 18px;
}

.header-item-text {
    margin-left: 5px;
    position: relative;
    top: 0;
    font-size: 14px;
    cursor: pointer;
}

.header-search {
    height: 36px;
    width: 180px;
    background: #ffffff;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    margin-top: 17px;
    margin-left: 64px;
    position: relative;
}

.header-search:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

.main-left .header-search:after {
    display: none;
}

#search-input,
#search-inputx {
    flex: 1;
    line-height: 1.5;
    color: #333333;
    border: none;
    padding: 10px;
    font-size: 16px;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
}

#search-btn {
    width: 30px;
    line-height: 35px;
    text-align: center;
    margin-right: 8px;
    cursor: pointer;
}

#search-btn i {
    font-size: 20px;
    font-weight: 700;
    color: #999999;
}

.header-user-main{
    display: flex;
    min-width: 248px;
    justify-content: flex-end;
}

.header-user:hover .header-user-name{
    text-decoration: underline;
}

.message-number{
    position: absolute;
    top: 50%;
    right: -9px;
    background: #da2246;
    text-align: center;
    color: #ffffff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    overflow: hidden;
    font-size: 12px;
    margin-top: -22px;
}

.header-user {
    line-height: 71px;
    position: relative;
    margin-left: 50px;
    display: flex;
    text-align: right;
    justify-content: flex-end;
}

.header-user a {
    padding: 0;
    border: 0;
    outline: none;
    background: none;
    font-size: 15px;
    color: #ffffff;
    cursor: pointer;
    margin-left: 25px;
}

.header-user .header-user-login-center a {
    border: 0;
    outline: none;
    background: none;
    font-size: 17px;
    color: #ffffff;
    cursor: pointer;
    padding: 0;
    width: 65px;
    position: relative;
    line-height: 1.5;
    margin:0;
}

.header-user .header-user-login-center a:hover .header-user-login-center-item-number {
    color:#d8202a;
}

.header-user .header-user-login-center a:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 10%;
    border-left: 1px solid #f2f2f2;
    z-index: 1;
    display: block;
    height: 80%;
    width: 0px;
}

.header-user .header-user-login-center a:first-child:after {
    display:none;
}

.header-user i{
    font-size: 14px;
    color: #ffffff;
    line-height: 74px;
    padding-left: 3px;
    cursor: pointer;
}

.header-user a:hover {
    text-decoration:underline;
}

.header-user-img {
    width: 36px;
    height: 36px;
    position: relative;
    top: 17px;
    border-radius: 50%;
    overflow: hidden;
    background: #ffffff;
}

.header-user a.header-user-name{
    color: #ffffff;
    text-align: right;
    font-size: 15px;
    margin-left: 15px;
    line-height: 71px;
    cursor: pointer;
}

.header-user-login {
    width: auto;
    height: auto;
    position: absolute;
    top: 70px;
    right: 0px;
    background: #ffffff;
    z-index: 111;
    box-shadow: 1px 1px 15px rgba(100, 100, 100, 0.3);
    display: none;
    border-radius: 4px;
}

.header-user:hover .header-user-login {
    display: block !important;
}

.header-user-login-info {
    display: flex;
    flex-direction: column;
    position: relative;
}

.header-user-login-info:after {
    content: " ";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: -5px;
    border-bottom: 10px solid #ffffff;
    right: 20px;
}

.header-user-login-top {
    display: flex;
    background: url(../image/search_bg.jpg) repeat;
    border-bottom: 1px solid #eeeeee;
}

.header-user a.header-user-login-top-left {
    float: left;
    width: 54px;
    height: 54px;
    border: 1px solid #eeeeee;
    margin-left: 15px;
    margin-top: 12px;
    margin-bottom: 12px;
    border-radius: 50%;
}

.header-user-login-top-left img {
    float: left;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    overflow: hidden;
}

.header-user-login-top-center {
    flex: 1;
    display: flex;
    align-items: center;
    position: relative;
}

.outlogin{
    position: absolute;
    right: 20px;
    top: 15px;
    line-height: normal;
    color: #333333;
    font-size: 14px;
    cursor: pointer;
}

.outlogin:hover{
    color:#999999;
    text-decoration: underline;
}

.header-user-login-top-center-top {
    display: flex;
    margin-bottom:2px;
}

.header-user-login-top-center-info {
    display: flex;
    line-height: normal;
    flex-direction: column;
    font-size: 16px;
    color: #010101;
    flex: 1;
    margin-left: 18px;
    text-align: left;
}

.header-user-login-top-center-foot{
    font-size:14px;
    color:#999999;
    margin-top:2px;
    display:flex;
    align-items: center;
}

.header-user-login-top-right {
    display: flex;
    align-items: center;
}

.header-user-login-top-right-btn {
    height: auto;
    width: auto;
    line-height: normal;
    text-align: center;
    background: #d8202a;
    color: #ffffff;
    font-size: 12px;
    border-radius: 100px;
    padding: 3px 0;
    margin-right: 0;
    cursor: pointer;
    margin-left: 10px;
    width:68px;
}

.header-user-login-top-right-btn.active {
    background: #cccccc !important;
}

.header-user-login-top-right-btn.active:hover {
    opacity: 1 !important;
}

.header-user-login-top-right-btn.active:active {
    background: #cccccc !important;
    -webkit-animation: none;
    animation: none;
}

.header-user-login-top-right-btn:active {
    outline: none;
    background: #d8202a;
    -webkit-animation: showBtn 0.5s 1;
    animation: showBtn 0.5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.header-user-login-top-right-btn:hover {
    opacity: 0.9;
}

.header-user-login-top-center-text {
    flex: 1;
    width: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-user-login-top-center-text2 {
    width: 45px;
    color: #ffae01;
}

.header-user-login-center {
    display: flex;
    padding: 15px 0;
}

.header-user-login-center-item {
    display: flex;
    flex-direction: column;
    line-height: 32px;
    flex: 1;
    text-align: center;
}

.header-user-login-center-item-number {
    color: #010101;
    font-size: 18px;
}

.header-user-login-center-item-text {
    color: #999999;
    font-size: 15px;
}

.header-user-login-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
}

.header-user-login-bottom-btn {
    outline: none;
    width: 222px;
    line-height: normal;
    padding: 7px 0;
    background: #d8202a;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}

.header-user-login-bottom-btn:active {
    outline: none;
    background: #d8202a;
    -webkit-animation: showBtn 0.5s 1;
    animation: showBtn 0.5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.header-user-login-bottom-btn:hover {
    opacity: 0.9;
}

@keyframes showBtn {
    10% {
        background: -webkit-radial-gradient(Circle, #b5161e 28%, #c11a23 30%, #c11a23 48%, #ca1e27 60%);
        background: radial-gradient(Circle, #b5161e 28%, #c11a23 30%, #c11a23 48%, #ca1e27 60%);
    }

    20% {
        background: -webkit-radial-gradient(Circle, #b5161e 32%, #c11a23 34%, #c11a23 52%, #ca1e27 60%);
        background: radial-gradient(Circle, #b5161e 32%, #c11a23 34%, #c11a23 52%, #ca1e27 60%);
    }

    40% {
        background: -webkit-radial-gradient(Circle, #b5161e 34%, #c11a23 36%, #c11a23 54%, #ca1e27 60%);
        background: radial-gradient(Circle, #b5161e 34%, #c11a23 36%, #c11a23 54%, #ca1e27 60%);
    }

    60% {
        background: -webkit-radial-gradient(Circle, #b5161e 36%, #c11a23 38%, #c11a23 56%, #ca1e27 60%);
        background: radial-gradient(Circle, #b5161e 36%, #c11a23 38%, #c11a23 56%, #ca1e27 60%);
    }

    80% {
        background: -webkit-radial-gradient(Circle, #b5161e 38%, #c11a23 40%, #c11a23 58%, #ca1e27 60%);
        background: radial-gradient(Circle, #b5161e 38%, #c11a23 40%, #c11a23 58%, #ca1e27 60%);
    }

    100% {
        background: -webkit-radial-gradient(Circle, #b5161e 40%, #c11a23 42%, #c11a23 60%, #ca1e27 60%);
        background: radial-gradient(Circle, #b5161e 40%, #c11a23 42%, #c11a23 60%, #ca1e27 60%);
    }
}

@-webkit-keyframes showBtn {
    10% {
        background: -webkit-radial-gradient(Circle, #b5161e 28%, #c11a23 30%, #c11a23 48%, #ca1e27 60%);
        background: radial-gradient(Circle, #b5161e 28%, #c11a23 30%, #c11a23 48%, #ca1e27 60%);
    }

    20% {
        background: -webkit-radial-gradient(Circle, #b5161e 32%, #c11a23 34%, #c11a23 52%, #ca1e27 60%);
        background: radial-gradient(Circle, #b5161e 32%, #c11a23 34%, #c11a23 52%, #ca1e27 60%);
    }

    40% {
        background: -webkit-radial-gradient(Circle, #b5161e 34%, #c11a23 36%, #c11a23 54%, #ca1e27 60%);
        background: radial-gradient(Circle, #b5161e 34%, #c11a23 36%, #c11a23 54%, #ca1e27 60%);
    }

    60% {
        background: -webkit-radial-gradient(Circle, #b5161e 36%, #c11a23 38%, #c11a23 56%, #ca1e27 60%);
        background: radial-gradient(Circle, #b5161e 36%, #c11a23 38%, #c11a23 56%, #ca1e27 60%);
    }

    80% {
        background: -webkit-radial-gradient(Circle, #b5161e 38%, #c11a23 40%, #c11a23 58%, #ca1e27 60%);
        background: radial-gradient(Circle, #b5161e 38%, #c11a23 40%, #c11a23 58%, #ca1e27 60%);
    }

    100% {
        background: -webkit-radial-gradient(Circle, #b5161e 40%, #c11a23 42%, #c11a23 60%, #ca1e27 60%);
        background: radial-gradient(Circle, #b5161e 40%, #c11a23 42%, #c11a23 60%, #ca1e27 60%);
    }
}

.header-message{
    position: relative;
    line-height: 80px;
    color: #ffffff;
    margin-left: 20px;
    cursor: pointer;
}

.header-message i{
    line-height: 71px;
    color: #ffffff;
    font-size: 24px;
}

/* 顶部2 */
#header2 {
    width: 100%;
    height: 80px;
    overflow: hidden;
    background: #ffffff;
    -webkit-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.05);
}

.header2-info {
    width: 1200px;
    margin: 0 auto;
    height: 80px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.header2-info .logo {
    width: auto;
    height: 80px;
    display: flex;
    align-items: center;
    margin-top: 0;
    flex: 1;
}

.header2-info .logo img {
    margin-top: 0;
    height: 64px;
}

.menu-info {
	justify-content: flex-end;
    display: flex;
    position: relative;
    height: 80px;
    line-height: 80px;
}
.menu-item {
	font-size: 18px;
    color: #010101;
    height: 80px;
    line-height: 80px;
    padding: 0 22px;
    position: relative;
    white-space: nowrap;
}

#menu .menu-item:hover {
    color: #666666;
}

#menu .menu-item.active:hover {
    color: #da2246;
}

#menu .menu-item:last-of-type {
    padding-right: 0px;
}

.menu-item:active {
    color: #da2246;
}

.menu-item.active {
    color: #da2246;
}

#menu .line {
    border-bottom: 2px solid #da2246;
    content: " ";
    display: none;
    width: 0;
    top: 76px;
    z-index: 1;
    height: 2px;
    position: absolute;
    padding: 0 2px;
    margin-left: -2px;
    left: 22px;
    transition: all 0.3s ease;
}

#menu .line.line2 {
    width: 0;
    padding: 0;
    transition: inherit;
}

#menu .line.line3 {
    width: 0 !important;;
    padding: 0;
    transition: inherit;
    transition: all 0.3s ease;
}

/* 幻灯片 */
#kinMaxShow {
    visibility: hidden;
    width: 1200px;
    height:338px;
    overflow: hidden;
    margin: 0 auto;
}

#kinMaxShow .KMSPrefix_kinMaxShow_button li {
    border: none !important;
    border-radius: 100px;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
    -o-transition: width 0.5s;
}

#kinMaxShow .KMSPrefix_kinMaxShow_button li.KMSPrefix_kinMaxShow_focus {
    width: 38px;
    border-radius: 4px;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
    -o-transition: width 0.5s;
}

#kinMaxShow .KMSPrefix_kinMaxShow_button {
    right: auto !important;
    bottom: 20px !important;
    position: absolute;
    list-style: none;
    z-index: 2;
    overflow: hidden;
    _zoom: 1;
    left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.main {
    width: 1200px;
    display: block;
    margin: 0 auto;
    display: flex;
}

#index-main1 {
    margin-top: 12px;
}

/* 首页左边 */
.main-left {
    width: 280px;
    height: auto;
}

/* 标签 */
.tip-main {
    width: 280px;
    position: relative;
    overflow: hidden;
    background: #f2f2f2;
}

.tip-title {
    font-size: 25px;
    color: #666666;
    line-height: 52px;
    height: 60px;
}

.tip-info {
    width: 280px;
    height: auto;
    overflow: hidden;
}

.tip-item {
    width: 84px;
    height: auto;
    margin-right: 14px;
    line-height: normal;
    background: #ffffff;
    margin-bottom: 15px;
    float: left;
    font-size: 16px;
    color: #666666;
    border-radius: 100px;
    text-align: center;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 5px 0;
}

.tip-item.active,
.tip-item.active:hover,
.tip-item.active:active {
    background: #da2246;
    color: #ffffff;
}

.tip-item:hover {
    color: #da2246;
}

.tip-item:active {
    background: #f9f9f9;
    color: #da2246;
}

.tip-item:nth-child(3n) {
    margin-right: 0px;
}

#index-main1 .header-search {
    width: 280px;
    margin: 10px 0 0 0;
    position: relative;
    overflow: hidden;
    height: 56px;
    background: #f2f2f2;
}

#index-main1 .header-search #search-input {
    font-size: 18px;
    padding: 13px 10px 13px 15px;
    background: #ffffff;
    width: 110px;
}

#index-main1 .header-search #search-btn {
    width: 48px;
    line-height: normal;
    text-align: center;
    padding-right: 6px;
    background: #ffffff;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 每日必读 */
.mrbd {
    width: 280px;
    height: auto;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    margin-top: 25px;
}

.mrbd-title-info {
    display: flex;
    align-content: center;
    padding-left: 31px;
    justify-content: flex-end;
}

.mrbd-title {
    margin-top: 10px;
    line-height: 58px;
    height: 58px;
    flex: 1;
    font-size: 16px;
    color: #666666;
    font-weight: 700;
    ;
}

.mrbd-title span {
    color: #da2246;
    display: inline-block;
}

.mrbd-more {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    line-height: 54px;
    margin-right: 24px;
    font-size: 12px;
    cursor: pointer;
    color: #999999;
}

.mrbd-more:hover,
.mrbd-more:active {
    color: #010101;
    text-decoration: underline;
}

.mrbd-main {
    width: 280px;
    overflow: hidden;
    position: relative;
    height: auto;
    margin-bottom: 15px;
}

.mrbd-item {
    display: flex;
    align-items: center;
    margin-bottom: 21px;
    margin-left: 31px;
    margin-right: 24px;
    cursor: pointer;
}

.mrbd-item:hover .mrbd-item-text {
    color: #da2246;
}

.mrbd-item:hover img,
.mrbd-item:active img {
    opacity: 0.9;
}

.mrbd-item-left {
    width: 66px;
    height: 39px;
    overflow: hidden;
    position: relative;
    background: #dddddd;
}

.mrbd-item-left img {
    width: 66px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.mrbd-item-right {
    flex: 1;
    margin-left: 15px;
    line-height: normal;
    height: 39px;
}


.mrbd-item-text {
    color: #010101;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 144px;
    line-height: 1;
    font-size: 14px;
    display:block;
}


.mrbd-item-time {
    color: #999999;
    font-size: 12px;
    position: relative;
    margin-top: 11px;
}

/* 专题 */
.zhuanti-info {
    padding-bottom: 80px;
}

.zhuanti {
    width: 280px;
    height: auto;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    margin-top: 25px;
}

.zhuanti-title-info {
    display: flex;
    align-content: center;
    padding-left: 31px;
    justify-content: flex-end;
}

.zhuanti-title {
    margin-top: 12px;
    line-height: 45px;
    height: 58px;
    flex: 1;
    font-size: 16px;
    color: #666666;
    font-weight: 700;
}

.zhuanti-more {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    line-height: 65px;
    margin-right: 24px;
    font-size: 12px;
    cursor: pointer;
    color: #999999;
}

.zhuanti-more:hover,
.zhuanti-more:active {
    color: #010101;
    text-decoration: underline;
}

.zhuanti-main {
    width: 280px;
}

.zhuanti-item {
    width: 280px;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.zhuanti-item:hover .zhuanti-item-text {
    color: #da2246;
}

.zhuanti-item-top {
    width: 280px;
    height: 280px;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.zhuanti-item-top .zhuanti-item-imginfo {
    width: 280px;
    height:auto;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.zhuanti-item-top .zhuanti-item-img {
    width: 280px;
    height: auto;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    z-index: 1;
}

.zhuanti-item-top .zhuanti-item-img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.9;
}

.zhuanti-item-top .zhuanti-item-none {
    opacity: 0;
    width: 280px;
    height: auto;
}

.zhuanti-item-bottom {
    margin: 15px 30px 20px 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zhuanti-item-text {
    color: #666666;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.zhuanti-more:hover,
.zhuanti-more:active {
    color: #010101;
    text-decoration: underline;
}

/* 创意图库 */
.cytk {
    width: 280px;
    position: relative;
    overflow: hidden;
    height: 280px;
    margin-top: 25px;
    cursor: pointer;
    display: inherit;
}

.cytk_text {
    background: #ff9900;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 31px;
    width: auto;
    font-size: 12px;
    line-height: normal;
    z-index: 1;
    padding: 3px 6px;
    text-align: center;
}

.cytk_text span {
    font-size: 12px;
    display: inline-block;
    position: relative;
}

.cytk img {
    width: 280px;
    height: auto;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.cytk img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.9;
}

/* 广告招商 */
.ggzs {
    width: 280px;
    position: relative;
    overflow: hidden;
    height: 150px;
    margin-top: 25px;
    cursor: pointer;
    display: inherit;
}


.ggzs_text {
    background: #ff9900;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 31px;
    width: auto;
    font-size: 12px;
    line-height: normal;
    z-index: 1;
    padding: 3px 6px;
    text-align: center;
}

.ggzs_text span {
    font-size: 12px;
    display: inline-block;
    position: relative;
}

.ggzs img {
    width: 280px;
    height: auto;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.ggzs img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.9;
}

/* 户外招商 */
.hwzs {
    width: 280px;
    height: auto;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    margin-top: -39px;
    padding-bottom: 2px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.17);
}

.hwzs-title-info {
    display: flex;
    align-content: center;
    padding-left: 31px;
    justify-content: flex-end;
    margin-bottom: 5px;
}

.hwzs-title {
    margin-top: 21px;
    line-height: 34px;
    height: 38px;
    flex: 1;
    font-size: 16px;
    color: #666666;
    font-weight: 700;
}

.hwzs-title span {
    color: #da2246;
    display: inline-block;
}

.hwzs-more {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    line-height: 38px;
    margin-right: 24px;
    font-size: 12px;
    cursor: pointer;
    color: #999999;
}

.hwzs-more:hover,
.hwzs-more:active {
    color: #010101;
    text-decoration: underline;
}

.hwzs-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 21px;
    margin-left: 31px;
    margin-right: 24px;
    cursor: pointer;
    flex-direction: column;
}

.hwzs-item:hover .hwzs-item-foot {
    color: #da2246;
}

.hwzs .hwzs-item:last-child .hwzs-item-foot-text {
    border: none;
}

.hwzs-item-top {
    width: 100%;
    display: flex;
    font-size: 13px;
}

.hwzs-item-text1-l {
    color: #010101;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 125px;
    max-width: 193px;
    margin-right: 5px;
}

.hwzs-item-text1-r {
    color: #010101;
}

.hwzs-item-foot {
    width: 100%;
    color: #666666;
    font-size: 13px;
}


.hwzs-item-foot .hwzs-item-foot-text {
    margin: 0px 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 14px 0px;
    border-bottom: 2px solid #cac8c8;
    line-height: 1.8;
    ;
}

.hwzs-item-foot span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 数据 */
.shuju {
    width: 280px;
    height: auto;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    margin-top: 25px;
}

.shuju-title-info {
    display: flex;
    align-content: center;
    padding-left: 41px;
    justify-content: flex-end;
}

.shuju-title {
    margin-top: 12px;
    line-height: 45px;
    height: 58px;
    flex: 1;
    font-size: 16px;
    color: #7a7a7a;
    font-weight: 700;
}

.shuju-more {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    line-height: 65px;
    margin-right: 34px;
    font-size: 12px;
    cursor: pointer;
    color: #848383;
}

.shuju-more:hover,
.shuju-more:active {
    color: #010101;
    text-decoration: underline;
}

.shuju-main {
    width: 280px;
}

.shuju-item {
    width: 280px;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.shuju-item-top {
    width: 280px;
    height: auto;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.shuju-item-top .shuju-item-imginfo {
    width: 280px;
    height: auto;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.shuju-item-top .shuju-item-img {
    width: 280px;
    height: auto;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    z-index: 1;
}

.shuju-item-top .shuju-item-img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.9;
}

.shuju-item-top .shuju-item-none {
    opacity: 0;
    width: 280px;
    height: auto;
}

.shuju-item-bottom {
    margin: 18px 40px 41px 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shuju-item-text {
    color: #848383;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shuju-more:hover,
.shuju-more:active {
    color: #010101;
    text-decoration: underline;
}


/* 推荐广告公司 */
.tjgggs {
    width: 280px;
    height: auto;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    margin-top: 25px;
}

.tjgggs-title-info {
    display: flex;
    align-content: center;
    padding-left: 31px;
    justify-content: flex-end;
}

.tjgggs-title {
    margin-top: 10px;
    line-height: 58px;
    height: 58px;
    flex: 1;
    font-size: 16px;
    color: #666666;
    font-weight: 700;
    ;
}

.tjgggs-more {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    line-height: 54px;
    margin-right: 24px;
    font-size: 12px;
    cursor: pointer;
    color: #999999;
}

.tjgggs-more:hover,
.tjgggs-more:active {
    color: #010101;
    text-decoration: underline;
}

.tjgggs-main {
    width: 280px;
    overflow: hidden;
    position: relative;
    height: auto;
    margin-bottom: 15px;
}

.tjgggs-item {
    display: flex;
    align-items: center;
    margin-bottom: 21px;
    margin-left: 31px;
    margin-right: 24px;
}

.tjgggs-item:hover img,
.tjgggs-item:active img {
    opacity: 0.9;
}

.tjgggs-item-left {
    width: 63px;
    height: 34px;
    overflow: hidden;
    position: relative;
    background: #ffffff;
}

.tjgggs-item-left img {
    width: 63px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.tjgggs-item-center {
    flex: 1;
    margin-left: 10px;
    line-height: normal;
    height: 34px;
}

.tjgggs-item-right {
    line-height: 34px;
    height: 34px;
    white-space: nowrap;
    cursor: pointer;
    color: #666666;
}

.tjgggs-item .tjgggs-item-right:hover {
    color: #da2246;
}

.tjgggs-item-text {
    color: #010101;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    line-height: 1;
    width: 104px;
    font-size: 14px;
}


.tjgggs-item-case {
    color: #999999;
    font-size: 12px;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    position: relative;
    top: 5px;
    left: -4px;
    display: flex;
}

.tjgggs-item-case .tjgggs-item-case-text {
    position: relative;
    margin-right: 5px;
    padding-right: 5px;
}

.tjgggs-item-case .tjgggs-item-case-text:first-child:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 10%;
    border-right: 1px solid #666666;
    z-index: 1;
    display: block;
    height: 80%;
}

.tjgggs-item-case .tjgggs-item-case-text:last-child {
    margin-right: 0px;
    padding-right: 0px;
}

.tjgggs-item-case .tjgggs-item-case-text span {
    color: #da2246;
}

/* 走进广告 */
.zjgg {
    margin-top: 25px;
    width: 280px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.zjgg-none {
    opacity: 0;
    width: 280px;
    height: auto;
}

.zjgg-imginfo {
    width: 280px;
    height: 90px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.zjgg-imginfo img {
    width: 280px;
    height: auto;
    cursor: pointer;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    z-index: 1;
}

.zjgg:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.9;
}

.zjgg_text1 {
    position: absolute;
    color: #ffffff;
    font-size: 18px;
    z-index: 10;
    right: 30px;
    top: 10px;
    cursor: pointer;
}

.zjgg_text2 {
    position: absolute;
    color: #ffffff;
    font-size: 12px;
    z-index: 10;
    top: 40px;
    right: 30px;
    cursor: pointer;
}

/* 首页右边 */
.main-right {
    flex: 1;
    width: auto;
    height: auto;
    max-width: 920px;
}

.content-main {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    max-width: 920px;
    position: relative;
}

.content-top {
    display: flex;
    background: #f2f2f2;
    align-items: center;
}

.content-title {
    font-size: 25px;
    line-height: 52px;
    height: 60px;
    color: #da2246;
}

.content-menu {
    flex: 1;
    display: flex;
    padding-left: 30px;
}

.content-menu-item {
    height: 60px;
    line-height: 62px;
    font-size: 14px;
    color: #848383;
    margin: 0 14px;
    cursor: pointer;
}

.content-menu-item i {
    margin-left: 3px;
}

.content-search {
    width: 194px;
    height: 38px;
    line-height: 38px;
    background: #ffffff;
    border-radius: 4px;
    overflow: hidden;
}

#content-search {
    font-size: 14px;
    padding: 10px;
    background: #ffffff;
    border-radius: 4px;
    flex: 1;
    width: 140px;
    line-height: 18px;
    color: #010101;
}

.content-search-btn {
    cursor: pointer;
    line-height: 38px;
    height: 38px;
    padding: 0 10px;
    margin: 0;
    background: #ffffff;
    color: #999999;
    font-weight: 700;
    font-size: 16px;
}

.content-item {
    width: 290px;
    height: auto;
    display: flex;
    flex-direction: column;
    float: left;
    margin-right: 15px;
    margin-top: 25px;
    background: #ffffff;
}

.content-item-top {
    width: 290px;
    height: 198px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    background: #dddddd;
    cursor: pointer;
}

.content-item-top .content-item-img {
    width: 290px;
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.content-item-top img {
    width: 290px;
    height: auto;
    display: inline-block;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.content-item .content-item-mask {
    position: absolute;
    top: 0px;
    height: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    overflow: hidden;
}

.content-item-foot-main {
    cursor: pointer;
}

.content-item-foot-main:hover .content-item-foot-title,
.content-item-foot-main:hover .content-item-foot-text2 {
    color: #da2246;
}

.content-item-top:hover .content-item-mask {
    height: 198px;
    transition: height .3s ease;
}

.content-item-top:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.content-item-mask-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #ffffff;
    text-align: left;
    margin: 12px 15px;
    font-size: 16px;
    line-height: 1.7;
}

.content-item-foot {
    width: 290px;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #ffffff;
}

.content-item-foot-text {
    font-size: 16px;
    line-height: 1.8;
    margin: 13px 25px;
    font-weight: 400;
    color: #010101;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 56px;
    cursor: pointer;
}

.content-item-foot-text:hover {
    color: #da2246;
}

.content-item-foot-type {
	display: inline-block;
    font-size: 12px;
    color: #666666;
    border: 1px solid #cccccc;
    line-height: normal;
    padding: 1px 6px;
    border-radius: 3px;
    margin: 3px;
    cursor: default;
}

.content-item-foot-info {
    display: flex;
    align-items: center;
    margin: 0 25px;
    padding: 13px 0;
    border-bottom: 1px solid #dddede;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.content-item-foot-info-left {
    display: flex;
    align-items: center;
    flex: 1;
}

.content-item-foot-info-left i {
    margin-left: 10px;
    color: #cccccc;
}

.content-item-foot-info-left div {
    color: #999999;
    font-size: 12px;
    margin-left: 2px;
}

.content-item-foot-info-left .content-item-foot-info-eye {
    margin-left: 0;
}

.content-item-foot-info-right {
    color: #999999;
    font-size: 12px;
}

.content-item-foot-info2 {
    display: flex;
    padding: 11px 0;
    margin: 0 25px;
}

.content-item-foot-info2-left {
    display: flex;
    align-self: center;
    line-height: 28px;
    flex: 1;
}

.content-item-foot-info2-left img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    overflow: hidden;
}

.content-item-foot-infow-text {
    font-size: 12px;
    margin-left: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 164px;
    color: #333333;
}

.content-item-foot-info2-right {
    display: flex;
    line-height: 28px;
    cursor: pointer;
    white-space:nowrap;
}

.content-item-foot-info2-right i {
    font-size: 18px;
    color: #999999;
}

.content-item-foot-info-share {
    font-size: 12px;
    margin-left: 3px;
    color: #333333;
}

.content-list .content-item:nth-child(3n) {
    margin-right: 0px;
}

.content-list .content-item:nth-child(1),
.content-list .content-item:nth-child(2),
.content-list .content-item:nth-child(3) {
    margin-top: 0px;
}

.content-list {
    position: relative;
    overflow: hidden;
    width: 920px;
}

/* 品牌案例 */
.content-top2 {
    margin-top: 16px;
    margin-bottom: 5px;
}

.content-list2 {
    position: relative;
}

.content-item-foot-title {
    line-height: normal;
    margin: 15px 25px 5px 25px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #010101;
}

.content-item-foot-text2 {
    font-size: 13px;
    line-height: 1.7;
    margin: 12px 25px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 44px;
}

.content-item-foot-type-text {
    display: flex;
    padding-top: 5px;
    position: relative;
    overflow: hidden;
}

.content-item-foot-type-time {
    flex: 1;
    text-align: right;
    margin-right: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #999999;
}

.content-item-foot-type-time span {
    color: #da2246;
}

.content-list2 .content-item-foot-type {
    /*background: #ffcc33;*/
}

.content-list2 .content-item-foot-infow-text {
    font-size: 12px;
}

.content-list2 .content-item-foot-info-share {
    font-size: 12px;
}

.content-list2 .content-item-foot-info2-right i {
    font-size: 18px;
    color: #999999;
}

.content-list2 .content-item-foot-info2 {
    border-top: 1px solid #dddede;
    margin-top: 20px;
}


/* 干货类型 */
.content-diy {
    display: flex;
}

.content-diy-left {
    width: 361px;
    position: relative;
    overflow: hidden;
    background: #dddddd;
}

.content-diy-right {
    flex: 1;
    margin-left: 15px;
    height: 457px;
    position: relative;
    overflow: hidden;
    background: #ffffff;
}

.content-diy-none {
    width: 361px;
    height: 457px;
    opacity: 0;
}

.content-diy-imginfo {
    width: 361px;
    height: auto;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.content-diy-imginfo img {
    cursor: pointer;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    z-index: 1;
    width: 362px;
}

.content-diy-left:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.content-diy-left-type {
    position: absolute;
    top: 0;
    left: 0;
    width: 88px;
    height: 36px;
    line-height: 36px;
    background: #da2246;
    color: #ffffff;
    text-align: center;
    z-index: 1;
    font-size: 18px;
}

.content-diy-item {
    background: #ffffff;
    display: flex;
    margin: 13px 15px;
}

.content-diy-item-left {
    width: 200px;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #dddddd;
}

.content-diy-item-left-imginfo {
    width: 200px;
    height: auto;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.content-diy-item-left-imginfo img {
    width: 220px;
    height: auto;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    z-index: 1;
    margin-left: -10px;
}

.content-diy-item-left:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.9;
}

.content-diy-item-right {
    flex: 1;
}

.content-diy-item-right-info {
    cursor: pointer;
}

.content-diy-item-right-info:hover,
.content-diy-item-right-info:hover .content-diy-item-title {
    color: #da2246;
}

.content-diy-item-right {
    margin-left: 16px;
}

.content-diy-item-title {
    line-height: normal;
    font-size: 18px;
    margin-top: 0;
    font-weight: 700;
    color: #010101;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 15px;
    width: 278px;
    margin-top: 7px;
    display: block;
}

.content-diy-item-info {
    font-size: 14px;
    line-height: 1.7;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 46px;
    color: #333333;
}

.content-diy-item-right-foot {
    display: flex;
    align-items: center;
    margin-top: 14px;
    margin-bottom: 5px;
}

.content-diy-item-right-foot-left {
    display: flex;
    align-items: center;
}

.content-diy-item-right-foot i {
    margin-left: 10px;
    color: #cccccc;
}

.content-diy-item-right-foot div {
    color: #999999;
    font-size: 12px;
    margin-left: 2px;
}

.content-diy-item-right-foot .content-item-foot-info-eye {
    margin-left: 0;
}

.content-diy-item-right-foot-right {
    flex: 1;
    text-align: right;
    color: #999999;
    font-size: 12px;
}

/* 推荐视频 */
#main2 {
    display: table;
    background: #f2f2f2;
}

#content-tuijian {
    width: 1200px;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
    left: 0;
    top: 0;
}

#content-tuijian-tabs>div {
    width: 1240px;
    height: 520px;
    float: left;
    overflow: hidden;
    position: relative;
}

#content-tuijian-tabs img {
    display: block;
    margin: 0;
    float: left;
    margin-left: 20px;
}

#content-tuijian-tabs h3 {
    opacity: 0;
}

.tuijian1-info {
    position: absolute;
    background: rgba(255, 255, 255, .8);
    right: 0;
    bottom: 0px;
    width: 459px;
    height: 279px;
}

#content-tuijian-pager {
    width: auto;
    margin: 0 auto;
    text-align: center;
    height: 78px;
}

#content-tuijian-pager a {
    border: none;
    color: #999999;
    font-size: 14px;
    line-height: 78px;
    display: inline-block;
    height: 78px;
    margin: 0 40px;
}

#content-tuijian-pager a:hover {
    color: #da2246;
}

#content-tuijian-pager a.selected {
    font-size: 25px;
    color: #da2246;
}

.tuijian1-text1 {
    font-size: 17px;
    color: #333333;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 40px;
    line-height: normal;
}

.tuijian1-text2 {
    width: 379px;
    font-size: 24px;
    color: #010101;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 32px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tuijian1-text3 {
    font-size: 4c4c4c;
    font-size: 16px;
    color: #333333;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 20px;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 75px;
}

.content-tuijian-more {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 78px;
    color: #999999;
    font-size: 14px;
    cursor: pointer;
}

.content-tuijian-more:hover {
    color: #010101;
}

/* 视频橱窗 */
#main3 {
    margin-top: 70px;
    background: #ffffff;
    position: relative;
}

.content-shipin-item {
    width: 250px;
    height:205px;
    position: relative;
    margin-right: 30px;
    float: left;
    margin-bottom: 40px;
    overflow: hidden;
}

.content-shipin .content-shipin-item:nth-child(4n) {
    margin-right: 0px;
}

.content-shipin-item:hover .content-shipin-info {
    background: rgba(218, 34, 70, 0.8);
}

.content-shipin-item img {
    width: auto;
    height: 205px;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    cursor: pointer;
}

.content-shipin {
    margin: 60px 30px 20px 30px;
}

.content-shipin-item .icon-bofang {
    font-size: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #ffffff;
    line-height: 1;
    margin-left: -20px;
    margin-top: -30px;
    cursor: pointer;
}

.content-shipin-item:hover .icon-bofang {
    color: #da2246;
}

.content-shipin-item .content-shipin-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.2);
    height: 150px;
}

.content-shipin-item .content-shipin-title {
    margin: 0 40px;
    line-height: 2;
    color: #ffffff;
    font-size: 16px;
    margin-top: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 64px;
}

.content-shipin-icon {
    display: flex;
    color: #ffffff;
    line-height: 40px;
    margin: 0 40px;
    margin-top: 12px;
}


.content-shipin-icon i {
    color: #ffffff;
    font-size: 16px;
    margin-left: 20px;
}

.content-shipin-icon div {
    color: #ffffff;
    font-size: 14px;
    margin-left: 5px;
}

.content-shipin-icon .content-item-foot-info-eye {
    margin-left: 0px;
}


/* 查看更多 */
#main4 {
    margin-top: 50px;
}

.content-ckgd {
    display: table;
    margin: 0 auto;
}

.content-ckgd-btn {
    width: 270px;
    height: auto;
    line-height: normal;
    color: #999999;
    font-size: 16px;
    text-align: center;
    border-radius: 10px;
    padding: 8px 0;
    background: #ffffff;
    box-shadow: 0 3px 7px rgba(100, 100, 100, 0.14);
    cursor: pointer;
}

.content-ckgd-btn:hover {
    color: #666666;
    box-shadow: 0 3px 7px rgba(100, 100, 100, 0.3);
}

/* 品牌 */
#main5 {
    margin-top: 60px;
    background: #ffffff;
    position: relative;
    width: 100%;
}

.content-pinpai {
    padding-top: 50px;
    padding-bottom: 38px;
    width: 1200px;
    display: table;
    margin: 0 auto;
}

.content-pinpai-item {
    width: 190px;
    height: 78px;
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
    position: relative;
}

.content-pinpai-item img {
    width: 190px;
    height: auto;
    display: inline-block;
    position: absolute;
    top: 0;
}

.content-pinpai-item:hover img {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transition: all 1.5s ease-in-out 0s;
    transition: all 1.5s ease-in-out 0s;
}

.content-pinpai-item:nth-child(6n) {
    margin-right: 0px;
}

/* 底部 */
#footer {
    width: 100%;
    background: #464646;
    position: relative;
    height: auto;
}

.footer-info {
    width: 1200px;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.footer-top {
    height: auto;
    width: 100%;
}

.footer-menu {
    height: auto;
    line-height: normal;
    color: #ffffff;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ffffff;
}

.footer-menu-item {
    padding: 0 17px;
    position: relative;
    cursor: pointer;
    color: #fff;
}

.footer-menu-item:hover {
    color: #cccccc;
}

.footer-menu-item:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 15%;
    border-left: 1px solid #ffffff;
    z-index: 1;
    display: block;
    height: 70%;
}

.footer-menu-item:first-child:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 15%;
    border-left: 1px solid #ffffff;
    z-index: 1;
    display: block;
    height: 70%;
}

.footer-center {
    height: auto;
    width: 100%;
    position: relative;
    display: flex;
    border-bottom: 1px solid #ffffff;
}

.footer-center-left {
    flex: 1;
    color: #ffffff;
}

.footer-center-left-text {
    color: #cccccc;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 700;
}

.footer-center-left-text2 {
    color: #cccccc;
    font-size: 14px;
    line-height: 2.1;
    margin-top: 5px;
}

.footer-center-left-text3 {
    color: #cccccc;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 700;
}

.footer-center-left-text4 {
    color: #cccccc;
    font-size: 14px;
    line-height: 2.1;
    margin-top: 5px;
    margin-bottom:20px;
}

.footer-center-right {
    width: 320px;
}

.footer-center-right-icon {
    display: flex;
    margin-top: 140px;
    margin-left: 150px;
}

.footer-center-right-weixin {
    margin-right: 36px;
    position: relative;
    cursor: pointer;
}

.footer-center-right-weixin-img {
    border-radius: 10px;
    overflow: hidden;
    width: 58px;
    height: 58px;
}

.footer-center-right-weixin-img:hover~.footer-center-right-weixin-ewm,
.footer-center-right-weixin-img:hover~.footer-center-right-weixin-arrow {
    display: block !important;
}

.footer-center-right-weixin img {
    width: 58px;
    height: 58px;
}


.footer-center-right-weibo {
    position: relative;
    width: 58px;
    height: 58px;
    cursor: pointer;
}

.footer-center-right-weibo-img {
    background: #ffffff;
    width: 58px;
    height: 58px;
    border-radius: 10px;
    overflow: hidden;
}

.footer-center-right-weibo img {
    background: #ffffff;
    width: 58px;
    height: auto;
}

.footer-center-right-weixin-ewm {
    position: absolute;
    top: -134px;
    left: -25px;
    background: #ffffff;
    width: 110px;
    height: 110px;
    border-radius: 4px;
    display: none;
}

.footer-center-right-weixin-ewm img {
    width: 104px;
    height: 104px;
    margin-top: 3px;
    margin-left: 3px;
}

.footer-center-right-weixin-arrow {
    display: block;
    width: 0;
    height: 0;
    font-size: 0;
    border: 12px dashed transparent;
    border-top-style: solid;
    border-top-color: #fff;
    position: absolute;
    left: 50%;
    top: -24px;
    margin-left: -12px;
    display: none;
}

.footer-bottom {
    font-size: 14px;
    color: #ffffff;
    width: 100%;
    text-align: center;
    line-height: 1;
    padding: 15px 0;
}

/* 菜单3 */
#header3 {
    width: 100%;
    min-height: 56px;
    display: block;
    background: #464646;
}

.menu2 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display: table;
    padding: 20px 0;
}

.menu2 .menu2-item {
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    margin-right: 15px;
    position: relative;
    cursor: pointer;
    line-height: 44px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.menu2 .menu2-item.active:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid #ffffff;
    z-index: 1;
    display: block;
    height: 0px;
    width: 100%;
}

.menu2 .menu2-item:hover {
    color: #da2246 !important;
}

.menu2.menu-danhang {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
}

.menu2.menu-danhang:after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 56px;
    left: 0;
    -webkit-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.05);
}

.menu2.menu-danhang.navFix {
    position: fixed;
    z-index: 10;
    top: 0;
    background: none;
    left: 50%;
    margin-left: -600px;
}

.menu2.menu-danhang.navFix:after {
    content: ' ';
    position: absolute;
    width: 1000%;
    background: rgba(70, 70, 70, 0.9);
    height: 56px;
    left: -200%;
}

.menu2.menu-danhang .menu2-item {
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    margin: 0 25px;
    position: relative;
    cursor: pointer;
    line-height: 56px;
    z-index: 2;
}


.menu2.menu-danhang .menu2-item:first-child {
    margin-left: 0px;
}

.menu2.menu-danhang .menu2-item:last-child {
    margin-right: 0px;
}

/* 菜单4 */
#header4 {
    background: #ffffff;
}

.menu4 {
    width: 1200px;
    display: table;
    margin: 0 auto;
    padding: 10px 0;
}

.menu4-item {
    width: 20%;
    float: left;
    font-size: 16px;
    color: #010101;
    white-space: nowrap;
    line-height: 40px;
    cursor: pointer;
}

.menu4-item.active {
    color: #da2246;
}

/* 中心内容 */
.content-info {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display: table;
}

.content-info.xieyi {
    background: #ffffff;
}

.content-info-title {
    color: #010101;
    font-size: 30px;
    text-align: center;
    line-height: 1.7;
    margin-top: 30px;
    padding: 40px 100px;
}

.content-info-title2 {
    font-size: 16px;
    color: #010101;
    display: flex;
    margin: 0 auto;
    margin-top: 30px;
    align-items: center;
    line-height: normal;
    width: 1200px;
}

.content-info-title2 a:hover {
    text-decoration: underline;
}

.content-info-title2 i {
    margin: 0px 5px;
    color: #010101;
    font-size: 12px;
    display: flex;
    position: relative;
    align-items: center;
    top: 1px;
}

.content-info-title2 .now-page {
    color: #da2246;
    cursor: default;
}

.content-info-main {
    line-height: 1.9;
    color: #333333;
    font-size: 15px;
    margin-bottom: 125px;
    padding: 0 100px;
}

/* c网案例 */
.content-info .content-list {
    width: 1200px;
    margin: 50px 0;
}

.content-info .content-list .content-item {
    margin-right: 13px;
}

.content-info .content-list .content-item:nth-child(3n) {
    margin-right: 13px;
}

.content-info .content-list .content-item:nth-child(4n) {
    margin-right: 0px;
}

.content-info .content-list .content-item:nth-child(4) {
    margin-top: 0px;
}

/* 分页 */
.list-page {
    width: 100%;
    display: block;
    height: 36px;
    margin-bottom: 50px;
    overflow: hidden;
}

.list-page .pagination {
    width: 1200px;
    display: table;
    margin: 0 auto;
}

.list-page .pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-page a {
    position: relative;
    padding: 0;
    background: #fff;
    color: #666666;
    font-size: 14px;
    float: left;
    display: block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin: 0 10px;
    border-radius: 50%;
    width: 34px;
}


.list-page a.page-text {
    position: relative;
    padding: 0 18px;
    background: #fff;
    color: #666666;
    font-size: 14px;
    float: left;
    display: block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin: 0 10px;
    border-radius: 100px;
    width: auto;
}

.list-page a.active {
    background: #ac1d10;
    color: #ffffff;
}

.list-page a:hover {
    color: #da2246;
}

.list-page a.active:hover {
    color: #ffffff;
}

/* 头图banner */
#banner {
    width: 1200px;
    display: block;
    position: relative;
    height: 338px;
    overflow: hidden;
    clear: both;
    background: #dddddd;
    margin: 0 auto;
}

#banner img {
    height: 338px;
    width: auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

/* 内容内页 */
.article-view {
    display: flex;
    margin-bottom: 35px;
}

.content-info-left {
    flex: 1;
    background: #ffffff;
}

.content-info-right {
    width: 280px;
    margin-left: 20px;
}

.content-info-right-author {
    background: #ffffff;
    overflow: hidden;
    position: relative;
}

.content-info-right-author-top {
    display: flex;
    margin: 20px 20px 20px 30px;
}

.content-info-right-author-img {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    overflow: hidden;
}

.content-info-right-author-img img {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #eeeeee;
}

.content-info-right-author-name {
    flex: 1;
    margin-left: 15px;
}

.content-info-right-author-name-text1 {
    width: 147px;
    font-size: 16px;
    color: #010101;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
}

.content-info-right-author-name-text2 {
    width: 147px;
    font-size: 12px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 8px;
}

.content-info-right-author-center {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 20px 20px 30px;
    font-size: 13px;
    color: #999999;
}

.content-info-right-author-foot {
    display: flex;
    margin-top: 40px;
    margin-bottom: 30px;
    justify-content: center;
}

.content-info-right-author-foot-btn {
    height: 24px;
    width: 80px;
    border-radius: 100px;
    line-height: 24px;
    border: 1px solid #eeeeee;
    text-align: center;
    font-size: 13px;
    color: #999999;
    margin: 0 15px;
    cursor: pointer;
}

.content-info-right-author-foot-btn:hover{
    color: #da2246;
    border: 1px solid #da2246;
}

.content-info-right-author-foot-btn.active {
    background: #cccccc !important;
    border: 1px solid #cccccc !important;
    color: #ffffff !important;
}

.content-info-left-top {
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    flex-direction: column;
}

.content-info-left-top-info1 {
    display: flex;
    padding: 40px 40px 25px 40px;
}

.content-info-left-top-info1-left {
    flex: 1;
}

.content-info-left-top-info1-left-title {
    font-size: 40px;
    /*width: 714px;*/
    width:100%;
}

.content-info-left-top-info1-left-text {
    font-size: 24px;
    color: #999999;
    margin-top: 15px;
    width: 714px;
}

.content-info-left-top-info1-right {
    width: auto;
    overflow: hidden;
}

.content-info-left-top-info1-right-text {
    color: #da2246;
    text-align: center;
}

.content-info-left-top-info1-right-img {
    width: 96px;
    height: 96px;
    margin-top: 15px;
    display: block;
    overflow: hidden;
}

.content-info-left-top-info1-right-img img {
    width: 96px;
    height: 96px;
    display: block;
    overflow: hidden;
}

.content-info-left-top-info2 {
    display: flex;
    padding: 0 40px;
    padding-bottom: 15px;
}

.content-info-left-top-info2-left {
    flex: 1;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #666666;
}

.content-info-left-top-info2-right {
    display: flex;
    align-items: center;
    line-height: normal;
}

.content-info-left-top-info2-left-text1{
    margin-right:10px
}

.content-info-left-top-info2-left-text2 {
    background: #da2246;
    color: #ffffff;
    font-size: 13px;
    padding: 2px 5px;
    line-height: normal;
    border-radius: 4px;
    margin-right:10px
}

.content-info-left-top-info2-left-text3{
    margin-right:10px
}

.content-info-left-top-info2-right .content-item-foot-info-pinglun-text {
    color: #666666;
}

.content-info-left-top-info2-right i {
    font-size: 15px;
    color: #999999;
    margin-left: 10px;
}

.content-info-left-top-info2-right div {
    font-size: 13px;
    color: #666666;
    margin-left: 5px;
}

.content-info-left-center {
    margin: 60px 0;
    padding: 0 40px;
}

.content-info-left-center p img{
    text-align: center;
}

.content-info-left-center img{
    display:table;
    margin:0 auto;
}

.content-info-left-foot {
    display: flex;
    flex-direction: column;
    margin: 0 40px
}

.content-info-left-foot-label {
    display: flex;
    align-items: center;
}

.content-info-left-foot-opt {
    display: flex;
    align-items: center;
    margin-top: 0;
    padding: 18px 5px 0 30px;
    border-top: 1px solid #e5e5e5;
}

.content-info-left-foot-state {
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    align-items: center;
    font-size: 12px;
    padding: 10px 30px;
}

.content-info-left-foot-label {
    border-top: 1px solid #e5e5e5;
    padding: 15px 30px;
}

.content-info-left-foot-label i {
    font-size: 16px;
    color: #010101;
    display: inline-block;
    margin-right: 4px;
}

.content-info-left-foot-label-item {
    display: inline-block;
    font-size: 12px;
    color: #666666;
    border: 1px solid #cccccc;
    line-height: normal;
    padding: 1px 6px;
    border-radius: 3px;
    margin: 3px;
}

.content-info-left-foot-opt-shoucang {
    display: flex;
    text-align: center;
    flex-direction: column;
}

.content-info-left-foot-opt-shoucang-icon {
    border: 1px solid #999999;
    border-radius: 50%;
    line-height: 24px;
    width: 24px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.content-info-left-foot-opt-shoucang-icon i {
    font-size: 12px;
    line-height: 24px;
    display: inline-block;
    width: 24px;
    position: relative;
    top: 1px;
    color: #999999;
}

.content-info-left-foot-opt-shoucang-icon:hover,
.content-info-left-foot-opt-shoucang-icon.active {
    border: 1px solid #da2246;
}

.content-info-left-foot-opt-shoucang-icon:hover i,
.content-info-left-foot-opt-shoucang-icon.active i {
    color: #da2246;
}

.content-info-left-foot-opt-shoucang-text {
    font-size: 12px;
    text-align: center;
}

.content-info-left-foot-opt-shoucang-text {
    color: #666666;
    font-size: 12px;
    margin-top: 5px;
}

.content-info-left-foot-opt-zan {
    flex: 1;
    text-align: center;
    position: relative;
}


.content-info-left-foot-opt-zan-icon {
    display: table;
    margin: 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    line-height: 34px;
    border: 1px solid #999999;
    cursor: pointer;
    position: relative;
}

.content-info-left-foot-opt-zan-icon.active {
    border: 1px solid #da2246;
}

.content-info-left-foot-opt-zan-icon i {
    font-size: 18px;
    color: #999999;
    width: 34px;
    display: block;
    float: left;
}

.content-info-left-foot-opt-zan-icon.active i {
    color: #da2246;
}

.content-info-left-foot-opt-zan-text {
    color: #666666;
    font-size: 12px;
    margin-top: 5px;
}

.content-info-left-foot-opt-share-icon {
    border: 1px solid #999999;
    border-radius: 50%;
    line-height: 24px;
    width: 24px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.content-info-left-foot-opt-share-icon i {
    font-size: 13px;
    line-height: 24px;
    display: inline-block;
    width: 24px;
    position: relative;
    top: 0;
    color: #999999;
}

.content-info-left-foot-opt-share-icon:hover {
    border: 1px solid #da2246;
}

.content-info-left-foot-opt-share-icon:hover i {
    color: #da2246;
}


.content-info-left-foot-opt-share-text {
    color: #666666;
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
}

.content-info-left-foot-state-text a {
    color: #da2246;
    margin: 0 5px;
    cursor: pointer;
}

.content-info-left-foot-state-text span {
    color: #da2246;
    margin: 0 5px;
}

.content-info-left-foot-opt-zan-number {
    position: absolute;
    left: 55%;
    top: 10%;
    font-size: 18px;
    color: #da2246;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.content-info-left-foot-opt-zan-number.fadeOutDown {
    color: #010101;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -70%, 0);
        transform: translate3d(0, -70%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -70%, 0);
        transform: translate3d(0, -70%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUp2 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
    }
}

@keyframes fadeOutUp2 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
    }
}

.library-info .fadeOutUp {
    -webkit-animation-name: fadeOutUp2;
    animation-name: fadeOutUp2;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, -70%, 0);
        transform: translate3d(0, -70%, 0);
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, -70%, 0);
        transform: translate3d(0, -70%, 0);
    }

    to {
        opacity: 0;
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDown2 {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOutDown2 {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
    }

    to {
        opacity: 0;
    }
}

.library-info .fadeOutDown {
    -webkit-animation-name: fadeOutDown2;
    animation-name: fadeOutDown2;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.library-info .fadeOutDown {
    -webkit-animation-name: fadeOutDown2;
    animation-name: fadeOutDown2;
}

/* 评论 */
.comment-empty{
    position: relative;
    margin: 30px 0;
    text-align: center;
    line-height: 38px;
    color: #888888;
}

.comment-empty .line {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 1px solid #eeeeee;
    width: 65%;
}

.comment-empty .text {
    position: relative;
    z-index: 1;
    padding: 5px 30px;
    background-color: #ffffff;
    font-size: 14px;
    color: #999999;
}

.content-pinglun {
    border-top: 1px solid #e5e5e5;
}

.content-pinglun-title {
    padding-left: 30px;
    line-height: 40px;
    font-size: 14px;
    color: #666666;
}

.content-pinglun-number {
    margin-left: 10px;
}

.content-pinglun-info {
    display: flex;
    padding-left: 30px;
    flex-direction: column;
}

.content-pinglun-info-item {
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 8px;
    padding-bottom: 8px;
    align-items: self-start;
}

.content-pinglun-info-item-left {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}

.content-pinglun-info-item-left img {
    width: 30px;
    height: 30px;
}

.content-pinglun-info-item-right {
    flex: 1;
    margin-left: 5px;
}

.content-pinglun-info-item-right-opt {
    display: flex;
    color: #999999;
    align-items: center;
}

.content-pinglun-info-item-right-time {
    font-size: 12px;
    color: #999999;
    margin-bottom: 4px;
    line-height: 1.2;
}

.content-pinglun-info-item-right-text {
    font-size: 12px;
}

.content-pinglun-info-item-right-info {
    display: flex;
    align-items: center;
}

.content-pinglun-info-item-right-name {
    font-size: 12px;
    color: #010101;
    flex: 1;
}

.content-pinglun-info-item-right-opt i.content-pinglun-info-item-right-opt-pinglun {
    font-size: 13px;
}

.content-pinglun-info-item-right-opt i {
    font-size: 13px;
    cursor: pointer;
}

.content-pinglun-info-item-right-opt-zan {
    display: flex;
    align-items: center;
    margin-right: 10px;
    cursor: pointer;
}

.content-pinglun-info-item-right-opt-zan.active {
    color: #da2246;
}

.content-pinglun-info-item-right-opt-zan.active~.content-pinglun-info-item-right-opt-zan-text {
    color: #da2246;
}

.content-pinglun-info-item-right-opt-zan-text {
    font-size: 12px;
    margin-left: 2px;
    position: relative;
    top: -1px;
}

.content-pinglun-info-item-right-main {
    background: #f5f5f5;
    margin-top: 4px;
    padding: 5px 7px;
    padding-bottom: 3px;
}

.content-pinglun-info-item-right-main-item {
    margin-bottom: 2px;
    font-size: 12px;
    color: #666666;
    display: flex;
}

.content-pinglun-info-item-right-main-item-left {
    margin: 0;
    display: initial;
    color: #666666;
}

.content-pinglun-info-item-right-main-item-right {
    display: initial;
    color: #333333;
    flex:1;
}

.content-pinglun-info-item-right-main-more-info {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.content-pinglun-info-item-right-main-more {
    width: auto;
    display: table;
    cursor: pointer;
}

.content-pinglun-info-item-right-main-more~.content-pinglun-info-item-right-main-item {
    display: none;
}

.content-pinglun-info-item-right-main-more.active {
    display: none;
}

.content-pinglun-info-item-right-main-more.active~.content-pinglun-info-item-right-main-item {
    display: inherit;
}

.content-pinglun-info-item-right-main-more-info-xian {
    width: 20px;
    position: relative;
    height: 1px;
    border-top: 1px solid #999999;
    margin-right: 5px;
    top: 1px;
}

.content-pinglun-info-item-right-main-more-info-text {
    font-size: 12px;
    color: #999999;
}

.content-pinglun-info-item-right-main-more-info-jiantou {
    position: relative;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.content-pinglun-info-item-right-main-more-info-jiantou i {
    font-size: 12px;
    color: #999999;
    position: relative;
    top: 1px;
}

.content-pinglun-info-item-right .content-editor {
    margin-left: 0;
    margin-top: 5px;
}

.content-editor-close {
    font-size: 12px;
    padding: 6px 22px;
    line-height: normal;
    color: #999999;
    background: #ffffff;
    border-radius: 2px;
    cursor: pointer;
}

.content-editor-btn-opt {
    position: absolute;
    bottom: 12px;
    right: 0px;
    z-index: 1000;
    display: flex;
}

.content-editor-btn {
    font-size: 12px;
    padding: 6px 22px;
    line-height: normal;
    color: #ffffff;
    background: #010101;
    border-radius: 2px;
    cursor: pointer;
}

.content-editor-btn:hover {
    opacity: 0.9;
}

/* 广告眼 */
.content-item-foot-text3 {
    font-size: 16px;
    line-height: 1.8;
    margin: 13px 25px;
    font-weight: 400;
    color: #010101;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 28px;
    cursor: pointer;
}

.content-item-video-type {
    display: flex;
    padding: 0 25px;
    font-size: 12px;
    color: #666666;
}

.content-item-video-type-right {
    flex: 1;
    text-align: right;
}

.content-item-video-foot-info {
    padding-top: 10px;
}

/* 分享插件 */
#list-share .mark {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    z-index: 1001;
}

#list-share .share-dialog {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 500px;
    height: 270px;
    margin: -135px 0 0 -250px;
    background: #fff;
    z-index: 1002;
}

#list-share .share-dialog .share-close {
    position: absolute;
    right: 7px;
    top: 10px;
    width: auto;
    height: auto;
    display: inline-block;
    cursor: pointer;
}

#list-share .share-dialog .share-close i {
    font-size: 25px;
    color: #010101;
    line-height: 1;
}

#list-share .share-dialog .share-dialog-title {
    height: 45px;
    line-height: 45px;
    text-indent: 15px;
    background: #eee;
}

#list-share .share-dialog .share-dialog-cont {
    padding: 38px 20px;
    font-size: 14px;
}

#list-share .share-dialog .share-copy-l {
    float: left;
    width: 77px;
    margin-top: 8px;
}

#list-share .share-dialog .share-copy-c {
    float: left;
    width: 307px;
}

#list-share .share-dialog .share-copy-c input {
    display: block;
    width: 100%;
    height: 36px;
    padding: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 1.2;
    color: #555;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #ccc;
}

#list-share .share-dialog .share-copy-c input:focus {
    border-color: #da2246;
    outline: 0;
}

#list-share .share-dialog .share-copy-r {
    float: left;
    width: 76px;
    text-align: right;
    color: #da2246;
    margin-top: 8px;
    cursor: pointer;
}

#list-share .share-platform {
    clear: both;
    margin-top: 10px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#list-share .share-platform .share-platform-l {
    float: left;
    width: 77px;
    margin-top: 12px;
}

#list-share .share-platform .share-platform-r {
    float: left;
    width: 310px;
}

#list-share .share-platform .bds_weixin {
    background: none;
    text-indent: 0px;
    float: left;
    width: auto;
    line-height: 32px;
    height: auto;
    background: none !important;
}

#list-share .share-platform .bds_weixin:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

#list-share .share-platform .bds_weixin i {
    font-size: 32px;
    text-indent: 0px;
    line-height: 1;
    color: #3cb034;
    opacity: 1;
    position: absolute;
    top: 6px;
    left: 0px;
    z-index: 1;
}

#list-share .share-platform .bds_tsina {
    background: none;
    text-indent: 0px;
    float: left;
    width: auto;
    line-height: 32px;
    height: auto;
    background: none !important;
    position: relative;
}

#list-share .share-platform .bds_tsina:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

#list-share .share-platform .bds_tsina i {
    font-size: 32px;
    text-indent: 0px;
    line-height: 1;
    color: #d52b2a;
    opacity: 1;
    position: absolute;
    top: 6px;
    left: 0px;
    z-index: 1;
}

#list-share .share-platform .bds_sqq {
    background: none;
    text-indent: 0px;
    float: left;
    width: auto;
    line-height: 32px;
    height: auto;
    background: none !important;
    position: relative;
}

#list-share .share-platform .bds_sqq:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

#list-share .share-platform .bds_sqq i {
    font-size: 32px;
    text-indent: 0px;
    line-height: 1;
    color: #68a5e1;
    opacity: 1;
    position: absolute;
    top: 6px;
    left: 0px;
    z-index: 1;
}

#list-share .share-platform .bds_qzone {
    background: none;
    text-indent: 0px;
    float: left;
    width: auto;
    line-height: 32px;
    height: auto;
    background: none !important;
    position: relative;
}

#list-share .share-platform .bds_qzone:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

#list-share .share-platform .bds_qzone i {
    font-size: 32px;
    text-indent: 0px;
    line-height: 1;
    color: #f5be3f;
    opacity: 1;
    position: absolute;
    top: 6px;
    left: 0px;
    z-index: 1;
}

#list-share .share-platform .share-platform-text {
    color: #aaa;
    margin-top: 5px;
}

.bdsharebuttonbox {
    height: 44px;
}

.bds_weixin {
    position: relative;
}

.bdshare-button-style1-32 a {
    position: relative;
    z-index: 2;
    opacity: 0;
    border-radius: 50%;
}

.bdshare-button-style1-32 a:hover {
    opacity: 0 !important;
}

/* 查询 */
#search {
    width: 100%;
    display: block;
    position: relative;
    height: 669px;
    overflow: hidden;
    clear: both;
}

#search img.search-info-img {
    height: 669px;
    width: auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.search-info {
    width: 694px;
    display: table;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.search-info-title {
    font-size: 70px;
    color: #ffffff;
    width: 100%;
    line-height: normal;
    text-align: center;
    margin-top: 70px;
}

.search-info-text {
    font-size: 22px;
    color: #ffffff;
    width: 100%;
    line-height: normal;
    text-align: center;
    margin-top: 15px;
}

.search-info-main-type {
    display: flex;
    align-items: center;
    color: #ffffff;
    font-size: 20px;
    line-height: normal;
    margin-top: 40px;
    margin-bottom: 5px;
    padding-left: 5px;
}

.search-info-main-type .weui-cell weui-check__label {
    display: flex;
    align-items: center;
    color: #ffffff;
}

#search .weui-cells_checkbox .weui-cell__hd {
    padding-right: 0;
    display: flex;
    align-items: center;
}

#search .weui-cells_checkbox .weui-icon-checked:before {
    content: '\EA01';
    color: #ffffff;
    font-size: 19px;
    display: block;
    background: #ffffff;
    border-radius: 50%;
    margin: 0;
    margin-right: 5px;
}

#search .weui-cells_checkbox .weui-check:checked+.weui-icon-checked:before {
    content: '\EA01';
    color: #ffffff;
    font-size: 19px;
    display: block;
    background: #ffffff;
    border-radius: 50%;
}

#search .weui-cells_checkbox .weui-check:checked+.weui-icon-checked:after {
    content: ' ';
    color: #ffffff;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #010101;
    display: block;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -8px;
    margin-top: -5px;
}

#search [class^="weui-icon-"],
#search [class*=" weui-icon-"] {
    position: relative;
}

#search .weui-check__label:active {
    background: none;
}

.search-info-main-input {
    display: flex;
    align-items: center;
    border-radius: 100px;
    background: #ffffff;
}

#search #search-input {
    flex: 1;
    line-height: 1.5;
    color: #333333;
    border: none;
    padding: 12px 20px 12px 0;
    font-size: 24px;
}

#search #search-btn {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 0;
    margin-left: 10px;
}

#search #search-btn i {
    font-size: 28px;
}

#search .search-info-screen {
    width: auto;
    display: table;
    color: #ffffff;
    margin-top: 30px;
    margin-left: 20px;
}

#search .search-info-screen-text {
    font-size: 20px;
    display: flex;
    align-items: center;
}

#search .search-info-screen-text i {
    font-size: 20px;
    position: relative;
    top: 2px;
}

#search .search-info-screen-click.active .search-info-screen-text i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

#search .search-info-screen-list {
    margin-left: 20px;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    display: none;
}

#search .search-info-screen-click.active~.search-info-screen-list {
    display: block;
}

#search .search-info-screen-list-item {
    font-size: 20px;
    padding: 12px 40px 8px 8px;
    border-bottom: 1px solid #ffffff;
    cursor: pointer;
}

#search .search-info-screen-list-item.active {
    color: #da2246;
}

.search-info-screen-click {
    width: auto;
    position: relative;
    clear: both;
    display: inherit;
    overflow: hidden;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.search-info-screen-click.active {
    color: #da2246;
}

.content-info-result-null {
    width: auto;
    display: table;
    margin: 0 auto;
    margin-top: 10px;
    position: absolute;
    top: 400px;
    left: 50%;
    margin-left: -148px;
}

.content-info-result-null img {
    width: auto;
    height: auto;
    margin: 0 auto;
}

.content-info-result-null-text {
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
}

.content-info-result {
    width: 100%;
    text-align: center;
    color: #010101;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin: 70px 0;
}

.content-info-result-xian {
    position: relative;
    width: 50px;
    position: relative;
    height: 1px;
    border-top: 1px solid #010101;
    margin-right: 5px;
    top: 1px;
}

.content-info-result span {
    color: #da2246
}

.content-info-search-list {
    margin-bottom: 50px;
}

.content-info-search-list-item {
    display: flex;
    align-items: flex-start;
    padding-bottom: 30px;
    border-bottom: 1px solid #dddddd;
    margin-top: 30px;
}

.content-info-search-list-item-left {
    width: 341px;
    height: 192px;
    background: #dddddd;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.content-info-search-list-item-left-img {
    width: 341px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.content-info-search-list-item-left img {
    width: 341px;
    height: auto;
    cursor: pointer;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.content-info-search-list-item-left:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.9;
}

.content-info-search-list-item-right {
    flex: 1;
    margin-left: 50px;
}

.content-info-search-list-item-right-text1 {
    font-size: 20px;
    display: flex;
    align-items: flex-end;
}

.content-info-search-list-item-right-text1-left {
    width: 625px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    color: #010101;
}

.content-info-search-list-item-right-text1-left:hover {
    color: #da2246;
}

.content-info-search-list-item-right-title1-right {
    font-size: 16px;
    color: #666666;
    flex: 1;
    text-align: right;
}

.content-info-search-list-item-right-title1-right span:first-child {
    margin-right: 8px;
}

.content-info-search-list-item-right-text2 {
    font-size: 16px;
    color: #999999;
    margin: 10px 0;
}

.content-info-search-list-item-right-text3 {
    font-size: 13px;
    color: #333333;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    height: 115px;
}

/* 广告眼内页 */
.video-view {
    margin-top: 50px;
}

.video-view .content-info-left {
    padding-bottom: 50px;
    width:auto;
}

.video-view .content-info-left-top-info1 {
    padding: 30px 40px 25px 40px;
}

.video-view .content-info-left-top-info2 {
    padding-bottom: 25px;
}

#player-module {
    width: 1120px;
    height: 630px;
    position: relative;
    overflow: hidden;
    background: #010101;
}

.player-module-zhegai {
    width: 360px;
    position: relative;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 20px;
}

.player-module-zhegai-text1,.player-module-zhegai-text2{
	text-align: center;
}
.player-module-zhegai a {
    color: #da2246;
    cursor: pointer;
}

.player-module-zhegai a:hover{
    text-decoration: underline;
}

.video-view .content-info-left-center {
    margin: 40px 0 50px 0;
}

.video-view .content-info-left-top-info1-left-title {
    font-size: 24px;
    width: 100%;
}

.video-view .content-info-left-top-info2-right .content-item-foot-info-pinglun-text {
    color: #666666;
}

/* 相关 */
#xiangguan {
    width: 1200px;
    height: auto;
    margin: 40px auto 50px auto;
    display: table;
}

.xiangguan-title {
    font-size: 26px;
    font-weight: 700;
    color: #010101;
}

.xiangguan-info {
    width: 100%;
}

.xiangguan-item-top {
    width: 280px;
    height: 147px;
    overflow: hidden;
    position: relative;
    border-radius: 12px;
    display: inline-block;
}

.xiangguan-item {
    display: inline-block;
    margin-top: 30px;
    margin-right: 23px;
    margin-bottom: 10px;
}

.xiangguan-item-top-img {
    width: 280px;
    height: 147px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.xiangguan-item-top-img img {
    width: 280px;
    height: auto;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    z-index: 1;
}

.xiangguan-item-top:hover .xiangguan-item-top-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.9;
}

.xiangguan-info .xiangguan-item:nth-child(4n) {
    margin-right: 0px;
}

.xiangguan-item-bottom {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.xiangguan-item-bottom-text1 {
    width: 280px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    color: #010101;
    margin-top: 15px;
    cursor: pointer;
}

.xiangguan-item-bottom-text1:hover {
    color: #da2246;
}

.xiangguan-item-bottom-text2 {
    width: 280px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #999999;
    margin-top: 1px;
}

/* 图库 */
#picture-module {
    height: 900px;
    width: 1120px;
}

#picture-module .picture-view .video-view .content-info-left-center {
    width: 1200px;
}

#picture-module .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

#picture-module .swiper-slide {
    background-size: cover;
    background-position: center;
}

#picture-module .gallery-top {
    height: 80%;
    width: 100%;
}

#picture-module .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

#picture-module .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

#picture-module .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

/* 文库 */
.library-list {
    width: 1200px;
    margin: 50px 0;
    position: relative;
    overflow: hidden;
}

.library-list .library-list-item {
    margin-right: 20px;
    position: relative;
}

.library-list .library-list-item:nth-child(1),
.library-list .library-list-item:nth-child(2),
.library-list .library-list-item:nth-child(3),
.library-list .library-list-item:nth-child(4) {
    margin-top: 0px;
}

.library-list .library-list-item:nth-child(4n) {
    margin-right: 0px;
}

.library-list-item {
    width: 285px;
    height: auto;
    display: flex;
    flex-direction: column;
    float: left;
    margin-right: 15px;
    margin-top: 25px;
    background: #ffffff;
}

.library-list-item a {
    width: 285px;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #ffffff;
}

.library-list-item a:hover .library-list-item-foot-text {
    color: #da2246;
}

.library-list-item a:hover .library-list-item-img img {
    opacity: 0.9;
}

.library-list-item-top {
    position: relative;
    width: 285px;
    height: 300px;
}

.library-list-item-img {
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
}

.library-list-item-img img {
    width: 100%;
    height: auto;
}

.library-list-item-center {
    width: 285px;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #ffffff;
}

.library-list-item-foot {
    width: 285px;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #ffffff;
}

.library-list-item-foot-text {
    font-size: 16px;
    line-height: 1.8;
    margin: 13px 25px;
    font-weight: 400;
    color: #010101;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 56px;
    cursor: pointer;
}

.library-list-item2 .library-list-item-foot-text {
    margin: 13px 25px 5px 25px;
}

.library-list-item-foot-time {
    margin: 0 25px 13px 25px;
    color: #999999;
    font-size: 12px;
}

.library-list-item2 .library-list-item-top {
    height: 277px;
}

.library-list-item2 .library-list-state {
    top: 255px;
}

.library-list-item-foot-info {
    display: flex;
    align-items: center;
    margin: 0 25px;
    padding: 13px 0;
    border-top: 1px solid #dddede;
}

.library-list-item-foot-info-left {
    display: flex;
    align-items: center;
}

.library-list-item-foot-info-left .library-list-item-foot-info-eye {
    margin-left: 0;
}

.library-list-item-foot-info-left i {
    margin-left: 10px;
    color: #cccccc;
}

.library-list-item-foot-info-left div {
    color: #999999;
    font-size: 12px;
    margin-left: 2px;
}

.library-list-item-foot-info-right {
    text-align: right;
    flex: 1;
    color: #da2246;
}

.library-info {
    display: flex;
    margin-top: 50px;
    margin-bottom: 50px;
}

.library-info-left {
    width: 862px;
    background: #ffffff;
    ;
}

.library-info-right {
    width: 318px;
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.library-info-left-title {
    margin: 30px 30px 15px 30px;
}


.library-info-left-title .library-info-type {
    margin: 1px 0;
    width: 20px;
    height: 24px;
    display: inline-block;
    float: left;
    background: url("../image/library_bg.png") no-repeat;
}

.library-info-left-title .library-info-type {
    display: inline-block;
    font-size: 0;
    height: 25px;
    line-height: 9999em;
    overflow: hidden;
    padding: 0;
    position: relative;
    vertical-align: -4px;
    width: 22px;
    margin: 0 0 0 0;
    background: url("../image/library_type.png") 0 0 no-repeat;
}

.library-info-left-title .library-info-type.ic-gif {
    background-position: 0 0;
}

.library-info-left-title .library-info-type.ic-doc,
.library-info-left-title .library-info-type.ic-pdw {
    background-position: -26px 0;
}

.library-info-left-title .library-info-type.ic-docx {
    background-position: -26px 0;
}

.library-info-left-title .library-info-type.ic-xls,
.library-info-left-title .library-info-type.ic-pxl {
    background-position: -52px 0;
}

.library-info-left-title .library-info-type.ic-xlsx {
    background-position: -52px 0;
}

.library-info-left-title .library-info-type.ic-ppt {
    background-position: -78px 0;
}

.library-info-left-title .library-info-type.ic-pptx {
    background-position: -78px 0;
}

.library-info-left-title .library-info-type.ic-pps {
    background-position: -104px 0;
}

.library-info-left-title .library-info-type.ic-ppsx {
    background-position: -104px 0;
}

.library-info-left-title .library-info-type.ic-bmp {
    background-position: -130px 0;
}

.library-info-left-title .library-info-type.ic-rtf {
    background-position: -156px 0;
}

.library-info-left-title .library-info-type.ic-jpg {
    background-position: -182px 0
}

.library-info-left-title .library-info-type.ic-jpeg {
    background-position: -182px 0;
}

.library-info-left-title .library-info-type.ic-pub {
    background-position: 0 -30px;
}

.library-info-left-title .library-info-type.ic-tif {
    background-position: -26px -30px;
}

.library-info-left-title .library-info-type.ic-tiff {
    background-position: -26px -30px;
}

.library-info-left-title .library-info-type.ic-txt {
    background-position: -52px -30px;
}

.library-info-left-title .library-info-type.ic-pot {
    background-position: -78px 0;
}

.library-info-left-title .library-info-type.ic-potx {
    background-position: -78px 0;
}

.library-info-left-title .library-info-type.ic-wps {
    background-position: -78px -30px;
}

.library-info-left-title .library-info-type.ic-et {
    background-position: -104px -30px;
}

.library-info-left-title .library-info-type.ic-dps {
    background-position: -130px -30px;
}

.library-info-left-title .library-info-type.ic-pdf {
    background-position: -156px -30px;
}

.library-info-left-title .library-info-type.ic-epub {
    background-position: -182px -30px;
}

.library-info-left-title .library-info-type.ic-xml {
    background-position: 0 -60px;
}

.library-info-left-title .library-info-type.ic-ps {
    background-position: -130px -60px;
}

.library-info-left-title .library-info-type.ic-vsd {
    background-position: -156px -60px;
}

.library-info-left-title .library-info-type.ic-mpp {
    background-position: -182px -60px;
}

.library-info-left-title .library-info-type.ic-psw {
    background-position: 0px -90px;
}

.library-info-left-title .library-info-type.ic-png {
    background-position: -26px -60px;
}

.library-info-left-title .library-info-type.ic-html {
    background-position: -52px -60px;
}

.library-info-left-title .library-info-type.ic-wpt {
    background-position: -78px -60px;
}

.library-info-left-title .library-info-type.ic-dpt {
    background-position: -104px -60px;
}

.library-info-left-title .library-info-type.ic-dwg {
    background-position: -26px -90px;
}

.library-info-left-title-text {
    min-height: 26px;
    line-height: 26px;
    font-size: 20px;
    padding-left: 10px;
    display: initial;
    color: #010101;
}

.library-info-left-box {
    display: flex;
    margin: 5px 30px;
    align-items: center;
}

.library-info-left-box-label {
    display: flex;
}

.library-info-left-box-label .icon-biaoqian {
    font-size: 16px;
    color: #25ae84;
    display: inline-block;
    margin-right: 4px;
}

.library-info-left-box-label-item {
    display: inline-block;
    font-size: 12px;
    color: #666666;
    border: 1px solid #cccccc;
    line-height: normal;
    padding: 1px 6px;
    border-radius: 3px;
    margin: 3px;
}

.library-info-left-box-time,
.library-info-left-box-pinglun,
.library-info-left-box-eye,
.library-info-left-box-xiazai {
    line-height: 26px;
    color: #666;
    margin-left: 15px;
    padding-left: 15px;
    position: relative;
}

.library-info-left-box-time:after,
.library-info-left-box-pinglun:after,
.library-info-left-box-eye:after,
.library-info-left-box-xiazai:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 6px;
    border-left: 1px solid #cccccc;
    z-index: 1;
    display: block;
    height: 14px;
    width: 0px;
}

.library-info-left-box i {
    font-size: 14px;
    color: #cccccc;
}

/* 文库预览 */
.library-info .wendang {
    border: 1px solid #d2d2d2;
    width: 800px;
    min-height: 740px;
    position: relative;
    margin: 10px 30px;
}

.library-info .wendang_page {
    width: 630px;
    clear: both;
    overflow: hidden;
    background: #f4f4f4;
    padding: 13px 85px;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #d2d2d2;
    font-size: 16px;
}

.library-info .wendang_page li {
    float: left;
    width: 210px;
    text-align: center;
    color: #666;
}

.library-info .wendang_page li i {
    display: inline-block;
    width: 24px;
    height: 25px;
    margin: 0 6px;
    vertical-align: middle;
}

.library-info .wendang_page li i.up {
    font-size: 26px;
    color: #abb0ba;
}

.library-info .wendang_page li i.down {
    font-size: 26px;
    color: #abb0ba;
}

.library-info .wendang_page li a.tiaozhuang {
    background: #449cf3;
    color: #fff;
    height: 25px;
    width: 40px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.library-info .inp2 {
    background: #ffffff;
    width: 50px;
    text-align: center;
    border: 1px solid #ccc;
    height: 24px;
    vertical-align: middle;
    margin: 0 5px;
    font-size: 16px;
    color: #666;
    position: relative;
    top: -2px;
}

.library-info .wendang_box {
    text-align: center;
    width: 800px;
    height: 800px;
    overflow: auto;
    overflow-x: hidden;
}

.library-info .wendang_box2 {
    margin: 0 auto;
    width: 100%;
    height: 50px;
    background: #f4f4f4;
    display: flex;
    align-items: center;
    line-height: 50px;
    border-top: 1px solid #d2d2d2;
}

.library-info .wendang_box2_l {
    flex: 1;
    padding-left: 20px;
}

.library-info .wendang_box2_r {
    position: relative;
    background: #da2246;
    top: 0px;
}

.library-info .wendang_box2_r a {
    color: #ffffff;
    background: #da2246;
    line-height: 51px;
    display: table;
    position: relative;
    padding: 0 30px;
    top: 0px;
    font-size: 18px;
}

.library-info .wendang_box2_r a:hover {
    opacity: 0.9;
}

.library-info .hidden {
    display: none;
}

.library-info a.fangda,
a.suoxiao {
    width: auto;
    height: auto;
    position: absolute;
    top: 10px;
    right: 60px;
    color: #abb0ba;
    font-size: 22px;
}

.library-info a.fangda:hover {
    color: #666666;
}

.library-info a.suoxiao {
    right: 20px;
}

.library-info a.suoxiao:hover {
    color: #666666;
}

.library-info .wendang_page a:hover {
    color: #da2246;
}

.library-info .wendang_box2_l .wendang_box2-zan {
    font-size: 18px;
    display: inline-block;
    position: relative;
}

.library-info .wendang_box2_l .wendang_box2-zan.active {
    color: #da2246;
}

.library-info #dianzan-number.fadeOutDown {
    color: #010101
}

.library-info .wendang_box2_l .wendang_box2-zan span {
    position: absolute;
    right: -15px;
    font-size: 12px;
    top: 0;
    color: #da2246;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: none;
}

.library-info .wendang_box2_l .wendang_box2-zan span {
    position: absolute;
    right: -15px;
    font-size: 12px;
    top: 0;
    color: #da2246;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.library-info .wendang_box2_l .wendang_box2-cai {
    font-size: 17px;
}

.library-info .wendang_box2_l .wendang_box2-shoucang {
    font-size: 21px;
    position: relative;
    top: 1px;
}

.library-info .wendang_box2_l .wendang_box2-shoucang.active:before {
    content: "\e618";
    color: #da2246;
}

.library-info .wendang_box2_l .wendang_box2-shoucang:hover:before {
    content: "\e618";
    color: #da2246;
}

.library-info .wendang_box2_l .wendang_box2-share {
    font-size: 17px;
}

.library-info .wendang_box2_l a {
    color: #abb0ba;
    margin: 0 15px;
    cursor: pointer;
}

.library-info .wendang_box2_l a:hover {
    color: #da2246 !important;
}

.library-info .wendang_box2_c {
    line-height: 50px;
    color: #010101;
    font-size: 16px;
    margin-right: 15px;
}

.library-info .content-info-left-foot {
    margin: 0 30px;
}

.library-info .library-info-left {
    padding-bottom: 50px;
}

.library-search {
    width: 318px;
    position: relative;
    overflow: hidden;
    height: 56px;
    background: #ffffff;
    display: flex;
    border-radius: 6px;
}

#library-search-input {
    flex: 1;
    line-height: 1.5;
    color: #333333;
    border: none;
    padding: 10px;
    font-size: 18px;
    padding: 13px 10px 13px 15px;
    background: #ffffff;
    width: 110px;
}

#library-search-btn {
    width: 48px;
    line-height: normal;
    text-align: center;
    padding-right: 6px;
    background: #ffffff;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#library-search-btn i {
    font-size: 32px;
    font-weight: 700;
    color: #999999;
}

#library-upload {
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #da2246;
    padding: 10px 0;
    color: #ffffff;
    border-radius: 2px;
    font-size: 18px;
    overflow: hidden;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

#library-upload i {
    font-size: 21px;
    margin-right: 5px;
}

#library-upload:active {
    outline: none;
    -webkit-animation: showBtn 0.5s 1;
    animation: showBtn 0.5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#library-upload:hover {
    opacity: 0.9;
}

.library-info-user {
    display: flex;
    align-items: center;
    position: relative;
}

.library-info-user i {
    font-size: 16px;
    color: #cccccc;
    margin-right: 2px;
}

.library-info-user a {
    color: #666666;
    line-height: normal;
    text-decoration: underline;
    cursor: pointer;
}

.library-list-user {
    width: 285px;
    height: 433px;
    display: inline-block;
    background: url('../image/library_bg2.png') center no-repeat;
    border-radius: 6px;
    cursor: default;
}

.library-list-user-img {
    width: 80px;
    height: 80px;
    display: table;
    margin: 0 auto;
    margin-top: 35px;
}

.library-list-user-img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}

.library-list-user-name {
    width: 100%;
    text-align: center;
    color: #ffffff;
    margin-top: 15px;
    font-size: 18px;
}

.library-list-user-info {
    color: #ffffff;
    display: flex;
    margin-top: 30px;
}

.library-list-user-info-item {
    flex: 1;
    text-align: center;
    position: relative;
}

.library-list-user-info-item-text1 {
    font-size: 20px;
    color: #ffffff;
}

.library-list-user-info-item-text2 {
    color: #ffffff;
    font-size: 12px;
    margin-top: 3px;
}

.library-list-user-info-item:first-child:after {
    display: none;
}

.library-list-user-info-item:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 14%;
    border-left: 1px solid #999999;
    z-index: 1;
    display: block;
    height: 80%;
    width: 0px;
}

.library-list-user-desc {
    width: 100%;
    text-align: center;
    color: #999999;
    margin-top: 5px;
    font-size: 14px;
}

.library-upload-info {
    margin: 35px 30px 0 30px;
    border-top: 1px solid #999999;
    padding-top: 10px;
}

.library-list-item-opt {
    position: absolute;
    top: 15px;
    right: 15px;
}

.library-list-item-opt-dian {
    background: #464646;
    border-radius: 100px;
    height: 12px;
    line-height: 12px;
    width: 24px;
    position: relative;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.library-list-item-opt-dian i {
    color: #ffffff;
    font-size: 14px;
    line-height: 12px;
}

.library-list-item-opt.active .library-list-item-opt-list {
    display: block;
}

.library-list-item-opt-list {
    position: absolute;
    top: 15px;
    right: 0;
    background: #464646;
    color: #ffffff;
    width: 60px;
    z-index: 1;
    border-radius: 4px;
    padding: 3px 0;
    display: none;
}

.library-list-item-opt-list-item {
    width: 100%;
    line-height: normal;
    padding: 4px 0;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.library-list-item-opt-list-item:hover {
    background: #636363;
}

.library-list-item-opt-yin {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: none;
    display: none;
}

.library-list-item-opt.active .library-list-item-opt-yin {
    display: block;
}

.library-list-state {
    position: absolute;
    right: 0;
    top: 278px;
    color: #ffffff;
    font-size: 12px;
    background: rgba(0, 0, 0, .6);
    z-index: 2;
    padding: 2px 6px;
    cursor: default;
}

/* 热门文档/相关推荐 */
.rmwd {
    width: 318px;
    height: auto;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    margin-top: 25px;
    padding-bottom: 5px;
}

.rmwd-info {
    width: 318px;
    overflow: hidden;
    position: relative;
    height: auto;
    margin-bottom: 15px;
}

.rmwd-title {
    margin-top: 10px;
    line-height: 58px;
    height: 58px;
    flex: 1;
    font-size: 16px;
    color: #666666;
    font-weight: 700;
    padding-left: 31px;
}

.rmwd-info-item {
    margin: 0 24px 15px 31px;
}

.rmwd-info-item .library-info-left-title-text {
    font-size: 16px;
    width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.rmwd-info-item .library-info-left-title-text:hover {
    color: #da2246;
}

.rmwd-info-item-foot {
    display: flex;
    align-items: center;
    color: #999999;
}

.rmwd-info-item-text {
    margin-left: 30px;
    margin-top: 5px;
    font-size: 14px;
}

/* 下载弹窗 */
#download-tan {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
}

#download-tan .download-tan-info {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}

#download-tan .download-tan-box {
    width: 450px;
    height: auto;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    padding-bottom: 40px;
}

#download-tan .download-tan-box-logo {
    width: auto;
    display: table;
    margin: 0 auto;
}

#download-tan .download-tan-box-logo img {
    width: 200px;
    height: auto;
    margin-top: 30px;
}

#download-tan .download-tan-box-title.library-info-left-title {
    margin: 31px 30px 25px 30px;
    font-size: 18px;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
}

#download-tan .library-info-left-title .library-info-type {
    margin: 2px 0;
    margin-right: 5px;
}


#download-tan .download-tan-box-title-text {
    line-height: 28px;
}

#download-tan .download-tan-box-title-text span {
    line-height: 28px;
    color: #666666;
    margin-left: 3px;
}

#download-tan .download-tan-box-jifen {
    font-size: 24px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    color: #da2246;
}

#download-tan .download-tan-box-jifen2 {
    font-size: 16px;
    color: #666666;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

#download-tan #download-submit {
    background: #d8202a;
    color: #fff;
    border: 0;
    line-height: normal;
    cursor: pointer;
    padding: 14px 0;
    font-size: 16px;
    width: 100%;
    border-radius: 2px;
    margin-top: 28px;
}

#download-tan .download-tan-box-opt {
    margin: 0 130px;
}

#download-tan #download-submit:active:not(.disabled) {
    outline: none;
    -webkit-animation: showBtn 0.5s 1;
    animation: showBtn 0.5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


#download-tan #download-submit:hover:not(.disabled) {
    opacity: 0.9;
}

#download-tan #download-submit.disabled {
    background: #cccccc !important;
}

#download-tan #download-submit.disabled:active {
    background: #cccccc !important;
    -webkit-animation: inherit;
    animation: inherit;
    -webkit-animation-fill-mode: inherit;
    animation-fill-mode: inherit;
}

#download-tan .download-tan-close {
    position: absolute;
    right: 0;
    top: -60px;
    display: block;
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    z-index: 1;
}

#download-tan .download-tan-close img {
    display: block;
    cursor: pointer;
    height: 40px;
    width: 40px;
}

/* 上传 */
.upload-info {
    background: #ffffff;
    margin: 50px auto;
    padding: 50px 0;
}

.upload-info .uploadbtn {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #333;
    text-align: center;
    width: 100%;
    background: #f2f2f2;
    text-decoration: none;
}

.upload-info .imglist {
    min-height: 200px;
    margin: 10px;
}

.upload-info .imglist img {
    width: 100%;
}

.upload-info .res {
    font-size: 12px;
    padding: 5px 10px;
}

.upload-info .progress {
    background-image: -webkit-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
    background-image: linear-gradient(to bottom, #ebebeb 0, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
    height: 20px;
    margin: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.upload-info .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.upload-info .progress-bar {
    background-image: -webkit-linear-gradient(top, #337ab7 0, #286090 100%);
    background-image: -o-linear-gradient(top, #337ab7 0, #286090 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
    background-image: linear-gradient(to bottom, #337ab7 0, #286090 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
    background-repeat: repeat-x;
}

.upload-info .progress-bar-striped,
.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.upload-info .progress-bar {
    float: left;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.upload-info #upload {
    width: 900px;
    max-height: none;
    overflow: hidden;
    border-radius: 4px;
    background: #F7FAFD;
    padding: 20px;
    font-size: 16px;
    margin: 0 auto;
    color: #010101;
    border: 1px solid #E2EBF4;
}

.upload-info #upload p span {
    font-size: 20px;
}

.upload-info #upload table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    background: none;
}

.upload-info .upload-class img {
    margin: 0 3px 0 10px;
}

.upload-info .upload-class th,
.upload-class td {
    color: #666;
    padding: 5px 10px 5px 0;
    font-size: 14px;
    border: none;
}

.upload-info .upload-class th {
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 141px;
}

.upload-info .upload-class .col1 {
    width: 140px;
}

.upload-info .upload-class td .ic_doc,
.upload-class td .ic_pdf,
.upload-class td .ic_bmp,
.upload-class td .ic_wps,
.upload-class td .ic_txt,
.upload-class td .ic_xml,
.upload-class td .ic_dwg {
    margin: 0 5px 0 0;
    border: none;
}

.upload-info .ico {
    background: url("../image/library_type2.png") 0 0 no-repeat;
    display: inline-block;
    font-size: 0;
    height: 16px;
    line-height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    vertical-align: middle;
    top: -2px;
    *top: 0;
    width: 16px;
    margin: 0 5px 0 10px;
    text-indent: -999em;
}

.upload-info .ico.ic_gif {
    background-position: 0 0;
}

.upload-info .ico.ic_doc,
.upload-info .ico.ic_pdw {
    background-position: -20px 0;
}

.upload-info .ico.ic_docx {
    background-position: -20px 0;
}

.upload-info .ico.ic_xls,
.upload-info .ico.ic_pxl {
    background-position: -40px 0;
}

.upload-info .ico.ic_xlsx {
    background-position: -40px 0;
}

.upload-info .ico.ic_ppt {
    background-position: -60px 0;
}

.upload-info .ico.ic_pptx {
    background-position: -60px 0;
}

.upload-info .ico.ic_pps {
    background-position: -80px 0;
}

.upload-info .ico.ic_ppsx {
    background-position: -80px 0;
}

.upload-info .ico.ic_bmp {
    background-position: -100px 0;
}

.upload-info .ico.ic_rtf {
    background-position: -120px 0;
}

.upload-info .ico.ic_jpg {
    background-position: -140px 0
}

.upload-info .ico.ic_jpeg {
    background-position: -140px 0;
}

.upload-info .ico.ic_pub {
    background-position: 0 -20px;
}

.upload-info .ico.ic_tif {
    background-position: -20px -20px;
}

.upload-info .ico.ic_tiff {
    background-position: -20px -20px;
}

.upload-info .ico.ic_txt {
    background-position: -40px -20px;
}

.upload-info .ico.ic_pot {
    background-position: -60px -20px;
}

.upload-info .ico.ic_potx {
    background-position: -60px -20px;
}

.upload-info .ico.ic_wps {
    background-position: -80px -20px;
}

.upload-info .ico.ic_et {
    background-position: -100px -20px;
}

.upload-info .ico.ic_dps {
    background-position: -120px -20px;
}

.upload-info .ico.ic_pdf {
    background-position: -140px -20px;
}

.upload-info .ico.ic_epub {
    background-position: 0 -40px;
}

.upload-info .ico.ic_xml {
    background-position: -20px -40px;
}

.upload-info .ico.ic_psw {
    background-position: -80px -40px;
}

.upload-info .ico.ic_eml {
    background-position: -100px -40px;
}

.upload-info .ico.ic_ps {
    background-position: -120px -40px;
}

.upload-info .ico.ic_vsd {
    background-position: -140px -40px;
}

.upload-info .ico.ic_mpp {
    background-position: 0px -60px;
}

.upload-info .ico.ic_png {
    background-position: -20px -60px;
}

.upload-info .ico.ic_wpt {
    background-position: -60px -40px;
}

.upload-info .ico.ic_dpt {
    background-position: -60px -60px;
}

.upload-info .ico.ic_html {
    background-position: -40px -40px;
}

.upload-info .ico.ic_topic {
    background-position: -40px -60px;
}

.upload-info .ico.ic_top {
    background-position: 0 -80px;
}

.upload-info .ico.ic_comment {
    background-position: -20px -80px;
}

.upload-info .ico.ic_fav {
    background-position: -40px -80px;
}

.upload-info .ico.ic_look {
    background-position: -80px -80px;
}

.upload-info .ico.ic_dwg {
    background-position: -80px -60px;
}

.upload-info .ico.ic_video {
    background-position: -100px -60px;
}

.upload-info .ico.ic_rar,
.upload-info .ico.ic_zip,
.upload-info .ico.ic_ace {
    background-position: -120px -60px;
}

.upload-info #select {
    float: left;
    width: auto;
    height: auto;
    line-height: normal;
    color: #FFFFFF;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    padding: 10px 20px;
    background: #da2246;
    cursor: pointer;
}

.upload-info #ups {
    float: left;
    width: auto;
    height: auto;
    line-height: normal;
    color: #FFFFFF;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    padding: 10px 20px;
    background: #089608;
    cursor: pointer;
    margin-left: 20px;
}

.upload-info #btn input:hover {
    opacity: 0.9;
}

.upload-info #upbt {
    width: 940px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
    height: auto;
    position: relative;
    overflow: hidden;
}

.upload-info #table {
    line-height: 35px;
    color: #FFFFFF;
    background: #CCCCCC;
}

.upload-info #list {
    color: #010101;
    display: none;
    background: url("../image/table-bg.jpg") repeat;
}

.upload-info #list td {
    padding-left: 10px;
}

.upload-info #del {
    width: 60px;
    display: table;
    height: 30px;
    line-height: 30px;
    background: #FF6600;
    color: #FFFFFF;
    text-align: center;
    border-radius: 4px;
    margin: 0 auto;
}

.upload-info .upload-table {
    width: 942px;
    margin: 10px auto;
    overflow: hidden;
    margin-top: 10px;
    position: relative;
    font-size: 16px;
}

.upload-info .upload-table table td,
.upload-table table th {
    text-align: center;
}

.upload-info #del:hover {
    opacity: 0.9;
}

/* 菜单5 */
#header5 {
    background: #ffffff;
}

.menu5 {
    width: 1200px;
    display: table;
    margin: 0 auto;
    padding: 10px 0;
}

.menu5-item {
    width: 20%;
    float: left;
    font-size: 16px;
    color: #010101;
    white-space: nowrap;
    line-height: 40px;
    cursor: pointer;
}

.menu5-item.active {
    color: #da2246;
}

.menu5-item span {
    color: #010101;
}

/* 户外 */
.huwai-info .content-item-top {
    width: 290px;
    height: 290px;
}

.huwai-info .content-item-top .content-item-img {
    height: 290px;
    width: auto;
    left: 50%;
    transform: translate(-50%, 0%);
    top: 0;
}

.huwai-info .content-item.time-out .content-item-mask {
    height: 100%;
}

.huwai-content-item-mask-info {
    left: 15px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    right: 15px;
}

.huwai-info .huwai-content-item-mask-text1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ffffff;
    text-align: left;
    font-size: 16px;
    line-height: 1.7;
    text-align: center;
    font-size: 30px;
    margin-bottom: 2px;
}

.huwai-info .content-item-top:hover .content-item-mask {
    height: 300px;
}

.huwai-info .content-item.time-out .huwai-content-item-mask-text1 {
    margin-bottom: 8px;
}

.huwai-info .huwai-content-item-mask-text1 i {
    font-size: 80px;
    line-height: normal;
}

.huwai-info .content-item.time-out .huwai-content-item-mask-text2 {
    font-size: 18px;
}

.huwai-info .huwai-content-item-mask-text2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ffffff;
    text-align: left;
    font-size: 16px;
    line-height: 1.7;
    text-align: center;
    font-size: 16px;
    margin-top: 2px;
}

.huwai-info .content-item-foot {
    font-size: 16px;
    line-height: 1.8;
    margin: 20px 25px;
    height: auto;
    width: auto;
}

.huwai-content-item-foot-text {
    display: flex;
}

.huwai-content-item-foot-text1-left {
    color: #666666;
}

.huwai-view {
    display: flex;
    margin-top: 50px;
    margin-bottom: 50px;
}

.huwai-view .content-info-left-top-info2-left-text1 {
    margin-right: 10px;
}

.huwai-view table th {
    font-weight: normal;
    text-align: left;
    background: #dededd;
    width: 20%;
    font-size: 14px;
}

.huwai-view .huwai-view-title {
    font-size: 24px;
    color: #010101;
    margin-bottom: 10px;
}

.huwai-view table td,
.huwai-view table th {
    border: 1px solid #cccccc;
    font-size: 16px;
    color: #010101;
}

.huwai-view .content-info-left-top-info1 {
    padding: 30px 40px 25px 40px;
}

.huwai-view .content-info-left-top-info2 {
    padding-bottom: 25px;
}

.huwai-view .content-info-left-center {
    margin: 20px 0 50px 0;
}

.huwai-view .content-info-left-top-info1-left-title {
    font-size: 32px;
}

/* 户外资源广告 */
.huwai-content-info-right-ad {
    width: 280px;
    height: auto;
}

.huwai-content-info-right-ad img {
    width: 280px;
    height: auto;
}


/* 推荐媒体主 */
.tjmt {
    width: 280px;
    height: auto;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    margin-top: 25px;
}

.tjmt-title-info {
    display: flex;
    align-content: center;
    padding-left: 31px;
    justify-content: flex-end;
}

.tjmt-title {
    margin-top: 10px;
    line-height: 58px;
    height: 58px;
    flex: 1;
    font-size: 16px;
    color: #666666;
    font-weight: 700;
}

.tjmt-more {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    line-height: 54px;
    margin-right: 24px;
    font-size: 12px;
    cursor: pointer;
    color: #999999;
}

.tjmt-main {
    width: 280px;
    overflow: hidden;
    position: relative;
    height: auto;
    margin-bottom: 15px;
}

.tjmt-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 31px;
    padding-left: 20px;
    margin-right: 24px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}

.tjmt-item:hover .tjmt-item-text {
    color: #da2246;
}

.tjmt-item:after {
    content: " ";
    position: absolute;
    left: 5px;
    top: 50%;
    z-index: 1;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #da2246;
    margin-top: -2px;
}

.tjmt-item-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 225px;
}

.tjmt-more:hover,
.tjmt-more:active {
    color: #010101;
    text-decoration: underline;
}

/* 会员中心 */
#member-top {
    width: 100%;
    display: table;
    background: url("../image/member_bg.png") no-repeat top center;
    height: 544px;
    position: relative;
}

.member-top-main {
    width: 700px;
    display: table;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    margin-left: -350px;
    left: 50%;
}

.member-top-main:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #ffffff;
}

.member-top-info {
    position: relative;
    z-index: 2;
    padding-bottom: 60px;
}

.member-top-info-touxiang {
    display: table;
    margin: 0 auto;
    position: relative;
}

.member-top-info-touxiang img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-top: -49px;
    background: rgba(255, 255, 255, 0.3);
    padding: 4px;
}

.member-top-info-touxiang img#editimg {
    cursor: pointer;
}

.member-top-info-name {
    width: 100%;
    display: table;
    margin: 0 auto;
    text-align: center;
    margin-top: 25px;
    font-size: 20px;
    color: #010101;
}

.member-top-info-level {
    width: 100%;
    display: table;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    color: #999999;
    margin-top: 10px;
}

.member-top-info-address {
    width: 100%;
    display: table;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
}

.member-top-info-box {
    width: 480px;
    display: flex;
    margin: 0 auto;
    margin-top: 20px;
}

.member-top-info2 .member-top-info-box {
    width: 560px;
}

.member-top-info-box-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: default;
    position: relative;
}

a.member-top-info-box-item {
    cursor: pointer;
}

.member-top-info-box-item:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 10%;
    border-left: 1px solid #eeeeee;
    z-index: 1;
    display: block;
    height: 80%;
    width: 0px;
}

.member-top-info .member-top-info-box-item:first-child:after {
    display: none;
}

.member-top-info-box-item-text1 {
    font-size: 22px;
}

.member-top-info-box-item-text2 {
    color: #999999;
    font-size: 16px;
}

.member-top-info-age {
    width: 100%;
    display: table;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #999999;
    margin-top: 30px;
}

.member-top-info-opt {
    display: flex;
    margin-top: 30px;
    justify-content: center;
}

.member-top-info-opt-btn {
    height: 28px;
    width: 116px;
    border-radius: 100px;
    line-height: 28px;
    border: 1px solid #dddddd;
    text-align: center;
    font-size: 13px;
    color: #666666;
    margin: 0 15px;
    cursor: pointer;
}

.member-top-info-opt-btn:hover {
    border: 1px solid #da2246;
    color: #da2246;
}

.member-top-info-opt-btn.guanzhu {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #666666;
}

.member-top-info-opt-btn.guanzhu.active {
    border: 1px solid #cccccc;
    background: #cccccc;
    color: #ffffff;
}

/* 个人中心导航 */
.member-daohang {
    width: 100%;
    min-height: 76px;
    display: block;
    background: #ffffff;
}

.member-menu-item {
    font-size: 20px;
    color: #666666;
    height: 80px;
    line-height: 80px;
    padding: 0 18px;
    position: relative;
    white-space: nowrap;
}

.member-menu-item:hover {
    color: #999999
}

.member-menu-item.active {
    color: #da2246 !important;
}

.member-menu-item i {
    font-size: 18px;
    height: 80px;
    line-height: 80px;
    float: left;
    position: relative;
    top: 1px;
    margin-right: 6px;
}

.member-daohang .member-menu-item.back {
    color: #999999
}

#member-menu {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
}

.member-daohang .member-menu-item.active:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid #da2246;
    z-index: 1;
    display: block;
    height: 0px;
    width: 100%;
}

/* 我的粉丝 */
.fans-list {
    width: 1200px;
    margin: 0 auto;
    display: table;
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;
}

.fans-list-item {
    width: 275px;
    margin-right: 25px;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    float: left;
    margin-top: 25px;
}

.fans-list .fans-list-item:nth-child(4) {
    margin-right: 0px;
}

.fans-list .fans-list-item:nth-child(1),
.fans-list .fans-list-item:nth-child(2),
.fans-list .fans-list-item:nth-child(3),
.fans-list .fans-list-item:nth-child(4) {
    margin-top: 50px;
}

.fans-list-item-touxiang {
    display: table;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 15px;
}

.fans-list-item-touxiang img {
    width: 80px;
    height: 80px;
}

.fans-list-item-name {
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}


.fans-list-item-name:hover {
    color: #da2246 !important;
}

.fans-list-item-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fans-list-item-box-item {
    flex: 1;
    text-align: center;
    position: relative;
}

.fans-list-item-box .fans-list-item-box-item:first-child:after {
    display: none;
}

.fans-list-item-box-item:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 10%;
    border-left: 1px solid #eeeeee;
    z-index: 1;
    display: block;
    height: 80%;
    width: 0px;
}

.fans-list-item-box-item-text1 {
    font-size: 18px;
}

.fans-list-item-box-item-text2 {
    font-size: 12px;
    color: #999999;
}

.fans-list-item-opt {
    display: flex;
    margin-top: 30px;
    margin-bottom: 25px;
    justify-content: center;
}

.fans-list-item-op-btn {
    height: 24px;
    width: 80px;
    border-radius: 100px;
    line-height: 24px;
    border: 1px solid #eeeeee;
    text-align: center;
    font-size: 13px;
    color: #666666;
    margin: 0 15px;
    cursor: pointer;
}

.fans-list-item-age {
    font-size: 13px;
    color: #999999;
    text-align: center;
    width: 100%;
    margin-top: 15px;
}

.fans-list-item-op-btn.fans-list-item-op-btn-guanzhu {
    background: #da2246 !important;
    border: 1px solid #da2246 !important;
    color: #ffffff !important;
}

.fans-list-item-op-btn-guanzhu.fans-list-item-op-btn.active {
    background: #cccccc !important;
    border: 1px solid #cccccc !important;
    color: #ffffff !important;
}

.fans-list-item-op-btn:hover {
    color: #da2246;
    border: 1px solid #da2246;
}

/* 积分兑换 */
.integral-top-main:after {
    display: none;
}

.integral-info-text1 {
    font-size: 40px;
    width: 100%;
    text-align: center;
    color: #ffffff;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    display: block;
}

.integral-info-text2 {
    font-size: 110px;
    width: 100%;
    text-align: center;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    display: block;
}

.integral-info-text2 span {
    font-size: 40px;
}

.integral-top-gz {
    position: absolute;
    left: 50%;
    font-size: 20px;
    color: #ffffff;
    margin-left: 400px;
    width: 200px;
    text-align: right;
    top: 40px;
}

.integral-top-gz a {
    color: #ffffff;
    display: flex;
    align-items: center;
    line-height: normal;
    float: right;
}

.integral-top-gz a:hover span {
    text-decoration: underline;
}

.integral-top-gz i {
    font-size: 20px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.exchange-list {
    background: #ffffff;
    margin-bottom: 50px;
    padding: 30px 80px 80px 80px;
    overflow: hidden;
    position: relative;
}

.exchange-list-item {
    background: #ffffff;
    display: flex;
    margin-right: 70px;
    margin-top: 50px;
    width: 485px;
    float: left;
    position: relative;
}

.exchange-list-item:after {
    border-top: 1px solid #dddddd;
    content: " ";
    display: block;
    width: 15px;
    top: 0px;
    z-index: 1;
    height: 0px;
    position: absolute;
    right: 0;
}

.exchange-list-item:before {
    border-right: 1px solid #dddddd;
    content: " ";
    display: block;
    width: 0px;
    top: 0px;
    z-index: 1;
    height: 15px;
    position: absolute;
    right: 0;
}

.exchange-list-item:nth-child(2n) {
    margin-right: 0px;
}

.exchange-list-item-left {
    width: 200px;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #f7f7f8;
    height: 180px;
}

.exchange-list-item-left-imginfo {
    z-index: 1;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.exchange-list-item-left:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.exchange-list-item-left img {
    width: 200px;
    height: auto;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.exchange-list-item-right {
    margin-left: 20px;
    width: 265px;
    display: flex;
    flex-direction: column;
    cursor: default;
}

.exchange-list-item-title {
    font-size: 22px;
    width: 265px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
}

.exchange-list-item-right-info-xianliang {
    color: #da2246;
    float: left;
    font-size: 15px;
    line-height: normal;
    border: 1px solid #da2246;
    padding: 2px 5px;
    border-radius: 4px;
    margin-top: 10px;
}

.exchange-list-item-right-info-yiling {
    width: 100%;
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    color: #999999;
    font-size: 13px;
    margin-top: 30px;
}

.exchange-list-item-right-foot {
    display: flex;
    margin-top: 20px;
}

.exchange-list-item-right-foot-left {
    flex: 1;
    color: #da2246;
    font-size: 18px;
}

.exchange-list-item-right-foot-right-btn:hover {
    opacity: 0.9;
}

.exchange-list-item-right-foot-right-btn {
    background: #ffebe8;
    color: #da2246;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 18px;
    line-height: normal;
    position: relative;
    top: -10px;
    cursor: pointer;
}

.layui-layer-btn.layui-layer-btn-exchange .layui-layer-btn0 {
    border: 1px solid #dedede;
    background-color: #fff;
    color: #333;
}

.layui-layer-btn.layui-layer-btn-exchange .layui-layer-btn1 {
    border: 1px solid #da2246;
    background-color: #da2246;
    color: #ffffff;
}

#exchange-form {
    margin: 30px 35px 0 0;
}

#exchange-form .layui-inline {
    margin: 10px 0 15px 17px;
    display: flex;
    justify-content: center;
}

#exchange-form .layui-inline.layui-btn-close {
    margin-left: 22px;
}

#exchange-form .layui-inline.layui-btn-close:hover {
    border: 1px solid #C9C9C9;
}

#exchange-form .layui-inline.layui-btn-save {
    margin-left: 25px;
}

/* 积分获取 */
.task-main {
    background: #ffffff;
}

.task-info {
    width: 800px;
    display: table;
    margin: 0 auto;
    background: #ffffff;
    padding-bottom: 60px;
}

.task-info .task-info-title {
    font-size: 26px;
    border-bottom: 1px solid #eeeeee;
    margin-top: 40px;
    padding: 0 20px;
    padding-bottom: 15px;
}

.task-info-list {
    padding: 0 20px;
}

.task-info-list-item {
    display: flex;
    font-size: 16px;
    margin-top: 20px;
}

.task-info-list-item-left {
    display: flex;
    flex-direction: column;
    width: 200px;
}

.task-info-list-item-left-text1 {
    font-size: 20px;
}

.task-info-list-item-left-text2 {
    color: #999999;
    font-size: 16px;
}

.task-info-list-item-center {
    flex: 1;
    text-align: center;
    display: flex;
    font-size: 24px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #da2246;
}

.task-info-list-item-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.task-info-list-item-right-btn {
    outline: none;
    width: auto;
    line-height: normal;
    padding: 7px 15px;
    background: #d8202a;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}

.task-info-list-item-right-btn:hover {
    opacity: 0.9;
}

.task-info-list-item-right-btn:active {
    outline: none;
    -webkit-animation: showBtn 0.5s 1;
    animation: showBtn 0.5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color:#ffffff;
}

.task-info-list-item-right-btn.disabled {
    background: #cccccc !important;
}
.task-info-list-item-right-btn.disabled:hover,.task-info-list-item-right-btn.disabled:active{
	background: #cccccc !important;
	cursor: default;
	animation: none;
	opacity: 1;
}
.task-info-list-item-center span {
    display: inline-block;
    font-size: 18px;
    margin-left: 2px;
}

.task-info-list-item-center-text2 {
    width: 100%;
    text-align: center;
    color: #999999;
    font-size: 14px;
}

/* 积分明细 */
.detailed-main {
    background: #ffffff;
    margin-bottom: 50px;
}

.detailed-info {
    width: 800px;
    display: table;
    margin: 0 auto;
    background: #ffffff;
    padding-bottom: 60px;
}

.detailed-info-list-item {
    width: auto;
    display: flex;
    align-items: center;
    margin-top: 15px;
    border-bottom: 1px solid #eeeeee;
    padding: 10px 20px;
}

.detailed-info-list-item-left {
    flex: 1;
}

.detailed-info-list-item-left-text1 {
    font-size: 18px;
}

.detailed-info-list-item-left-text2 {
    font-size: 14px;
    color: #999999;
}

.detailed-info-list-item-right-text {
    font-size: 20px;
    color: #da2246;
}

.detailed-info-list-item-right-text.jian {
    font-size: 20px;
    color: #010101;
}


.detailed-info-list-item-right-text span {
    font-size: 16px;
    margin-left: 2px;
}

/* 等级积分规则 */
.grade-main {
    background: #ffffff;
}

.grade-info {
    width: 800px;
    display: table;
    margin: 0 auto;
    background: #ffffff;
    padding: 60px 0;
}

.grade-table {
    font-size: 16px;
    text-align: center;
    table-layout: fixed;
    border-bottom: 1px solid #eeeeee;
}

.grade-info .weui-table td,
.grade-info .weui-table th,
.grade-info table td,
.grade-info table th {
    border: none;
    text-align: left;
    line-height: 25px;
    padding: 15px 10px;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    text-align: center;
}

.grade-table-teshu {
    display: flex;
    flex-direction: column;
}

.grade-info table tr td:first-child {
    text-align: right;
    padding-left: 0;
    padding-right: 19px;
}

.grade-table-teshu span {
    font-size: 14px;
    color: #999999;
}

.grade-th1 {
    background-color: #f4f4f4;
    border-color: #D8D8D8 !important;
    border-left: 1px solid #f4f4f4 !important;
    color: #ffffff !important;
}

.grade-th2 {
    background-color: #D8D8D8;
    border-color: #C3C3C3 !important;
    color: #ffffff !important;
}

.grade-th3 {
    background-color: #C3C3C3;
    border-color: #c3bcb7 !important;
    color: #ffffff !important;
}

.grade-th4 {
    background-color: #c3bcb7;
    border-color: #bda997 !important;
    color: #ffffff !important;
}

.grade-th5 {
    background-color: #bda997;
    border-color: #D8D8D8 !important;
    color: #ffffff !important;
}

.grade-table-leiji {
    color: #da2246;
}

.grade-table-btn {
    outline: none;
    width: 100%;
    line-height: normal;
    padding: 7px 0;
    background: #d8202a;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    display: block;
}

.grade-table-btn:active {
    color:#ffffff;
}

.grade-table-btn:hover {
    opacity: 0.9;
}

.grade-table-btn:active {
    outline: none;
    -webkit-animation: showBtn 0.5s 1;
    animation: showBtn 0.5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

/* 户外监测 */
.jiance-info .content-item-top .content-item-img {
    height: 190px;
}

.jiance-info .content-item-top {
    height: 190px;
}

.jiance-info-center {
    margin: 0px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jiance-info-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.jiance-info-box-item {
    display: flex;
    align-items: left;
    text-align: left;
    justify-content: flex-start;
    width: 100%;
}

.monitor-view {
    display: flex;
    margin-bottom: 35px;
}

.monitor-view #picture-module {
    width: 820px;
    height: 700px;
}

.monitor-xiangguan .xiangguan-info {
    width: 900px;
}

.monitor-xiangguan .xiangguan-info .xiangguan-item:nth-child(3n) {
    margin-right: 0px;
}

.monitor-xiangguan .xiangguan-info .xiangguan-item:nth-child(4n) {
    margin-right: 23px;
}

#outdoor-upload {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #da2246;
    padding: 10px 0;
    color: #ffffff;
    border-radius: 2px;
    font-size: 18px;
    overflow: hidden;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    margin-bottom: 25px;
}

#outdoor-upload:hover {
    opacity: 0.9;
}

#outdoor-upload:active {
    outline: none;
    -webkit-animation: showBtn 0.5s 1;
    animation: showBtn 0.5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#outdoor-upload i {
    font-size: 21px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

#outdoor-edit {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #25ae84;
    padding: 10px 0;
    color: #ffffff;
    border-radius: 2px;
    font-size: 18px;
    overflow: hidden;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    margin-bottom: 25px;
}

#outdoor-edit:hover {
    opacity: 0.9;
}

#outdoor-edit:active {
    opacity: 0.9;
}

#outdoor-edit i {
    font-size: 21px;
    margin-right: 5px;
}

.huwai-opt {
    width: 1200px;
    margin: 30px auto 0 auto;
    position: relative;
    overflow: hidden;
    display: table;
}

.huwai-opt a {
    float: right;
    margin-bottom: 0px !important;
    margin-left: 30px;
    padding: 10px 30px !important;
}

.huwai-info .content-item-top img {
    width: auto;
    height: 290px;
    display: inline-block;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.huwai-info.content-info .content-list {
    margin-top: 30px;
}

.huwai-view-top {
    display: flex;
}

.huwai-view-top-left {
    width: 480px;
}

.huwai-view-top-left .banner {
    margin: 0;
    width: 480px;
    overflow: hidden;
}

.huwai-view-top-left .large_box {
    margin-bottom: 10px;
    width: 480px;
    height: 300px;
    overflow: hidden
}

.huwai-view-top-left .large_box img {
    display: block
}

.huwai-view-top {
    margin: 30px 40px 0 40px;
}

.huwai-view-top-left .large_box li {
    width: 480px;
    height: 300px;
    position: relative;
}

.huwai-view-top-left .large_box li img {
    width: 480px;
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.huwai-view-top-left .small_box {
    width: 480px;
    height: 66px;
    overflow: hidden
}

.huwai-view-top-left .small_list {
    position: relative;
    float: left;
    width: 430px;
    height: 66px;
    overflow: hidden
}


.huwai-view-top-left .small_list ul {
    height: 66px;
    overflow: hidden
}

.huwai-view-top-left .small_list ul li {
    position: relative;
    float: left;
    margin-right: 8px;
    width: 100px;
    cursor: pointer;
    overflow: hidden;
    height: 66px;
}

.huwai-view-top-left .small_list ul li img {
    display: block;
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.huwai-view-top-left .small_list ul li .bun_bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 66px;
    background: #000;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6
}

.huwai-view-top-left .small_list ul li.on .bun_bg {
    display: block
}

.huwai-view-top-left .small_box_btn {
    display: block;
    width: 20px;
    height: 66px;
    background-color: #777;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.huwai-view-top-left .small_box_btn:hover {
    background-color: #da2246;
}

.huwai-view-top-left .left_btn {
    float: left;
    margin-right: 8px;
    background-image: url("../image/left_btn.png");
    background-size: 12px auto;
}

.huwai-view-top-left .right_btn {
    float: right;
    background-image: url("../image/right_btn.png");
    background-size: 12px auto;
}

.huwai-view-top-right {
    flex: 1;
}

.huwai-view-top-right {
    margin-left: 20px;
    width: 320px;
}

.huwai-view-top-right-text {
    display: flex;
    font-size: 16px;
    margin-bottom: 15px;
}

.huwai-view-top-right-text-right a {
    color: #da2246;
    cursor: pointer;
}

.huwai-view-top-right-text-left {
    color: #666666;
}

.huwai-view-top-right-text-right {
    color: #010101;
}

.allmap-info {
    width: 820px;
    height: 350px;
    margin: 25px 0 0 40px;
}

#allmap {
    height: 350px;
    width: 820px;
}

#allmap .anchorBL {
    display: none;
}

.layui-layer .anchorBL {
    display: none;
}

/* 添加户外广告 */
.huwai-add {
    background: #ffffff;
    margin-top: 30px;
    font-size: 14px;
}

.huwai-add .layui-form-radio{
    margin-top: 0;
}

.huwai-add .layui-form {
    margin: 0 50px;
}

.huwai-add .layui-form-pane .layui-form-radio {
    margin-top: 0px;
}

.huwai-add .layui-table td,
.huwai-add .layui-table th {
    padding: 8px 15px;
}

.huwai-add input::-webkit-outer-spin-button,
.huwai-add input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.huwai-add input[type="number"] {
    -moz-appearance: textfield;
}

.huwai-add .layui-upload-img {
    width: 92px;
    height: 92px;
    margin: 0 10px 10px 0;
}

.huwai-add .layui-form-pane .xieyi .layui-unselect.layui-form-checkbox {
    padding-right: 112px;
    position: relative;
    z-index: 1;
}

.huwai-manage {
    background: #ffffff;
    margin-top: 30px;
    font-size: 14px;
}

.huwai-manage-info {
    padding: 50px;
}

/* 主题 */
.content-info .content-list.zhuanti-list .content-item {
    width: 360px;
}

.zhuanti-list .content-item-top img {
    width: 100%;
    height: 300px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.zhuanti-list .content-item-top {
    width: 360px;
    height: 300px;
}

.zhuanti-list .content-item-top .content-item-img {
    width: 100%;
    height: 300px;
    left: 50%;
    transform: translate(-50%, 0%);
    top: 0;
}

.zhuanti-list .content-item-foot {
    width: 360px;
}

.zhuanti-list .content-item-foot-text1 {
    line-height: normal;
    margin: 15px 25px 5px 25px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #010101;
    cursor: pointer;
    width: 310px;
    display: block;
}

.zhuanti-list .content-item-foot-text2 {
    font-size: 13px;
    line-height: 1.7;
    margin: 12px 25px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 66px;
    margin-bottom: 20px;
}

.content-info .content-list.zhuanti-list {
    width: 1200px;
    margin: 50px 0 0 0;
    margin-top: 10px;
    overflow: inherit;
}

.zhuanti-list .content-item-foot-text1:hover {
    color: #da2246;
}

.zhuanti-list .content-item-foot {
    height: 139px;
}

.content-info .content-list.zhuanti-list .content-item:nth-child(4) {
    margin-top: 60px;
}

.content-info .content-list.zhuanti-list .content-item:nth-child(3n) {
    margin-right: 0px;
}

.content-info .content-list.zhuanti-list .content-item {
    margin-right: 60px;
    margin-top: 60px;
    -webkit-box-shadow: 10px 10px 30px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 30px 5px rgba(0, 0, 0, 0.2);
}

.content-info .content-list.zhuanti-list .content-item:hover {
    -webkit-box-shadow: 10px 10px 30px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 10px 10px 30px 5px rgba(0, 0, 0, 0.3);
}

.zhuanti-info-top {
    width: 1200px;
    margin: 50px auto;
    display: table;
    position: relative;
    margin-bottom: 0px;
}

.zhuanti-info-title {
    width: 100%;
    text-align: center;
    font-size: 46px;
    line-height: 50px;
    color: #010101;
}

.zhuanti-info-baoming {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    padding: 0 40px;
    margin: 0;
    display: inline-block;
    appearance: none;
    cursor: pointer;
    border: none;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: glowing;
    animation-name: glowing;
    background-color: #da2246;
    border-color: #da2246;
    color: #FFF;
    border-radius: 4px;
    -webkit-animation-name: glowing-caution;
    animation-name: glowing-caution;
}

.zhuanti-info-baoming:hover,
.zhuanti-info-baoming:focus {
    background-color: rgba(218, 34, 70, 0.9);
    border-color: rgba(218, 34, 70, 0.9);
    color: #FFF;
}

@-webkit-keyframes glowing-caution {
    from {
        -webkit-box-shadow: 0 0 0 rgba(218, 34, 70, 0.3);
        box-shadow: 0 0 0 rgba(218, 34, 70, 0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 20px rgba(218, 34, 70, 0.8);
        box-shadow: 0 0 20px rgba(218, 34, 70, 0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(218, 34, 70, 0.3);
        box-shadow: 0 0 0 rgba(218, 34, 70, 0.3);
    }
}

@keyframes glowing-caution {
    from {
        -webkit-box-shadow: 0 0 0 rgba(218, 34, 70, 0.3);
        box-shadow: 0 0 0 rgba(218, 34, 70, 0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 20px rgba(218, 34, 70, 0.8);
        box-shadow: 0 0 20px rgba(218, 34, 70, 0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(218, 34, 70, 0.3);
        box-shadow: 0 0 0 rgba(218, 34, 70, 0.3);
    }
}

#zhuanti-form {
    margin: 30px 35px 0 0;
}

#zhuanti-form .layui-inline {
    margin: 10px 0 15px 17px;
    display: flex;
    justify-content: center;
}

#zhuanti-form .layui-inline.layui-btn-close {
    margin-left: 22px;
}

#zhuanti-form .layui-inline.layui-btn-close:hover {
    border: 1px solid #C9C9C9;
}

#zhuanti-form .layui-inline.layui-btn-save {
    margin-left: 25px;
}

.zhuanti-info-jieshao {
    width: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-top: 40px;
    padding-top: 30px;
}

.zhuanti-info-title2 {
    margin-bottom: 50px;
}

.zhuanti-info-title2-text1 {
    font-size: 14px;
    width: 100%;
    text-align: center;
    color: #dddddd;
}

.zhuanti-info-title2-box{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.zhuanti-info-title2-box-text2{
    font-size: 30px;
    color: #da2246;
    display: inline-block;
    font-weight: bold;
}

.zhuanti-info-title2-text2 {
    font-size: 20px;
    width: 100%;
    text-align: center;
    color: #999999;
    position: relative;
}

.zhuanti-info-title2-box-left{
    flex:1;
    position: relative;
}

.zhuanti-info-title2-box-left:before{
    content: '';
    display: inline-block;
    width: 230px;
    height: 0;
    border-bottom: 1px solid rgba(218, 34, 70, 0.1);
    position: absolute;
    right: 20px;
    top: 0;
}

.zhuanti-info-title2-box-left:after{
    content: '';
    display: inline-block;
    width: 22px;
    height: 0;
    border-bottom: 1px solid rgba(218, 34, 70, 0.5);
    position: absolute;
    right: 31px;
    top: 0;
}

.zhuanti-info-title2-box-right{
    flex:1;
    position: relative;
}


.zhuanti-info-title2-box-right:before{
    content: '';
    display: inline-block;
    width: 230px;
    height: 0;
    border-bottom: 1px solid rgba(218, 34, 70, 0.1);
    position: absolute;
    left: 20px;
    top: 0;
}


.zhuanti-info-title2-box-right:after{
    content: '';
    display: inline-block;
    width: 22px;
    height: 0;
    border-bottom: 1px solid rgba(218, 34, 70, 0.5);
    position: absolute;
    left: 31px;
    top: 0;
}

.zhuanti-info-title2-text2:after {
    border-bottom: 2px solid #da2246;
    content: " ";
    display: block;
    width: 34px;
    bottom: -10px;
    z-index: 1;
    height: 2px;
    position: absolute;
    padding: 0 2px;
    margin-left: -17px;
    left: 50%;
}

.zhuanti-info-jieshao-info {
    display: flex;
}

.zhuanti-info-jieshao-info-left {
    width: 640px;
    font-size: 18px;
    line-height: 2;
}

.zhuanti-info-jieshao-info-right {
    width: 540px;
    flex: 1;
}

.zhuanti-info-jieshao-info-right img {
    width: 540px;
    height: auto;
    float: right;
}

.zhuanti-info-title3 {
    margin-bottom: 0;
    padding-top: 30px;
    margin-top: 50px;
}

.zhuanti-info-pingshen .content-list.zhuanti-list {
    width: 1200px;
    margin: 50px 0 0 0;
    margin-top: 0;
    overflow: inherit;
    position: relative;
    overflow: inherit;
}

.zhuanti-info-pingshen .content-list.zhuanti-list .content-item {
    margin-right: 60px;
    margin-top: 50px;
    -webkit-box-shadow: 10px 10px 30px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 30px 5px rgba(0, 0, 0, 0.2);
}

.zhuanti-info-pingshen .zhuanti-list .content-item-foot-text1 {
    text-align: center;
    cursor: default;
}

.zhuanti-info-pingshen .zhuanti-list .content-item-foot-text1:hover {
    color: #010101;
}

.zhuanti-info-pingshen .zhuanti-list .content-item-foot {
    height: 161px;
}

.zhuanti-info-pingshen-info .zhuanti-list .content-item-foot-text2 {
    height: 88px;
    -webkit-line-clamp: 4;
}

.zhuanti-info-pingshen .content-item-top {
    cursor: default;
}

/* 活动视频 */
.zhuanti-info-video {
    clear: both;
    position: relative;
    overflow: hidden;
}

.zhuanti-info-video-info {
    margin-top: 50px;
    position: relative;
    z-index: 1;
}

/* 活动相册 */
#zoom {
    z-index: 99990;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"
}

#zoom .content {
    z-index: 99991;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    background: #fff no-repeat 50% 50%;
    padding: 0;
    margin: -100px 0 0 -100px;
    box-shadow: -20px 20px 20px rgba(0, 0, 0, .3);
    border-radius: 4px;
    animation: inherit;
    border: none;
}

#zoom .content.loading {
    background-image: url(../image/loading.gif)
}

#zoom img {
    display: block;
    max-width: none;
    background: #ececec;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    border-radius: 4px
}

#zoom .close {
    z-index: 99993;
    position: absolute;
    top: 0;
    right: 0;
    width: 49px;
    height: 49px;
    cursor: pointer;
    background: transparent url(../image/close2.png) no-repeat 50% 50%;
    opacity: 1;
    filter: alpha(opacity=100);
    border-radius: 0 0 0 4px
}

#zoom .previous,
#zoom .next {
    z-index: 99992;
    position: absolute;
    top: 50%;
    overflow: hidden;
    display: block;
    width: 49px;
    height: 49px;
    margin-top: -25px
}

#zoom .previous {
    left: 0;
    background: url(../image/arrows.png) no-repeat 0 0;
    border-radius: 0 4px 4px 0
}

#zoom .next {
    right: 0;
    background: url(../image/arrows.png) no-repeat 100% 0;
    border-radius: 4px 0 0 4px
}

#zoom .close:hover {
    background-color: #da4f49
}

.zhuanti-info-picture {
    width: 1200px;
    position: relative;
    overflow: hidden;
    margin-top: 40px;
}

.zhuanti-info-picture #zoom .previous:hover,
#zoom .next:hover {
    background-color: #08c
}

.zhuanti-info-picture .gallery li {
    width: 285px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    margin-top: 20px;
    position: relative;
    height: 220px;
}

.zhuanti-info-picture .gallery li:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.zhuanti-info-picture .gallery li:nth-child(4n) {
    margin-right: 0px;
}

.zhuanti-info-picture .gallery li a {
	width: 285px;
    height: 220px;
    overflow: hidden;
    position: relative;
	display: inline-block;
}

.zhuanti-info-picture .gallery li a .zhuanti-info-picture-img {
    width: 285px;
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left: 0px;
}


.zhuanti-info-picture .gallery li img {
    width: 285px;
	height: auto;
    display: inline-block;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.zhuanti-info-picture .zhuanti-info-title3 {
    margin-bottom: 35px;
    position: relative;
    margin-top: 10px;
}

/* 采访视频 */
.huanti-info-video2-info-left-info{
    display: flex;
    width: 468px;
    height: auto;
    flex: 1;
    position: relative;
    background: #dddddd;
}
.zhuanti-info-video2 .zhuanti-info-title3 {
    margin-bottom: 50px;
    margin-top: 10px;
}

.zhuanti-info-video2-info {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.huanti-info-video2-info-left {
    width: 468px;
    height: 366px;
    position: relative;
    overflow: hidden;
    position: relative;
    display: flex;
    cursor: pointer;
    flex-direction: column;
}

.huanti-info-video2-info-left-img {
    width: 468px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.huanti-info-video2-info-left-img img {
    width: 468px;
    height: auto;
    float: left;
}

.huanti-info-video2-info-right {
    width: 732px;
    height: 366px;
    position: relative;
    overflow: hidden;
}

.huanti-info-video2-item {
    width: 224px;
    position: relative;
    margin-bottom: 20px;
    margin-left: 20px;
    float: left;
    display: inline-block;
    overflow: hidden;
    height: 173px;
    cursor: pointer;
}

.huanti-info-video2-item-img {
    width: 224px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.huanti-info-video2-item-img img {
    width: 224px;
    height: auto;
    float: left;
}

.zhuanti-info-video2-info-list .huanti-info-video2-item {
    margin-left: 0px;
    margin-right: 20px;
}

.huanti-info-video2-item:hover .huanti-info-video2-item-mask,
.huanti-info-video2-info-left:hover .huanti-info-video2-item-mask {
    opacity: 1;
}

.zhuanti-info-video2-info-list .huanti-info-video2-item:nth-child(5) {
    margin-right: 0px;
}

.zhuanti-info-video2-info-list {
    width: 1200px;
    position: relative;
    overflow: hidden;
}

.huanti-info-video2-item-mask {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    zoom: 1;
    cursor: pointer;
    -webkit-transition: opacity .3s ease 0s;
    -moz-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    -ms-transition: opacity .3s ease 0s;
    display: flex;
    transition: opacity .3s ease 0s;
    align-items: center;
    justify-content: center;
}

.huanti-info-video2-item-play {
    background: url(../image/zhuanti_play.png) center no-repeat;
    height: 40px;
    width: 40px;
}

/* 话题投票 */
.zhuanti-info-vote-title-box {
    display: flex;
    align-items: center;
    margin-top: 50px;
}

.zhuanti-info-vote-title {
    flex: 1;
    font-size: 32px;
    text-align: left;
}

.zhuanti-info-vote-title2 {
    flex: 1;
    font-size: 20px;
    text-align: right;
    color: #da2246
}

.zhuanti-info-vote-item {
    width: 290px;
    height: auto;
    display: flex;
    flex-direction: column;
    float: left;
    margin-right: 13px;
    margin-top: 25px;
    background: #ffffff;
    overflow: hidden;
}


.zhuanti-info-vote-info .zhuanti-info-vote-item:nth-child(4n) {
    margin-right: 0px;
}

.zhuanti-info-vote-item-top {
    width: 290px;
    height: 230px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    background: #ffffff;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
}

.zhuanti-info-vote-item-top:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.zhuanti-info-vote-item-img {
    width: 290px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.zhuanti-info-vote-item-img img {
    width: 290px;
    height: auto;
    display: inline-block;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.zhuanti-info-vote-item-foot-text {
    line-height: normal;
    margin: 10px 20px 10px 20px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #010101;
    cursor: pointer;
    width: 250px;
    display: block;
    text-align: center;
    cursor: default;
}

.zhuanti-info-vote-item-foot-number {
    margin: 5px 20px 10px 20px;
    color: #666666;
    font-size: 16px;
}

.zhuanti-info-vote-item-foot-info {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #eeeeee;
    border-radius: 100px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    margin: 10px 20px;
}

.zhuanti-info-vote-item-foot-progress {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #449cf3;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.zhuanti-info-vote-item-foot-progress-bar span {
    margin: 0 5px;
}

.huanti-info-vote-item-foot-btn-info {
    margin: 20px 20px 25px 20px;
}

.huanti-info-vote-item-foot-btn {
    display: table;
    margin: 0 auto;
    background: #d8202a;
    color: #fff;
    border: 0;
    line-height: normal;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 16px;
    width: auto;
    border-radius: 4px;
    margin-top: 0;
    width: 100%;
    text-align: center;
    padding: 8px 0;
    border-radius: 100px;
}

.huanti-info-vote-item-foot-btn:hover {
    opacity: 0.9;
}

.huanti-info-vote-item-foot-btn:active {
    outline: none;
    -webkit-animation: showBtn 0.5s 1;
    animation: showBtn 0.5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

/* 培训 */
.peixun-info {
    padding-bottom: 25px;
}

.peixun-info .content-info-main1 {
    width: 1200px;
    display: flex;
}

.content-info-main1-left {
    width: 360px;
    display: flex;
    flex-direction: column;
}

.peixun-info-video {
    width: 100%;
    margin: 20px 0;
}

.peixun-info-video-btn {
    position: relative;
    right: 0;
    top: 0;
    z-index: 1;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    padding: 0 40px;
    margin: 0;
    display: inline-block;
    appearance: none;
    cursor: pointer;
    border: none;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: glowing;
    animation-name: glowing;
    background-color: #da2246;
    border-color: #da2246;
    color: #FFF;
    border-radius: 4px;
    -webkit-animation-name: glowing-caution;
    animation-name: glowing-caution;
}

.peixun-info-video-btn:hover,
.peixun-info-video-btn:focus {
    background-color: rgba(218, 34, 70, 0.9);
    border-color: rgba(218, 34, 70, 0.9);
    color: #FFF;
}

.content-info-main1-left-info {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    padding: 14px 15px 10px 15px;
}

.peixun-info-title {
    margin-bottom: 20px;
    padding-left: 15px;
    line-height: 22px;
    font-size: 20px;
    color: #010101;
    line-height: 50px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #da2246;
    position: relative;
}

.peixun-info-title:after {
    content: " ";
    display: block;
    width: 0;
    left: 0px;
    top: 30%;
    z-index: 1;
    height: 40%;
    position: absolute;
    border-left: 3px solid #da2246;
}

.peixun-info-title span {
    flex: 1;
}

.content-info-main1-left-info .peixun-info-title {
    margin-bottom: 10px;
}

.content-info-main1-left-info-text {
    font-size: 16px;
    color: #333333
}

.content-info-main1-left-info-text p {
    text-indent: 2em;
    line-height: 1.7;
    margin: 8px 0;
}

.content-info-main1-right {
    flex: 1;
    margin: 20px 0 0 20px;
    width: 840px;
}

.content-info-main1-right-info {
    width: 840px;
    position: relative;
}

.content-info-main1-right-info-item {
    height: auto;
    display: flex;
    flex-direction: column;
    float: left;
    background: #ffffff;
    margin-right: 20px;
    margin-bottom: 25px;
    -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.04);
    width: 195px;
}

.content-info-main1-right-info-item:hover {
    -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
}

.peixun-info .content-item-top {
    width: 195px;
    height: 214px;
    cursor: default;
}

.peixun-info .content-item-top .content-item-img {
    width: 195px;
    height: 214px;
    cursor: default;
}

.peixun-info .content-item-top img {
    width: 195px;
}

.peixun-info .content-item-foot {
    width: 195px;
    height: 70px;
}

.peixun-info .content-item-foot-text1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 46px;
    font-size: 14px;
    line-height: 1.7;
    margin: 12px 25px;
}

.peixun-info .content-info-main1-right-info-item:nth-child(4n) {
    margin-right: 0px;
}

.peixun-info-title a {
    float: right;
    color: #999999;
    font-size: 16px;
}

.peixun-info-title a:hover {
    text-decoration: underline;
    color: #da2246;
}

.peixun-info .zhuanti-info-picture .gallery li {
    width: 285px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    margin-top: 30px;
    position: relative;
    height: auto;
    display: flex;
    flex-direction: column;
    background: #ffffff;
}

.peixun-info .zhuanti-info-picture .gallery li img {
    width: 285px;
}

.peixun-info .zhuanti-info-picture .gallery li:nth-child(4n) {
    margin-right: 0px;
}

.peixun-info .zhuanti-info-picture-info-top {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.peixun-info .zhuanti-info-picture-info-text {
    font-size: 14px;
    line-height: 1.8;
    margin: 10px 20px 15px 20px;
    color: #010101;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: auto;
    text-align: center;
}

.peixun-info .zhuanti-info-picture .gallery li a {
    width: 285px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    margin-top: 0;
    position: relative;
    height: 220px;
    overflow: hidden;
    top: 0;
    transform: initial;
    background: #dddddd;
}

/* 视频点播 */
.peixun-video-info {
    margin: 20px auto 50px auto;
}

.peixun-video-info-item {
    width: 285px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    margin-top: 30px;
    position: relative;
    height: auto;
    display: flex;
    flex-direction: column;
    background: #ffffff;
}

.peixun-video-info-item-top {
    width: 285px;
    float: left;
    margin-right: 20px;
    margin-top: 0;
    position: relative;
    height: 180px;
    overflow: hidden;
    cursor: pointer;
    background: #dddddd;
}

.peixun-video-info-item-top:hover .peixun-video-info-item-top-mask {
    opacity: 1;
}

.peixun-video-info-item-top-img {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.peixun-video-info-item-top-img img {
    width: 285px;
    height: auto;
    float: left;
}

.peixun-video-info-item-top-mask {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    zoom: 1;
    cursor: pointer;
    -webkit-transition: opacity .3s ease 0s;
    -moz-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    -ms-transition: opacity .3s ease 0s;
    display: flex;
    transition: opacity .3s ease 0s;
    align-items: center;
    justify-content: center;
}

.peixun-video-info-item-top-play {
    background: url(../image/zhuanti_play.png) center no-repeat;
    height: 40px;
    width: 40px;
}

.peixun-video-info-item-foot {
    display: flex;
    flex-direction: column;
}

.peixun-video-info-item-foot-text {
    font-size: 14px;
    line-height: 1.8;
    margin: 10px 20px 15px 20px;
    color: #010101;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: auto;
    text-align: center;
    cursor: pointer;
}

.peixun-video-info-item-foot-text:hover {
    color: #da2246;
}

.peixun-video-info-item-foot-text2 {
    text-align: right;
    font-size: 14px;
    margin: 0px 20px 15px 20px;
    color: #da2246;
}

.peixun-video-info .peixun-video-info-item:nth-child(4n) {
    margin-right: 0px;
}

.video-tan-info .download-tan-box-title-text {
    text-align: center;
}

.peixun-info-view {
    padding-top: 60px;
    background: #ffffff;
}


/* 积分充值 */
.recharge-main {
    background: #ffffff;
}

.chongzhi_box {
    width: 1200px;
    margin: 60px auto;
    padding: 0;
    clear: both;
    overflow: hidden;
}

.chongzhi_tit {
    height: 42px;
    background: #f9f9f9;
    margin-bottom: 50px;
}

.chongzhi_l {
    float: left;
    width: 790px;
    border-right: 1px solid #cdcdcd;
    height: 450px;
}

.chongzhi_r {
    float: right;
    width: 350px;
    padding: 0 28px 0 10px;
}

.chongzhi_r p {
    color: #449cf3;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
}

.chongzhi_r a {
    color: #449cf3;
}

.chongzhi_r span {
    display: block;
    font-size: 16px;
    color: #666;
    padding-bottom: 4px;
}

.chongzhi_list {
    width: 790px;
    clear: both;
    overflow: hidden;
}

.chongzhi_list li {
    cursor: default;
    float: left;
    width: 645px;
    position: relative;
    padding: 0 0 20px 145px;
    line-height: 34px;
    font-size: 16px;
    color: #010101
}

.chongzhi_list li span {
    position: absolute;
    left: 47px;
    top: 0;
    color: #666666;
}

.chongzhi_list li .jine {
    width: 645px;
    clear: both;
    overflow: hidden;
}

.chongzhi_list li .jine a {
    float: left;
    width: 188px;
    line-height: 32px;
    border: 1px solid #d2d2d2;
    height: 32px;
    text-align: center;
    margin: 0 15px 15px 0;
}

.chongzhi_list li .jine a:hover,
.chongzhi_list li .jine a.here {
    border: 1px solid #da2246;
    color: #da2246;
    text-decoration: none;
}

.chongzhi_list li #yfje {
    color: #da2246;
    font-size: 24px;
}

.chongzhi_list li .zhifu {
    width: 645px;
    clear: both;
    overflow: hidden;
}

.chongzhi_list li .zhifu a {
    float: left;
    width: 189px;
    height: 56px;
    margin: 0 15px 0 0;
    border: 1px solid #d2d2d2;
    background: url(../image/zhifu.png) no-repeat;
    text-indent: -9999px;
}

.chongzhi_list li .zhifu a:hover,
.chongzhi_list li .zhifu a.here {
    border: 1px solid #da2246;
}

.chongzhi_list li .zhifu a.zhifubao {
    background-position: 0 0;
}

.chongzhi_list li .zhifu a.wangyin {
    background-position: 0 -57px;
}

.chongzhi_list li .zhifu a.weixin {
    background-position: 0 -114px;
}

.chongzhi_list li a.btn5 {
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #449cf3;
    border-radius: 4px;
    margin-top: 20px;
}

.chongzhi_list li a.btn5:hover {
    text-decoration: none;
    opacity: 0.9;
}

.fu_main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}

.fu_box {
    width: 450px;
    height: auto;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    padding-bottom: 40px;
}

.fu_box .close {
    position: absolute;
    right: 0;
    top: -60px;
    display: block;
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    z-index: 1;
}

.fu_box .close img {
    display: block;
    cursor: pointer;
    height: 40px;
    width: 40px;
}

.fu_box .fu_box-logo {
    width: auto;
    display: table;
    margin: 0 auto;
}

.fu_box .fu_box-logo img {
    width: 200px;
    height: auto;
    margin-top: 30px;
}

/*扫码支付*/
.saoma {
    text-align: center;
}

.saoma b {
    display: block;
    font-size: 18px;
    line-height: 60px;
    border-bottom: 02px solid #da2246;
    margin: 0 30px;
}

.saoma span {
    display: block;
    font-size: 14px;
    line-height: 35px;
    margin-top: 5px;
}

.saoma img {
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 200px;
}

#wxpayshow {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
}

#wxpayshow #codeprice {
    font-size: 24px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    color: #da2246;
}

/* 积分记录 */
.order-info {
    width: 800px;
    display: table;
    margin: 0 auto;
    background: #ffffff;
    padding-bottom: 60px;
}

.order-main {
    background: #ffffff;
    margin-bottom: 50px;
    padding-top: 20px
}

.order-info-list-item {
    width: auto;
    display: flex;
    align-items: center;
    margin-top: 15px;
    border-bottom: 1px solid #eeeeee;
    padding: 10px 20px;
}

.order-info-list-item-left {
    width: 200px;
}

.order-info-list-item-left-text1 {
    font-size: 16px;
}

.order-info-list-item-left-text2 {
    font-size: 14px;
    color: #999999;
}

.order-info-list-item-right-text {
    font-size: 20px;
    color: #da2246;
}

.order-info-list-item-right-text span {
    font-size: 16px;
    margin-left: 2px;
}

.order-info-list-item-center {
    flex: 1;
    text-align: center;
    display: flex;
    font-size: 24px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #da2246;
}

.order-info-list-item-center span {
    display: inline-block;
    font-size: 18px;
    margin-left: 2px;
}

.order-info-list-item-center-text1 {
    line-height: normal;
}

.order-info-list-item-center-text2 {
    color: #999999;
    font-size: 14px;
    line-height: normal;
}

.order-info-list-item-right {
    width: 160px;
    text-align: right;
    color: #089608;
    font-size: 14px;
}

/* 喜派大赛 */
.xipai {
    background: #ffffff;
}

.xipai #header3 {
    background: #ffffff;
}

.xipai #header3 .menu2.menu-danhang .menu2-item {
    color: #010101;
}

.xipai #header3 .menu2 .menu2-item.active {
    color: #da2246 !important;
}

.xipai #header3 .menu2 .menu2-item.active:after {
    border-bottom: 2px solid #da2246;
}

.xipai #header3 .menu2.menu-danhang.navFix:after {
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
}

.xipai #header3 .menu2 .menu2-item.active:hover {
    color: #da2246 !important;
}

.xipai #header3 .menu2 .menu2-item:hover {
    color: #666666 !important;
}

.xipai-info-title {
    width: auto;
    position: relative;
    display: table;
    margin: 0 auto;
    margin-top: 40px;
    padding-top: 30px;
    clear: both;
}

.xipai-info-title-box {
    display: flex;
    align-items: center;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.xipai-info-title-text {
    font-size: 30px;
    color: #da2246;
    display: inline-block;
    margin: 0 36px;
    font-weight: bold;
    vertical-align: middle;
    position: relative;
    z-index: 2;
}

.xipai-info-title-text-short {
    font-size: 24px;
    font-weight: 700;
}


@font-face {
    font-family: mFont;
    src: url('../css/mFont.ttf');
}

.xipai-info-title-text2 {
    position: absolute;
    font-size: 90px;
    color: #f8f8f8;
    font-weight: 400;
    transform: translate(-50%, 0);
    left: 50%;
    font-family: 'mFont';
    white-space: nowrap;
    top: 21px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.xipai-info-title-left {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1px solid rgba(132, 141, 173, 0.56);
    vertical-align: middle;
    position: relative;
    position: relative;
    top: 1px;
    z-index: 2;
}

.xipai-info-title-left:after {
    content: '';
    display: inline-block;
    width: 28px;
    height: 0;
    border-bottom: 1px solid rgba(132, 141, 173, 0.56);
    position: absolute;
    left: 9px;
    top: 4px;
}

.xipai-info-title-right {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1px solid rgba(132, 141, 173, 0.56);
    vertical-align: middle;
    position: relative;
    position: relative;
    top: 1px;
    z-index: 2;
}

.xipai-info-title-right:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 0;
    border-bottom: 1px solid rgba(132, 141, 173, 0.56);
    position: absolute;
    left: -28px;
    top: 4px;
}

.xipai-info-hot {
    display: inline-block;
}

.xipai-info-hot-info {
    width: 1200px;
}

.xipai-info-hot-info-item {
    width: 285px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    margin-top: 30px;
    position: relative;
    height: auto;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    -webkit-box-shadow: #ddd 1px 1px 10px;
    box-shadow: #ddd 1px 1px 10px;
}

.xipai-info-hot-info-item-top {
    width: 285px;
    float: left;
    margin-right: 20px;
    margin-top: 0;
    position: relative;
    height: 220px;
    overflow: hidden;
    top: 0;
    transform: initial;
    background: #dddddd;
    cursor: pointer;
}

.xipai-info-hot-info-item-top:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.xipai-info-hot-info-item-top-img {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.xipai-info-hot-info-item-top-img img {
    width: 285px;
    height: auto;
    float: left;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.xipai-info-hot-info-item-foot {
    display: flex;
    flex-direction: column;
}

.xipai-info-hot-info-item-text-box {
    display: flex;
    align-items: center;
    margin: 13px 20px 10px 20px;
}

.jingxuan-info .xipai-info-hot-info-item-text:hover {
    color: #da2246;
}

.xipai-info-hot-info-item-text {
    font-size: 18px;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 155px;
}

.xipai-info-hot-info-item-huo {
    display: flex;
    align-items: center;
    font-size: 16px;
    white-space: nowrap;
    width: 78px;
    text-align: right;
    justify-content: flex-end;
}

.xipai-info-hot-info-item-huo i {
    color: #da2246;
    line-height: normal;
    font-size: 24px;
    margin-right: 1px;
    position: relative;
    top: -2px;
}

.xipai-info-hot-info-item-type-box {
    display: flex;
    align-items: center;
    margin: 5px 20px 15px 20px;
}

.xipai-info-hot-info-item-type-left {
    flex: 1;
    font-size: 12px;
    color: #666666;
}

.xipai-info-hot-info-item-type-right-btn {
    background: #d8202a;
    color: #fff !important;
    border: 0;
    line-height: normal;
    cursor: pointer;
    padding: 10px 8px;
    font-size: 16px;
    width: auto;
    border-radius: 4px;
}

.xipai-info-hot-info-item-type-right-btn:hover {
    opacity: 0.9;
}

.xipai-info-hot-info-item-type-right-btn:active {
    outline: none;
    -webkit-animation: showBtn 0.5s 1;
    animation: showBtn 0.5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.xipai-info-hot-info-item:nth-child(4n) {
    margin-right: 0px;
}

.jingxuan-info .xipai-info-hot-info-item-text {
    width: 245px;
    text-align: center;
}

.xipai-info-about {
    width: 100%;
    height: auto;
    background: #f2f2f2;
    margin-top: 80px;
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
}

.xipai-info-about-info {
    width: 1200px;
    display: table;
    margin: 0 auto;
}

.xipai-info-about-info-text {
    margin: 40px 0 60px 0;
    font-size: 18px;
    line-height: 2;
    color: #010101;
}

/* 换购产品 */
.xipai-info-shop-info {
    width: 1200px;
    margin: 0 auto;
    display: table;
}

.xipai-info-shop-info .exchange-list {
    background: #ffffff;
    margin-bottom: 50px;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.xipai-info-shop-info .exchange-list-item {
    background: #ffffff;
    display: flex;
    margin-right: 140px;
    margin-top: 50px;
    width: 530px;
    float: left;
}

.xipai-info-shop-info .exchange-list-item:nth-child(2n) {
    margin-right: 0px;
}

.xipai-info-shop-info .exchange-list-item-right {
    margin-left: 20px;
    width: 310px;
    display: flex;
    flex-direction: column;
    cursor: default;
}

.xipai-info-shop-info .exchange-list-item-title {
    font-size: 22px;
    width: 310px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
}

.xipai-info-shop {
    padding-bottom: 30px;
}

/* 喜派首页 */
.xipai-default {
    width: 100%;
    background: #f2f2f2;
}

#xipai-default-banner {
    width: 100%;
    display: block;
    position: relative;
    height: auto;
    overflow: hidden;
    clear: both;
    background: #dddddd;
    max-height: 700px;
}

.xipai-default-banner-none {
    width: auto;
    max-height: 700px;
    opacity: 0;
}

.xipai-default-banner-info {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    max-height: 700px;
    bottom: 0;
    width: auto;
}

.xipai-default-banner-img {
    height: 100%;
    width: auto;
}

.xipai-default #header3 {
    background: rgba(197, 55, 53, 1);
}

.xipai-default #header3 .menu2.menu-danhang .menu2-item {
    color: #ffffff;
}

.xipai-default #header3 .menu2 .menu2-item.active {
    color: #ffffff !important;
}

.xipai-default #header3 .menu2 .menu2-item.active:after {
    border-bottom: 2px solid #ffffff;
}

.xipai-default .menu2.menu-danhang.navFix {
    background: none;
}

.xipai-default #header3 .menu2.menu-danhang.navFix:after {
    background: rgba(197, 55, 53, 0.9);
}

.xipai-default #header3 .menu2 .menu2-item:hover {
    color: #cccccc !important;
}

.xipai-default .menu2-back {
    font-size: 16px;
    color: #cccccc;
    display: inline-block;
    margin-right: 25px;
    position: relative;
    cursor: pointer;
    line-height: 76px;
    z-index: 2;
}

.xipai-default .menu2-back i {
    font-size: 20px;
    line-height: 76px;
    float: left;
    position: relative;
    top: 1px;
    margin-right: 4px;
}

.xipai-default-info-title-box {
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 50px;
}

.xipai-default-info-title-left {
    flex: 1;
    display: flex;
    align-items: center;
}

.xipai-default-info-title-text {
    font-size: 30px;
    color: #da2246;
    display: inline-block;
    margin: 0 8px;
    font-weight: bold;
    vertical-align: middle;
}

.xipai-default-info-title-right {
    flex: 1;
    display: flex;
    align-items: center;
}

.xipai-default-info-title-line {
    display: inline-block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #da2246;
}

.xipai-default-info-title-circle {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1px solid #da2246;
    vertical-align: middle;
    position: relative;
    top: 1px;
}

.xipai-default-info-title-left .xipai-default-info-title-circle {
    margin-left: 10px;
}

.xipai-default-info-title-right .xipai-default-info-title-circle {
    margin-right: 10px;
}

.xipai-default-info-main {
    color: #010101;
    line-height: 2;
    font-size: 16px;
}

.xipai-default-info-main p {
    margin-bottom: 10px;
}

.xipai-default-info-main-text {
    margin: 25px 40px 30px 40px;
    padding: 35px 0;
}

.xipai-default-info-main1 {
    position: relative;
    background: url(../image/search_bg.jpg) repeat;
    margin-top: 30px;
    overflow: hidden;
    margin-bottom: 30px;
}

.xipai-default-info-main1 .xipai-default-info-main-text {
    background: #ffffff;
    padding: 20px 30px;
    margin: 0 15px 15px 15px;
    position: relative;
    overflow: hidden;
}

.left-conner {
    position: absolute;
    top: 9px;
    left: 9px;
    display: block;
    width: 15px;
    height: 15px;
    border-top: 6px solid #bdbdbd;
    border-left: 6px solid #bdbdbd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.right-conner {
    position: absolute;
    top: 9px;
    right: 9px;
    display: block;
    width: 15px;
    height: 15px;
    border-top: 6px solid #bdbdbd;
    border-right: 6px solid #bdbdbd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.xipai-default-info-main1 .zhuanti-info-baoming {
    top: 15px;
    right: 50px;
}

.xipai-default-info-main2 {
    background: #ffffff;
    position: relative;
    z-index: 3;
}

.xipai-default-info-bg {
    background: url(../image/solve_bg.png) no-repeat center bottom;
}

.xipai-default-info-bg2 {
    background: url(../image/solve_bg2.png) no-repeat center bottom;
}

/* 作品投票 */
.xipai-default-vote {
    background: #fef7db;
    padding-bottom: 60px;
}

.xipai-info-vote-info {
    width: 1200px;
    overflow: hidden;
    position: relative;
}

.xipai-info-vote-item {
    width: 278px;
    height: auto;
    display: flex;
    flex-direction: column;
    float: left;
    margin-right: 29px;
    margin-top: 30px;
    overflow: hidden;
}

.xipai-default-vote .xipai-info-vote-item:nth-child(4n) {
    margin-right: 0px;
}

.xipai-info-vote-item-box {
    width: 278px;
    height: auto;
    display: flex;
    flex-direction: column;
    background: #eb883b;
}

.xipai-info-vote-item-top {
    width: 278px;
    position: relative;
}

.xipai-info-vote-item-top-text {
    border: 2px solid #eb883b;
    margin: 20px 40px;
    text-align: center;
    font-size: 20px;
    color: #eb883b;
    padding: 4px 0;
    background: #ffffff;
}

.xipai-info-vote-item-top-icon {
    width: 30px;
    height: 30px;
    background: #eb883b;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: absolute;
    top: 6px;
    left: 26px;
}

.xipai-info-vote-item-box .xipai-info-vote-item-top {
    margin: 10px 25px 13px 25px;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: auto;
    text-align: center;
}

.xipai-info-vote-item-top-text1 {
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
}

.xipai-info-vote-item-top-text2 {
    width: 100%;
    height: 48px;
    font-size: 16px;
    color: #ffffff;
    margin-top: 3px;
}

.xipai-info-vote-item-center {
    width: 278px;
    height: 190px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    background: #ffffff;
    cursor: pointer;
}

.xipai-info-vote-item-center:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.xipai-info-vote-item-img {
    width: 278px;
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.xipai-info-vote-item-img img {
    width: 278px;
    height: auto;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.xipai-info-vote-item-foot {
    margin: 20px 25px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
}

.xipai-info-vote-info2 .zhuanti-info-vote-item {
    width: 278px;
    height: auto;
    display: flex;
    flex-direction: column;
    float: left;
    margin-right: 29px;
    margin-top: 30px;
    background: #ffffff;
}

.xipai-info-vote-info2 .zhuanti-info-vote-item-top {
    width: 278px;
    height: 230px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    background: #ffffff;
    cursor: pointer;
}

.xipai-info-vote-info2 .zhuanti-info-vote-item-img img {
    width: 278px;
    height: auto;
    display: inline-block;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.xipai-info-vote-info2 .zhuanti-info-vote-item-img {
    width: 278px;
}

.xipai-info-vote-info2 .zhuanti-info-vote-item-top:hover img {
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.xipai-info-vote-info2 .zhuanti-info-vote-item-foot-text {
    width: 238px;
}

.xipai-info-vote-info2 .zhuanti-info-vote-item-foot-progress {
    background-color: #eb883b;
}

.xipai-info-vote-info2 .zhuanti-info-vote-item-foot-info {
    margin: 10px 20px;
}

.xipai-info-vote-info2 .huanti-info-vote-item-foot-btn-info {
    margin: 20px 20px 25px 20px;
}

.xipai-info-vote-info2 .huanti-info-vote-item-foot-btn {
    display: table;
    margin: 0 auto;
    background: #d8202a;
    color: #fff;
    border: 0;
    line-height: normal;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 16px;
    width: auto;
    border-radius: 4px;
    margin-top: 0;
    width: 100%;
    text-align: center;
    padding: 8px 0;
    border-radius: 100px;
}

.xipai-info-vote-info2 .xipai-info-vote-item-top {
    background: #fef7db;
}

.xipai-default-info-xian {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    height: 7px;
    -webkit-box-shadow: #dddddd 0px 0px 15px;
    box-shadow: #dddddd 0px 0px 15px;
}

/* 组委名单 */
.xipai-default-info-organizer {
    background: url(../image/search_bg.jpg) repeat;
    position: relative;
    z-index: 3;
    color: #010101;
    line-height: 2;
    font-size: 16px;
}

.xipai-default-info-organizer-main {
    margin: 25px 40px 30px 40px;
    padding: 35px 0;
}

.xipai-default-info-organizer-list {
    position: relative;
    background: #ffffff;
    margin-top: 30px;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 20px;
}

.xipai-default-info-organizer-item {
    width: 220px;
    height: auto;
    display: flex;
    flex-direction: column;
    float: left;
    margin: 25px;
}

.xipai-default-info-organizer-item-top {
    width: 210px;
    height: 222px;
    border-radius: 50% / 50%;
    position: relative;
    overflow: hidden;
    border: 5px solid #eb883b;
    background: #ffffff;
}

.xipai-default-info-organizer-item-top-img {
    width: 215px;
    height: auto;
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    margin-left: -2px;
    transform: translate(0%, -50%);
    left:0px;
}

.xipai-default-info-organizer-item-top-img img {
    width: 220px;
    height: auto;
    float: left;
    margin-left: -5px;
}

.xipai-default-info-organizer-item-foot {
    height: 96px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.xipai-default-info-organizer-item-text1 {
    font-size: 18px;
    color: #010101;
    margin: 5px 0;
}

.xipai-default-info-organizer-item-text2 {
    font-size: 16px;
    color: #d47a46;
    line-height: 1.5;
}

.xipai-default-info-organizer .xipai-info-title-text {
    font-size: 24px;
    color: #eb883b;
    display: inline-block;
    margin: 0 36px;
    font-weight: bold;
    vertical-align: middle;
    position: relative;
    z-index: 2;
}

/* 活动新闻 */
.xipai-default-info-news {
    position: relative;
    z-index: 3;
    margin-top: 25px;
}

.xipai-default-info-news .fl {
    float: left;
}

.news_list {
    padding-bottom: 30px;
}

.news_list_each {
    width: 592px;
    height: 180px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    margin: 0 16px 16px 0;
    transition: 0.3s;
}

.news_list_each:hover {
    transform: translateY(-4px);
}

.news_list_each:nth-child(2n) {
    margin-right: 0;
}

.news_list_each:nth-child(3),
.news_list_each:nth-child(4) {
    margin-bottom: 0;
}

.news_list_each_img {
    width: 148px;
    height: 148px;
    margin-right: 18px;
    position: relative;
    overflow: hidden;
}

.news_list_each_img img {
    width: auto;
    height: 148px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}

.news_list_each_detail {
    width: 375px;
    height: 140px;
    position: relative;
}

.news_list_each_detail_name {
    font-size: 16px;
    color: #010101;
    font-weight: bold;
    width: 375px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.news_list_each .mCSB_scrollTools_vertical {
    display: none;
}

.news_list_each_detail_xian{
    font-size: 18px;
    color: #393f52;
    font-weight: bold;
    width: 375px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
}

.news_list_each_detail_xian:after {
    content: '';
    display: block;
    width: 10px;
    height: 1px;
    border-bottom: 1px solid #dddddd;
    margin: 5px 0;
    position: absolute;
    top: 0px;
    left: 12px;
}

.news_list_each_detail_xian:before {
    content: '';
    display: block;
    width: 10px;
    height: 1px;
    border-bottom: 1px solid #dddddd;
    margin: 5px 0;
}

.news_list_each_detail_info {
    font-size: 14px;
    color: #acadb2;
    height: 48px;
    width: 375px;
    display: inline-block;
    line-height: 24px;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 3px;
}

.news_list_each_detail_check {
    margin-top: 20px;
    font-size: 14px;
    color: #da2246;
    display: inline-block;
}

.news_list_each_detail_check:active {
    opacity: 0.9;
    color: #da2246;
}

.background_5 {
    position: fixed;
    _position: absolute;
    z-index: 9999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #323232;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.xipai-info-vote-sort {
    clear:both;
    display:table;
    margin:0 auto;
}

.xipai-info-vote-sort-box{
    display:flex;
    align-items: center;
}

.xipai-info-vote-sort-tiem{
    font-size: 24px;
    margin: 0 30px;
    position: relative;
    padding: 10px 1px;
    cursor: pointer;
    color:#010101;
}

.xipai-info-vote-sort-tiem:hover{
    color:#666666;
}

.xipai-info-vote-sort-tiem.active{
    color: #da2246;
}

.xipai-info-vote-sort-tiem.active:after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid #da2246;
    z-index: 1;
    display: block;
    height: 0px;
    width: 100%;
}

.xipai-info-vote-sort-tiem.active:hover{
    color:#da2246;
}

/* 喜派内页 作品页 */
.content-xipai-view{
    background: #ffffff;
}

.content-xipai-view .content-info-main{
    margin:60px 100px;
}

.content-info-main table{
    text-align: center;
    background: url(../image/table-bg.jpg) repeat;
}

.content-xipai-view-name{
    font-size:20px;
    width:100%;
    text-align: center;
    line-height: 2;
    font-weight: 700;
}

.content-info-main table .fff{
    background: #ffffff;
}

.content-info-main table .nowrap{
    white-space:nowrap;
    font-weight: 400;
    text-align: center;
}

.content-info-main table .content-xipai-view-number{
    font-size:24px;
    color:#da2246;
    font-weight:bold;
}

.content-info-main .weui-table td, .content-info-main .weui-table th,.content-info-main table td,.content-info-main table th{
   font-size:16px;
}

.content-xipai-view-name2{
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 0 25px 0;
}

.content-xipai-view-valicode{
    display:flex;
    align-items: center;
}

.content-xipai-view-valicode input{
    width:150px;
}

.content-xipai-view-valicode img{
    width:auto;
    height:38px;
    cursor: pointer;
}

.content-xipai-view-valicode .layui-btn{
    background:#d8202a;
    margin-left:10px;
}

.content-xipai-view .swiper-container {
    width: 762px;
    height: 600px;
}

.content-xipai-view .swiper-slide {
    background-position: center;
    background-size: cover;
}

.xipai-opt {
    width: auto;
    overflow: hidden;
    display: table;
    position: absolute;
    right: 45px;
    top: 15px;
}

.xipai-opt a {
    float: right;
    margin-bottom: 0px !important;
    margin-left: 30px;
    padding: 4px 30px !important;
}

.xipai-opt a:hover{
    opacity: 0.9;
}

#xipai-add{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #da2246;
    padding: 10px 0;
    color: #ffffff;
    border-radius: 2px;
    font-size: 18px;
    overflow: hidden;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    margin-bottom: 25px;
}

#xipai-edit{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eb883b;
    padding: 10px 0;
    color: #ffffff;
    border-radius: 2px;
    font-size: 18px;
    overflow: hidden;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    margin-bottom: 25px;
}

#xipai-add i {
    font-size: 21px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

#xipai-edit i {
    font-size: 21px;
    margin-right: 5px;
}

.xipai-opt2{
    width: 1200px;
    margin: 30px auto 0 auto;
    position: relative;
    overflow: hidden;
    display: table;
    top: 0;
    right: 0;
}

.xipai-opt2 a {
    float: right;
    margin-bottom: 0px !important;
    margin-left: 30px;
    padding: 10px 30px !important;
}

/* 上传作品 */
.xipai-form-name{
    color: #da2246;
    font-size:18px;
    font-weight: 700;
}

/* 会员主页 */
.member-home{
    display:flex;
    margin-top:50px;
}

.member-home .content-info-left{
   width:900px;
}

.content-info-home-list {
    margin-bottom: 50px;
}

.content-info-home-list .content-info-home-list-item:last-child {
    border-bottom: none;
}

.content-info-home-list-item {
    display: flex;
    align-items: flex-start;
    padding-bottom: 30px;
    border-bottom: 1px solid #dddddd;
    padding:0 20px;
    padding-top: 30px;
    position:  relative;
    overflow: hidden;
    background: #ffffff;
}

.content-info-home-list-item-left {
    width: 150px;
    height: auto;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    padding-bottom: 30px;
}

.content-info-home-list-item-left-img {
    width: 150px;
    height: auto;
}

.content-info-home-list-item-left img {
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    width: 150px;
    height: auto;
}

.content-info-home-list-item-left:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.9;
}

.content-info-home-list-item-right {
    flex: 1;
    margin-left: 30px;
    width: 680px;
    padding-bottom: 25px;
    height:138px;
}

.content-info-home-list-item-right-text1 {
    font-size: 20px;
    display: flex;
    align-items: center;
    margin-top: -5px;
}

.content-info-home-list-item-right-text1-left {
    width: 470px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    color: #010101;
}

.content-info-home-list-item-right-text1-left:hover {
    color: #da2246;
}

.content-info-home-list-item-right-title1-right {
    font-size: 16px;
    color: #666666;
    flex: 1;
    text-align: right;
}

.content-info-home-list-item-right-title1-right span:first-child {
    margin-right: 8px;
}

.content-info-home-list-item-right-text2 {
    font-size: 16px;
    color: #999999;
    margin: 10px 0;
}

.content-info-home-list-item-right-text3 {
    font-size: 13px;
    color: #333333;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 69px;
}

.member-home .list-page .pagination{
   width:100%;
}

.member-home .content-info-left {
    background: none;
}

.member-home .content-info-right-author-img{
    cursor: pointer;
}

.member-home .content-info-right-author-name-text2 {
    font-size: 14px;
    margin-top: 5px;
    display:flex;
}

.member-home .content-info-right-author-center{
    display: flex;
    color: #666666;
    font-size: 14px;
}

.content-info-right-author-center-center{
    color:#da2246;
}

.content-info-right-author-center-right{
    flex:1;
    margin-left:10px;
}

.content-info-right-author-center-right a{
    display: inline-block;
    background: url(../image/icon_payment.png) no-repeat 6px 2px;
    width: 29px;
    height: 19px;
    line-height: 19px;
    padding: 0 0 0 24px;
    color: #eb883b;
}

.content-info-right-author-center-right a:hover{
    text-decoration: underline;
}

.content-info-right-author-box{
    margin: 10px 15px 20px 15px;
    background: rgba(218, 34, 70, 0.2);
    border: 1px solid rgba(218, 34, 70, 0.5);
    border-radius: 4px;
    overflow: hidden;
}

.content-info-right-author-box2{
    margin: 3px;
    background: #ffffff;
    display: flex;
    align-items: center;
}

.content-info-right-author-box2 .content-info-right-author-item:first-child{
    border-left: none;
}

.content-info-right-author-item{
    flex:1;
    text-align: center;
    border-left: 1px solid rgba(218, 34, 70, 0.2);
    cursor: pointer;
}

.content-info-right-author-item:hover{
    text-decoration: underline;
    color:#d8202a;
}

.content-info-right-author-item-text1{
    font-size:14px;
    margin-top:5px;
}

.content-info-right-author-item-text2{
    font-size:13px;
    margin-bottom:5px;
}

/* 我的关注 */
.wdgz {
    width: 280px;
    height: auto;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    margin-top: 25px;
    margin-bottom: 25px;
}

.wdgz-title-info {
    display: flex;
    align-content: center;
    padding-left: 24px;
    justify-content: flex-end;
}

.wdgz-title {
    margin-top: 10px;
    line-height: 58px;
    height: 58px;
    flex: 1;
    font-size: 16px;
    color: #666666;
    font-weight: 700;
    ;
}

.wdgz-more {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    line-height: 54px;
    margin-right: 24px;
    font-size: 12px;
    cursor: pointer;
    color: #999999;
}

.wdgz-more:hover,
.wdgz-more:active {
    color: #010101;
    text-decoration: underline;
}

.wdgz-main {
    width: 250px;
    overflow: hidden;
    position: relative;
    height: auto;
    margin-bottom: 15px;
    margin: 5px 15px;
}

.wdgz-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin:0px;
    float: left;
    width:83px;
    margin-bottom:20px;
}

.wdgz-item:hover img,
.wdgz-item:active img {
    opacity: 0.9;
}

.wdgz-item-img{
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    border:1px solid #eeeeee;
    border-radius: 50%;
    cursor: pointer;
}

.wdgz-item-img img{
    width: 50px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.wdgz-item-text{
    width: 70px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    margin-top: 3px;
}

/* 发稿 */
.content-dispatch{
    margin:50px auto;
    background: #ffffff;
    height:700px;
}

.dispatch-info{
    margin:50px;
}

.dispatch-info .layui-form-label {
    float: left;
    display: block;
    padding: 9px 15px;
    width: 80px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
    font-size: 14px;
    width: 70px;
    padding-left: 0px;
    text-align: left;
    padding-right: 0;
}

.dispatch-info  .layui-input-block {
    margin-left: 70px;
    min-height: 36px;
}

.dispatch-info .layui-form-item{
    width: 600px;
}

.dispatch-info  .edui-btn.edui-btn-formula{
   display:none;
}

.dispatch-info  .edui-btn.edui-btn-preview{
    display:none;
}

.dispatch-info  .edui-btn.edui-btn-drafts{
    /* display:none; */
}

.dispatch-info  .layui-input{
    display: block;
    width: 100%;
    padding-left: 10px;
    font-size: 14px;
}

.dispatch-opt{
    margin-top: 15px;
    margin-bottom: 50px;
    width: 100% !important;
}
.dispatch-opt-info{
   float:right;
}

.dispatch-valicode{
    width: 100%;
    position: relative;
    margin: 30px 0 0 0;
    overflow: hidden;
}

.dispatch-valicode-info{
    float:right;
    display:flex;
}

.dispatch-valicode-info .layui-input{
    width:100px;
    padding:0;
    text-align: center;
}

.dispatch-valicode-info img{
    height:38px;
    width:auto;
    margin-left:10px;
    cursor: pointer;
}

#preview-info{
    width:900px;
}

/* 安全设置 */
.safe-main{
    background: #ffffff;
}

.safe-info{
    width: 800px;
    display: table;
    margin: 0 auto;
    background: #ffffff;
    padding-top: 60px;
    padding-bottom: 80px;
}

.safe-info-top{
    display:flex;
    align-items: flex-start;
}

.safe-info-avatar{
    display:flex;
    flex-direction: column;
    margin-right: 28px;
}

.safe-info-avatar-img{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    width:120px;
    height:120px;
}

.safe-info-avatar-img img{
    width:120px;
    height:auto;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left:0px;
}

.safe-info-avatar-edit{
    width:100%;
    text-align: center;
    font-size:16px;
}

.safe-info-avatar-edit a{
    cursor: pointer;
    position: relative;
    display: table;
    margin: 0 auto;
    padding: 5px 0;
}

.safe-info-avatar-edit a:hover{
    text-decoration: underline;
    color: #da2246;
}

.safe-info-box{
    display: flex;
    flex-direction: column;
    font-size: 16px;
}

.safe-info-item{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color: #010101;
}

.safe-info-item-left{
    color:#666666;
}

.safe-info-item-right{
    flex: 1;
    margin-left: 10px;
    display: flex;
}

.safe-info-item-right .text-warning{
    color: #eb883b !important;
}

.safe-info-item-right a{
    color:#da2246;
}

.safe-info-item-right a:hover{
    text-decoration: underline;
    opacity: 0.8;
}

.safe-info-item-right .sanfang{
    margin-left:8px;
    color:#1aad19;
    cursor: pointer;
}

.layui-layer-btn-2.layui-layer-btn .layui-layer-btn0{
    height: 28px;
    line-height: 28px;
    margin: 5px 5px 0;
    padding: 0 15px;
    border: 1px solid #dedede;
    background-color: #fff;
    color: #333;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
}

.layui-layer-btn-2.layui-layer-btn .layui-layer-btn1{
    border-color: #1E9FFF;
    background-color: #1E9FFF;
    color: #fff;
}

.yibangsanfang{
    color:#999999;
}

.safe-info-foot{
    border-top: 1px solid #eeeeee;
    margin-top:20px;
}

.safe-info-list-item {
    display: flex;
    font-size: 16px;
    margin-top: 20px;
}

.safe-info-list-item-left {
    display: flex;
    flex-direction: column;
    flex:1;
}

.safe-info-list-item-left-text1{
    font-size: 20px;
}

.safe-info-list-item-left-text2{
    color: #999999;
    font-size: 16px;
}

.safe-info-list-item-left-text2 span{
    color: #da2246;
    margin-right:5px;
}

.safe-info-list-item-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.safe-info-list-item-right-btn {
    outline: none;
    width: auto;
    line-height: normal;
    padding: 7px 15px;
    background: #d8202a;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}

.safe-info-list-item-right-btn:hover {
    opacity: 0.9;
}

.safe-info-list-item-right-btn:active {
    outline: none;
    -webkit-animation: showBtn 0.5s 1;
    animation: showBtn 0.5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

/* 修改密码表单 */
#password-form {
    margin: 30px 35px 0 0;
}

#password-form .layui-inline {
    margin: 10px 0 15px 17px;
    display: flex;
    justify-content: center;
}

#password-form .layui-form-label{
    width:100px;
}

#password-form .layui-input-block {
    margin-left: 130px;
    min-height: 36px;
}

/* 修改手机表单 */
#mobile-form {
    margin: 30px 35px 0 0;
}

#mobile-form .layui-inline {
    margin: 10px 0 15px 17px;
    display: flex;
    justify-content: center;
}

/* 基本资料 */
.info-main{
    background: #ffffff;
}

.info-info{
    width: 800px;
    display: table;
    margin: 0 auto;
    background: #ffffff;
    padding-top: 60px;
    padding-bottom: 80px;
    font-size:14px;
}

.info-info .beizhu{
   color:#eb883b;
   font-size:12px;
   margin-top:5px;
}

.info-info .layui-form-radio{
    margin-top: 0;
}

.layui-form-item.must .layui-form-label{
    position: relative;
}

.layui-form-item.must .layui-form-label:before{
    content: '*';
    display: block;
    line-height: 38px;
    position: absolute;
    left: 23px;
    top: 3px;
    font-size: 16px;
    color: #da2246;
}

/* 实名认证 */
.certification-main{
    background: #ffffff;
}

.certification-info{
    width: 800px;
    display: table;
    margin: 0 auto;
    background: #ffffff;
    padding-top: 60px;
    padding-bottom: 80px;
    font-size:14px;
}

.certification-choose {
    width: auto;
    display:flex;
    justify-content: center;
}

.certification-type{
    text-decoration: none;
}

.certification-type-info {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px 0px;
    min-width: 320px;
    min-height: 210px;
    float: left;
    text-align: center;
    padding-bottom: 20px;
    position: relative;
    background: rgb(255, 255, 255);
    margin: 20px 35px;
    cursor: pointer;
    border-radius: 4px;
}

.certification-type-info img {
    width: 106px;
    height: 106px;
    margin: 30px auto 13px;
}

.certification-type-info-title {
    font-size: 18px;
    color: #da2246;
    line-height: 28px;
    letter-spacing: 0.44px;
    position: relative;
}

.certification-type-info-description{
    font-size: 12px;
    color: #010101;
    line-height: 28px;
}

.certification-main .layui-form-radio{
    margin-top: 0;
}

.certification-main .layui-upload-img {
    width: 92px;
    height: 92px;
    margin: 0 10px 10px 0;
}

.certification-main .layui-upload.must .layui-form-label{
    position: relative;
}

.certification-main .layui-upload.must .layui-form-label:before {
    content: '*';
    display: block;
    line-height: 38px;
    position: absolute;
    left: 13px;
    top: 3px;
    font-size: 16px;
    color: #da2246;
}

.certification-main .certification-enterprise .layui-upload.must .layui-form-label:before {
    left: 23px;
}

.certification-bakc{
    font-size: 16px;
    color: #666666;
    padding: 0;
    position: relative;
    white-space: nowrap;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    width: auto;
    float: left;
    clear: both;
    cursor: pointer;
}

.certification-bakc:hover span{
    text-decoration: underline;
}

.certification-bakc:hover{
    color:#999999;
}

.certification-bakc i{
    font-size: 16px;
    color: #666666;
    position: relative;
    white-space: nowrap;
    padding-right: 5px;
}

.certification-person,.certification-enterprise{
    clear:both;
}

.certification-step2 .file-extra{
    font-size:14px;
    color: #999999;
}

.certification-finish{
    display: flex;
    align-items: self-start;
    margin-top: 30px;
    margin-bottom: 10px;
}

.certification-finish-left{
    width:40%;
}

.certification-finish-right{
    flex:1;
    margin-left:25px;
}

.certification-finish-left img{
    width: 132px;
    height: 132px;
    border-radius: 50%;
    float: right;
    margin-right: 25px;
}

.certification-finish-right-text1{
    font-weight: 800;
    font-size: 18px;
    color: #010101;
    line-height: 18px;
    padding-top: 20px;
    margin-bottom: 15px;
}

.certification-finish-right-text2{
    font-size: 12px;
    color: #666666;
    line-height: 18px;
    margin-bottom:8px;
}

#yyzz .layui-form-label{
    position: absolute;
    left: -54px;
    width: 134px;
    top: -10px;
}

#yyzz .layui-form-label:before {
    left: -1px;
}

/* 地址管理 */
.address-main{
    background: #ffffff;
}

.address-info{
    width: 800px;
    display: table;
    margin: 0 auto;
    background: #ffffff;
    padding-top: 60px;
    padding-bottom: 80px;
    font-size: 14px;
}

/* 收藏夹 */
.member-favorite .mrbd {
    margin-top: 0;
}

.member-favorite  .content-info-home-list-item-right-title1-right {
    color: #999999;
    line-height: 30px;
}

.member-favorite  .content-info-home-list-item-right-text1-left {
    width: 580px;
}

.content-info-home-list-item-right-type{
    background: #449cf3;
    color: #ffffff;
    padding: 4px 20px;
    line-height: normal;
    font-size: 13px;
    border-radius: 100px;
    overflow: hidden;
    display: table;
    margin: 10px 0;
}

.member-favorite  .content-info-home-list-item-right-text3 {
    -webkit-line-clamp: 2;
    height: 46px;
}

.content-info-home-list-item-right-foot{
    display:flex;
    align-items: center;
}

.content-info-home-list-item-right-foot-icon{
    flex:1;
    display:flex;
    align-items: center;
    font-size:14px;
    color:#010101;
    margin-top:10px;
}

.content-info-home-list-item-right-foot-icon i {
    margin-left: 15px;
    color: #cccccc;
}

.content-info-home-list-item-right-foot-icon .content-info-home-list-item-right-foot-icon-eye{
    margin-left:0px;
}

.content-info-home-list-item-right-foot-icon div {
    color: #999999;
    font-size: 14px;
    margin-left: 4px;
}

.content-info-home-list-item-right-foot-opt-del{
    background: #d8202a;
    color: #fff;
    border: 0;
    line-height: normal;
    cursor: pointer;
    padding: 5px 12px;
    font-size: 16px;
    width: auto;
    border-radius: 2px;
    margin-top: 10px;
}

.content-info-home-list-item-right-foot-opt-del:hover{
    opacity: 0.9;
}

.content-info-home-list-item-right-foot-opt-del:active{
    outline: none;
    -webkit-animation: showBtn 0.5s 1;
    animation: showBtn 0.5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.member-favorite .content-info-home-list-item-right {
    height: 157px;
    padding-bottom: 20px;
}

/* 原创天地 */
.member-manage{
    background: #ffffff;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
}

.member-manage .layui-tab{
    width: 920px;
    display: table;
    margin: 0 auto;
    background: #ffffff;
    padding-top: 60px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}

.member-manage .layui-tab-title{
    height:60px;
}

.member-manage .layui-tab-title li{
    line-height: 60px;
    font-size: 16px;
}

.member-manage .layui-tab-title .layui-this:after {
    height: 61px;
}

.member-manage .member-manage-tab-time{
    font-size: 14px;
    position: absolute;
    top: 71px;
    right: 0px;
}

#manage_time{
    width:280px;
}

.content-info-home-list-item-right-state{
    background: #449cf3;
    color: #ffffff;
    padding: 4px 20px;
    line-height: normal;
    font-size: 13px;
    border-radius: 100px;
    overflow: hidden;
    display: table;
    margin: 10px 0;
}

.member-manage .content-info-home-list-item-right-text1-left {
    width: 540px;
}

.member-manage .content-info-home-list {
    margin-bottom: 0px;
}

.member-manage .content-info-home-list-item-right-foot-opt{
    display: flex;
    justify-content: flex-end;
}

.member-manage .content-info-home-list-item-right-foot-opt-btn{
    background: #d8202a;
    color: #fff;
    border: 0;
    line-height: normal;
    cursor: pointer;
    padding: 5px 12px;
    font-size: 16px;
    width: auto;
    border-radius: 2px;
    margin-top: 10px;
    margin-left:10px;
}

.content-info-home-list-item-right-state.state0{
    background: #cccccc;
}

.content-info-home-list-item-right-state.state1{
    background: #07c160;
}

.content-info-home-list-item-right-state.state-1{
    background: #eb883b;
}

.content-info-home-list-item-right-state.state2{
    background: #449cf3;
}

.member-manage .content-info-home-list-item-right{
    height:145px;
}

.member-manage .manage-edit{
    background:#009688;
}

.member-manage .content-info-home-list-item-right-foot-opt-btn.manage-share{
    border: 1px solid #C9C9C9;
    background-color: #fff;
    color: #555;
}

/* 私信 */
#sixin-tan .edui-container{
    display:table;
    margin:30px auto 10px auto;
}

.sixin-btn-opt{
    width: 400px;
    display: table;
    margin: 0 auto;
}

.sixin-btn{
    float: right;
    outline: none;
    width: auto;
    line-height: normal;
    padding: 7px 15px;
    background: #d8202a;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 5px;
    cursor: pointer;
}

.sixin-btn:hover{
    opacity: 0.9;
}

.sixin-btn:active{
    outline: none;
    -webkit-animation: showBtn 0.5s 1;
    animation: showBtn 0.5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.message-main{
    background: #ffffff;
    margin-bottom: 50px;
}

.message-info{
    width: 800px;
    display: table;
    margin: 0 auto;
    background: #ffffff;
    padding-top: 60px;
    padding-bottom: 80px;
}

.message-info-list-item{
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #eeeeee;
}

.message-info-list-item-center{
    flex: 1;
    margin-left: 15px;
}

.message-info-list-item-left{
    width:auto;
    position: relative;
}

.message-info-list-item-left:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background: #d8202a;
    border:1px solid #ffffff;
    border-radius: 50%;
    width:8px;
    height:8px;
}

.message-info-list-item-left.isread:after {
    display:none;
}


.message-info-list-item-left-img{
    width:54px;
    height:54px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #eeeeee;
}

.message-info-list-item-left-img img{
    width:54px;
    height:54px;
    border-radius: 50%;
    overflow: hidden;
}

.message-info-list-item-checkbox{
    float:left;
}

.message-info-list-item-text{
    line-height: 24px;
    font-size:14px;
}

.message-info-list-item-text-time{
    padding:0 5px;
    color:#999999;
}

.message-info-list-item-text a{
    line-height: 22px;
    color:#da2246;
}

.message-info-list-item-text a:hover{
    text-decoration: underline;
}

.message-info-list-item-right{
    display:flex;
    align-items: center;
    width:136px;
    justify-content: flex-end;
}

.message-info-list-item-right-btn{
    float: left;
    outline: none;
    width: auto;
    line-height: normal;
    padding: 7px 15px;
    background: #d8202a;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    overflow: hidden;
    margin-left: 10px;
    cursor: pointer;
}

.message-info-list-item-right-btn:hover{
    opacity: 0.9;
}

.message-read{
    background: #009688;
}

.layui-form-opt-btn{
    float: left;
    outline: none;
    width: auto;
    line-height: normal;
    padding: 7px 15px;
    background: #d8202a;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    overflow: hidden;
    margin-left: 10px;
    cursor: pointer;
}

.layui-form-opt-btn:hover{
    opacity: 0.9;
}

.layui-form-opt{
    display: flex;
    align-items: center;
    margin-left: 69px;
    margin-top: 15px;
}

.layui-form-opt-btn.message-read {
    background: #009688;
}

.message-bakc{
    font-size: 16px;
    color: #666666;
    padding: 0;
    position: relative;
    white-space: nowrap;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    width: auto;
    float: left;
    clear: both;
    cursor: pointer;
}

.message-bakc i{
    font-size: 16px;
    color: #666666;
    position: relative;
    white-space: nowrap;
    padding-right: 5px;
}

.message-view-info .message-info-list-item-right{
    width:68px;
}

.message-view-info .layui-form{
    width:100%;
    clear: both;
}

.message-view-info .message-info-list-item-text-time {
    padding: 0;
    color: #999999;
    clear: both;
    width: 100%;
    display: table;
}

/* 评论 */
.message-view-info .message-info-list {
    height: 400px;
    overflow: auto;
}

.comment-main {
    background: #ffffff;
    margin-bottom: 50px;
}

.comment-info {
    width: 800px;
    display: table;
    margin: 0 auto;
    background: #ffffff;
    padding-top: 60px;
    padding-bottom: 80px;
}

.message-view-info .edui-container{
    border: none;
    box-shadow: none;
}

.message-view-info .edui-container .edui-editor-body{
    border: 1px solid #cccccc;
}

.message-view-info .edui-container .edui-toolbar {
    position: relative;
    width: auto;
    border:none;
    box-shadow:none;
    background: none;
    z-index: 99999;
}

.message-reply-btn{
    float: right;
    outline: none;
    width: auto;
    line-height: normal;
    padding: 7px 15px;
    background: #d8202a;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 15px;
    cursor: pointer;
}

.message-reply-btn:hover{
    opacity: 0.9;
}

.comment-text{
    line-height: 24px;
    font-size: 14px;
    display: flex;
    align-items: center;
    width: 565px;
}

.comment-text-t{
    margin:0 10px;
}

.comment-text span{
    display: inline-block;
    line-height: 24px;
    font-size:14px;
    color:#999999;
}

.comment-text a{
    line-height: 24px;
    font-size:14px;
}

.comment-text a.comment-name{
    color:#4F99CF;
    cursor: pointer;
}

.comment-text a.comment-title{
    color:#4F99CF;
    max-width:300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
}

.comment-text2{
    font-size:14px;
    color:#010101;
    width:100%;
    display:flex;
}

.comment-text2 a{
    line-height: 22px;
    color: #da2246;
    margin-left:10px;
}

.comment-text2 span{
    max-width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    float:left;
}

.comment-text2 a:hover{
    text-decoration: underline;
}

.comment-text .comment-time{
    margin-left:10px;
}

/* 系统消息 */
.notice-main{
    background: #ffffff;
    margin-bottom: 50px;
}

.notice-info{
    width: 800px;
    display: table;
    margin: 0 auto;
    background: #ffffff;
    padding-top: 60px;
    padding-bottom: 80px;
}

.notice-info .message-info-list-item-text-time{
    padding: 0;
    color: #999999;
    clear: both;
    width: 100%;
    display: table;
}

.message-info-list-item-text-info a{
    color:#d8202a;
}

.notice-info .message-info-list-item-checkbox {
    float: left;
    width: 100%;
    display: flex;
}

.notice-info .message-info-list-item-text-time {
    padding: 0;
    color: #999999;
    clear: both;
    width: 100%;
    display: table;
    font-size:14px;
}

/* 个人简历 */
.resume-content {
	flex: 1;
	position: relative;
	padding: 30px;
    background-color: #fff;
    font-size:14px;
    margin-bottom:50px;
}

.resume-content.has-wraing {
	padding-top: 58px
}

.resume-content .industry-container {
	position: relative
}

.resume-content .industry-container .recomend-industry {
	position: absolute;
	bottom: -40px;
	display: inline-block;
	min-width: 208px;
	max-width: 350px;
	height: 32px;
	background: #5dd5c8;
	box-shadow: 0 3px 5px 0 rgba(93,213,200,.5);
	padding: 0 14px;
	box-sizing: border-box;
	border-radius: 3px;
	cursor: pointer
}

.resume-content .industry-container .recomend-industry:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: -4px;
	left: -30px;
	margin-left: 50px;
	background: #5dd5c8;
	transform: rotate(45deg);
	box-shadow: -1px -1px 10px rgba(93,213,200,.09)
}

.resume-content .industry-container .recomend-industry:hover {
	background-color: #da2246
}

.resume-content .industry-container .recomend-industry .text {
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #fff;
	font-size: 14px
}

.resume-preview {
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column
}

.resume-preview .resume-box {
	flex: 1;
	overflow: auto;
	padding: 45px 50px
}

.resume-preview .prev-line {
	max-width: none
}

.resume-preview .frame-footer {
	z-index: 2;
	width: 100%;
	padding: 11px 0;
	background-color: #fff;
	text-align: center;
	box-shadow: 0 -5px 8px 0 rgba(0,0,0,.04)
}

.resume-preview .frame-footer .btn {
	width: 108px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	padding: 0
}

.member-resume .update-time {
	font-size: 12px;
	color: #999999;
	padding-bottom: 10px
}

.member-resume .update-time .link-preview {
	float: right;
	font-size: 14px
}

.member-resume .update-time .link-preview:hover {
    text-decoration: underline;
    color:#da2246;
}

.resume-box .prev-line {
	max-width: 250px
}

.resume-box .prev-line:before {
	margin: 0 26px
}

.prev-line {
	display: inline-block;
	vertical-align: middle;
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.prev-dot:before,.prev-line:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: -2px 10px 0
}

.prev-dot:first-of-type:before,.prev-line:first-of-type:before {
	display: none
}

.prev-line:before {
	width: 1px;
	height: 12px;
	background-color: #e0e0e0
}

.resume-box .item-primary {
	position: relative;
	border-bottom: 1px solid #eeeeee;
	padding: 26px 0 15px;
	min-height: 114px;
	box-sizing: content-box
}

.resume-box .item-primary .name {
	font-size: 24px;
	font-weight: 400;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    color:#010101;
}

.resume-box .item-primary .name i {
	margin-left: 8px;
    vertical-align: middle;
    font-size: 16px;
    display: inline-block;
    font-size:25px;
    position: relative;
    top: 1px;
}

.resume-box .item-primary .name i.icon-nan {
	color:#2fbaf6;
}

.resume-box .item-primary .name i.icon-nv {
	color:#ff3ec9;
}


.resume-box .item-primary .title {
	position: relative;
	padding-left: 12px;
	font-size: 18px;
    font-weight: 400;
    color:#010101;
}

.resume-box .item-primary .title:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 16px;
    border-radius: 10px;
    background-color: #da2246;
    left: 0;
    top: 6px;
}

.resume-box .item-primary .title .link-add {
	position: absolute;
	top: 5px;
	right: 8px;
	font-size: 14px;
	font-weight: 400;
	color: #da2246
}

.resume-box .item-primary .title .link-add .icon-svg {
	fill: #da2246;
	margin-right: 5px;
	width: 14px;
	height: 14px
}

.resume-box .item-primary .title .link-add:hover {
	color: #da2246
}

.resume-box .item-primary .title .link-add:hover .icon-svg {
	fill: #da2246
}

.resume-box .item-primary .title .label-text {
	display: inline-block;
	vertical-align: middle;
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.resume-box .item-primary .info-labels p {
	margin-top: 10px
}

.resume-box .item-primary .op {
	position: absolute;
	display: block;
	right: 3px;
	bottom: 25px
}

.resume-box .item-primary .op a {
	display: inline-block;
	line-height: 24px;
	padding: 0 5px;
	color: #da2246
}

.resume-box .item-primary .op a .icon-svg {
	fill: #da2246;
	margin-right: 5px
}

.resume-box .item-primary .op a:hover {
	opacity: 0.8;
}

.resume-box .item-primary .op a:hover .icon-svg {
	fill: #da2246
}

.resume-box .item-primary .op-show {
	display: block
}

.resume-box .item-primary ul {
	margin-top: 10px;
	margin-bottom: 2px
}

.resume-box .item-primary li {
	padding: 8px 0 8px 15px;
	position: relative;
    min-height: 40px;
    color:#333333;
}

.resume-box .item-primary li:hover {
	background-color: #f2f5f9;
	cursor: pointer;
	transition: all .15s linear
}

.resume-box .item-primary li:hover .op {
	display: block
}

.resume-box .item-primary li.disabled .op {
	display: none!important
}

.resume-box .item-primary li.disabled:hover {
	cursor: default;
	background: transparent
}

.resume-box .item-primary li.disabled:hover .op {
	display: none
}

.resume-box .item-primary li .op {
	display: none;
	bottom: unset;
	top: 8px;
	right: 3px
}

.resume-box .item-primary li .op-show {
	display: block
}

.resume-box .item-primary li .info-labels {
	margin-left: -8px
}

.resume-box .item-primary li .primary-info h4 {
	font-size: 15px;
	font-weight: 700
}

.resume-box .item-primary li .primary-info h4.name {
	max-width: 420px;
	word-break: break-all;
	float: left;
	color: #414a60
}

.resume-box .item-primary li .primary-info h4.name+.period {
	font-size: 12px;
	padding-left: 30px;
	float: left;
	position: relative;
	top: 2px
}

.resume-box .item-primary li .primary-info .info-text {
	padding: 7px 0;
	color: #333333;
	white-space: pre-wrap;
	overflow: hidden;
    word-break: break-all;
    display:flex;
}

.resume-box .info-text-time{
    width:200px;
}

.resume-box .info-name{
    width:200px;
}

.resume-box .item-primary li .primary-info .info-text:last-of-type {
	padding-bottom: 0
}

.resume-box .item-primary li .primary-info .info-text .text-type {
	font-weight: 700
}

.resume-box .item-primary li .primary-info .info-text.advantage-text {
	padding-top: 0
}

.resume-box .item-primary li .primary-info .keywords {
	padding: 7px 0 5px
}

.resume-box .item-primary li .primary-info .keywords span {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	color: #9fa3b0;
	padding: 0 14px;
	margin-right: 10px;
	border: 1px solid #cfd1d7;
	border-radius: 50px
}

.resume-box .item-primary li .primary-info .social-img {
	width: 25px;
	height: 25px;
	border-radius: 100%;
	margin-right: 15px;
	vertical-align: middle
}

.resume-box .item-form {
	padding: 20px 30px;
	margin: 0 -30px;
	background-color: #f8f9fb
}

.resume-box .item-form .ui-form {
	width: 100%
}

.resume-box .item-form .input {
	height: 38px;
	padding-left: 15px;
	padding-right: 15px
}

.resume-box .item-form .input[readonly],.resume-box .item-form .input[readonly]:focus,.resume-box .item-form .input[readonly]:hover {
	background-color: #fff;
	cursor: pointer
}

.resume-box .item-form .ui-select .ui-select-inner {
	height: 36px;
	padding-top: 8px
}

.resume-box .item-form .input-wrap-textarea .input {
	height: 124px;
	padding: 7px 15px
}

.resume-box .item-form h3.title {
	color: #24272e;
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 16px 30px
}

.resume-box .item-form .form-item {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	padding: 0 30px
}

.resume-box .item-form .form-item .datepicker-wrap,.resume-box .item-form .form-item .input-wrap,.resume-box .item-form .form-item .ui-cascader,.resume-box .item-form .form-item .ui-cascader-selection,.resume-box .item-form .form-item .ui-select {
	width: 100%;
	flex: 1
}

.resume-box .item-form .form-item .radio-group-rectangle .radio-item {
	width: 165px
}

.resume-box .item-form .form-item .date-scope-text,.resume-box .item-form .form-item .scope-separator {
	margin: 0 15px
}

.resume-box .item-form .form-item .append-tip {
	display: none;
	position: absolute;
	z-index: 1;
	top: 38px;
	left: 0;
	width: 100%;
	font-size: 13px;
	line-height: 20px;
	padding: 9px 14px;
	background-color: #fff;
	border: 1px solid #e3e7ed;
	border-top: 0
}

.resume-box .item-form .form-item .append-tip .gray {
	font-size: 12px
}

.resume-box .item-form .form-item .append-tip .gray a {
	color: #da2246
}

.resume-box .item-form .form-item .append-tip .gray a:hover {
	color: #da2246
}

.resume-box .item-form .form-item .append-tip .radio-inner {
	margin-right: 10px
}

.resume-box .item-form .form-item .datepicker-wrap:hover .append-tip,.resume-box .item-form .form-item .input-group-with-append:hover .append-tip,.resume-box .item-form .form-item .radio-group:hover .append-tip,.resume-box .item-form .form-item .ui-select:hover .append-tip {
	display: block
}

.resume-box .item-form .form-item .datepicker-wrap .prefix-totoday {
	padding-left: 10px;
	padding-right: 15px;
	line-height: 26px;
	pointer-events: none;
	left: 5px
}

.resume-box .item-form .form-item .nodata-tip {
	position: absolute;
	font-size: 12px;
	padding: 6px 10px 8px 0
}

.resume-box .item-form .form-item .nodata-tip i {
	color: #fc6c38;
	font-size: 14px;
	margin-right: 6px
}

.resume-box .item-form .form-item .datepicker-pannel {
	width: 300px
}

.resume-box .item-form .form-item .datepicker-pannel .picker-content .month,.resume-box .item-form .form-item .datepicker-pannel .picker-content .year {
	margin: 5px 4px
}

.resume-box .item-form .form-item.form-item-full {
	width: auto;
	display: block
}

.resume-box .item-form .form-item.form-item-full .append-tip {
	max-width: none
}

.resume-box .item-form .form-item.form-item-full .item-content .date-scope .datepicker-wrap {
	flex: 1
}

.resume-box .item-form .form-item.form-item-full .item-content .date-scope .scope-separator {
	width: 30px
}

.resume-box .item-form .form-item.form-item-full .item-content:before {
	content: "";
	overflow: hidden;
	height: 0;
	display: block;
	clear: both
}

.resume-box .item-form .form-item.form-item-full .item-content .input-wrap {
	width: 100%
}

.resume-box .item-form .form-item.form-item-full .item-content .scope-separator {
	width: 30px;
	text-align: center
}

.resume-box .item-form .form-item.form-item-full .item-content .skill-tag-selecter {
	flex: 1
}

.resume-box .item-form .form-item.form-item-full .scope-selecter .scope-select .ui-select-selection .ui-select-inner {
	padding: 6px 15px 5px
}

.resume-box .item-form .form-item.form-item-full .scope-selecter .scope-select .ui-select-selection .ui-select-inner span {
	margin: 0
}

.resume-box .item-form .form-item.form-item-full .serial-toolbar {
	width: 100%
}

.resume-box .item-form .form-item .item-form-suggest-item u.h {
	color: #16c3b1;
	text-decoration: none
}

.resume-box .item-form .form-item.resume-expectation-city .text-small {
	position: absolute;
	right: 55px;
	top: 3px
}

.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown,.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown>.ui-cascader-menu {
	width: 100%
}

.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown>.ui-cascader-menu .ui-cascader-menu {
	width: 50%
}

.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown>.ui-cascader-menu .ui-cascader-menu>.ui-dropdown-list {
	width: 100%
}

.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown>.ui-cascader-menu>.ui-dropdown-list {
	width: 50%
}

.resume-box .item-form .form-btns {
	text-align: right;
	padding-right: 30px
}

.resume-box .item-form .form-btns .btn {
	margin-right: 20px;
	min-width: 90px
}

.resume-box .item-form .form-btns .btn:last-of-type {
	margin-right: 0
}

.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item,.resume-box .item-form .ui-suggest .ui-dropmenu-list li {
	display: flex
}

.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item div,.resume-box .item-form .ui-suggest .ui-dropmenu-list li div {
	flex: 1;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}

.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item div span,.resume-box .item-form .ui-suggest .ui-dropmenu-list li div span {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}

.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item .h,.resume-box .item-form .ui-suggest .ui-dropmenu-list li .h {
	text-decoration: none;
	color: #16c3b1
}

.resume-box .avatar-upload {
	position: absolute;
	right: 40px;
	top: 70px;
	z-index: 1
}

.resume-box .resume-baseinfo .item-primary {
	padding-right: 80px
}

.resume-box .resume-baseinfo .info-labels .prev-line:before {
	margin: 0 20px
}

.resume-box .resume-advantage .item-primary li .op {
	display: block
}

.resume-box .expectation-form .salary-scope .ui-select .ui-select-inner {
	padding-top: 0
}

.resume-box .expectation-form .short {
	max-width: 140px
}

.resume-box .expectation-form .skill-tag-mask {
	width: 100%;
	height: 100%;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.resume-box .expectation-selection {
	width: 100%
}

.resume-box .expectation-selection ul {
	margin-left: 0;
	padding-top: 0;
	border: 1px solid #e3e7ed
}

.resume-box .date-scope {
	display: flex;
	align-items: center
}

.resume-box .date-scope .datepicker-wrap {
	width: 132px
}

.resume-box .date-scope .datepicker-wrap .input,.resume-box .date-scope .input-wrap {
	min-width: 100%
}

.resume-box .date-scope .date-scope-text {
	margin: 0 10px
}

.resume-box .lone,.resume-box .lone .form-item {
	width: 660px
}

.resume-box .no-icon {
	background-color: #0ff
}

.resume-box .no-icon .ui-icon-arrow-down {
	display: none
}

.resume-box .info-flex {
	display: flex
}

.resume-box .info-flex-item {
	flex: 1
}

.resume-box .header-upload {
    width: 70px;
    height: 70px;
    margin-top: 5px;
    flex: none;
    position: relative;
    border: 1px solid #eeeeee;
    border-radius: 50%;
}

.resume-box .header-upload:hover .header-mask {
	display: block
}

.resume-box .header-upload .header-box {
	width: 100%;
	height: 100%
}

.resume-box .header-upload .header-mask {
	display: none;
	background-color: hsla(0,0%,51.4%,.8);
	background-image: url(../image/icons-resume.png);
	background-repeat: no-repeat;
	background-position: center -775px
}

.resume-box .header-upload .header-loading,.resume-box .header-upload .header-mask {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer
}

.resume-box .header-upload .header-loading {
	background-color: hsla(0,0%,51.4%,.5);
	color: #d1d4db;
	text-align: center;
	font-size: 30px;
	line-height: 80px
}

.resume-box .header-upload .header-img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.resume-box .resume-cropper-upload .custom-cropper-box {
	width: 410px;
	height: 480px;
	padding: 20px;
	border-radius: 10px
}

.resume-box .resume-cropper-upload .cropper-win .btns-box {
	top: calc(50% + 260px)
}

.resume-box .resume-cropper-upload .cropper-win .custom-cropper-box .vue-cropper {
	background-color: rgba(0,0,0,.6)
}

.resume-box .advantage-show .icon-garbage {
	top: 10px
}

.resume-box .babresume-warning {
	font-size: 12px;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	color: #fc703e;
	line-height: 17px;
	position: relative;
	margin-top: 5px;
	display: block;
	animation: warning .5s ease
}

.resume-box .babresume-warning i {
	font-size: 14px
}

.resume-box .resume-summary .primary-info {
    word-break: break-all;
    padding:10px 0;
}

.resume-box .resume-userinfo .item-primary {
	padding-top: 0;
	padding-bottom: 25px
}

.resume-box .resume-userinfo .icon-garbage {
	top: 26px;
	left: -5px
}

.resume-box .resume-cert-tag {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	color: #666666;
	white-space: nowrap;
	height: 23px;
	line-height: 22px;
	border-radius: 2px;
	border: 1px solid #d0d1d6;
	padding: 0 10px;
	margin: 5px 10px 5px 0;
	overflow: hidden;
	vertical-align: top;
	position: relative
}

.resume-box .resume-cert-tag.auth:before {
	content: "V";
	position: absolute;
	background-image: linear-gradient(to left bottom,#da2246,#da2246 50%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0));
	right: 0;
	top: 0;
	color: #fff;
	width: 24px;
	height: 24px;
	font-size: 12px;
	line-height: 12px;
	text-align: right;
	padding: 2px 3px 0;
	transform: scale(.5);
	transform-origin: 100% 0
}

.resume-box .resume-tag {
	margin: 0 10px 0 0;
	padding: 2px 8px;
	color: #aaa;
	font-size: 12px;
	vertical-align: middle;
	border-radius: 50px;
	border: 1px solid #4b87ff;
	color: #4b87ff;
	background: none
}

.fz-resume {
	width: 24px;
	height: 24px; 
	background: url(../image/icons-resume.png) no-repeat;
	display: inline-block;
	vertical-align: middle
}

.fz-experience {
	background-position: 4px -477px
}

.fz-degree {
	background-position: 2px -507px
}

.fz-status {
	background-position: -26px -477px
}

.fz-tel {
	background-position: -25px -506px
}

.fz-mail {
	background-position: 4px -535px
}

.fz-weixin {
	background-position: -28px -586px
}

.fz-job {
	background-position: -25px -535px
}

.fz-salary {
	background-position: 2px -561px
}

.fz-industry {
	background-position: -26px -561px
}

.fz-place {
	background-position: 2px -585px
}

.fz-close {
	background-position: 6px -696px;
	float: right
}

.fz-info {
	background-position: 0 -54px
}

.fz-contact {
	background-position: -1px -620px
}

.fz-adventage {
	background-position: 0 -109px
}

.fz-positon {
	background-position: 0 -168px
}

.fz-history {
	background-position: 0 -225px
}

.fz-project {
	background-position: 0 -283px
}

.fz-eaducation {
	background-position: 0 -339px
}

.fz-edit {
	background-position: 5px -28px
}

.fz-add {
	background-position: 6px -662px
}

.info-labels .resume-item{
    display: flex;
    align-items: center;
    width: 50%;
    float: left;
    line-height: 1.8;
}

.resume-item-left{
    width: 90px;
    float: left;
    font-weight: 700;
    color:#666666;
}

.resume-item-right{
    width:auto;
    color:#333333;
}

.member-resume .info-labels{
    position: relative;
    overflow: hidden;
}

#resume-refresh {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #da2246;
    padding: 10px 0;
    color: #ffffff;
    border-radius: 2px;
    font-size: 18px;
    overflow: hidden;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

#resume-refresh i {
    font-size: 21px;
    margin-right: 5px;
}

#resume-outgoing {
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #009688;
    padding: 10px 0;
    color: #ffffff;
    border-radius: 2px;
    font-size: 18px;
    overflow: hidden;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

#resume-outgoing i {
    font-size: 21px;
    margin-right: 5px;
}

.resume-btn:hover{
    opacity: 0.9;
}

.resume-box .item-primary .title .link-edit {
    position: absolute;
    top: 1px;
    right: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #da2246;
}

.resume-box .item-primary .title .link-edit:hover {
    opacity: 0.8;
}

/* 预览简历弹窗 */
#resume-tan .update-time{
    display:none;
}

#resume-tan .link-edit{
    display:none;
}

#resume-tan .resume-box .item-primary li:hover {
    background-color: #ffffff;
    cursor: default;
}

#resume-tan .resume-box .header-upload:hover .header-mask {
    display: none;
}

#resume-form{
    font-size:14px;
    margin-right:40px;
    margin-top:30px;
}

/* 个人中心-招聘 */
#recruit-post {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #da2246;
    padding: 10px 0;
    color: #ffffff;
    border-radius: 2px;
    font-size: 18px;
    overflow: hidden;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

#recruit-post i {
    font-size: 21px;
    margin-right: 5px;
}

#recruit-company {
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #009688;
    padding: 10px 0;
    color: #ffffff;
    border-radius: 2px;
    font-size: 18px;
    overflow: hidden;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

#recruit-company i {
    font-size: 21px;
    margin-right: 5px;
}

.recruit-btn:hover{
    opacity: 0.9;
}

.member-recruit .content-info-left{
    width: 900px;
}

.member-recruit .member-recruit-list{
    position: relative;
    padding: 10px 30px;
    background-color: #fff;
    font-size: 14px;
    margin-bottom: 50px;
}

.member-recruit-item{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eeeeee;
    padding: 20px 0;
}

.member-recruit .member-recruit-list .member-recruit-item:last-child{
    border-bottom:none;
}

.member-recruit-item-left{
    flex:1;
    display:flex;
    flex-direction: column;
}

.member-recruit-item-left .job-title{
    font-size: 18px;
    padding: 0;
    line-height: 26px;
    color:#010101;
}

.member-recruit-item-left .info-labels{
    padding: 17px 0 7px;
    color: #666666;
    line-height: 14px;
    display:flex;
    align-items: center;
    font-size:14px;
}

.member-recruit-item-left .info-labels em{
    display: inline-block;
    border-left: 1px #cccccc solid;
    height: 13px;
    margin: 0 10px;
    vertical-align: middle;
}

.member-recruit-item-center .recruit-date{
    color: #999999;
    display: inline-block;
    height: 26px;
    line-height: 26px;
}

.member-recruit-item-right{
    width: 280px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.member-recruit-item-right-btn{
    background: #ffffff;
    color: #fff;
    border: 0;
    line-height: normal;
    cursor: pointer;
    padding: 5px 12px;
    font-size: 16px;
    width: auto;
    border-radius: 2px;
    margin-left: 10px;
}

.member-recruit-item-right-btn:hover{
    opacity: 0.9;
}

.member-recruit-item-open{
    background: #009688;
}

.member-recruit-item-close{
    background: #FF5722;
}

.member-recruit-item-edit{
    background: #1E9FFF;
}

.member-recruit-item-del{
    background: #d8202a;
}

.job-title a:hover{
    color:#da2246;
}

/* 发布职位 */
.postjob-main{
    margin-top: 50px;
    background: #ffffff;
    margin-bottom: 50px;
}

.postjob-main .layui-form-radio {
    margin-top: 0px;
}

.postjob-info{
    background: #ffffff;
    width: 800px;
    display: table;
    margin: 0 auto;
    padding: 60px 0;
    font-size:14px;
}

.postjob-info  .xieyi .layui-unselect.layui-form-checkbox {
    padding-right: 112px;
    position: relative;
    z-index: 1;
    margin-top: 5px;
    margin-left: 40px;
}

/* 公司信息 */
.member-company {
    margin-top: 50px;
    background: #ffffff;
    position: relative;
    overflow: initial;
    margin-bottom: 50px;
    font-size: 14px;
    min-height: 691px;
}

.member-company .layui-tab {
    width: 800px;
    display: table;
    margin: 0 auto;
    background: #ffffff;
    padding-top: 10px;
    padding-bottom: 80px;
    position: relative;
    overflow: initial;
}

.member-company .layui-tab-title{
    height:60px;
}

.member-company .layui-tab-title li{
    line-height: 60px;
    font-size: 16px;
    min-width:88px;
}

.member-company .layui-tab-title .layui-this:after {
    height: 61px;
}

.member-company .member-company-tab-time{
    font-size: 14px;
    position: absolute;
    top: 71px;
    right: 0px;
}

.member-company .layui-upload-img{
    width: 92px;
    height: 92px;
    margin: 0 10px 10px 0;
}

.member-company .layui-form-radio{
    margin-top: 0px;
}

.member-company .layui-form-item .layui-form-checkbox {
    margin-bottom: 4px;
}

/* 招聘首页 */
.recruit-screen{
    width:100%;
    background: #ffffff;
    -webkit-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.05);
}

.recruit-screen-search{
    width:1200px;
    display:table;
    margin:0 auto;
}

.search-box {
    padding-top: 20px;
    width: 884px;
    position: relative;
    font-size: 13px;
}

.search-form {
    position: relative;
    zoom: 1;
    z-index: 1000;
}

.search-form form{
    display: flex;
    align-items: center;
    width: 883px;
    margin: 30px auto 20px auto;
}

.search-form-con {
    display:flex;
    margin:0 auto;
    width: 794px;
    position: relative;
    flex:1;
    align-items: center;
}

.city-sel {
    display: block;
    width: 65px;
    height: 28px;
    border: 1px solid #da2246;
    border-right: none;
    line-height: 30px;
    float: left;
    padding: 6px 15px 8px 15px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
}

.city-sel .line {
    width: 1px;
    height: 26px;
    background-color: #f2f2f5;
    position: absolute;
    top: 8px;
    right: 0;
}

.city-sel .label-text {
    width: 55px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    font-size:14px;
    color:#010101;
}

.city-sel b, .industry-sel b, .position-sel b {
    font-weight: 400;
    font-size: 14px;
    color: #010101;
}

.city-sel .icon-arrow-down {
    position: absolute;
    right: 7px;
    top: 5px;
}

.industry-sel {
    display: block;
    width: 70px;
    height: 28px;
    border: 1px solid #da2246;
    border-left: none;
    border-right: none;
    line-height: 30px;
    float: right;
    padding: 6px 15px 8px 15px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
}

.industry-sel .line {
    width: 1px;
    height: 26px;
    background-color: #f2f2f5;
    position: absolute;
    top: 8px;
    left: 0;
}

.industry-sel .label-text {
    width: 55px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.industry-sel .icon-arrow-down {
    position: absolute;
    right: 10px;
    top: 5px;
}

.position-sel {
    display: block;
    width: 68px;
    height: 28px;
    border: 1px solid #da2246;
    border-left: none;
    border-right: none;
    line-height: 30px;
    float: right;
    padding: 6px 15px 8px 15px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
}

.position-sel .line {
    width: 1px;
    height: 26px;
    background-color: #f2f2f5;
    position: absolute;
    top: 8px;
    left: 0;
}

.position-sel .label-text {
    width: 60px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.position-sel .icon-arrow-down {
    position: absolute;
    right: 8px;
    top: 5px;
}

.search-form .ipt-wrap {
    float: left;
    width: 600px;
    background: #fff;
    border: 1px solid #da2246;
    border-left: none;
    border-right: none;
    position: relative;
    flex:1;
    display: flex
}

.search-job-list-wrap .search-form .ipt-wrap .ipt-search {
    width: 470px;
    flex:1;
}

.ipt-search {
    width: 470px;
    height: 28px;
    line-height: 30px;
    padding: 7px 15px;
    border: 0;
    font-size: 14px;
    color: #010101;
    -webkit-appearance: none;
}

.btn-search{
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    background: #da2246;
    border: 0;
    cursor: pointer;
    font-size: 0;
    width: 89px;
    padding: 0;
    min-width: 0;
    min-width: 0;
    display: inline-block;
}

.btn-search:hover{
    opacity: 0.9;
}

.btn-search i{
    font-size:24px;
}

.IIInsomnia-city-picker{
	position: absolute;
	border: 1px solid #cccccc;
	width: 370px;
	background: #ffffff;
	z-index: 999999;
	font-size: 0;
}
.IIInsomnia-city-picker:before, .IIInsomnia-city-picker:after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	position: absolute;
	left: 19px;
	z-index: 999999;
}
.IIInsomnia-city-picker:before{
	border-color: transparent transparent #ffffff;
	top: -19px;
	z-index: 9999999;
}
.IIInsomnia-city-picker:after{
	border-color: transparent transparent #cccccc;
	top: -20px;
}
.IIInsomnia-city-picker *{
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
	color: #666666;
	font-family: "Microsoft YaHei";
	font-size: 14px;
}
.IIInsomnia-city-picker ul{
	list-style: none;
}
.IIInsomnia-city-picker ul li{
	display: inline-block;
	position: relative;
	margin: 4px;
	cursor: pointer;
}
.IIInsomnia-city-picker p{
	font-weight: bold;
	padding: 0 4px;
	margin-top: 4px;
	margin-bottom: 10px;
}
.IIInsomnia-city-picker .line{
	width: 340px;
	margin: 0 auto;
	margin-top: 4px;
	border-bottom: 1px solid #d8d8d8;
}

/*热门城市*/
.IIInsomnia-city-picker .IIInsomnia-hot-wrap{
	width: 100%;
	background: #ffffff;
	padding: 9px;
}
.IIInsomnia-city-picker .IIInsomnia-hot-wrap ul li{
	width: 50px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #666666;
	background-color: #f5f5f5;
}
.IIInsomnia-city-picker .IIInsomnia-hot-wrap ul li:hover{
	color: #da2246;
}

/*选择省份*/
.IIInsomnia-city-picker .IIInsomnia-wrap{
	position: relative;
	width: 100%;
	background: #ffffff;
	padding: 9px;
}
.IIInsomnia-city-picker .IIInsomnia-province-name{
	display: inline-block;
	width: 50px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	position: relative;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
}
.IIInsomnia-city-picker .IIInsomnia-province-name:hover{
	color: #da2246;
}

.IIInsomnia-city-picker .IIInsomnia-province.active{
	z-index: 999999999;
}
.IIInsomnia-city-picker .IIInsomnia-province-name.active{
	border: 1px solid #D8D8D8;
	border-bottom-color: #ffffff;
	color: #da2246;
	background-color: #ffffff;
}
.IIInsomnia-city-picker .IIInsomnia-city-wrap{
	display: none;
	border: 1px solid #D8D8D8;
	background: #ffffff;
	position: absolute;
	top: 29px;
	width: 312px;
	padding: 10px 10px 5px 10px;
}
.IIInsomnia-city-picker .IIInsomnia-city{
	width: 50px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #999999;
	background-color: #f5f5f5;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.IIInsomnia-city-picker .IIInsomnia-city:hover{
	color: #da2246;
}
.IIInsomnia-city-picker .IIInsomnia-clean-btn{
	width: 108px;
	height: 30px;
    background-color: #da2246;
    color: #ffffff;
    background-image: none !important;
    border: none;
    border-radius: 0;
    cursor: pointer;
}
.IIInsomnia-city-picker .IIInsomnia-clean-btn:hover{
	opacity: 0.9;
}

.icon-fan{
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.select-tree{
    position: absolute;
    top: 44px;
    left: 697px;
    display: inline-block;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    background: #ffffff;
    z-index: 10;
}

.select-tree-yyin {
    content: " ";
    position: fixed;
    left:0;
    right: 0;
    top: 0;
    bottom:0;
    z-index: 1;
}

.dropdown-menu ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px #e3e7ed solid;
    border-top: 0;
    background-color: #fff;
    overflow: auto;
    max-height: 208px;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.select-tree li {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 42px;
    padding: 0 15px;
    cursor: pointer;
    color: #010101;
    font-size: 14px;
}

.select-tree li:hover {
    background-color: #f2f5f9;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
}

.select-tree li.selected {
    background-color: #f2f5f9;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
}

.select-tree .tree-1{
    height: 250px;
    width: 162px;
    overflow: auto;
    position: relative;
    z-index: 2;
}

.select-tree .tree-1::-webkit-scrollbar {
    width: 4px;
}

.select-tree .tree-1::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #d1d4db;
    -webkit-border-radius: 5px;
}

.position-sel.on ~ .select-tree{
    display:block !important;
}

.recruit-screen-info{
    width: 1200px;
    margin: 0 auto;
    display: table;
    color: #010101;
    line-height: 40px;
    padding: 15px 0 20px 0;
}

.recruit-screen-item{
    display:flex;
    font-size:14px;
}

.recruit-screen-item-left{
    width: 80px;
    color: #666666;
    height: 30px;
    line-height: 30px;
}

.recruit-screen-item-right{
  flex:1;
}

.recruit-screen-item-right-item {
    float: left;
    margin: 0 5px 9px 0 !important;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    position: relative;
    cursor: pointer;
}

.recruit-screen-item-right-item.active{
    background: #da2246;
    border-radius: 2px;
    color:#ffffff;
}

.recruit-screen-item-right-item:hover {
   color:#da2246;
}

.recruit-screen-item-right-item.active:hover {
    color:#ffffff;
 }

 .recruit-screen-qingkong{
     width:100%;
     clear:both;
     color:#010101;
 }

#recruit-screen-qingkong{
    float: right;
    display: flex;
    align-items: center;
    line-height: 1.5;
    cursor: pointer;
}

#recruit-screen-qingkong:hover span{
    text-decoration:underline;
    color:#da2246;
}

#recruit-screen-qingkong i{
    margin-right:3px;
    color:#666666;
}

/* 招聘首页 */
.recruit-info{
    background: #ffffff;
    margin: 50px auto;
}

.recruit-info{
    background: #ffffff;
    margin: 50px auto;
}


.recruit-info .member-recruit-item{
  padding:0 30px;
}

.recruit-info a.member-recruit-item{
    width: auto;
    display: flex;
    align-items: center;
    padding: 0 30px;
    flex: 1;
    border-bottom: none;
}

.recruit-info .member-recruit-item-info {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    display: flex;
    align-items: self-start;
    padding: 20px 0;
}

.recruit-info a.member-recruit-item:hover{
    background-color: #f8f9fb;
    -webkit-transition: all linear 0.1s;
    -o-transition: all linear 0.1s;
    transition: all linear 0.1s;
}

.recruit-info .job-title-text{
    font-size: 16px;
    color: #010101;
    font-weight: 400;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    max-width: 200px;
}

.recruit-info .job-xin{
    color:#FF5722;
    margin-left:8px;
}

.recruit-info .member-recruit-item-left .job-title{
    display: flex;
    font-size: 16px;
    align-items: center;
}

.recruit-info .member-recruit-item-center{
    flex:1;
}

.recruit-info .member-recruit-item-center-text1 {
    font-size: 16px;
    font-weight: 400;
    height: 26px;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    float: left;
}

.recruit-info .member-recruit-item-center-text1:hover {
    color:#da2246;
}

.recruit-info .member-recruit-item-center-text2 {
    padding: 17px 0 7px;
    color: #666666;
    line-height: 14px;
    display: flex;
    align-items: center;
    font-size:14px;
    clear: both;
}

.recruit-info .member-recruit-item-center-text2 em {
    display: inline-block;
    border-left: 1px #cccccc solid;
    height: 13px;
    margin: 0 10px;
    vertical-align: middle;
}

.recruit-info .member-recruit-item-right{
    display:flex;
    align-items: flex-start;
}

.recruit-info .member-recruit-item-right-info{
    display:flex;
    align-items: center;
    font-size:14px;
}

.recruit-info .member-recruit-item-right-info-touxiang{
    width: 25px !important;
    height: 25px !important;
    padding: 3px !important;
    border-width: 1px !important;
    border: 1px solid #eee;
    border-radius: 50% !important;
    vertical-align: bottom;
    margin-right: 5px;
}

.recruit-info .member-recruit-item-right-info-text{
    display: flex;
    align-items: center;
}

.recruit-info .member-recruit-item-right-info-text .vline{
    display: inline-block;
    border-left: 1px #cccccc solid;
    height: 13px;
    margin: 0 10px;
    vertical-align: middle;
    margin-top: 1px;
}

.recruit-info .member-recruit-list.recruit-info-list a.member-recruit-item:last-child .member-recruit-item-info{
    border:none;
}

/* 招聘内页 */
.recruit-view{
    width:100%;
    background: #ffffff;
    -webkit-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.05);
}

.recruit-view-info{
    width: 1200px;
    display: table;
    margin: 0 auto;
    padding: 30px 0;
    position: relative;
}

.recruit-view-info-top{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.recruit-view-info-top-text1{
    display: inline-block;
    font-weight: 400;
    margin-right: 10px;
    line-height: 35px;
    overflow: hidden;
    vertical-align: middle;
    font-size: 32px;
    color:#010101;
}

.recruit-view-info-top-text2{
    display: inline-block;
    vertical-align: middle;
    color: #FF5722;
    height: 42px;
    font-size: 30px;
    line-height: 42px;
    font-weight: 600;
}

.recruit-view-info-center{
    font-size: 14px;
    color: #666666;
    margin-bottom: 18px;
}

.recruit-view-info-center p{
    display:flex;
    align-items: center;
}

.recruit-view-info-center p .dolt {
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 2px;
    margin: 0 7px;
    border-radius: 50%;
    background-color: #666666;
}

.recruit-view-info-foot-item{
    display: inline-block;
    border-radius: 15px;
    padding: 3px 10px;
    background: rgba(218, 34, 70, .5);
    color: #fff;
    position: relative;
    margin-right: 15px;
    margin-bottom: 10px;
}

.recruit-view2{
    display: flex;
    margin-bottom: 35px;
    margin-top: 35px;
}

.content-info-left {
    flex: 1;
    background: #ffffff;
    width:900px;
}

.content-info-left-item{
    margin:40px 30px 40px 40px;
    position: relative;
    overflow: hidden;
}

.content-info-left-item-title{
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #da2246;
}

.content-info-left-item-title i{
    font-size: 18px;
    margin-right:5px;
    color:#da2246;
}

.content-info-left-list{
    margin:30px 30px;
}

.content-info-left-list li{
    width:33.33%;
    float:left;
    display:flex;
    align-items: center;
    font-size:14px;
    line-height: 35px;
}

.content-info-left-list-l{
    color:#666666;
}

.content-info-left-list-r{
    color:#010101;
}

.content-info-left-text{
    font-size:14px;
    line-height: 35px;
    color:#010101;
    margin:30px 0;
}

.content-info-left-list2 li {
    width: 100%;
}

.content-info-left-list2 li a{
    color: #449cf3;
    margin-left:10px;
    cursor: pointer;
}

.content-info-left-list2 li a.chakan{
    margin-left:0px;
}

.content-info-left-list2 li a:hover span{
    text-decoration: underline;
}

.content-info-left-list2 li a.luxian i{
    font-size:20px;
    margin-right:5px;
}

.content-info-right-author-name-text2 .dolt {
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 2px;
    margin: 0 7px;
    border-radius: 50%;
    background-color: #999999;
}

.recruit-view2 .content-info-right-author-name-text1{
    max-width: 147px;
    display: block;
}

.recruit-view2 .content-info-right-author-name-text1:hover{
    color: #da2246;
}

.tjmt-item.active .tjmt-item-text {
    color: #da2246;
}

.recruit-view-info-opt {
    position: absolute;
    right: 0px;
    top: 49px;
    display: flex;
}

.recruit-view-info-opt .member-top-info-opt-btn {
    height: 34px;
    width: 116px;
    border-radius: 100px;
    line-height: 34px;
    border: 1px solid #dddddd;
    text-align: center;
    font-size: 15px;
    color: #666666;
    margin: 0 15px;
    cursor: pointer;
}

/* 暂无数据 */
.no-data{
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    flex-direction: column;
}

.no-data i{
    font-size: 120px;
    color: #bbbbbb;
}

.no-data span{
    font-size: 14px;
    color: #999999;
}

a,div,button{
    /*-moz-user-select:none;*/
    /*-webkit-user-select:none;*/
    /*-ms-user-select:none;*/
    /*-khtml-user-select:none;*/
    /*  user-select:none;*/
}
.video-item{
	position: relative;
}
.video-title{
	position: absolute;
	bottom: -30px;
	line-height: 30px;
	width: 100%;
	text-align: center;
	font-size: 16px;
	display:none;
	left:0px;
}
.video3 .video-title{
	display:inline-block !important;
	
}
.huanti-info-video2-info-right-info{
	width: 224px;
    position: relative;
    float: left;
    display: inline-block;
    overflow: hidden;
    height: 135px;
    background: #dddddd;
    cursor: pointer;
}
.huanti-info-video2-info-left-title{
    position: relative;
    border: 1px solid #dddddd;
    border-top: none;
    padding: 8px 10px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.header-item:active,.header-item:hover {
    color: #ffffff !important;
}
.img-list-item{
	position: relative;
	border: 1px solid #eeeeee;
	width: 92px;
    height: 92px;
    margin: 0 10px 10px 0;
	display: inline-block;
	overflow: hidden;
}
.img-list-item .img-list-item-cover {
    width: 92px;
    height: 92px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.img-list-item.img-progress .img-list-item-cover{
    position: relative;
}
.img-list-item.img-progress  .img-list-item-cover:after{
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 92px;
    height: 92px;
    background: rgba(0, 0, 0,0.5);
    display: block !important;
    content: '';
    border-radius: 2px;
}
.img-list-item.img-progress .layui-progress{
	position: absolute;
    left: 5px;
    right: 5px;
    top: 38px;
    z-index: 2;
    display: inline-block !important;
}
.img-list-item .img-error{
	position: absolute;
    z-index: 3;
    top: 10px;
    font-size: 12px;
    left: 5px;
    color: #ffffff;
    right: 5px;
}
.img-list-item .img-error p{
    margin-bottom: 5px;
}
.img-list-item .img-error .img-text-reload{
    color:#f56c29 !important;
    margin-right:20px;
    position:relative;
    font-weight: 700;
}
.img-list-item .img-error .img-text-reload:after {
    content:"";
    position:absolute;
    display:inline-block;
    width:0px;
    height:80%;
    border-right:1px solid #ffffff;
    opacity:0.7;
    right:-9px;
    top:10%;
}
.img-list-item .img-error .img-text-delete{
    font-weight: 700;
    color:#fb6161 !important;
}
.layui-layer-page .layui-layer-content {
    position: relative;
    overflow: visible !important;
} 

@media only screen and (max-width: 636px) {
    .content-info-left-center{
        max-width: 100%;
        overflow: hidden;
    }
    .content-info-left-center img,.content-info-left-center iframe{
        max-width: 100%;
    }
    #header,#header2,#header3,#banner,.content-info-right,#footer,.content-info-left-foot,.content-info-left-top-info1-left-text,.content-info-left-top-info2-right,.content-info-left-top-info2-left-text3,.content-info-left-top-info1-right {
        display:none; !important;
    }
    .article-view{
    	    margin-bottom: 0px;
    }
	.content-info-left-top-info1-left-title {
	    font-size: 24px;
	    width: 100%;
	    color:#000000;
	}
	.content-info-left-top-info1 {
	    display: inline-block;
	    padding: 10px 15px;
	}
	.content-info-left-top {
	    display: flex;
	    border-bottom: none;
	    flex-direction: column;
	}
	.content-info,.content-info-left {
	    width: 100%;
	}
	.content-info-left-center {
	    line-height: 2;
	    color: #444444;
	    font-size: 16px;
	    margin-bottom: 15px;
	    padding: 0 15px;
	    margin-top: 0px;
	}
	html,body{
		min-width: initial;
	}
	.content-info-left-top-info2 {
	    display: flex;
	    padding: 5px 15px 12px 15px;
	}
	.content-info-left-center p img{
		width: 100% !important;
	    height: auto !important;
	}
	.content-info-left-top-info2-left-text2 {
	    font-size: 12px !important;
	    padding: 1px 3px;
	}
	.content-info-left {
	    padding-bottom: 5px;
	}
	.content-info-left-top-info2-left {
	    font-size: 12px;
	    color: #999999;
	}
}
.resume-box .resume-item:last-child .item-primary{
	border-bottom:none;
}
.content-pinglun-info-item-right-opt-pinglun{
	cursor: pointer;
}
.content-pinglun-info-item-right-opt-pinglun:hover{
	color: #da2246;
}
.KMSPrefix_kinMaxShow_image_item{
	/*background-size: cover !important;*/
}
.labelsInfos_div{
	height:25px;
	overflow: hidden;
	margin:0 22px;
	-moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
}
#qiandao-number.content-info-left-foot-opt-zan-number{
	position: absolute;
    left: 110%;
    top: 0%;
    font-size: 14px;
    color: #da2246;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    line-height: 22px;
}
#pinglun-number.pinglun-number{
	position: absolute;
    left: 105%;
    top: 0%;
    font-size: 14px;
    color: #da2246;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    line-height: 28px;
}