body {
    min-width: 1200px;
}


/* header */

.header {
    height: 39px;
    display: flex;
    align-items: center;
}

.header .con-main {
    display: flex;
    align-items: center;
}

.header .header-tit {
    font-size: 12px;
    color: #000000;
}

.header .header-btn {
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    background: #6969AD;
    border-radius: 2px;
    letter-spacing: 2.2px;
    padding: 6px 15px;
    cursor: pointer;
}
.header .is_login{
    align-items: center;
}
.header .header-btn+.header-btn{
    margin-left: 16px;
}
.header .con-main>div{
    margin-right: 16px;
}


/* header */


/* footer */

.footer {
    height: 460px;
    background-color: #000;
    display: flex;
    flex-flow: row nowrap;
}

.footer .footer-left {
    width: 340px;
    height: 460px;
    background: url('./../../img/index/index/1.png') center center no-repeat;
    background-size: contain;
}

.footer .footer-right {
    position: relative;
}

.footer .footer-r-top {
    margin: 62px auto 70px;
    background: #FFFFFF;
    border-radius: 10px;
    width: 394px;
    height: 48px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
}

.footer .footer-r-center {
    display: flex;
    justify-content: space-between;
}

.footer .footer-rc-left {
    width: 196px;
    height: 197px;
    margin-left: 20px;
}

.footer .footer-rc-right {
    display: flex;
    flex-flow: column;
    height: 197px;
    justify-content: space-around;
    padding-top: 25px;
    box-sizing: border-box;
    align-items: flex-end;
}

.footer .footer-rcr-list {
    display: flex;
    justify-content: flex-end;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}

.footer .footer-rcr-list a {
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}

.footer .footer-rcr-list .footer-rcrl-item+.footer-rcrl-item {
    margin-left: 16px;
}

.footer .footer-rcr-list+.footer-rcr-list {
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .footer-rcrl-label {}

.footer .footer-rcrl-3>.footer-rcrl-item {
    display: flex;
}

.footer .footer-rcrl-3>.footer-rcrl-item+.footer-rcrl-item {
    margin-left: 20px;
}

.footer .footer-rcrl-3 .footer-rcrl-label img {
    width: auto;
    height: 16px;
    margin-right: 5px;
}

.footer .footer-r-bottom {
    font-size: 12px;
    font-weight: bold;
    color: #EAEAEA;
    line-height: 36px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.footer .footer-r-bottom span+span {
    padding-left: 20px;
}

@media (max-width: 1540px) {
    .footer .footer-left {
        width: 15%;
    }
}


/* footer */


/* nav */

.nav {
    height: 65px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 9px 0 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 1000;
    background: #000000;
}

.nav.nav-index {
    background-color: rgba(0, 0, 0, 0.3);
}

.nav .nav-menu {
    padding: 0;
    background-color: transparent;
    margin-left: 60px;
}

.nav .nav-menu .nav-menu-item {
    height: 27px;
    line-height: 27px;
}

.nav .nav-menu .nav-menu-item>a {
    font-size: 15px;
    color: #FFFFFF;
    padding: 0 13px;
}

.nav .nav-menu .nav-menu-item+.nav-menu-item {
    margin-left: 10px;
}

.nav .nav-menu .layui-this {
    background: #6969AD;
}

.nav .nav-menu .layui-this:after {
    background-color: none;
    height: 0;
}

.nav .nav-menu-one {
    padding-right: 25px !important;
}

.nav .nav-menu .layui-nav-bar {
    display: none;
}

.nav .nav-menu .nav-menu-item .layui-icon-down {
    right: 8px !important;
}

.nav .nav-menu .nav-menu-item .layui-icon-down::before {
    content: '\e625';
}

.nav .nav-menu .layui-nav-child {
    top: 45px !important;
    background-color: #000;
    width: 88px;
    border: none;
}

.nav .nav-menu .layui-nav-child a {
    color: #fff;
    padding: 0;
    text-align: center;
    line-height: 27px;
}

.nav .nav-menu .layui-nav-child a:hover {
    background-color: #6969AD;
}


/* search */

.nav .nav-search {
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 9px;
    height: 33px;
    width: 333px;
}

.nav .nav-search-dropdown {
    width: 95px;
    text-align: center;
}

.nav .nav-search-dropdown #nav_tit {
    font-size: 12px;
    color: #fff;
}

.nav .nav-search-dropdown .layui-icon-down {
    font-size: 12px;
    margin-left: 10px;
    color: #fff;
}

.nav .nav-search-input,
.nav #nav-input {
    height: 100%;
}

.nav #nav-input {
    border: none;
    background-color: transparent;
    width: 200px;
    color: #fff;
}

.nav #nav-input::-webkit-input-placeholder {
    font-size: 12px;
    color: #F5F5F5;
}

.nav #nav-input::-moz-placeholder {
    font-size: 12px;
    color: #F5F5F5;
}

.nav #nav-input:-ms-input-placeholder {
    font-size: 12px;
    color: #F5F5F5;
}

.nav #nav-input:-moz-placeholder {
    font-size: 12px;
    color: #F5F5F5;
}

.nav .nav-search-btn {
    cursor: pointer;
    margin-left: 10px;
}


/* nav */


/* index */


/* 发稿流程 */

.index-fglc-tit {
    font-size: 34px;
    font-weight: bold;
    color: #0B8B8D;
    text-align: center;
    position: relative;
    margin-top: 90px;
}

