.layui-layout-theme-blue-2>.layui-layout-admin>.layui-header {
    border-left: 1px solid rgba(0, 0, 0, 0.1)
}

.left_logo_icon {
    width: 100%;
    height: 55px;
    background: url("../theme/img/logo_icon.png") no-repeat center;
    background-size: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 2px;
}

.left_web_name {
    width: 100%;
    height: 55px;
    background: url("../theme/img/logo.png") no-repeat center;
    background-size: 50%;
    margin-bottom: 2px;
    position: relative;
}

.left_web_name::after {
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: -1px;
    content: '';
}

.layui-form-select dl dd.layui-this {
    background-color: #f8f8f8;
    color: #1890ff;
}

.think-checkbox input[type=checkbox]:checked,
.think-checkbox input[type=radio]:checked,
.think-radio input[type=checkbox]:checked,
.think-radio input[type=radio]:checked {
    border-color: #1890ff;
    background: #1890ff;
    color: #fff;
}

.think-checkbox input[type=checkbox]:checked:after,
.think-radio input[type=checkbox]:checked:after {
    color: #fff;
}

.layui-laydate .layui-this,
.layui-laydate .layui-this>div {
    background-color: #1890ff !important;
    color: #fff !important;
}

.layui-input:focus,
.layui-textarea:focus {
    border-color: #1890ff !important;
    box-shadow: 0 0 0 2px rgba(24, 144, 255, .23)
}

.layui-form-onswitch {
    border-color: #1890ff;
    background: #1890ff;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background: #1890ff;
}

.layui-btn {
    border: 1px solid #1890ff;
    background: #e8f4ff;
    color: #1890ff;
}

.layui-btn:hover {
    border: 1px solid #1890ff;
    background: #1890ff;
    color: #fff !important;
}

.layui-btn-primary {
    border: 1px solid #1890ff;
    background: #1890ff;
    color: #fff;
}

.layui-btn-danger {
    border: 1px solid #ff4d4f;
    background: #ff4d4f;
    color: #fff !important;
}

.layui-btn-warning {
    border: 1px solid #ffba00;
    background: #ffba00;
    color: #fff !important;
}

.layui-btn-success {
    border: 1px solid #13ce66;
    background: #13ce66;
    color: #fff !important;
}

.layui-btn-group .layui-btn-primary {
    border: 1px solid #1890ff;
    background: #e8f4ff;
    color: #1890ff;
}

.layui-btn-group .layui-btn-primary:hover,
.layui-btn-group .layui-btn:hover {
    border: 1px solid #1890ff;
    background: #e8f4ff;
}

.layui-btn-group .layui-btn-active {
    border: 1px solid #1890ff;
    background: #1890ff;
    color: #fff !important;
}

.coolc_tab_box {
    position: relative;
    height: 50px;
    width: 200px;
}

.coolc_tab {
    color: #1890ff;
    ;
    background: #e8f4ff;
    padding: 0 20px 0 20px;
    display: inline-block;
    position: absolute;
    line-height: 38px;
    top: 12px;
    bottom: 0px;
    mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);
    -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);
    -webkit-mask-size: 100% 100%;
    display: flex;
    align-items: center;
}

.coolc_tab .layui-icon {
    margin-left: 6px;
    font-size: 12px;
}

/* login style */
.new_login {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new_login .left_picPay {
    width: 60%;
    height: 100%;
    position: relative;
}

.new_login .left_picPay .logo {
    position: absolute;
    left: 30px;
    top: 30px;
}

.new_login .left_picPay .logo img {
    width: 180px;
}

.new_login .left_picPay .bgs {
    width: 100%;
    height: 100%;
}

.new_login .left_picPay .copyright {
    position: absolute;
    left: 30px;
    bottom: 30px;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}

.new_login .left_picPay .copyright a {
    color: #fff;
    padding-left: 15px;
}

.new_login .left_picPay .copyright a:hover {
    color: #ff5722;
}

.new_login .login_form {
    width: 40%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 50px 130px;
    background: #fff;
    box-sizing: border-box;
}

.new_login .login_form .shop_login_top {
    width: 100%;
}

.new_login .login_form .shop_login_top .notselect {
    width: 100%;
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    color: #0080ff;
}

.new_login .login_form .shop_login_top p {
    width: 100%;
    font-size: 12px;
    display: block;
    color: #999;
    padding-top: 8px;
}

.new_login .login_form form {
    width: 100%;
}

.new_login .login_form .form_box {
    width: 100%;
    padding: 26px 0;
}

.new_login .login_form .form_box ul li {
    width: 100%;
    padding: 0 0 16px 0;
}

.new_login .login_form .form_box ul li .title {
    width: 100%;
    font-size: 14px;
    color: #333;
    padding-bottom: 8px;
}

.new_login .login_form .form_box ul li .label-required-null {
    width: 100%;
    display: block;
    position: relative;
}

.new_login .login_form .form_box ul li .label-required-null .layui-icon {
    width: 42px;
    height: 42px;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
}

.new_login .login_form .form_box ul li .label-required-null .layui-input {
    height: 42px;
    padding-left: 38px;
}

.new_login .login_form .form_box ul li .label-required-null .label {
    height: 40px;
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
}

.new_login .login_form .form_box ul li .label-required-null .label img {
    height: 40px;
}

.new_login .login_form .form_box ul li.verify .notselect {
    right: 116px !important;
}

.new_login .login_form .form_box ul li .layui-btn {
    height: 42px;
    border-radius: 2px;
}

.new_login .login_form .login_footer_box {
    width: 100%;
}

.new_login .login_form .login_footer_box a {
    width: 100%;
    display: block;
}

.new_login .login_form .login_footer_box a.forgot_account_password {
    font-weight: bold;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000;
}

.new_login .login_form .login_footer_box a.forgot_account_password i {
    height: 18px;
    line-height: 19px;
}

.new_login .login_form .login_footer_box a.forgot_account_password span {
    padding-left: 4px;
}

.new_login .login_form .login_footer_box a.join {
    font-size: 12px;
    padding-top: 8px;
    color: #999;
}

.new_login .login_form .login_footer_box a:hover {
    color: #ff5722 !important;
}

.mp_box {
    width: 800px;
    margin: 0 auto;
    background: #fff;
    padding: 30px 0 96px 0;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);
    position: relative !important;
    box-sizing: border-box;
}

