/* ͨ����ʽ S */
/* .fbox { *zoom: 1;} */
/* .fbox::before,.fbox::after { content: ''; display: table;}
.fbox::after { clear: both;} */
.fl { width: 80px; display: inline-block; vertical-align: top;font-size: 16px; line-height: 50px; color: #333333; text-align: left; margin-right: 20px;}
.fr { display: inline-block; vertical-align: top; margin-left: -20px;}
/* ͨ����ʽ E */
/*��ǰҳ����ʽ*/
.container{margin: 0 auto 12px !important;}
.container .center-bar { width: 1240px; height: auto; min-height: 650px; background-color: transparent;}
.container .center-box { width: 1240px; background-color: #fff; box-sizing: border-box; padding:40px; border-radius: 4px;}
.container .dr-type { width: 100%; box-sizing: content-box;}
.container .dr-type p { 
    width: auto; 
    /* height: 60px;  */
    position: relative; 
    /* background-color: transparent;  */
    display: inline-block; 
    vertical-align: top; 
    font-size: 20px; 
    /* line-height: 60px;  */
    color: #333333; 
    padding-right: 27px; 
    border: none; 
    text-align: left; 
    font-weight: bold; 
    /* -webkit-appearance: none; 
    appearance: none; */
}
.container .dr-type .select-box { width: auto;  display: inline-block; vertical-align: top; position: relative;}
/* .container .dr-type .select-box::before { content: ""; width: 16px; height: 9px; background: #333333; position: absolute; top: 24px; right: 0; -webkit-mask: url(../PC/comm/arrow-down.png); -webkit-mask-size: 100% 100%; mask: url(../PC/comm/arrow-down.png); mask-size: 100% 100%;} */

.container .title-box { width: 100%; margin-top: 16px;}
.container .title-box .input-box{padding: 0 16px; border: 1px solid #ebebeb; border-radius: 4px;display: inline-block; vertical-align: middle; width: 1050px; height: 50px;}
.container .title-box .input-box span{font-size: 16px; color: #d5d5d5;}
.container .title-box input {padding: 0 5px; background: none; outline: none; border: none; width: 960px; height: 50px; box-sizing: border-box; font-size: 16px;}
.container .title-box input::-webkit-input-placeholder { color: #d9d9d9; }
.container .cont-box { width: 100%; box-sizing: content-box; margin: 25px auto 0;}
.container .cont-box span { 
    /* font-size: 18px; 
    line-height: 45px;  */
    color: #333333;
}
.container .cont-box .content { width: 1050px; height: 270px; border: 1px solid #ebebeb; border-radius: 4px;}
.container .cont-box .content textarea { width: 100%; height: 220px; padding: 16px; font-size: 14px; line-height: 32px; border: none; -webkit-appearance: none; appearance: none; resize: none;}
.container .cont-box .content textarea::-webkit-input-placeholder { color: #d9d9d9; }
.container .cont-box .content textarea::-webkit-scrollbar {width:4px;height:4px;background-color:transparent;}
.container .cont-box .content textarea::-webkit-scrollbar-thumb{background-color:#d5d5d5; border: none; border-radius:2px;}
.container .cont-box .content textarea::-webkit-scrollbar-track{background-color:#f0f0f0; border: none; border-radius:2px;}
.container .cont-box .content-foot { width: 100%; padding: 14px 0 14px 16px;}
.container .cont-box .content-foot .i-emj { width: 20px; height: 20px; -webkit-mask: url(../PC/comm/i-emj.png) no-repeat; -webkit-mask-size: 100%; background: #333; display: inline-block; }
.container .cont-box .content-foot .i-pic { width: 20px; height: 20px; -webkit-mask: url(../PC/comm/i-pic.png) no-repeat; -webkit-mask-size: 100%; background: #333; display: inline-block; }
.container .cont-box .content-foot .i-cue { width: 20px; height: 20px; -webkit-mask: url(../PC/comm/i-cue.png) no-repeat; -webkit-mask-size: 100%; background: #333; display: inline-block; }
.container .cont-box .content-foot .i-vid { width: 20px; height: 20px; -webkit-mask: url(../PC/comm/i-vid.png) no-repeat; -webkit-mask-size: 100%; background: #333; display: inline-block; }
.container .cont-box .content-foot .i-tag { font-size: 24px; line-height: 18px; color: #979797; }
.container .cont-box .content-foot a { display: inline-block; margin-right: 20px; }
.container .cont-box .content-foot a:hover { color: #c4943d; }
.container .cont-box .content-foot a:hover:not(.i-tag) { background: #c4943d; }
.container .cont-box .content-foot{
    position: relative;
}
.container .cont-box .content-foot span{
    font-size: 16px;
    color: #979797;
    position: absolute;
    top: 22px;
    right: 15px;
}
.container .dr-circle {
    margin-top: 16px;
}
.container .dr-circle .select-box{
    position: relative;
}
/* .container .dr-circle select { width: 340px; height: 45px; border: 1px solid #ebebeb; border-radius: 4px; position: relative; background-color: transparent; display: inline-block; vertical-align: top; font-size: 20px; line-height: 60px; color: #333333; padding-right: 35px; text-align: left; font-weight: bold; -webkit-appearance: none; appearance: none;}
.container .dr-circle .select-box { width: 340px; height: 45px; position: relative;}
.container .dr-circle .select-box::before { content: ""; width: 16px; height: 9px; background: #979797; position: absolute; top: 17px; right: 20px; -webkit-mask: url(../PC/comm/arrow-down.png); -webkit-mask-size: 100% 100%; mask: url(../PC/comm/arrow-down.png); mask-size: 100% 100%;} */
.container .sub-btn{ margin: 42px auto 0; border-radius: 4px; display: block; width: 93px; height: 45px; background: #5a15bf; font-size: 18px; line-height: 45px; color: #ffff; text-align: center;}
.container .sub-btn:hover { -webkit-filter: brightness(1.2); filter: brightness(1.2);}

/* 0612 */
.quill-editor-box{
    width: 1050px;
    /* height: 400px; */
    border: 1px solid #ebebeb;
    border-radius: 4px;
    box-sizing: border-box;
    padding-top: 15px;
    position: relative;
    /* border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; */
}
.quill-editor-box span.limit-text{
    color: #d5d5d5;
}
#quill-editor{
    height: 300px;
}
.quill-editor-dt{
    min-height: 325px;
    max-height: 700px;
    padding: 0 12px 15px;
    font-size: 16px;
    color: #333;
    overflow-y:auto;
    line-height: 25px;
}
#quill-editor p{
    font-size: 16px;
}
.ql-toolbar.ql-snow .ql-formats{
    margin-right: 12px;
}
.ql-toolbar.ql-snow{
    border: none;
    border-bottom: 1px solid #ebebeb;
    /* border-top-left-radius: 4px;
    border-top-right-radius: 4px; */
}
.ql-container.ql-snow{
    /* border: 1px solid #ebebeb;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; */
    border: none;
}
.container .dr-topic {margin-top: 16px; width: 100%; height: 50px; }
.container .dr-topic input {color: #333; width: 340px; height: 50px; border: 1px solid #ebebeb; border-radius: 4px; box-sizing: border-box; padding: 0 16px; font-size: 16px; line-height: 50px;}
.container .dr-topic input.topic-text{
    color: #1F74E0;
}
.container .dr-topic input::-webkit-input-placeholder { color: #d9d9d9; }
.cont-box .art-box{
    position: relative;
}
.choose-friend-box{
    position: absolute;
    top: 217px;
    left: 161px;
    width: 250px;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
    border-radius: 4px;
    padding: 20px;
    padding-right: 0;
    z-index: 2;
}
.choose-friend-box p{
    font-size: 16px;
    color: #979797;
    background: #fff;
    z-index: 7;
    text-align: center;
}
.friend-list{
    max-height: 300px;
    overflow-y: auto;
}
.friend-list::-webkit-scrollbar {
    width: 4px;   
    height: 4px;
  }
.friend-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #c4943d
}
.friend-list::-webkit-scrollbar-track {
  background: #f1f1f1
}
.choose-friend-box .friend-list .friend-item{
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    cursor: pointer;
}
.choose-friend-box .friend-list .friend-item:hover .info-name{
    color: #c4943d;
}
.choose-friend-box .friend-list .friend-item:last-child{
    margin-bottom: 0;
}
.friend-list .friend-item .img-box {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}
.friend-list .friend-item .img-box img{
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
.friend-list .friend-item .info-box{
    font-size: 16px;
    margin-left: 10px;
    width: 190px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 20px;
}
.dr-topic .tag-box{
    padding: 20px;
    padding-right: 0;
    position: relative;
    z-index: 2;
    width: 340px;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
    border-radius: 4px;
}
.dr-topic .tag-box{
    display: none;
}

.dr-topic .tag-box.on{
    display: block;
}
.dr-topic  .tag-box .tag-tips{
    color: #979797;
    font-size: 14px;
    margin-bottom: 16px;
}
.tag-list{
    max-height: 260px;
    overflow-y: auto;
}
.tag-list li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    cursor: pointer;
}
.tag-list::-webkit-scrollbar {
    width: 4px;     
    height: 4px;
  }
.tag-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #c4943d
}
.tag-list::-webkit-scrollbar-track {
  background: #f1f1f1
}
.tag-list li:hover .tag-left span{
    color: #c4943d;
}
.tag-list li:last-child{
    margin-bottom: 0;
}
.tag-left i{
    width: 20px;
    height: 22px;
    font-size: 16px;
    line-height: 22px;
    color: #979797;
    text-align: center;
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    display: inline-block;
    vertical-align: middle;
    background: #f1f3f5;
    margin-right: 5px;
}
.tag-left i.hex-0{
    background: url(../PC/comm/icon-topic1.png) no-repeat;
    background-size: 100%;
    font-size: 0;
    clip-path: none
}
.tag-left i.hex-1{
    background: url(../PC/comm/icon-topic2.png) no-repeat;
    background-size: 100%;
    font-size: 0;
    clip-path: none
}
.tag-left i.hex-2{
    background: url(../PC/comm/icon-topic3.png) no-repeat;
    background-size: 100%;
    font-size: 0;
    clip-path: none
}
.tag-left i.hex-3{
    background: url(../PC/comm/icon-topic4.png) no-repeat;
    background-size: 100%;
    font-size: 0;
    clip-path: none
}
.tag-right{
    padding-right: 20px;
}
.tag-right i.huo-2{
    display: inline-block;
    vertical-align: middle;
    background: url(../PC/comm/i-huo2.png) no-repeat center top; background-size: 100%; width: 15px; height: 15px;
    /* background-position: -832px -218px; */
}
.tag-list span{
    font-size: 16px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}
.tag-left span{
    width: 190px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.tag-list .new-tag{
    cursor: pointer;
}
.tag-list:hover .new-tag{
    color: #c4943d;
}
.dr-circle .select-top{
    width: 340px;
    height: 50px;
    line-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between ;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 16px;
    cursor: pointer;
}
.dr-circle .select-top .img-arrow-down{
    width: 24px;
    height: 24px;
    
}
.dr-circle .select-top .img-arrow-down.on{
    transform: rotate(180deg);
    transition: all .3s
}
.dr-circle .select-top li{
    margin-bottom: 0;
}
.dr-circle .select-con{
    padding: 20px;
    padding-right: 0;
    position: relative;
    z-index: 2;
    width: 340px;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
    border-radius: 4px;
    position: absolute;
    bottom: 50px;
    left: 0;
}
.dr-circle .select-con li:hover p{
    color: #c4943d;
}
.dr-circle .select-con .select-choose:hover{
    color: #c4943d;
}
.dr-circle .select-con ul{
    height: 270px;
    overflow-y: scroll;
}
.select-con ul::-webkit-scrollbar {
    width: 4px;     
    height: 4px;
  }
.select-con ul::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #c4943d
}
.select-con ul::-webkit-scrollbar-track {
  background: #f1f1f1
}
.dr-circle  li{
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 15px;
}
.dr-circle  li img{
    width: 40px;
    height: 40px;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 4px;
}
.dr-circle  li p{
    font-size: 16px;
    color: #333;
    margin-left: 15px;
    padding-right: 20px;
}
.dr-circle .select-choose{
    font-size: 16px;
    color: #333;
    margin-bottom: 25px;
    cursor: pointer;
}
.emoji-list{
    width: 400px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.emoji-list img{
    width: 56px;
    cursor: pointer;
}

.change-emoji-btn{
    display: flex;
}
.change-emoji-btn img{
    width: 70px;
}
#repyle_content0 img{
    display: inline-block;
    width: 45px;
}
.loading-choose{
    text-align: center;
    line-height: 133px;
    background: #fff;
}
.on{
    color: #c4943d !important;
}

/* 0619ÐÂÔö */
.tx-video-box .art-cover-container{
    margin-left: 85px;
}
.art-cover-container{
    margin-left: 15px;
    margin-top: 15px;
}
.art-cover-box{
    width: 235px;
    height: 130px;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.art-cover-box .art-mask-bg{
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}
.art-cover-box .art-cover-img{
    width: 100%;
    height: 100%;
    object-fit:cover;
    border-radius: 4px;
}
.art-cover-box .art-close-icon{
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 2;
    width: 25px;
    height: 25px;
}
.art-cover-box .art-close-icon img{
    width: 100%;
    height: 100%;
}
.art-cover-box .art-video-play{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
/* ±íÇé°ü */
.emoji-list-box{
    width: 375px;
    height: 350px;
    border: 1px solid #d5d5d5;
    position: absolute;
    background-color: #fff;
    z-index: 2;
    top: 50px;
    left: 20px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
}
.emoji-list{
    width: 100%;
    max-height: 275px;
    overflow-y: scroll;
}
.emoji-list::-webkit-scrollbar {
    width: 4px;     
    height: 4px;
  }
  .emoji-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #c4943d
}
.emoji-list::-webkit-scrollbar-track {
  background: #f1f1f1
}
.change-emoji-btn{
    background-color: #f5f5f5;
}
.change-emoji-btn .img-on{
    background-color: #fff;
}
.emoji-list img{
    width: 65px;
    cursor: pointer;
    object-fit: contain;
    display: inline-block;
    vertical-align: top;
    margin: 8px;
    margin-right: 0;
}

.change-emoji-btn{
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.change-emoji-btn img{
    width: 35px;
    margin: 3px;
    cursor: pointer;
}
/* ·¢ÎÄÕ */
 .dr-type .select-btn-box{
    margin-top: 16px;
  
 }
 .dr-type .select-btn-box a{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 35px;
    color: #C4943D ;
    text-align: center;
    background: #F8F7F0 ;
    width: 80px;
    height: 35px;
    border-radius: 4px;
    margin-right: 10px;
    box-sizing: border-box;
 }
 .dr-type .select-btn-box a:hover{
    border: 1px solid #c4943d;
 }
 .dr-type .select-btn-box a.on{
    border: 1px solid #c4943d;
 }
 .container .tx-video-box .input-box{
    border-radius: 0;
    border: none;
    padding: 0;
 }
 .container .tx-video-box input{
    width: 935px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding: 0 16px;
 }
 .tx-video-box .btn-get-txsp{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 50px;
    color: #C4943D ;
    text-align: center;
    background: #F8F7F0 ;
    width: 100px;
    height: 50px;
    border-radius: 4px;
    margin-left: 10px;
 }
 .container .tx-cover-box{
    margin-top: 20px;
 }
 .tx-cover-box .tx-cover-img-box{
    margin-top: 16px;
 }
 .tx-cover-succ-box{
    position: relative;
    width: 155px;
    height: 87px;
 }
 .tx-cover-succ-box .art-close-icon{
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 2;
    width: 25px;
    height: 25px;
}
.tx-cover-succ-box .art-close-icon img{
    width: 100%;
    height: 100%;
}
.tx-cover-succ-box .art-mask-bg{
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}
 .tx-cover-succ-box .tx-cover-succ-img{
    width: 155px;
    height: 87px;
    object-fit: cover;
    border-radius: 4px;
 }
 .tx-cover-box .tx-cover-img{
    /* margin-top: 16px; */
    width: 155px;
    height: 87px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .tx-cover-tips .tx-up-cover img{
    /* display: block;
    font-size: 16px;
    line-height: 40px;
    color: #C4943D ;
    text-align: center;
    background: #F8F7F0 ;
    width: 100px;
    height: 40px;
    border-radius: 4px;
    margin: 0 auto 0; */
    width: 40px;
    height: 40px;
    object-fit: cover;
 }
 .tx-cover-tips .tx-up-cover:hover{
    background: #FCFAEA ;
 }
 .tx-cover-box .text{
    font-size: 14px;
    color: #d5d5d5;
    margin-top: 19px;
 }
 .quill-editor-video-text{
    height: 125px;
    width: 1035px;
    box-sizing: border-box;
    padding-left:15px;
    line-height: 25px;
    resize: none;
    font-size: 16px;
    color: #333;
    border: none;
 }
 .quill-editor-box .limit-text{
    font-size: 16px;
    color: #979797;
    position: absolute;
    bottom: 8px;
    right: 15px;
 }
 .publish-article-box .fl{
    width: 70px;
 }
  .container .publish-article-box .cont-box{
    margin: 16px auto 0;
 }
 /* 0624Ð޸IJå¼þÑùʽ */
 .tox-tinymce{
    border: none !important;
 }
 .tox .tox-edit-area::before{
    border: none !important;
    border-radius: 0 !important;
 }
 .container{
    min-height: auto !important;
 }
.tag-list li:nth-child(1) i.i-hex { color: #fff; background: linear-gradient(to top, #dec678, #caa750); }
.tag-list li:nth-child(2) i.i-hex { color: #fff; background: linear-gradient(to top, #ad73e9, #7f41d5); }
.tag-list li:nth-child(3) i.i-hex { color: #fff; background: linear-gradient(to top, #c8cde1, #adb4d5); }
.tox .tox-statusbar__path{
    display: none !important;
}
.tox .tox-statusbar__wordcount{
    display: none !important;
}
.tox-statusbar{
    display: none !important;
}
/* 0724 */
.loading-icon-box{
    width: 100px;
    height: 100px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loading-icon-box .art-mask-bg{
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}
.loading-icon-box .load-con{

    width: 40px;
    height: 40px;
}
.loading-icon-add{
    width: 40px;
    height: 40px;
}
.tox-tinymce{
    height: 372px !important;
}

.tox .tox-toolbar__group{
    padding: 0 !important;
}