.index-fglc-tit::after {
    content: '';
    position: absolute;
    width: 187px;
    height: 21px;
    background: url('./../../img/index/index/8.png') center center no-repeat;
    background-size: contain;
    bottom: -9px;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.index-fglc-con {
    width: 100%;
    height: 146px;
    background: url('./../../img/index/index/15.png') center center no-repeat;
    background-size: auto;
    margin: 110px 0 80px;
    z-index: -1;
}

.index-fglc-list {
    position: relative;
}

.index-fglc-item {
    width: 73px;
    text-align: center;
    position: absolute;
    z-index: 1;
}

.index-fglc-item:nth-child(1) {
    top: 56px;
    left: 78px;
}

.index-fglc-item:nth-child(2) {
    top: 2px;
    left: 259px;
}

.index-fglc-item:nth-child(3) {
    top: -35px;
    left: 465px;
}

.index-fglc-item:nth-child(4) {
    top: -5px;
    left: 661px;
}

.index-fglc-item:nth-child(5) {
    top: 40px;
    left: 873px;
}

.index-fglc-item:nth-child(6) {
    top: 60px;
    left: 1054px;
}

.index-fglci-img {
    width: 73px;
    height: 73px;
    line-height: 70px;
    background: #EEEEEE;
    border-radius: 50%;
}

.index-fglci-img.on {
    background: #0B8B8D;
}

.index-fglci-img img {
    height: auto !important;
}

.index-fglci-tit {
    color: #000000;
    line-height: 29px;
    margin-top: 5px;
}


/* banner */

.banner {
    height: 673px;
    position: relative;
    margin-top: -65px;
    background-color: #000;
    margin-bottom: 21px;
    position: relative;
}

.b-bottom {
    position: absolute;
    background-color: #fff;
    width: 899px;
    height: 224px;
    box-shadow: 0px 1px 9px 0px rgba(102, 104, 90, 0.24);
    border-radius: 10px;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.b-tit {
    display: flex;
    justify-content: center;
    font-size: 22px;
    color: #6B6B6B;
}

.b-btn {
    cursor: pointer;
}

.b-tit .b-btn.on {
    color: #000000;
}

.b-tit .b-btn:nth-child(n+2) {
    margin-left: 35px;
}

.mt-25 {
    margin-top: 25px;
}

.b-form {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin-top: 25px;
}

.b-form .layui-input-inline {
    width: 277px;
    margin-right: 0;
    float: none;
}

.b-form .layui-input-inline:nth-child(n+2) {
    margin-left: 65px;
}

.b-input {
    width: 277px;
    height: 40px;
    background: #fff;
    box-shadow: 0px 1px 9px 0px rgba(34, 34, 34, 0.24);
    border-radius: 10px;
}

.b-fi-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.b-form .layui-form-item .layui-form-checkbox[lay-skin="primary"] {
    margin: 0;
}

.b-wjm-btn {
    cursor: pointer;
    color: #595959;
}

.b-fi-btn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.b-form-btn {
    width: 195px;
    height: 38px;
    line-height: 38px;
    background: #6969AD;
    border-radius: 10px;
    border: none;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1.6px;
}

.b-fi-div .layui-form-checkbox[lay-skin="primary"] i {
    width: 12px;
    height: 12px;
    line-height: 12px;
    margin-top: 1px;
}

.b-form-yzm {
    width: 110px;
    height: 40px;
    background: #515DE8;
    box-shadow: 0px 1px 9px 0px rgba(34, 34, 34, 0.24);
    border-radius: 10px;
    margin-left: 15px;
}

.b-fi-code {
    display: flex;
    align-items: center;
    margin-left: 28px;
}

.b-input.b-code {
    width: 110px;
}

.b-reg-inputs {
    display: flex;
}

.b-reg-inputs .layui-input-inline:nth-child(n+2) {
    margin-left: 28px;
}

.b-reg-mm {
    width: 240px !important;
}

.b-reg-mm input {
    width: 100% !important;
}

.tuichu {
    background: #ABABAB;
}


/* 媒体展示 */

.index-media {}

.indx-con-tit {
    text-align: center;
}

.index-m-labels {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    margin: 36px 0;
}

.index-m-labels::before {
    content: '';
    position: absolute;
    width: 702px;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.index-m-label {
    width: 80px;
    height: 28px;
    background-color: #fff;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    text-align: center;
    line-height: 26px;
    font-size: 16px;
    color: #666666;
    cursor: pointer;
    margin-right: 27px;
}

.index-m-label.on {
    border-color: #BF3635;
    background-color: #BF3635;
    color: #fff;
}

.index-m-list {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.index-m-item {
    width: 209px;
    height: 283px;
    background: #FFFFFF;
    box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.19);
    border-radius: 25px;
    text-align: center;
    padding: 0 20px 10px;
    position: relative;
    box-sizing: border-box;
    margin-left: 38px;
    margin-top: 59px;
}

.index-m-list .index-m-item:nth-child(5n+1) {
    margin-left: 0;
}

.index-m-list .index-m-item:nth-child(n+6) {
    margin-top: 65px;
}

.index-mi-img {
    width: 173px;
    height: 98px;
    border-radius: 25px;
    margin: -23px auto 0;
    box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.19);
    background-color: #fff;
    line-height: 98px;
}

.index-mi-img img {
    max-height: 80%;
    max-width: 80%;
    border-radius: 25px;
}

.index-mi-tit {
    margin-top: 25px;
}

.index-mi-money {
    font-size: 16px;
    font-weight: bold;
    color: #FF0000;
    margin-top: 26px;
}

.index-mi-hr {
    width: 45px;
    height: 1px;
    background: #BFBFBF;
    position: relative;
    margin: 18px auto 20px;
}

.index-mi-labels .index-mi-label {
    border-radius: 10px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    padding: 0 10px;
}

.index-mi-labels .index-mi-label:nth-child(n+3) {
    display: none;
}

.index-mi-labels .index-mi-label:nth-child(1) {
    background: #44A2FF;
}

.index-mi-labels .index-mi-label:nth-child(2) {
    background: #426FF4;
}

.index-mi-labels .index-mi-label:nth-child(3) {
    background: #FF8D5B;
}

.index-mi-labels .index-mi-label:nth-child(4) {
    background: #8D65F8;
}

.index-mi-labels .index-mi-label+.index-mi-label {
    margin-top: 15px;
}

.index-m-item:hover .index-mi-img {
    height: 72px;
    line-height: 72px;
}

.index-m-item:hover .index-mi-tit {
    margin-top: 15px !important;
}

.index-m-item:hover .index-mi-money {
    margin-top: 15px !important;
}

.index-m-item:hover .index-mi-hr {
    width: 40px;
    height: 5px;
    background: url('./../../img/index/index/21.png') center center no-repeat;
    background-size: contain;
    margin: 14px auto;
}

.index-m-item:hover .index-mi-labels .index-mi-label:nth-child(n+3) {
    display: block;
}

.index-m-item:hover .index-mi-labels .index-mi-label+.index-mi-label {
    margin-top: 10px;
}

.index-m-media {
    margin: 76px 27px 57px;
    display: flex;
    border: 1px solid #E5F3FC;
    border-radius: 15px;
    height: 121px;
    line-height: 121px;
}

.index-mm-item {
    flex: 1;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.index-mm-item.index-bg {
    background-color: #F8FCFF;
}

.index-mm-item.index-fff {
    background-color: #fff;
    color: #FF0000;
}


/* 核心优势 */

.index-ys {
    position: relative;
}

.index-ys::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 701px;
    background: #ECECEC;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    top: 76px;
}

.index-ys-con {
    position: relative;
    height: 771px;
}

.index-ys-item {
    display: flex;
    align-items: center;
    position: absolute;
    width: 447px;
    height: 123px;
    background: #FFFFFF;
    padding: 0 30px;
    box-sizing: border-box;
}

.index-ys-i-con {
    margin-left: 20px;
    height: 100px;
    display: flex;
    flex-flow: column;
    justify-content: space-around;
    width: 276px;
}

.index-ys-i-tit {
    font-size: 22px;
    line-height: 36px;
}

.index-ys-i-das {
    color: #252424;
    line-height: 26px;
}

.index-ys-con .index-ys-item:nth-child(1) {
    box-shadow: 0px 1px 9px 0px rgba(68, 163, 255, 0.32);
    top: 53px;
}

.index-ys-con .index-ys-item:nth-child(1) .index-ys-i-tit {
    color: #44A3FF;
}

.index-ys-con .index-ys-item:nth-child(1) .index-ys-i-das {
    margin-bottom: 15px;
}

.index-ys-con .index-ys-item:nth-child(2) {
    box-shadow: 0px 1px 9px 0px rgba(66, 111, 244, 0.32);
    top: 168px;
}

.index-ys-con .index-ys-item:nth-child(2) .index-ys-i-tit {
    color: #426FF4;
}

.index-ys-con .index-ys-item:nth-child(3) {
    box-shadow: 0px 1px 9px 0px rgba(255, 141, 91, 0.32);
    top: 286px;
}

.index-ys-con .index-ys-item:nth-child(3) .index-ys-i-tit {
    color: #FD9A61;
}

.index-ys-con .index-ys-item:nth-child(4) {
    box-shadow: 0px 1px 9px 0px rgba(103, 120, 246, 0.32);
    top: 406px;
}

.index-ys-con .index-ys-item:nth-child(4) .index-ys-i-tit {
    color: #6679F6;
}

.index-ys-con .index-ys-item:nth-child(5) {
    box-shadow: 0px 1px 9px 0px rgba(141, 101, 248, 0.32);
    top: 535px;
}

.index-ys-con .index-ys-item:nth-child(5) .index-ys-i-tit {
    color: #8C65F9;
}

.index-ys-con .index-ys-item:nth-child(2n+1) {
    left: 90px;
}

.index-ys-con .index-ys-item:nth-child(2n+2) {
    right: 81px;
}


/* 点 */

.index-ys-d {
    width: 12px;
    height: 12px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.index-ys-ds .index-ys-d:nth-child(1) {
    background: #44A2FF;
    top: 175px;
}

.index-ys-ds .index-ys-d:nth-child(2) {
    background: #4276F4;
    top: 308px;
}

.index-ys-ds .index-ys-d:nth-child(3) {
    background: #FF8D5B;
    top: 421px;
}

.index-ys-ds .index-ys-d:nth-child(4) {
    background: #6778F6;
    top: 561px;
}

.index-ys-ds .index-ys-d:nth-child(5) {
    background: #8D65F8;
    top: 671px;
}


/* 案例展示 */

.index-al-list {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    padding-bottom: 86px;
    height: 898px;
}

.index-al-item {
    width: 384px;
    height: 387px;
    background: #FFFFFF;
    box-shadow: 0px 1px 16px 0px rgba(105, 105, 173, 0.2);
    border-radius: 5px;
    margin-right: 24px;
}

.index-al-item:nth-child(3n+3) {
    margin-right: 0;
}

.index-al-item:nth-child(n+4) {
    margin-top: 38px;
}

.index-al-img {
    height: 205px;
    width: 100%;
    text-align: center;
}

.index-al-img img {
    border-radius: 15px 15px 100% 100% / 15px 15px 30% 30%;
    -webkit-border-radius: 15px 15px 100% 100% / 15px 15px 30% 30%;
    -moz-border-radius: 15px 15px 100% 100% / 15px 15px 30% 30%;
    -ms-border-radius: 15px 15px 100% 100% / 15px 15px 30% 30%;
    -o-border-radius: 15px 15px 100% 100% / 15px 15px 30% 30%;
}

.index-al-con {
    padding: 22px 19px 0 10px;
    position: relative;
    box-sizing: border-box;
}

.index-al-tit {
    font-size: 16px;
    color: #000000;
    line-height: 36px;
    padding: 0 0 10px;
}

.index-alcl-item {
    display: flex;
    align-items: flex-start;
}

.index-alc-list .index-alcl-item:nth-child(1) {
    height: 95px;
    overflow: hidden;
}

.index-alcl-item .index-alcl-label {
    white-space: nowrap;
    margin-right: 8px;
    font-size: 14px;
    color: #545454;
    line-height: 28px;
}

.index-alcl-item .index-alcl-des {
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    line-height: 24px;

    overflow: hidden;
}

.index-alc-list .index-alcl-item:nth-child(n+2) {
    display: none;
    align-items: center;
}

.index-alc-list .index-alcl-item:nth-child(n+2) span+span {
    margin-left: 8px;
}

.index-alc-ljs {
    text-align: center;
    display: none;
}

.index-alc-lj {
    margin: 10px auto 0;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.index-alcl-tit {
    font-size: 16px;
    font-weight: bold;
    color: #6969AD;
    line-height: 24px;
}

.index-al-labels {
    margin: 40px 0;
}

.index-al-item:hover .index-al-con {
    width: 384px;
    height: 270px;
    background: url('./../../img/index/index/23.png');
    top: -90px;
}

.index-al-item:hover .index-al-tit {
    padding-top: 23px;
    color: #0B0B0B;
}

.index-al-item:hover .index-alc-list .index-alcl-item:nth-child(n+2) {
    display: flex;
}

.index-al-item:hover .index-alc-ljs {
    display: block;
}


/* 合作伙伴 */

.index-hz-con {
    margin: 39px 25px 91px;
}

.index-hz-c-list {
    box-shadow: 0px 1px 16px 0px rgba(105, 105, 173, 0.2);
    border-radius: 5px;
    height: 131px;
    width: 1152px;
    overflow: hidden;
}
.index-hz-c-list+.index-hz-c-list{
    margin-top: 50px;
}

.index-hz-c-items {
    width: 1920px;
    display: flex;
    align-items: center;
}

.index-hz-c-item {
    width: 192px;
    height: 131px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index-hz-c-item img {
    max-width: 80%;
    max-height: 80%;
}


/* index */


/*media*/

.media-steps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    position: relative;
    height: 37px;
    line-height: 37px;
    margin-top: 24px;
    width: 100%;
    z-index: 1;
    /*overflow: hidden;*/
}

.media-step {
    width: 25%;
    /*overflow: hidden;*/
    background: #fff;
    box-shadow: 11px 0px 21px 0px rgba(162, 162, 162, 0.31);
    border-radius: 0px 18px 18px 0px;
    position: absolute;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #6969AD;
}

.media-steps .media-step:nth-child(1).on:after {
    content: none;
}

.media-step:nth-child(1) {
    left: 0;
    z-index: 4;
}

.media-step:nth-child(2) {
    left: 25%;
    z-index: 3;
}

.media-step:nth-child(3) {
    left: 50%;
    z-index: 2;
}

.media-step:nth-child(4) {
    left: 75%;
    z-index: 1;
}

.media-step.on {
    background: #6969AD;
    box-shadow: 0px 0px 10px 0px rgba(105, 105, 173, 0.2);
    color: #fff;
}

.media-step.on::after {
    content: '';
    position: absolute;
    width: 20%;
    height: 100%;
    background: #6969AD;
    left: -10%;
}


/*tabs*/

.tabs {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.09);
    padding: 17px 20px;
    margin-top: 30px;
}

.tabs-list .tabs-label {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    width: 58px;
    white-space: nowrap;
    word-break: keep-all;
    background: #F5F5F5;
    display: flex;
    justify-content: center;
    padding: 10px 0 0;
    line-height: 24px;
}

.tabs-list .tabs-item {
    display: flex;
    position: relative;
}

.tabs-list .tabs-ps {
    margin-left: 33px;
    width: 81.47%;
    height: 45px;
    padding: 4px 0;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    cursor: pointer;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

.tabs-list .tabs-p {
    box-sizing: border-box;
    color: #222222;
    line-height: 24px;
    height: 24px;
    padding: 0 4px;
    margin: 6px 3px;
    position: relative;
}

.tabs-list .tabs-p.on {
    font-weight: bold;
    color: #fff;
    background: #6969AD;
    border-radius: 3px;
}

.tabs-list .tabs-p:hover {
    color: #6969AD;
}

.tabs-list .tabs-p.on:hover {
    color: #fff;
}

.tabs-list .tabs-form {
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.tabs-list .tabs-form input {
    width: 76px;
    margin: 0 3px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #5A5A5A;
    border-radius: 3px;
    font-size: 14px;
}

.tabs-list .tabs-form .tabs-f-btn {
    width: 40px;
    height: 24px;
    line-height: 24px;
    color: #FFFFFF;
    background: #6969AD;
    border-radius: 3px;
    margin-left: 4px;
    text-align: center;
}

.tabs-list .tabs-form .tabs-f-span {
    color: #595959;
}

.tabs-list .tabs-more {
    font-size: 14px;
    font-weight: 400;
    color: #7F7F7F;
    position: absolute;
    right: 29px;
    top: 16px;
    cursor: pointer;
}

.tabs-list .tabs-more img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.tabs-list .tabs-other-item {
    display: flex;
    align-items: baseline;
}

.tabs-list .tabs-other-is {
    display: flex;
    align-items: flex-start;
    margin-left: 33px;
}

.tabs-list .tabs-other-i {
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}

.tabs-list .tabs-other-name {
    font-size: 14px;
    font-weight: 400;
    color: #595959;
    padding: 6px;
    z-index: 2;
    position: relative;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: transparent;
}

.tabs-list .tabs-other-name img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    margin-left: 7px;
}

.tabs-list .tabs-other-name.on_border {
    border-color: #979696;
    background-color: #fff;
}

.tabs-list .tabs-other-ps {
    display: none;
    flex-flow: row wrap;
    position: absolute;
    width: max-content;
    border: 1px solid #979696;
    padding: 11px 6px;
    z-index: 1;
    top: 31px;
    background-color: #fff;
}

.tabs-list .tabs-other-p {
    font-size: 14px;
    font-weight: 400;
    color: #595959;
}

.tabs-list .tabs-other-p.on {
    font-weight: bold;
    color: #006DD4;
}

.tabs-list .tabs-other-p+.tabs-other-p {
    margin-left: 20px;
}

.tabs .tabs-select {
    padding-left: 100px;
    display: none;
    align-items: center;
    justify-content: space-between;
    margin-top: 19px;
}

.tabs .tabs-left {
    align-items: center;
}

.tabs .tabs-select-label {
    font-size: 14px;
    font-weight: 400;
    color: #6A6A6A;
    white-space: nowrap;
}

.tabs .tabs-tabs-all {
    display: flex;
    align-items: center;
    margin: 0 6px;
    flex-flow: row wrap;
}

.tabs .tabs-tabs {
    font-size: 12px;
    font-weight: 400;
    color: #A2A1A1;
    padding: 4px 7px;
    border: 1px solid #6FA4D7;
    border-radius: 3px;
    margin: 2px 6px;
}

.tabs .tabs-tab-name {
    color: #0B83F4;
}

.tabs .tabs-tab-close {
    display: inline-block;
    margin-left: 5px;
    color: #6969AD;
    cursor: pointer;
}

.tabs .tabs-tabs-close {
    background: #F4655B;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    white-space: nowrap;
    padding: 6px 13px;
    cursor: pointer;
}

.tabs .tabs-tabs-close img {
    max-width: 12px;
    max-height: 12px;
    vertical-align: middle;
}

.tabs .bk-banb {
    position: relative;
}

.tabs .bk-banb img {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(150%, -200%);
}

.tabs .bk-main {
    background: #fff;
    width: 587px;
    height: 100%;
    position: absolute;
    z-index: 99;
    display: none;
}

.tabs .bk-tit {
    background-color: #6969AD;
    color: #fff;
    text-align: center;
    letter-spacing: 3.2px;
}

.tabs .bk-list {
    background: #fff;
    color: #202020;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #BEBEBE;
}

.tabs .bk-item {
    padding: 3px 11px;
    display: flex;
}

.tabs .bk-item+.bk-item {
    border-top: 1px solid #BEBEBE;
}

.tabs .bk-label {
    white-space: nowrap;
    width: 60px;
    text-align: right;
}

.tabs .bk-val {
    width: calc(100% - 60px);
}


/*my_select*/

.my_select {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.09);
    padding: 10px;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.my_select .my_select-box {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    color: #333;
}

.my_select .my_select-box .my_select-left {
    justify-content: flex-start;
}

.my_select .my_select-left-item {
    margin: 0 10px;
    cursor: pointer;
}

.my_select .my_select-left-item.on {
    color: #6969AD;
    font-weight: bold;
}

.my_select .my_select-right {
    justify-content: flex-end;
}

.my_select .my_select-btn {
    background: #6969AD;
    border-radius: 5px;
    height: 30px;
    line-height: 28px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    padding: 0 10px;
    border: none;
}

.my_select .my_select-input {
    width: 148px;
    margin-right: 13px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding: 0 9px;
    box-sizing: border-box;
    border: 1px solid #999999;
    border-radius: 5px;
}

.my_select .layui-form-checkbox {
    margin-right: 24px;
    color: #333;
    border-color: #6A6A6A;
    padding-left: 18px;
}

.my_select+.layui-form-checkbox span {
    padding-left: 6px;
    color: #333;
    padding-right: 0;
}

.my_select .layui-form-checkbox i.layui-icon {
    width: 12px;
    height: 12px;
    margin-top: 2px;
}

.my_select .layui-form-checkbox i.layui-icon-ok:before {
    content: unset;
}

.my_select .layui-form-checkbox.layui-form-checked i {
    background: #6969AD;
    border: 1px solid #6969AD !important;
}

.my_select .layui-form-checkbox i:hover,
.my_select .layui-form-checkbox:hover i {
    border-color: #6969AD !important;
}

.my_select .my_select-sort {
    width: 50px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    color: #333333;
    margin-right: 20px;
    margin-top: -1px;
    cursor: pointer;
}

.my_select-s-imgs {
    display: flex;
    flex-flow: column;
    margin-right: 4px;
}

.my_select-s-imgs img {
    width: 10px;
    height: 9px;
}

.my_select-s-imgs img:nth-child(2) {
    margin-top: 1px;
}

.my_select .layui-form-checkbox[lay-skin="primary"] span {
    color: #333;
}

.my_select .layui-form-checkbox[lay-skin="primary"] i {
    border-color: #6A6A6A;
}


/*madia-table*/

.media-table {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.09);
    padding: 0 10px 15px;
    margin-top: 20px;
    margin-bottom: 36px;
}

.media-list .media-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.media-list .media-left {
    width: 95px;
    height: 93px;
    line-height: 93px;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}

.media-list .media-logo {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    background: red;
}

.media-list .media-shop {
    font-size: 14px;
    font-weight: 400;
    color: #FF0000;
    padding: 5px 16px;
    border: 1px solid #FF0000;
    border-radius: 10px;
    cursor: pointer;
}

.media-list .media-shop.on {
    background: #FF0000;
    color: #fff;
}

.media-list .media-right-b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 8px 0;
}

.media-list .media-al {
    font-size: 16px;
    font-weight: 400;
    color: #E7581A;
}

.media-list .media-al-icon {
    width: 12px;
    height: 12px;
    vertical-align: middle;
}

.media-list .media-center {
    padding: 20px 44px 20px 21px;
    width: calc(100% - 200px);
    box-sizing: border-box;
    min-height: 140px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    box-sizing: border-box;
}

.media-list .media-center-des {
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    margin-top: 19px;
    white-space: initial;
}

.media-list .media-center-infos {
    display: flex;
}

.media-list .media-c-i-left {
    position: relative;
}

.media-list .media-c-i-tit {
    font-size: 16px;
    font-weight: 400;
    color: #222222;
}

.media-list .media-c-i-money {
    font-size: 14px;
    font-weight: 400;
    color: #FF0000;
    margin-top: 22px;
}

.media-list .media-c-i-money::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 31px;
    background: #D6D6D6;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.media-list .media-c-i-right {
    display: flex;
    text-align: center;
    justify-content: center;
}

.media-list .media-c-i-r-item {
    display: flex;
    flex-flow: column;
}

.media-list .media-c-i-r-i-label {
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    background: #F5F5F5;
    display: inline-block;
    padding: 5px 26px;
    white-space: nowrap;
}

.media-list .media-c-i-r-i-info {
    font-size: 12px;
    font-weight: 400;
    color: #373737;
    margin-top: 21px;
    max-width: 112px;
}

.media-list .media-center-other .media-c-i-left {
    width: 37%;
}

.media-list .media-center-other .media-c-i-right {
    width: 63%;
}

.media-list .media-center-other .bd-sl {
    position: relative;
    width: 59px;
    margin: -3px auto 0;
}

.media-list .media-center-other .bd-num {
    width: 25px;
    position: absolute;
    top: 50%;
    left: 28px;
    transform: translateY(-50%) translateX(-2px);
    -webkit-transform: translateY(-50%) translateX(-2px);
    -moz-transform: translateY(-50%) translateX(-2px);
    -ms-transform: translateY(-50%) translateX(-2px);
    -o-transform: translateY(-50%) translateX(-2px);
    font-size: 14px;
    font-weight: bold;
    color: #4190FF;
}
.media-list .layui-table-cell {
    height: auto !important;
    line-height: 1;
    overflow: unset !important;
}
.media-table .layui-table-page {
    margin-top: 20px;
    text-align: center;
}

.media-table .layui-table-page .layui-laypage,
.media-table .layui-table-page .layui-laypage>* {
    margin: 0 3px;
    padding: 0 10px;
    border-radius: 2px;
}

.media-table .layui-table-page .layui-laypage>a,
.media-table .layui-table-page .layui-laypage .layui-laypage-spr {
    border: unset;
    position: relative;
}

.media-table .layui-table-page .layui-laypage>a.layui-laypage-next:before,
.media-table .layui-table-page .layui-laypage>a.layui-laypage-next:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 30%;
    width: 0;
    height: 0;
}