.mp_box .left_view {
    box-shadow: 0 0 8px 0 rgba(229, 229, 229, 0.5);
    margin: 0;
    position: fixed;
    left: 240px;
    top: 130px;
    width: 329px;
    background: #fff;
    border-radius: 4px;
}

.mp_box .left_view .wblock {
    padding: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
}

.mp_box .left_view .wblock .layui-select {
    width: 100%;
    box-sizing: border-box;
}

.mp_box .left_view .view_pic {
    width: 100%;
    border: 2px solid #07C160;
    position: relative;
    background-color: #E6E6E6;
    box-sizing: border-box;
    height: 142px;
}

.mp_box .left_view .view_pic:before {
    background-color: rgba(0, 0, 0, 0);
    top: 55px;
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 86%);
    background-image: -o-llinear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 86%);
    background-image: -ms-llinear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 86%);
    background-image: -webkit-llinear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 86%);
}

.mp_box .left_view .view_pic .card_appmsg_hd {
    position: absolute;
    z-index: 1;
    left: 12px;
    right: 12px;
    bottom: 15px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 18px;
}

.mp_box .xxx {
    padding: 0 95px;
}

.mp_box .bottomfand {
    width: 800px;
    position: fixed;
    padding: 20px;
    bottom: 0px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    border-top: 1px solid #D9DADC;
    z-index: 118;
    text-align: center;
    box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.05);
}

.mp_box .pic_all_box {
    width: 100%;
    display: flex;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.mp_box .pic_all_box .uploadimage {
    width: 235px;
    height: 99px;
    box-shadow: unset !important;
    border: 1px solid #eee;
    border-right: 0px;
    border-radius: 0px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M12.25,3 C12.5261424,3 12.75,3.22385763 12.75,3.5 L12.75,11.25 L20.5,11.25 C20.7761424,11.25 21,11.4738576 21,11.75 L21,12.25 C21,12.5261424 20.7761424,12.75 20.5,12.75 L12.75,12.75 L12.75,20.5 C12.75,20.7761424 12.5261424,21 12.25,21 L11.75,21 C11.4738576,21 11.25,20.7761424 11.25,20.5 L11.25,12.75 L3.5,12.75 C3.22385763,12.75 3,12.5261424 3,12.25 L3,11.75 C3,11.4738576 3.22385763,11.25 3.5,11.25 L11.25,11.25 L11.25,3.5 C11.25,3.22385763 11.4738576,3 11.75,3 L12.25,3 Z' fill='%23B1B2B3'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: 100% auto;
}

.mp_box .pic_all_box .layui-textarea {
    border-radius: 0px !important;
}

.content_view {
    width: 100%;
    line-height: 24px;
}

.content_view p {
    margin-bottom: 10px;
}

.content_view img {
    width: 100% !important;
    height: auto !important;
    margin: 10px 0 0 0;
}

@media screen and (max-width: 1500px) {
    .new_login .login_form {
        padding: 50px 100px;
    }
}

@media screen and (max-width: 1199px) {
    .new_login .login_form {
        padding: 50px 80px;
    }

    .new_login .login_form .form_box ul li .notselect {
        top: -38px !important;
        right: 0px !important;
    }

    .new_login .login_form .form_box ul li.verify .notselect {
        top: -38px !important;
        right: 0px !important;
    }
}

@media screen and (max-width: 990px) {
    .new_login .login_form {
        padding: 30px 50px;
    }
}

@media screen and (max-width: 767px) {
    .new_login .login_form {
        padding: 30px 30px;
    }
}