body{background: #fff;}
@font-face {
  /*font-family: "alipuhuiti";*/
  /*src: url('fonts/Alibaba-PuHuiTi-Regular.ttf');*/
}
*{margin: 0; padding: 0; font-family: alipuhuiti,Microsoft YaHei,Arial,sans-serif;}
ul,li{list-style: none;}
a{text-decoration: none;}
/* 设置滚动条的样式 */
::-webkit-scrollbar {width: 5px;}
/* 滚动槽 */
::-webkit-scrollbar-track{ border-radius: 0px;}
/* 滚动条滑块 */
/*::-webkit-scrollbar-thumb{border-radius:10px; background:rgba(0,0,0,0.1); -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,0,0,0.4);}*/
.ts3000{transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.flex-c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center;}
/**/
.red{background: #f60748 !important; color: #fff !important;}
.green{background: #20a53a !important; color: #fff !important;}
.orange{background: #ff9812 !important; color: #fff !important;}
.blue{background: #409EFF !important; color: #fff !important;}
/**/
.main-top{width: 100%; background: #000; position: fixed; top: 0; left: 0; z-index: 200;}
.main-top .top-statusbar{width: 100%; height: 32px; font-size: 14px; line-height: 35px; text-align: center; background: #000; color: #fff; display: none;}
.main-top-box{width: 1200px; height: 50px; margin: 0 auto; height: 50px; line-height: 50px; overflow: hidden; color: #fff;}
.main-top-box .logo{float: left; font-size: 18px; letter-spacing: 1px;}
.main-top-box .logoa{position: relative; padding-left: 30px;}
.main-top-box .logoa .img{height: 24px; position: absolute; top: 0; left: 2px;}
.main-top-box .login{float: right; font-size: 14px;}
.main-top-box .login a{margin-right: 7px;}
.main-top-box .login a:last-child{margin-right: 0;}
.main-top-box .login .input{display: inline-block; width: 98px; height: 21px; text-indent: 5px; margin-right: 10px; border: none; outline: none;}
.main-top-box .login .select{margin-right: 10px; border: none; outline: none;}
.main-top-box .line{padding: 0 5px;}
.main-top-box a{color: #fff;}
/**/
.main-password{width: 225px; padding: 30px 30px 50px; margin: 200px auto 0; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}
.main-password .title{width: 100%; font-weight: bold; font-size: 20px; line-height: 30px; text-align: center;} 
.main-password .input{width: 100%; margin: 20px 0;}
.main-password .input input{display: block; width: calc(100% - 20px); outline: none; height: 40px; line-height: 40px; border-radius: 4px; overflow: hidden; border: 1px solid #eee; font-size: 15px; padding: 0 10px; border-radius: 4px; text-align: center;}
.main-password .button{width: 100%; height: 40px; line-height: 40px; background: #000; font-size: 14px; text-align: center; color: #fff; border-radius: 4px; cursor: pointer;}
/**/
.main-link{text-align: center; background: #eee; font-size: 14px; line-height: 30px; padding-bottom: 40px;}
.main-link .link-box{display: inline-block; overflow: hidden;}
.main-link .link-box a{display: inline-block; float: left; color: #333; margin-right: 10px;}
.main-link .link-box a:last-child{margin-right: 0;}
.main-link .link-box a:hover{text-decoration: underline;}
/**/
.main-bot{width: 100%; height: 50px; line-height: 50px; font-size: 12px; text-align: center; background: #000; color: #fff;}
.main-bot.fixed{position: fixed; bottom: 0; left: 0; z-index: 200;}
.main-bot a{color: #fff; text-decoration: none;}
.main-bot a:hover{color: #0793ff;}
/**/
#editor-wrapper{width: calc(100% - 2px); height: 255px; border: 1px solid #ccc; z-index: 100; position: relative;}
#toolbar-container{ border-bottom: 1px solid #ccc; }
#editor-container{ height: 205px; }
/**/
#editor-wrapper.active{height: 565px;}
#editor-wrapper.active #editor-container{height: 520px;}
/**/
#editor-expand{display: flex; padding-right: 8px; height: 40px; line-height: 38px; position: absolute; right: 0; top: 0;}
#editor-expand .expand-btn{width: 40px; text-align: center; cursor: pointer;}
#editor-expand .expand-btn .icon{font-size: 18px; color: #595959;}
/**/
.main-container{width: 1200px; margin: 0 auto; padding-top: 65px; overflow: hidden;}
.main-container .container-left{width: 120px; padding-bottom: 60px; margin-right: 15px; float: left;}
.main-container .container-left .container-menu{}
.main-container .container-left .container-menu .menu-item{display: block; font-size: 16px; line-height: 32px; color: #333; text-align: center; text-decoration: none; margin-bottom: 15px; background: #eee;}
.main-container .container-left .container-menu .menu-item.grey{background: grey; color: #fff;}
.main-container .container-left .container-menu .menu-item.active{background: #000; color: #fff;}
/**/
.main-container .container-mid{width: calc(100% - 135px); padding-bottom: 100px; float: right;}
.main-container .container-mid .mid-marquee{width: 100%; padding: 0 10px; margin-bottom: 10px; overflow: hidden; position: relative;}
.main-container .container-mid .mid-marquee .marquee-box{display: inline-block; white-space: nowrap;
  will-change: transform;
  -webkit-animation: scrollLeft 50s linear infinite;
  -ms-animation: scrollLeft 50s linear infinite;
  -o-animation: scrollLeft 50s linear infinite;
  -moz-animation: scrollLeft 50s linear infinite;
  animation: scrollLeft 50s linear infinite;
}
.main-container .container-mid .mid-marquee .marquee-row{color: #333; height: 32px; line-height: 32px; font-size: 16px;}
.main-container .container-mid .mid-marquee .marquee-row span{background: none !important; margin-right: 50px;}
.main-container .container-mid .mid-marquee .marquee-row .bold{font-weight: bold;}
.main-container .container-mid .mid-marquee .marquee-row .red{color: red !important;}
.main-container .container-mid .mid-marquee .marquee-row .blue{color: #0793ff !important;}
.main-container .container-mid .mid-marquee .marquee-row .green{color: #20a53a !important;}

@keyframes scrollLeft {
  0% {
    -webkit-transform: translateX(100vw);
    -ms-transform: translateX(100vw);
    -o-transform: translateX(100vw);
    -moz-transform: translateX(100vw);
    transform: translateX(100vw);
  }
  100% {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
/**/
.main-container .container-mid .mid-files{}
.main-container .container-mid .mid-files .file-row{width: 100%; overflow: hidden; padding-top: 8px;}
.main-container .container-mid .mid-files .file-row .file-name{font-size: 14px; line-height: 20px; color: #666; float: left;}
.main-container .container-mid .mid-files .file-row .file-del{font-size: 12px; line-height: 20px; color: #999; cursor: pointer; float: right;}
/**/
.main-container .container-mid .mid-imgs{width: 100%; margin-top: 15px; overflow: hidden;}
.main-container .container-mid .mid-imgs .img-item{width: 80px; height: 80px; margin: 0 10px 10px 0; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; float: left; overflow: hidden; position: relative;}
.main-container .container-mid .mid-imgs .img-item .del{font-size: 12px; line-height: 20px; padding: 0px 3px; background: rgba(0,0,0,0.5); position: absolute; right: 0; top:0; z-index: 5;}
.main-container .container-mid .mid-imgs .img-item .img{height: 80px; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.main-container .container-mid .mid-imgs .img-item{width: 80px; height: 80px; line-height: 80px; color: #ddd; font-size: 30px; text-align: center; cursor: pointer; position: relative;}
.main-container .container-mid .mid-imgs .img-item .img-upload{display: block; width: 80px; height: 80px; cursor: pointer; opacity: 0; position: absolute; left: 0; top: 0;}
.main-container .container-mid .mid-button{width: 100%; display: flex; margin-top: 5px;}
.main-container .container-mid .mid-button .btn{width: 82px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; background: #000; color: #fff; cursor: pointer;}
.main-container .container-mid .mid-button .btn.back{margin-left: 10px; background: #eee; color: #666;}
.main-container .container-mid .mid-button .btn.video{margin-left: 10px; background: #eee; color: #666;}
.main-container .container-mid .mid-imgs .imgs-box{overflow: hidden; float: left;}
/**/
.main-container .container-mid .mid-tlink{width: 100%; margin: 7px 0 13px; overflow: hidden; display: none;}
.main-container .container-mid .mid-tlink.active{display: block;}
.main-container .container-mid .mid-tlink .tlink{display: block; width: calc(100% - 12px); height: 28px; border: 1px solid #ddd; padding: 0 5px; outline: none; float: left;}
/**/
.main-container .container-mid .mid-link{width: 100%; margin: 7px 0 13px; overflow: hidden; display: none;}
.main-container .container-mid .mid-link .link-input{display: block; width: 205px; height: 28px; border: 1px solid #ddd; padding: 0 5px; outline: none; float: left;}
.main-container .container-mid .mid-link .link-btn{display: block; padding: 0 10px; height: 30px; border: 1px solid #ddd; cursor: pointer; color: #999; outline: none; float: left;}
.main-container .container-mid .mid-link .link-btn:hover{background: #000; color: #fff;}
/**/
.main-container .container-mid .mid-select{padding-bottom: 5px;}
.main-container .container-mid .mid-select .select{width: 82px; height: 28px; line-height: 28px; padding-left: 7px; border: 1px solid #eee; outline: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none;}
/**/
.main-container .container-mid .mid-list{margin-top: 25px;}
.main-container .container-mid .mid-list .list-item{overflow: hidden; margin-bottom: 20px;}
.main-container .container-mid .mid-list .list-item .item-avatar{width: 40px; padding-top: 4px; float: left;}
.main-container .container-mid .mid-list .list-item .item-avatar .img{width: 40px; height: 40px; border-radius: 5px;}
.main-container .container-mid .mid-list .list-item .item-text{width: calc(100% - 55px); padding-left: 15px; position: relative; float: left;}
.main-container .container-mid .mid-list .list-item .item-text .text-content{overflow: hidden; font-size: 16px; line-height: 26px; color: #222; position: relative;}
.main-container .container-mid .mid-list .list-item .item-text .text-content .content-type{overflow: hidden; position: absolute; right: 0; top: 4px;}
.main-container .container-mid .mid-list .list-item .item-text .text-content .content-type .tag{display: inline-block; font-size: 12px; height: 18px; line-height: 18px; padding: 0 5px; border-radius: 4px; overflow: hidden; color: #fff; float: left; background: #000; margin-right: 5px;}
.main-container .container-mid .mid-list .list-item .item-text .text-content .content-type .tag:last-child{margin-right: 0;}
.main-container .container-mid .mid-list .list-item .item-text .text-content .content-type .tag.top{background: #20a53a;}
.main-container .container-mid .mid-list .list-item .item-text .text-content .content-type .tag.rec{background: #ff9812;}
.main-container .container-mid .mid-list .list-item .item-text .text-content .content-type .tag.hot{background: #F60;}
.main-container .container-mid .mid-list .list-item .item-text .text-content .content-type .tag.refined{background: #8a42ff;}
.main-container .container-mid .mid-list .list-item .item-text .text-content .content-type .tag.cate{background: rgba(0,0,0,0.5);}
.main-container .container-mid .mid-list .list-item .item-text .text-content .content-type .tag.focus{background: #333;}
.main-container .container-mid .mid-list .list-item .item-text .text-content .content-type .tag.boiling{background: #FC3200;}
.main-container .container-mid .mid-list .list-item .item-text .text-content .content-type .tag.burst{background: #DE1544;}
.main-container .container-mid .mid-list .list-item .item-text .text-content img{max-width: 100%; height: auto;}
/*沸 #FC3200*/
/*爆 #DE1544*/
/**/
.main-container .container-mid .mid-list .list-item .item-text .text-content .text-open{padding: 5px 0 2px; color: #999; font-size: 15px; cursor: pointer; display: none;}
/**/
.main-container .container-mid .mid-list .list-item .item-text .text-content.close .content-box{max-height: 153px; overflow: hidden;}
.main-container .container-mid .mid-list .list-item .item-text .text-content .content-box a{color: #333;}
.main-container .container-mid .mid-list .list-item .item-text .text-content .content-box a:hover{color: #333;}
.main-container .container-mid .mid-list .list-item .item-text .text-content .content-box blockquote{ background-color: #f5f2f0; border-left: 4px solid #b4d5ff; display: block; font-size: 100%; line-height: 1.8; margin: 5px 0; font-size: 14px; color: #666; padding: 2px 5px;}
.main-container .container-mid .mid-list .list-item .item-text .text-content.close .text-open{display: block;}
.main-container .container-mid .mid-list .list-item .item-text .text-content.open .text-open{display: block;}
/**/
.main-container .container-mid .mid-list .list-item .item-text .text-imgs{width: 100%; overflow: hidden;}
.main-container .container-mid .mid-list .list-item .item-text .text-imgs .imgbox{height: 110px; margin: 8px 10px 8px 0; cursor: pointer; float: left;}
.main-container .container-mid .mid-list .list-item .item-text .text-imgs .imgbox:last-child{margin-right: 0;}
.main-container .container-mid .mid-list .list-item .item-text .text-imgs .imgbox .img{height: 110px;}
.main-container .container-mid .mid-list .list-item .item-text .text-imgs .imgbox.active{width: calc(50% - 10px); height: auto;}
.main-container .container-mid .mid-list .list-item .item-text .text-imgs .imgbox.active .img{width: 100%; height: auto;}
.main-container .container-mid .mid-list .list-item .item-text .text-imgs .imgbox.dbactive{width: 100%; height: auto;}
.main-container .container-mid .mid-list .list-item .item-text .text-imgs .imgbox.dbactive .img{width: 100%; height: auto;}
/**/
.main-container .container-mid .mid-list .list-item .item-text .text-files{}
.main-container .container-mid .mid-list .list-item .item-text .text-files .file-big{display: none;}
.main-container .container-mid .mid-list .list-item .item-text .text-files .video-play{width: 50%; max-width: 500px; position: relative;}
.main-container .container-mid .mid-list .list-item .item-text .text-files .video-play .video{width: 100%; margin-top: 5px;}
.main-container .container-mid .mid-list .list-item .item-text .text-files .video-play.active{width: 100%; max-width: 100%}
.main-container .container-mid .mid-list .list-item .item-text .text-files .video-play .big{font-size: 14px; padding: 0 4px 2px; background: rgba(0,0,0,0.5); color: #fff; cursor: pointer; position: absolute; top: 5px; right: -1px;}
.main-container .container-mid .mid-list .list-item .item-text .text-files .video-play .big:hover{background: red;}
.main-container .container-mid .mid-list .list-item .item-text .text-files .file-row.active .file-big{display: block;}
/**/
.main-container .container-mid .mid-list .list-item .item-text .text-files .file-row{width: 100%; overflow: hidden; margin: 3px 0;}
.main-container .container-mid .mid-list .list-item .item-text .text-files .file-row:last-child{margin-bottom: 0;}
.main-container .container-mid .mid-list .list-item .item-text .text-files .file-row .file-name{font-size: 14px; line-height: 20px; color: #666; float: left; cursor: pointer;}
.main-container .container-mid .mid-list .list-item .item-text .text-files .file-row .file-down{font-size: 12px; line-height: 20px; color: #999; float: right; cursor: pointer;}
/**/
.main-container .container-mid .mid-list .list-item .item-text .text-time{overflow: hidden; font-size: 14px; line-height: 20px; margin-top: 5px; color: #666; /*padding-bottom: 15px; border-bottom: 1px solid #eee;*/}
.main-container .container-mid .mid-list .list-item .item-text .text-time span{float: left; padding: 0 6px; cursor: pointer; color: #999; display: none;}
.main-container .container-mid .mid-list .list-item .item-text .text-time span:first-child{padding-left: 0;}
.main-container .container-mid .mid-list .list-item .item-text .text-time span:last-child{padding-right: 0;}
.main-container .container-mid .mid-list .list-item .item-text .text-time a{color: #999;}
.main-container .container-mid .mid-list .list-item .item-text .text-time.handle span{display: block;}
.main-container .container-mid .mid-list .list-item .item-text .text-time span.time{color: #666; padding-right: 5px; display: block;}
.main-container .container-mid .mid-list .list-item .item-text .text-time .time-handle{padding-top: 7px; overflow: hidden;}
/**/
.main-container .container-mid .mid-list .list-item .item-text .text-reply{padding: 10px 0 10px; display: none;}
.main-container .container-mid .mid-list .list-item .item-text .text-reply .textarea{display: block; padding: 10px 15px 10px; width: calc(100% - 30px); resize: none; background: #f5f5f6; border-radius: 6px; border: none; color: #1f1f1f; font-family: '微软雅黑'; outline: none;}
.main-container .container-mid .mid-list .list-item .item-text .text-reply .reply-bot{padding-top: 15px;}
.main-container .container-mid .mid-list .list-item .item-text .text-reply .reply-bot .bot-img{float: left; overflow: hidden;}
.main-container .container-mid .mid-list .list-item .item-text .text-reply .reply-bot .rimg-box{width: 28px; height: 28px; border: 1px solid #eee; float: left; margin-right: 10px; font-size: 12px; text-align: center; line-height: 28px; color: #999;}
.main-container .container-mid .mid-list .list-item .item-text .text-reply .reply-bot .rimg-box .img{width: 100%; height: 28px;}
.main-container .container-mid .mid-list .list-item .item-text .text-reply .reply-bot .rimg-btn{width: 28px; height: 28px; line-height: 27px; color: #666; text-align: center; border: 1px solid #eee; cursor: pointer; float: left; cursor: pointer; position: relative;}
.main-container .container-mid .mid-list .list-item .item-text .text-reply .reply-bot .rimg-btn .img-upload{width: 28px; height: 28px; opacity: 0; cursor: pointer; position: absolute; left: 0; top: 0;}
/**/
.main-container .container-mid .mid-list .list-item .item-text .text-reply .reply-bot .bot-btn{float: right; width: 80px; height: 28px; line-height: 27px; font-size: 14px; text-align: center; color: #fff; background: #000; border-radius: 15px; cursor: pointer;}
/**/
.main-container .container-mid .mid-list .list-item .item-text .text-reply .reply-bot .bot-left{float: left; overflow: hidden;}
.main-container .container-mid .mid-list .list-item .item-text .text-reply .reply-bot .bot-left .left-imgs{float: left; overflow: hidden;}
/*.main-container .container-mid .mid-list .list-item .item-text .text-reply .reply-bot .bot-left .left-imgs .rimg-box{width: 30px; height: 30px; border: 1px solid #eee; float: left;}
.main-container .container-mid .mid-list .list-item .item-text .text-reply .reply-bot .bot-left .left-imgs .rimg-box .img{width: 100%; height: 30px;}*/
/**/
.main-container .container-mid .mid-list .list-item .reply-list{padding: 10px 0; margin-top: 5px;}
.main-container .container-mid .mid-list .list-item .reply-list.empty{padding: 0; margin-top: 0;}
.main-container .container-mid .mid-list .list-item .reply-list .reply-item{position: relative; padding-left: 45px; margin-bottom: 15px;}
.main-container .container-mid .mid-list .list-item .reply-list .reply-item:last-child{margin-bottom: 0;}
.main-container .container-mid .mid-list .list-item .reply-list .reply-item .ritem-img{width: 35px; padding-top: 2px; position: absolute; left: 0; top: 0;}
.main-container .container-mid .mid-list .list-item .reply-list .reply-item .ritem-img .img{width: 35px; height: 35px; background: #eee; border-radius: 50%;}
.main-container .container-mid .mid-list .list-item .reply-list .reply-item .rimg-content{display: block; width: 100%; border: none; outline: none; font-size: 15px; line-height: 20px; color: #222;}
.main-container .container-mid .mid-list .list-item .reply-list .reply-item .rimg-content.update{background: #f5f5f5; padding: 5px 8px;}
.main-container .container-mid .mid-list .list-item .reply-list .reply-item .rimg-time{font-size: 12px; color: #666; overflow: hidden; margin-top: 4px;}
.main-container .container-mid .mid-list .list-item .reply-list .reply-item .rimg-time span{float: left; margin-right: 10px; cursor: pointer; color: #999; display: none;}
.main-container .container-mid .mid-list .list-item .reply-list .reply-item .rimg-time.handle span{display: block;}
.main-container .container-mid .mid-list .list-item .reply-list .reply-item .rimg-time span.time{color: #333; display: block;}
.main-container .container-mid .mid-list .list-item .reply-list .reply-item .rimg-time span.update{float: left;}
.main-container .container-mid .mid-list .list-item .reply-list .reply-item .rimg-time span.save{float: right; color: #333;}
/**/
.rimg-imgs{width: 100%; margin: 5px 0; overflow: hidden;}
.rimg-imgs .imgbox{height: 95px; margin: 8px 10px 8px 0; cursor: pointer; float: left;}
.rimg-imgs .imgbox:last-child{margin-right: 0;}
.rimg-imgs .imgbox .img{height: 95px;}
.rimg-imgs .imgbox.active{height: 350px;}
.rimg-imgs .imgbox.active .img{height: 350px;}
/**/
.rimgs-files{width: 100%; margin: 5px 0; overflow: hidden;}
.rimgs-files .files-row{display: block; width: 100%; font-size: 14px; line-height: 22px; color: #666; overflow: hidden;}
.rimgs-files .files-row .row-left{float: left;}
.rimgs-files .files-row .row-right{float: right; font-size: 14px; color: #888;}
/**/
.main-container .container-mid .mid-list .list-item.reply .item-text .text-reply{display: block;}
/**/
.main-container .container-mid .bot-page{margin-top: 45px;}
.main-container .container-mid .bot-page .pagination{overflow: hidden; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center;}
.main-container .container-mid .bot-page .pagination li{width: 30px; height: 30px; line-height: 30px; text-align: center; margin-right: 10px; overflow: hidden; background: #eee;}
.main-container .container-mid .bot-page .pagination li a{display: block; text-decoration: none; color: #000;}
.main-container .container-mid .bot-page .pagination li:first-child,.main-container .container-mid .bot-page .pagination li:last-child{width: 70px; height: 30px; background: #000; color: #fff;}
.main-container .container-mid .bot-page .pagination li:first-child a,.main-container .container-mid .bot-page .pagination li:last-child a{color:#fff;}
.main-container .container-mid .bot-page .pagination li.active{background: #000; color: #fff;}
/**/
.btn{cursor: pointer;}
.main-top-box.text{width: 100%;}
.main-top-box.text .logo{padding-left: 5px;}
.main-top-box.text .login{padding-right: 5px;}
/**/
.main-content{margin-top: 0px; overflow: hidden;}
.main-content .content-item{background: #eee; margin-bottom: 20px;}
.main-content .content-item .item-title{height: 32px; line-height: 32px; background: #000; color: #000;}
.main-content .content-item .item-title .title-left{float: left; padding-left: 10px; color: #fff;}
.main-content .content-item .item-title .title-handle{float: right; display: flex; padding-top: 6px;}
.main-content .content-item .item-title .title-handle .btn{display: block; border: none; outline: none; margin-right: 10px; padding: 0 5px; border: 1px solid #fff;}
/**/
.main-content .content-item .item-rows{padding: 5px 5px; overflow: hidden;}
.main-content .content-item .item-rows .row{width: calc(50% - 10px); padding: 5px 5px; position: relative; float: left;}
.main-content .content-item .item-rows .textarea{display: block; width: calc(100% - 10px); height: 500px; padding: 5px 5px 22px; font-size: 15px; line-height: 20px; border: 1px solid #ddd; font-family: 'Microsoft YaHei'; outline: none; background: #f5f5f5;}
.main-content .content-item .item-rows .textarea:focus{border: 1px solid #000;}
/**/
.main-content .content-item .item-rows .row .speed{width: calc(100% - 26px); height: 20px; line-height: 21px; font-size: 14px; padding: 0px 8px; background: #f5f5f5; overflow: hidden; position: absolute; left: 6px; bottom: 6px; background: #f5f5f5;}
.main-content .content-item .item-rows .row .speed .num{float: left;}
.main-content .content-item .item-rows .row .speed .time{float: right; margin-left: 10px;}
/**/
.main-tips{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 500;}
.main-tips .tips-message{position: fixed; top: 40%; left: 50%; background: rgba(0,0,0,0.7); height: 35px; line-height: 35px; font-size: 15px; color: #fff; padding: 0 10px; border-radius: 4px; overflow: hidden; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
/**/
.main-arrow{width: 40px; height: 60px; position: fixed; right: 20px; bottom: 100px;}
.main-arrow .item{width: 100%; height: 30px; line-height: 30px; background: #eee; text-align: center; cursor: pointer;}
.main-arrow .item .icon{font-size: 20px; color: #999;}
.main-arrow .item:hover{background: #000;}
.main-arrow .item:hover .icon{color: #fff;}
/**/
.main-tools{width: 100%;}
.main-tools .tools-title{height: 32px; line-height: 32px; font-size: 16px; margin-bottom: 15px; font-weight: bold;}
.main-tools .tools-more{overflow: hidden;}
.main-tools .tools-more a{background: #eee; height: 32px; line-height: 32px; font-size: 14px; color: #666; padding: 0 15px; margin: 0 15px 15px 0; float: left; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.main-tools .tools-more a.red{color: red;}
.main-tools .tools-more a:hover{background: #000; color: #fff; border-radius: 6px;}
/**/
.main-tools .tools-color{overflow: hidden;}
.main-tools .tools-color .item{background: #eee; height: 32px; line-height: 32px; font-size: 14px; color: #666; padding: 0 14px; margin: 0 15px 15px 0; color: #fff; float: left;}
/**/
.main-tools .tools-text{}
.main-tools .tools-text .text-row{margin-bottom: 20px;}
.main-tools .tools-text .text-row h3{font-weight: bold; font-size: 16px;}
.main-tools .tools-text .text-row a{color: #333;}
.main-tools .tools-text .row-text{color: #333; line-height: 30px; padding-top: 10px;}
/**/
#video{display: none;}
#video-btn{width: 35px; height: 30px; background: #000; border-radius: 15px; cursor: pointer; position: fixed; right: 25px; bottom: 200px; z-index: 500;}
/*#video-btn:before{content: ''; display: block; width: 0px; height: 0px; border-top: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #fff; position: absolute; left: 14px; top: 8px; opacity: 0;}
#video-btn:after{content: ''; display: block; width: 10px; height: 10px; background: #fff; position: absolute; left: 13px; top: 9px; opacity: 1;}
#video-btn.active:before{opacity: 1;}
#video-btn.active:after{opacity: 0;}*/
#video-btn:before{content: ''; display: block; width: 10px; height: 10px; background: #fff; position: absolute; left: 13px; top: 10px;}
#video-btn.active:before{width: 0px; height: 0px; background: none; border-top: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #fff; position: absolute; left: 14px; top: 9px;}
/**/
#showImg{display: none; background: rgba(0,0,0,0.6); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 200;}
#showImg .img{max-width: 400px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
/**/
@media (max-width: 768px){
	#showImg .img{max-width: 90%;}
}
/**/
@media (max-width: 1200px){
  .main-container{width: 100%; padding-top: 65px;}
	.main-top-box{width: calc(100% - 10px);}
	.main-container{width: calc(100% - 10px);}
}
/**/
@media (max-width: 1000px){
  .main-container{width: 100%; padding-top: 65px;}
  .main-container .container-left{width: 100%; padding-bottom: 0px; float: none;}
  .main-container .container-left .container-menu{overflow: hidden; padding: 0 10px;}
  .main-container .container-left .container-menu .menu-item{float: left; padding: 0 20px; margin-right: 10px; margin-bottom: 20px;}
  .main-container .container-left .container-menu .menu-item:last-child{margin-right: 0;}
  /**/
  .main-container .container-mid{width: 100%;}
  .main-container .container-mid .mid-top{padding: 0 10px;}
  .main-container .container-mid .mid-list{padding: 0 10px;}
  /**/
  .main-top-box.text{width: calc(100% - 10px);}
  .main-content{margin-top: 0px; padding: 5px 10px 60px; overflow: hidden;}
  /**/
  .main-tools{padding: 0 10px;}
}
/**/
@media (max-width: 768px){
	.main-top-box{width: 100%; height: 45px; line-height: 45px;}
	.main-top{width: 100%;}
	.main-top-box{width: 100%;}
	.main-top-box .logo{padding-left: 10px; font-size: 16px;}
	.main-top-box .login{padding-right: 10px;}
	.main-top-box .logoa .img{top: -1px; left: 1px;}
	/**/
	.main-container{width: 100%; padding-top: 60px;}
	.main-container .container-left{width: 100%; padding-bottom: 0; float: none;}
	.main-container .container-left .container-menu{overflow: hidden; padding: 0 10px;}
	.main-container .container-left .container-menu .menu-item{float: left; padding: 0 10px; margin-right: 10px; margin-bottom: 10px;}
	.main-container .container-left .container-menu .menu-item:last-child{margin-right: 0;}
  /**/
  #editor-expand .expand-btn{width: 32px;}
	/**/
	.main-container .container-mid{width: 100%;}
	.main-container .container-mid .mid-top{padding: 0 10px;}
	.main-container .container-mid .mid-list{padding: 0 10px;}
	/**/
	.main-container .container-mid .mid-link{margin: 5px 0 18px;}
	/**/
	.main-container .container-mid .mid-list .list-item{margin-bottom: 5px;}
	.main-container .container-mid .mid-list .list-item .item-text .text-imgs .imgbox.active{width: 100%; margin: 0 0 5px; height: auto;}
	.main-container .container-mid .mid-list .list-item .item-text .text-imgs .imgbox.active .img{width: 100%; height: auto;}
	/**/
	.main-container .container-mid .mid-button{width: 100%;}
	.main-container .container-mid .mid-button .btn{width: 100%; height: 35px; line-height: 35px;}
	.main-container .container-mid .mid-select .select{width: 100%; height: 40px; line-height: 40px; margin: 10px 0;}
	/**/
	.main-container .container-mid .bot-page .pagination li{display: none;}
	.main-container .container-mid .bot-page .pagination li:first-child,.main-container .container-mid .bot-page .pagination li:nth-child(2),.main-container .container-mid .bot-page .pagination li.active,.main-container .container-mid .bot-page .pagination li:nth-last-child(2),.main-container .container-mid .bot-page .pagination li:last-child{display: block;}
	/**/
	.main-tools{padding: 0 10px;}
	/**/
	.main-bot{height: 45px; line-height: 45px;}
	/**/
	.main-top-box.text{width: calc(100% - 10px);}
	.main-content{margin-top: 0px; padding: 5px 10px 60px; overflow: hidden;}
	.main-content .content-item{width: 100%; padding: 1px; float: left;}
  .main-content .content-item .item-title{height: 40px; line-height: 40px;}
  .main-content .content-item .item-rows .row{width: calc(100% - 10px);}
  .main-content .content-item .item-title .title-handle .btn{height: 28px; padding: 0 10px;}
  /**/
  .main-arrow{width: 45px; height: 45px; right: 0; bottom: 0px; z-index: 210;}
  .main-arrow .item{height: 22px; line-height: 22px; background: #000;}
}