.media-table .layui-table-page .layui-laypage>a.layui-laypage-next:before {
    transform: translate(calc(-50% - 1px), -50%);
    color: #fff;
    border: 5px solid #fff;
    border-left-color: #fff;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    z-index: 999;
}

.media-table .layui-table-page .layui-laypage>a.layui-laypage-next:after {
    transform: translate(-50%, -50%);
    color: #434343;
    border: 5px solid #434343;
    border-left-color: #434343;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.media-table .layui-table-page .layui-laypage>a.layui-laypage-next.layui-disabled:after {
    color: #AAAAAA;
    border: 5px solid #AAAAAA;
    border-left-color: #AAAAAA;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.media-table .layui-table-page .layui-laypage>a.layui-laypage-prev:before,
.media-table .layui-table-page .layui-laypage>a.layui-laypage-prev:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 30%;
    width: 0;
    height: 0;
}

.media-table .layui-table-page .layui-laypage>a.layui-laypage-prev:before {
    transform: translate(calc(-50% + 1px), -50%);
    color: #fff;
    border: 5px solid #fff;
    border-right-color: #fff;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    z-index: 999;
}

.media-table .layui-table-page .layui-laypage>a.layui-laypage-prev:after {
    transform: translate(-50%, -50%);
    color: #434343;
    border: 5px solid #434343;
    border-right-color: #434343;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.media-table .layui-table-page .layui-laypage>a.layui-laypage-prev.layui-disabled:after {
    color: #AAAAAA;
    border: 5px solid #AAAAAA;
    border-right-color: #AAAAAA;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.shipin-checkboxs .layui-form-checkbox {
    display: block;
    margin: 7px 0;
}

