html, body{height:100%;background-color:#fff;margin: 0 auto;}
.mui-content{background-color:#fff;padding:0;}
.mui-content-editor{background-color: #fff;padding:3px;}
/*提示线*/
#sliderProgressBar{width:25%;}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{border-bottom:0;}
.middle-mode{background-color:#fff;border-bottom:1px solid rgba(221, 221, 221, 0.6);padding:.4rem .2rem;overflow: hidden;}
.middle-mode-img{width:50%;height: 300px;display: inline-block;overflow: hidden;}
/*搜索*/
.stage-search{padding:.2rem 0.3125rem 0 .3rem;display: flex;justify-content: space-between;}
.stage-search .forSearch{height:1rem;padding: .2rem .2rem .2rem .5rem;}
.stage-search .logo{width:15%;height:30px;margin-left:3px;margin-top:14px;}
.stage-search img{width: 20px;height: 20px;margin: .19rem;}
.stage-search .search{width:100%;height:1.0rem;border: none;border-bottom: 1px solid #eee;padding-right: 12%}
/*显示的标题、图片等内容*/
.topClassMenu{display: flex;padding: .3rem .1rem;}
.topClassMenu span{padding:.1rem .5rem;border: 1px solid #eee;border-radius:.6rem;margin:0 .2rem;}
.topClassMenu .active{background: #eee;}
#sliderSegmentedControl{background-color:#f7f7f7;padding-top:10px;padding-bottom:10px; }
#sliderSegmentedControl .mui-control-item{font-size:.40rem;}
.middle-mode .text-wrap{width:100%;position: relative;}
.info {display:flex;margin:5px;line-height:16px;color:#999;font-size: 12px;white-space: nowrap;}
.middle-mode .text-wrap h3 {font-size:.5rem;color:#444;margin-bottom:.2rem;text-overflow: ellipsis;display:block;
width:90%;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
justify-content: space-between;line-height:140%;}
.selectButton{padding: .1rem .3rem;border-radius: .4rem;position: absolute;right: 0;background: #36b01d;color: #effbed;}
.middle-mode .text-wrap h3 span{font-size:12px;text-overflow: ellipsis;overflow: hidden;max-width: 3rem;background: #eefdee;padding: .1rem .3rem;color:#238d10;border-radius: 1rem;white-space: nowrap;}
.middle-mode .text-wrap h3 span.highlight{background: #fbf0f0;color:#f00;}
#SearchKey{font-size: .45rem;width: 84%;height: 1.01rem;padding-left:0.531rem;border: none;border-bottom: 1px solid #eee;}
.tag-style-other {display: block;float:left;margin-left:5px;margin-right:10px;}
.tag-style-other>img{display: block;height:auto;width:20px;float: left;}
.timer {display: block;width:300px;float: left;}
#edit,#edit_essay{margin-left:2px;text-align:left;}
.middle-mode #edit{display:flex;line-height:200%;justify-content: space-between;flex-direction: row-reverse;/*padding:.3rem 0;*/}
.middle-mode #edit img, .middle-mode #edit_essay img{width: 20px;height: 20px;}
.middle-mode #edit span{text-align:center;margin-left:.05rem;float:right;}
.littleButton{border-radius:12px;color:#ccc;line-height: 22px;padding:0.125rem;font-size:12px;}
#edit span a{font-size:12px;}
[class*='icon-']:before{font-size: .7rem;color: #333;}
.videos img{position:fixed;right:1rem;bottom:.8rem;border-radius:50%;background-color:#f7f7f7;width: 55px;height: 55px;opacity:0.5;right:0.5rem;bottom:1rem;width:1.5rem;height:1.5rem;padding:.1rem;border-radius:50%;z-index:3;}
#adddis{position: fixed;z-index: 3;margin:14.5rem 1rem 1.2rem 7.5rem;float: right;background-color:#f7f7f7;opacity:0.5;}
.video{width:80%;margin-left: .3rem;}
.mui-scroll-essay hr{margin: 1px 15px;}
.sum{display: flex;justify-content: space-between;padding:.3rem;margin:0;font-size: .45rem;color: #aaa;background-color:#eee;}
.sum .delete{display: none;color: #478ef3;}
.mui-navigate-right:after{font-size: .6rem;}
.photo{width:1rem;margin-right:.3rem;float:left;vertical-align:middle;}
.mui-table-view{margin-bottom:.4rem;}
.mui-table-view:after{background:#fff;}
.time img{width:14px;}
button, .mui-btn, input[type=button]{padding:6px;background-color: #478ef3;color:#fff;font-size:.45rem;border-radius: 5px;border: 0;}
.bottomBtn{display:flex;justify-content:space-between;margin:.3rem auto;padding:.3rem .25rem;font-size:14px;}
.bottomBtn span{border-radius:40px;border: 1px solid #eee;padding:.13rem .63rem;line-height:.65rem;}
.bottomBtn .preview{color:#666;background:#eee;}
.bottomBtn .caogao{color: #6559a2;background: #d9ebf7;}
.bottomBtn .submit{background:#0fc50f;color: #fff;}
.add{position:fixed;bottom:0;padding:.1rem;z-index:3;border-top:1px solid #f6f6f6;width:100%;background-color:#fff;}
.add li{width:25%;display:block;float:left;text-align:center;}
.add img{width:1.4rem;height:1.4rem;padding:.1rem;margin-top:-0.2rem;}
.add_bottom{position:fixed;bottom:0;padding:.1rem;z-index:3;border-top:1px solid #eee;width:100%;background-color:#fff;}
.add_bottom li{width:20%;display:block;float:left;text-align:center;}
.add_bottom li a{ color:#444;}
.add_bottom span i{font-size:24px;display:block;}
.add_bottom img{width:1.4rem;height:1.4rem;padding:.1rem;border-radius:50%;margin-top:-0.2rem;}
.mui-popover.mui-popover-action .mui-table-view{color:#000;}
.work{margin-bottom:50px;}
.mui-segmented-control .mui-control-item{font-size:.5rem;line-height:2;}
.mui-media-right{float:right;}
.work .huifu{float: right;color: #478ef3;}
.work form{display: none;position:fixed;width:100%;padding: 2% 1%;bottom:0;left:0;z-index:2;background-color: #eee;}
.work input{width:78%;margin:0 1%;}
.work .button{width:18%;height:40px;margin:0 1%;float:right;color:#fff;background-color:#478ef3;}
.items-add label{width:28%;padding: 10px;line-height:2;font-size:.4rem;}
.items-add .mui-input-row label~input{width:72%;padding: 10px 0;}
.mui-scroll-wrapper{overflow-y:scroll;}
.mui-scroll-wrapper::-webkit-scrollbar{width:1px;}
.icon-paper-plane-o ::before{ width:1rem!important;}
#edit span .ds{ color:#FC6;}
#LAY_layuipro{margin:5px;}
#LAY_layuipro .list{margin: .1rem;display: flex;justify-content: space-between;line-height: 25px;}
#LAY_layuipro .money{color:#0C9714;font-size:.35rem;}
#LAY_layuipro .time{color:#666;font-size:.35rem;}
#LAY_layuipro .c-user-name{font-size:.35rem;}
#LAY_layuipro img{width:25px; height:25px; border-radius:50%;}
.detail{ width:10rem; margin:0 auto;}
.detail li{width: 10rem;padding: 0.4rem;border-bottom: #eaeaea solid 0.03rem;}
.detail li div{}
.detail li div span{font-size: 0.3rem;line-height: 0.5rem;color: #b3b3b3;}
.detail li p{font-size: 0.3rem;line-height: 0.5rem;}	
.detail li p span{float: right;font-size: 0.36rem;line-height: 0.5rem;}	
.detail li img{ width:20px; height:20px; margin-right:.2rem;}
.fs{ font-size:12px;}
.loadIcon{font-size:1rem;margin-left:4.2rem;margin-top:.8rem;padding:.3rem;font-size:1rem;}
.smallIconImg { float:left;}
.smallIconImg img{width:4rem; height:4rem; border-radius:2rem; margin-right:0.5rem;}
.uploadButton{padding:0 15px;color: #656B79;background-color: #F6F8F9; border-radius:10%;}
.titlesItem{    width:22%;line-height: 22px; height: 22px;flex-shrink: 0; color:#999;}
.hui-list-text{border:none;}
.hui-form a{ display:block; border-bottom:1px solid #eee; font-size:.4rem; padding:0 20px 0 2px;}
#userCenterHeader{padding: .25rem;overflow: hidden;background: #f4f5f6;font-size: 18px;}
.padding-L{padding:3px 9px!important;color: #666;font-size: .411rem;}
.text-wrap>img.li22{height:185px;object-fit:scale-down;}
#page {overflow: hidden;margin: 30px auto 0;text-align: center;padding-top: 5px;height: auto;line-height: 30px;}
.pageList a { min-width: 35px;height: 35px;border: 1px solid #ccc;margin-right: 4px;font-size: 14px;margin-bottom: 20px;display: inline-block;line-height: 33px;}
.hidden {display: none!important;visibility: hidden!important;}
#page input {width: 40px;border: 1px solid #ccc;height: 24px;margin-left: 3px;margin-right: 3px;padding-left: 3px;display: none;}
#page button {background-color: #ff3333;color: #FFFFFF;line-height: 28px;border: none;padding: 0 10px;border-radius: 4px;}
.leibie {  color: #666;  padding: .1rem .2rem;}
.leibie button{padding:.1rem .3rem;color: #666;border-radius: .5rem;font-size: 12px;line-height:18px;background:#fff;border: 1px solid #ddd;}
.leibieClass{padding:.1rem .3rem;border-radius: .5rem;font-size: 12px;line-height:18px;background:#fff;border: 1px solid rgba(75,88,168,1.00);float: right;color: rgba(75,88,168,1.00);margin-right:.3rem;}
#hui-black-mask-content>.bottomBtn{flex-wrap: wrap;    margin: 0 auto .3rem;}
#hui-black-mask-content>.bottomBtn>span{width:initial;margin:0 5px .3rem;line-height: 30px;padding: 0 .63rem;height:30px}
#hui-black-action{border-bottom:1px solid #f6f6f6}