.shipin-checkboxs .shipin-checkbox {
    display: flex;
    align-items: center;
}

.shipin-checkbox .layui-form-checkbox {
    padding-left: 21px;
}

.shipin-checkbox .layui-form-checkbox span {
    padding-right: 0;
    font-size: 14px;
    padding-left: 25px;
}

.shipin-checkbox .layui-form-checkbox i {
    width: 14px !important;
    height: 14px !important;
    margin-top: 1px;
}

.shipin-checkbox .layui-form-checkbox i.layui-icon-ok:before {
    content: unset;
}

.shipin-checkbox .layui-form-checkbox.layui-form-checked i {
    background: #6969AD;
    border: 1px solid #6969AD !important;
}

.shipin-checkbox .layui-form-checkbox i:hover,
.shipin-checkbox .layui-form-checkbox:hover i {
    border-color: #6969AD !important;
}

.shipin-tabs-ps .tabs-ps {
    align-items: center;
    padding: 0;
    width: 71.47%;
    margin-left: 0;
}

.tabs-ps-radio {
    border-right: 1px dashed #E4E4E4;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    display: flex;
    margin-left: 33px;
}

.tabs-ps-radio .layui-form-radio{
    line-height: 44px;
    box-sizing: border-box;
    margin: 0;
    display: flex;
}
.tabs-item .layui-form-radio .layui-icon{
    font-size: 14px;
    color: #979696;
    margin-right: 5px;
}
.tabs-ps-radio .layui-form-radio div{
    white-space: nowrap;
}

.tabs-ps .layui-form-radio {
    line-height: 45px;
    box-sizing: border-box;
    margin: 0;
}

.tabs-ps .layui-form-radio .layui-icon {
    font-size: 14px;
    color: #979696;
    margin-right: 5px;
}

.tabs-ps .layui-form-radioed {
    color: #979696;
}

.tabs-ps .layui-form-radio:hover div {
    color: #979696;
}

.tabs-ps .layui-form-radioed i {
    color: #979696 !important;
    position: relative;
}

.tabs-ps .layui-form-radioed i:after {
    content: '';
    position: absolute;
    top: 49%;
    left: 0;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #979696;
}

.baike-bb .tabs-p {
    margin-left: 3px;
    margin-right: 8px;
}

.baike-bb .tabs-ps {
    overflow: unset;
}

.tabs-p-img {
    position: absolute;
    top: 0;
}

.baike-bb .tabs-p:hover>.bk-main {
    display: block;
}

.baike-media-center .media-c-i-right .media-c-i-r-item {
    width: 140px;
}

.media-center-6 .media-c-i-left {
    width: 27% !important;
}

.media-center-6 .media-c-i-right {
    width: 73% !important;
}

.media-center-9 {
    padding: 20px 0 20px 0 !important;
    margin: 0 11px 0px 11px;
    width: calc(100% - 222px) !important;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: rgba(0, 117, 230, 0.1);
}

.media-center-9 .media-center-infos {
    border-bottom: 1px solid rgba(0, 117, 230, 0.1);
    padding-bottom: 15px;
    padding-left: 11px;
}

.media-center-9 .media-c-i-money {
    margin-top: 10px !important;
}

.media-center-9 .media-c-i-money::after {
    width: 0 !important;
}

.media-center-9 .media-center-bottom {
    display: flex;
    width: 100%;
    padding: 20px 20px 0px 20px;
    box-sizing: border-box;
}

.media-center-9 .m-c-b-left {
    display: flex;
    width: 50%;
    box-sizing: border-box;
    flex-flow: column;
}

.media-center-9 .m-c-b-item {
    width: 98%;
    display: flex;
    align-items: flex-start;
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    line-height: 19px;
}

.media-center-9 .m-c-b-item+.m-c-b-item {
    margin-top: 10px;
}

.media-center-9 .media-c-b-label {
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    white-space: nowrap;
    margin-right: 18px;
}

.media-center-9 .m-c-b-i-right {
    width: 50%;
    box-sizing: border-box;
    padding-left: 50px;
    display: flex;
    align-items: flex-start;
}

.media-center-9 .m-c-b-r-list a {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    color: #666;
    text-decoration: none;
    margin-bottom: 10px;
}

.media-center-9 .m-c-b-r-list:hover {
    color: #6969AD;
    text-decoration: underline;
}


/*media*/


/*write*/

.mediaweite-main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 30px 0 20px;
    box-sizing: border-box;
    width: 100%;
}

.mediaweite-main .mediaweite-right {
    width: 20%;
}

.mediaweite-main .mediaweite-righ-top {
    background: #FFFFFF;
    border: 1px solid #C8DCF1;
    box-shadow: 0px 0px 21px 0px rgba(60, 143, 223, 0.11);
    font-size: 12px;
    font-weight: 400;
}

.mediaweite-main .mediaweite-righ-tits {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0075E6;
    padding: 11px 11px 6px;
    border-bottom: 1px solid #C8DCF1;
}

.mediaweite-main .mediaweite-righ-tits div {
    cursor: pointer;
}

.mediaweite-main .mediaweite-righ-list {
    max-height: 568px;
    min-height: 400px;
    overflow-y: auto;
    position: relative;
}

.mediaweite-main .mediaweite-righ-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 10px;
}

.mediaweite-main .m-r-i-name {
    width: 55%;
}

.mediaweite-main .m-r-i-money {
    width: 25%;
}

.mediaweite-main .mediaweite-righ-item+.mediaweite-righ-item {
    border-top: 1px solid #E7E7E7;
}

.mediaweite-main .mediaweite-right-center {
    font-size: 12px;
    font-weight: 400;
    color: #7F7F7F;
    padding: 9px 11px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mediaweite-main .mediaweite-right-bottom {
    background: #FFFFFF;
    border: 1px solid #C8DCF1;
    box-shadow: 0px 0px 21px 0px rgba(0, 117, 230, 0.11);
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
}

.mediaweite-main .m-r-b-sub {
    background: #B63727;
    border-radius: 10px;
    padding: 3px 0;
    cursor: pointer;
}

.mediaweite-main .m-r-b-link {
    background: #6969AD;
    border-radius: 10px;
    padding: 3px 0;
    width: 100%;
    margin-top: 13px;
    display: inline-block;
    color: #fff;
}

.mediaweite-main .m-r-b-yl {
    background: #6969AD;
    border-radius: 10px;
    padding: 3px 0;
    cursor: pointer;
    margin-top: 13px;
}

.mediaweite-main .mediaweite-left {
    width: calc(80% - 36px);
}

.mediaweite-main .mediawrite-upload-btn {
    height: 37px;
    background: #409EFF;
    border-radius: 4px;
}

.mediaweite-main .mediawrite-wb-btn {
    width: 130px;
    height: 37px;
    background: #409EFF;
    border-radius: 4px;
    padding: 0;
    margin-left: 20px;
}

.mediaweite-main .mobxz {
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.mediaweite-main .mobxz-item {
    width: 212px;
    height: 30px;
    line-height: 28px;
    box-sizing: border-box;
    color: #686868;
    border: 1px solid #7E7E7E;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}

.mediaweite-main .mobxz-item.on {
    background: #C03634;
    color: #FFFFFF;
    border: 1px solid transparent;
}

.mediaweite-main .m-w-fm {
    width: 190px;
    height: 172px;
    line-height: 172px;
    border: 1px solid #C2C2C2;
    border-radius: 4px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #B1B1B1;
}

.mediaweite-main .m-w-bk {
    display: flex;
}

.mediaweite-main .m-w-bk-mtlj {
    display: flex;
}

.mediaweite-main .m-w-bk-btn {
    width: 140px;
    height: 37px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 37px;
    letter-spacing: 3.7px;
    padding: 0;
    margin-left: 29px;
}

.mediaweite-main .m-w-bk-add {
    background: #409EFF;
}

.mediaweite-main .m-w-bk-del {
    background: #DF2121;
}

.mediaweite-main input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px !important;
    font-weight: 400;
    color: #B1B1B1
}

.mediaweite-main input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px !important;
    font-weight: 400;
    color: #B1B1B1
}

.mediaweite-main input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px !important;
    font-weight: 400;
    color: #B1B1B1
}

.mediaweite-main input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px !important;
    font-weight: 400;
    color: #B1B1B1
}

.mediawrite-tip {
    margin-left: 100px;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    padding: 13px;
    background-color: rgba(205, 205, 236, 0.18);
    letter-spacing: 0.3px;
    margin-bottom: 30px;
}

.write-r-page {
    display: flex;
}

.write-r-page div:nth-child(n+2) {
    margin-left: 6px;
}

.write-r-prev,
.write-r-next {
    width: 18px;
    height: 18px;
    border: 1px solid #595757;
    position: relative;
    cursor: pointer;
}

.write-r-prev::before,
.write-r-prev::after,
.write-r-next::before,
.write-r-next::after {
    position: absolute;
    content: ' ';
    top: 50%;
    right: 30%;
    width: 0;
    height: 0;
}

.write-r-prev::before {
    transform: translate(calc(-50% + 1px), -50%);
    color: #fff;
    border: 5px solid #fff;
    border-right-color: #fff;
    border-left: none !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    z-index: 999;
}

.write-r-prev::after {
    transform: translate(-50%, -50%);
    color: #595757;
    border: 5px solid #595757;
    border-left: none!important;
    border-top-color: transparent!important;
    ;
    border-bottom-color: transparent!important;
    ;
}

.write-r-next::before {
    transform: translate(calc(-50% - 1px), -50%);
    color: #fff;
    border: 5px solid #fff;
    border-left-color: #fff;
    border-right: none !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    z-index: 999;
}

.write-r-next::after {
    transform: translate(-50%, -50%);
    color: #595757;
    border: 5px solid #595757;
    border-right: none!important;
    border-top-color: transparent!important;
    ;
    border-bottom-color: transparent!important;
    ;
}

.write-r-next.write-r-disabled,
.write-r-prev.write-r-disabled {
    border: 1px solid #C8C8C8;
}

.write-r-prev.write-r-disabled:after,
.write-r-next.write-r-disabled:after {
    color: #C8C8C8;
    border: 5px solid #C8C8C8;
}

#container .edui-editor-iframeholder {
    height: 520px !important;
}

#container .edui-editor {
    border: 1px solid #C2C2C2;
    border-radius: 4px;
    z-index: 1;
}

#container .edui-editor:hover {
    border-color: #eee !important;
}

#container .edui-editor-bottomContainer {
    display: none;
}

.mediaweite-left input,
.mediaweite-left textarea {
    border: 1px solid #C2C2C2;
    border-radius: 4px;
}

.mediaweite-left textarea {
    min-height: 65px;
}

.mediaweite-left .layui-form-item {
    margin-bottom: 20px;
}

.baike-imgs .layui-form-label {
    width: 150px;
}

.baike-imgs .layui-input-inline {
    min-width: 190px;
    width: auto;
}

.baike-imgs .layui-form-label:nth-child(3) {
    margin-left: 50px;
}

.baike_img,
#gzhfm {
    width: 190px;
    height: 172px;
    border: 1px solid #C2C2C2;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #B1B1B1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.baike_img,
#gzhfm {
    max-width: 100%;
    max-height: 100%;
}

.baike_img {
    width: 218px;
    height: 218px
}

.dx-form .layui-form-radio .layui-icon {
    display: none;
}

.dx-form .layui-form-radio {
    border: 1px solid #737373;
    padding: 2px 20px;
    font-size: 14px;
    font-weight: 400;
    color: #737373;
    border-radius: 4px;
}

.dx-form .layui-form-radio:hover *,
.dx-form .layui-form-radio:hover,
.dx-form .layui-form-radioed {
    border-color: #0075E6;
    color: #0075E6 !important;
}

.dx-form .layui-form-select {
    width: 229px;
}

.dx-form .layui-form-select .layui-this {
    background: #0075E6;
}

#baike-links .layui-input-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#baike-links .layui-btn {
    width: 140px;
    height: 37px;
    line-height: 37px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 3.4px;
}

.baike-add {
    background: #409EFF;
}

.baike-del {
    background: #DF2121;
}

#baike-links .layui-form-item input {
    width: 80%;
}

#media-link {
    margin-left: 20px;
    background: #6969AD;
}


/*write*/


/*购物车*/

.media_rigth {
    position: fixed;
    right: 0;
    top: 25%;
    z-index: 1002;
}

.media_rigth-main {
    position: fixed;
    right: 0;
    transition: right 0.5s;
}

.media_rigth-main.on {
    position: fixed;
    right: 257px;
    transition: right 0.3s;
}

.media_rigth-main.on .media_rigth-box-1 {
    background: #6969AD;
}

.media_rigth-main.on .media_rigth-box-1-tit {
    color: #fff;
}

.media_rigth-main.on .m-r-b-1-img {
    background: url('./../../img/index/media/07.png') center center no-repeat;
}

.media_rigth-box {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
    background: #FFFFFF;
    box-shadow: 0px 2px 12px 1px rgba(0, 83, 165, 0.22);
    border-radius: 5px;
    cursor: pointer;
}

.media_rigth-box-1 {
    display: flex;
    flex-flow: column;
    height: 128px;
}

.media_rigth-box-1 img {
    width: 25px;
    height: 22px;
    margin: 0 auto;
}

.m-r-b-1-img {
    width: 25px;
    height: 22px;
    background: url('./../../img/index/media/19.png') center center no-repeat;
}

.media_rigth-box-1-tit {
    width: 25px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #6969AD;
    margin-top: 10px;
}

.media_rigth-box-3 {
    font-size: 23px;
    font-weight: bold;
    color: #6969AD;
}

.right-shop {
    width: 249px;
    height: 100vh;
    background: #FFFFFF;
    box-shadow: 0px 2px 12px 1px rgba(0, 83, 165, 0.22);
    border-radius: 5px;
    position: fixed;
    top: 0;
    right: -249px;
    z-index: 1000;
    font-size: 12px;
    font-weight: 400;
    color: #000000;
    transition: right 0.5s;
    padding-top: 37px;
}

.right-shop.show {
    right: 0;
    transition: right 0.3s;
}

.right-shop .r-s-top {
    border-bottom: 1px dashed #A2A2A2;
    display: flex;
    justify-content: space-between;
    padding: 10px 14px;
}

.right-shop .r-s-top>div {
    cursor: pointer;
}

.r-s-top.mt-40 {
    margin-top: 40px;
}

.r-s-list {
    padding: 0 5px;
    overflow-y: auto;
    max-height: calc(100vh - 188px);
}

.r-s-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 9px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.r-s-i-tit {
    font-size: 14px;
    color: #000000;
    letter-spacing: 3px;
}

.r-s-i-info {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.r-s-i-i-money {
    font-size: 14px;
    font-weight: 400;
    color: #FF0000;
    letter-spacing: 1.4px;
    margin-right: 7px;
}

.r-s-i-i-img {
    width: 12px;
    height: 12px;
    vertical-align: middle;
}

.r-s-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #292929;
    padding: 10px 14px;
    background-color: rgba(24, 124, 223, 0.15);
}

.r-s-b-money {
    margin-top: 5px;
}

.r-s-btn {
    cursor: pointer;
    background: #6969AD;
    border-radius: 19px;
    width: 189px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 3px;
    margin: 20px auto 0;
    display: block;
}

.r-s-btn:hover {
    color: #FFFFFF;
}


/*购物车*/


/*修改*/

#index_al {
    background-color: #fff !important;
}

#index_al.layui-carousel>*[carousel-item]>* {
    position: relative !important;
    background-color: #fff !important;
}

#index_al .al-show-tit-item {
    padding: 0 145px;
    border: unset;
}

#index_al .al-show-tit-item .layui-this:after {
    content: unset;
}

#index_al .layui-carousel-arrow {
    top: 40px;
    z-index: 9999;
    color: transparent;
    border-radius: 0;
    background-color: transparent;
    width: 20px;
    height: 19px;
}

#index_al .layui-carousel-arrow[lay-type="sub"] {
    left: 80px;
    background: url("./../../img/index/08.png") center center no-repeat;
    background-size: contain;
}

#index_al .layui-carousel-arrow[lay-type="add"] {
    right: 80px;
    background: url("./../../img/index/09.png") center center no-repeat;
    background-size: contain;
}

#banner_tit {
    min-width: 56px;
    text-align: center;
    display: inline-block;
}

.nav-pop.layui-layer-border {
    box-shadow: none !important;
    border: none !important;
}

.nav-pop.layui-layer {
    box-shadow: none !important;
}

.edui-for-autotypeset .edui-button-body:before {
    content: '一键自动排版';
}


/* 短视频 */

.media-cir-shipin {
    flex-flow: column;
    width: 528px !important;
    position: relative;
}

.media-cir-shipin>div {
    display: flex;
}

.media-cir-shipin .media-c-i-r-item {
    flex: 1;
}

.media-list .media-cir-shipin {
    justify-content: space-between;
    box-sizing: border-box;
    /* padding: 0 50px; */
}

.media-cil-shipin .media-c-i-money::after {
    content: none;
}

.media-list .media-cir-shipin::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 83px;
    background-color: #D6D6D6;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
}

.media-list .media-cir-shipin::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 83px;
    background-color: #D6D6D6;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
}

.media-cir-shipin .media-c-i-r-i-info {
    max-width: none;
}

.mediaweite-main #upfile {
    background: #3F85CD;
    font-size: 12px
}

.mediawrite-cz {
    font-size: 12px;
    color: #FF0000;
    cursor: pointer;
}

.write-btn-other {
    width: 682px;
}

.mediaweite-left .write-other-link {
    width: 130px;
    border: 1px solid #959595;
    border-radius: 4px;
    background-color: #fff !important;
    color: #686868;
    letter-spacing: 1px;
}

.index-popup {
    background: #FFFFFF;
    box-shadow: 0px 4px 8px 0px rgba(153, 153, 153, 0.4);
    border-radius: 10px;
}

.tabs-item .layui-form-radioed{
    color: #414141;
}
.tabs-item .layui-form-radio:hover div{
    color: #979696;
}
.tabs-item .layui-form-radioed i{
    color: #979696 !important;
    position: relative;
}
.tabs-item .layui-form-radioed i:after{
    content: '';
    position: absolute;
    top: 49%;
    left: 0;
    transform: translateY(-50%);

    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #979696;
}