.container{width: 1240px;margin: 0 auto 20px; padding-top: 86px;}

.contentbox .side-left{flex-basis: 956px;min-height: 700px;}
.contentbox .side-right{width: 300px}
.contentbox .top-left{width:853px;}
.contentbox .top-right{flex-basis: 367px}
.contentbox .plane{background-color: #fff;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);border-radius: 8px;padding: 16px;}
.contentbox .toolbar{padding: 14px 30px;}
.contentbox .list{flex-basis:100%;}
.contentbox .pagination-box{text-align: center;}

.imgbox{margin-bottom: 17px;}
.imgbox img{max-width: 100%;}
.imgbox .top-right{margin-left: 20px;}
.imgbox .img{height: 350px;}
.imgbox .img1{margin-bottom: 20px;}
.imgbox .img1,.imgbox .img2{height: 165px;}
.imgbox .top-right .scale-box,.imgbox .top-right img{height: 100%;}
.imgbox .img-item{border-radius: 6px;overflow: hidden;position: relative;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);}
.imgbox .caption{position: absolute;bottom: 0;color: #fff;font-size: 16px;padding-left: 18px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));height: 51px;width: 100%;line-height: 51px;text-align: left;}
.side-right p{font-size: 14px;max-width: 200px;color: #999;}

.toolbar li{margin-right: 48px;}
.toolbar li a:hover{color: #333;}
.toolbar li a.active{color:#5085FB;position: relative;}
.toolbar li a.active::after{position: absolute;display: inline-block;height: 4px;background: #5085FB;border-radius: 3px;bottom: -14px;content: "";left: 0;right: 0;}
.toolbar li:nth-child(1),.toolbar li:nth-child(2){font-size: 16px;}
.toolbar li:nth-child(1){position: relative;margin-right: 70px;}
.toolbar li:nth-child(1)::after{content: "";position: absolute;width: 1px;background: #979797;height: 20px;right: -33px;top: 1px;}
.intro .soft ul li{text-align: center;flex:1}
.intro .soft ul li img{width: 36px;margin: auto;margin-bottom: 5px;backface-visibility: hidden;}
.intro .soft ul li a:hover img{transform: scale(1.1);}
.intro .plane{height: 140px;transition: all 0.25s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.intro{margin: 0 -10px;}
.intro .col3{padding: 0 10px;}
.intro .plane:hover{transform: translateY(-2px);box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);}
.intro .col3 .plane-header{padding-left: 48px;}
.intro .col3:nth-child(1) .plane-header{background: url(../images/newer.png) no-repeat 20px 1px/20px auto;}
.intro .col3:nth-child(2) .plane-header{background: url(../images/hyapplication.png) no-repeat 20px 1px/20px auto;}
.intro .col3:nth-child(3) .plane-header{background: url(../images/hot_soft.png) no-repeat 20px 1px/20px auto;}
.wrapper{margin: 0 -8px;align-items: flex-start;}
.wrapper>div{padding: 0 8px;}
.publish{height: 48px;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);border-radius: 6px;font-size: 16px;text-align: center;line-height: 48px;margin-bottom: 16px;}
.update{margin-bottom: 12px;}
.update a:hover h4,.update a:hover p{color: #5085FB;}
.update .icon_gengduo{margin-left: 5px;}
.thumbnail{margin-bottom: 13px;}
.thumbnail img{border-radius: 6px;}
.thumbnail h4{margin-top: 6px;}
.addCover{justify-content: center;height: 160px;overflow: hidden;}
.addCover .iconfont{font-size: 30px;color: #999;}
.addCover p{margin-top: 3px;}
.addCover p:last-child{font-size: 12px;}
.a-box{position: relative;flex-shrink: 0;}
.a-box-top{height: 136px;overflow: hidden;border-radius: 6px;}
.a-box-top img{width: 100%;height: 100%;}
.a-box .badge{position: absolute;top: 0;left: 8px;background: url(../images/badge.png) no-repeat 0 0/20px 23px;width: 20px;height: 23px;color: #fff;text-align: center;font-size: 12px;}
.a-box:hover h4{color: #5085FB;}

.plane-header{font-size: 16px;font-weight: 500;color: #333;padding-bottom: 10px;}
.plane-header.line{border-bottom: 1px solid #F2F2F2;margin: 0 -16px 16px;padding: 0 16px 10px;}
.plane-header .more{font-size: 14px;color: #666;font-weight: normal;}
.plane-header .more:hover{color: #5085FB;}
.intro .classification li{padding: 0;margin-bottom: 10px;}
.classification li a{display: inline-block;width: 72px;height: 24px;background: rgba(80, 133, 251, 0.1);border-radius: 6px;text-align: center;line-height: 24px;color: #5085FB;font-size: 12px;}
.classification li a:hover{background: #5085FB;color: #fff;}
.author li img{width: 48px;height: 48px;border-radius: 50%;max-width: none;}
.author .caption{padding-left: 10px;}
.author .visit{margin: 6px 0;font-size: 12px;color: #999;}
.author li .visit span{color: #999;}
.author li h3:hover,.author li .visit span:hover{color: #5085FB;}
.author li:hover img{transform: scale(1.1);}
.author li a{display: inline-block;}

.vip-fuc .modal-dialog{text-align: center}
.vip-fuc h3{font-size: 20px; font-weight: 500;color: #333;}
.vip-fuc .modal-dialog .modal-body p{font-size: 14px; margin: 1.5rem 0 3rem;}
.vip-fuc .modal-dialog .modal-body{padding: 40px 44px; background: url('../images/vip-1.png') no-repeat 50% 18%/83px, url('../images/vip-bg.png') no-repeat 50% 50%/500px; min-height: 333px; padding-top: 160px;}
.vip-fuc .href-btn .btn{font-size: 14px; width: 120px; padding: 8px 18px;}
.vip-fuc .modal-content{background: none;}
.vip-fuc .modal-content .close{color: #fff;font-size: 32px;}

.update li img{width: 90px;height: 56px;border-radius: 6px;}
.update a:hover img{transform: scale(1.1)}
.listbox li .thumburl{margin: auto;}
.listbox li a{color: #666;}
.listbox li .scale-box{width: 240px;height: 144px;display: flex;align-items: center;}
.listbox .caption{padding-left: 20px;flex:1}
.listbox .caption a:hover,.listbox .caption a:hover h2{color: #5085FB;}
.listbox .caption a>p{margin: 12px 0 16px;min-height: 52px;}
.listbox .avtor img{width: 40px;height: 40px;border-radius: 50%;}
.listbox .avtor .des{padding-left: 8px;}
.listbox .avtor:hover h3{color: #5085FB;}
.listbox .avtor:hover img{transform: scale(1.1);}
.listbox .avtor .des p{font-size: 12px;}
.listbox .view{align-self: flex-end;font-size: 12px;}
.listbox li{position: relative;transition: all 0.25s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.listbox li .sticky-topic{display: inline-block;height: 25px;border-radius: 6px;color: #fff;line-height: 25px;background:#5085FB url(../images/ding.png) no-repeat 8px 50%/14px 13px;padding-left: 25px;font-size: 12px;padding-right: 10px;margin-right: 8px;}
.listbox li .vip,.detail .vip{display: inline-block;background:url(../images/vip-2.png) no-repeat 0 0/22px auto;height: 22px;width: 30px;vertical-align: bottom;cursor: pointer;}
.listbox li+li{margin-top: 16px;}
.listbox li:hover{box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);transform: translateY(-2px);}
.listbox li:hover .scale-box img{transform: scale(1.1);}
.listbox li .tag{position: absolute;top: 26px;left: 26px;display: inline-block;color: #fff;border-radius: 50px;z-index: 9;width: 76px;height: 25px;line-height: 25px;text-align: center;}
.listbox li .scale-box img.mini{max-width: 40%;}
.listbox li .tooltip-inner{color: #666;}
.list-group .caption{padding-left: 9px;}
.list-group li+li{margin-top: 13px;}
.detail .vip{vertical-align: middle;cursor: default;}
h2{font-size: 18px;}
.listbox h3{margin-bottom: 2px;}
h1,h2,h3,h4{color: #333;}
h1,h2,h3,h4,p{word-break: break-word;}
h2,h3,h4,b{font-weight: 500;}
h3{font-size: 14px;}
h4{margin-bottom: 2px}
.divider{background-color: #F1F1F1;height: 1px;}
.top-status-bar{background: #FFFFFF;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);padding: 12px 18px;margin-bottom: 16px;border-radius: 6px;}
.top-status-bar .btn{padding: 6px 12px;margin-left: 16px;border-radius: 8px;}
.top-status-bar .btn .iconfont{margin-right: 5px;}
.top-status-bar .dropdown>span{width: 148px;height: 32px;border-radius: 8px;border: 1px solid #DDDFE7;display: flex;padding: 0 12px;}
.icon_vrquanjing{color: #5085FB;}
.icon_vrshipin{color: #FF7432;}
.icon_vrzhibo{color: #FF696D;}


.detail .plane{margin-bottom: 16px;}
.detail .user-img{border-radius: 50%;margin-right: 17px;}
.detail .admin .user-img{width: 72px;height: 72px;}
.detail .admin .btn-attention{margin-bottom: 0;float: right;font-weight: normal;font-size: 14px;}
.detail .admin ul{margin-top: 20px;text-align: center;}
.detail .admin ul a{display: block;}
.detail .admin a:visited,.sns a:visited{color: inherit}
.detail .admin a:hover,.sns a:hover{color: #5085FB}
.detail .admin ul a:hover *{color: #5085FB}
.detail .admin li+li{border-left: 1px solid rgba(216, 216, 216, 0.5);}
.detail .admin b{display: block;margin-top: 10px;}
.detail .admin p{width: 150px}
.detail .admin .info{flex: 1;}
.detail .ad img{border-radius: 8px;}
.detail .author .user-img{width: 85px;height: 85px;}
.detail .comment .user-img{width: 56px;height: 56px;}
.detail .comment{padding: 19px;}
.detail .article h1{margin-bottom: 10px;font-size: 22px;}
.detail .article h1 a{font-size: 18px;font-weight: normal;height: 32px;line-height: 32px;padding: 0 12px;margin-right: 14px;width: 98px;text-align: center;color: #fff;}
.detail .article img{border-radius: 6px;cursor: pointer;}
.detail .article .name{color: #333;}
.detail .article .name:hover{text-decoration: underline;}
.detail .article .count{color: #999;}
.detail .article .count>span+span{margin-left: 20px;font-size: 12px;}
.detail article{margin-top: 19px;}
.detail .author,.detail .article{padding: 24px;}
.detail .user .name{font-size: 16px;font-weight: 500;color: #333;}
.detail .user .name .ellipsis{display: inline-block;width: 90px;}
.detail .user .count{margin: 10px 0;}
.detail .user .count>a{margin-right: 10px;font-size: 12px;}
.detail .user b{font-size: 16px;color: #333;}
.detail .user li span{color: #999;}
.detail .author li{margin-left: 19px;}
.detail .btn-attention{width: 60px;height: 24px;border-radius: 12px;text-align: center;line-height: 24px;margin-bottom: 37px;}
.detail .btn-view{width: 118px;height: 40px;line-height: 40px;font-size: 16px;text-align: center;margin: 16px 0;}
.detail .list{margin-top: 19px;}
.detail .list li{padding: 20px 0;}
.detail .list li+li{border-top: 1px solid #F6F6F6}
.detail .list li p{margin: 12px 0;}

.map-box{background: #F9F9FA;}
.map-box .space-between{padding: 8px 12px;}
.map-box p{font-size: 12px;margin-bottom: 0;color: #999;}
.map-box .circle-btn{display: inline-block;width: 28px;height: 28px;border-radius: 50%;background-color:  #5085FB;color: #fff;text-align: center;line-height: 28px;}
.map-box .circle-btn .iconfont{font-size: 18px;}
.map-box .circle-btn:hover{background-color: #2C6BF8;}

.comment textarea{height: 120px;}
.comment .pub{position: relative;}
.comment .divider{margin: 0 -19px;}
.comment .well{background: #F4F4F5;border-radius: 8px;padding: 16px;font-size: 16px;height: 120px;}
.comment .well a{color: #5085FB;}
.comment .well a:hover{text-decoration: underline;}
.comment h2{font-size: 16px;}
.comment h2 small{color: #999;font-size: 14px;padding-left: 16px;font-weight: normal;}
.comment .action{color: #8590A6;}
.comment .action>span{margin-right: 25px;cursor: pointer;}
.comment .action .del{color: #FE6F72;}
.comment .list .review{margin-left: 73px;margin-top: 12px;background: rgba(244, 244, 245, 0.5);border-radius: 8px;padding: 0 16px;}
.comment .list .review>div+div{border-top: 1px solid #E9E9E9;}
.comment .list .review>div{padding: 16px 0;}
.comment .list .review b{display: inline-block;margin: 0 5px;font-weight: 500;color: #333;}
.comment .list .right-text{font-size: 12px;flex-shrink: 0;padding-left: 50px;}
.comment .list .edit{margin: 16px 0 0 73px;}
.comment .list .edit .btn{margin-bottom: 0;}
.comment .nodata{border-top: 1px solid #F6F6F6;padding: 20px 0 5px;text-align: center;}

#editor{position: relative;}
.editor .icon_added{font-size: 25px;cursor: pointer;color: #999;position: absolute;z-index: 10;top:0;left: 0;background-color: #F4F4F5;border-radius: 50%;width: 40px;height: 40px;text-align: center;line-height: 40px;}
.editor .icon_added.on,.editor .icon_added:hover{color: #5085FB;}
.editor .tool-bar{position: absolute;z-index: 2;background-color: #F4F4F5;border-radius: 20px;left: 0;top: 0;height: 40px;display: none;padding-left: 33px;padding-right: 20px;}
.editor .tool-bar .iconfont{font-size: 20px;color: #60697E;cursor: pointer;position: relative;}
.editor .tool-bar .iconfont:hover{color:#5085FB;}
.editor .tool-bar .iconfont:hover .tooltip{color:#666;}
.editor .tool-bar >li{display: inline-block;padding-top: 8px;margin-left: 12px;position: relative;height: 40px;}
.editor .tool-bar >li .menu{position: absolute;top: 40px;background: #FFFFFF;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;width: 106px;overflow: hidden;left: -42px;padding: 0;margin-top: 0;}
.editor .tool-bar >li .menu li{height: 32px;line-height: 32px;text-align: center;cursor: pointer;font-size: 12px;}
.editor .tool-bar >li .menu li:hover{box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);color: #5085FB;}

.froala-editor.fixed{position: fixed;top: 65px;width: 940px;}
.edit .header-bar{height: 56px;background: #FFFFFF;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);border-radius: 8px;margin-bottom: 16px;padding: 0 20px;line-height: 56px;}
.edit .header-bar input{width: 100%;height: 30px;font-weight: 500;font-size: 16px;padding-left: 0;border: none;}
.edit .header-bar input:focus{box-shadow: none;}

.edit .param-add-button{position: relative;height: 40px;}
.edit .placeholder-logo{height: 300px;background: url(../images/material01.png) no-repeat 50% 50%;}
.edit .side-right .paragraph{margin-top: 12px;padding: 0;overflow: hidden;}
.edit .paragraph .plane-header{padding: 12px 16px;box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.08);}
.edit .paragraph small{color: #999;}
.edit .draglist{padding: 8px;position: relative;}
.edit .draglist li{align-items: stretch;display: flex;padding: 13px 12px;outline:none;}
.edit .draglist li.active{box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;}
.edit .draglist li:hover{box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;cursor: pointer;}
.edit .draglist .text{flex: 1;padding: 0 10px;word-break: break-all;overflow: hidden;height: 60px;}
.edit .draglist .handle{flex-direction: column;display: flex;justify-content: space-between;background-color:#F4F4F5;padding: 8px 4px;border-radius: 50px;}
.edit .draglist .handle:hover{background-color: #DCE7FE;}
.edit .draglist .handle .icon_tubiaozhizuomoban1{cursor: move;}
.edit .draglist .handle .icon_tubiaozhizuomoban1:hover,.edit .draglist .handle .icon_del:hover{color: #5085FB;}
.edit .draglist .cover{width: 60px;height: 60px;background: #DCE7FE;border-radius: 8px;line-height: 60px;text-align: center;}
.edit .draglist .cover .iconfont{font-size: 28px;color: #5085FB;}
.edit .draglist .cover .iconfont{font-size: 28px;color: #5085FB;}
.input-color-same::-webkit-input-placeholder{
  color: #999;
  font-size: 16px;
}

.input-color-same:-moz-placeholder{
  color: #999;
  font-size: 16px;
}

.input-color-same:-ms-input-placeholder{
  color: #999;
  font-size: 16px;
}
.material-alert .mc .btn-d{box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);}
.material-alert .acontent{padding: 17px 16px;}
.material-alert .acontent .h{margin-bottom: 8px;color: #666;font-size: 16px;font-weight: 400;}
.material-alert .acontent input[type="text"]{height: 40px;width: 100%;}
.material-alert .acontent .dropdown{color: #999;}
.material-alert .acontent .dropdown .dropdown-menu{left: 0;}
.material-alert .acontent .dropdown>span{height: 40px;border-radius: 8px;border: 1px solid #EFF1F5;line-height: 40;padding: 0 12px;overflow: hidden;color: #333;}
.material-alert.set-alert .mc{width: 560px;}
.set-alert .border-box{height: 40px;border-radius: 8px;border: 1px solid #EAEDF2;padding: 0 16px;margin-bottom: 5px;}
.set-alert .flex-row .col{margin-bottom: 17px;padding: 0 8px;}
.set-alert .flex-row{margin: 0 -8px;}
.set-alert .acontent .t{margin-bottom: 12px;font-weight: 500;}
.set-alert .acontent .small{font-size: 12px;color: #666;}
.set-alert .acontent p{color: #666;}
.set-alert .acontent b{color: #333;}
.preview-modal .modal-dialog{margin: 0 auto;top: 50%;height: 694px;margin-top: -347px;width: 330px;transform: translateY(0)!important;}
.preview-modal .modal-dialog .modal-body{height: 694px;padding: 0;}
.preview-modal .modal-content{padding: 15px;border-radius: 30px;}
.preview-modal .close{color: #fff;}
.preview-modal .title{margin-bottom: 15px;}
.publish-success-modal .modal-content{background: #fff url(../images/material17.png) no-repeat 50% 15%/50px auto;text-align: center;padding: 90px 0 40px;}
.publish-success-modal .btn{padding: 6px 15px;}
.publish-success-modal .btn+.btn{margin-left: 20px;}
.publish-success-modal p{margin: 10px 0 20px;}
.publish-success-modal .modal-dialog{width: 400px;}
.publish-success-modal .close{position: absolute;right: 10px;top: 10px;}
.switch_cell_btn:checked {
  background-color: #5085FB;
}
.switch_cell_btn {
  position: relative;
  width: 40px;
  height: 22px;
  cursor: pointer;
  outline: 0;
  border-radius: 16px;
  box-sizing: border-box;
  background-color: #999;
  -webkit-transition: background-color .1s;
  transition: background-color .1s;
}

.switch_cell_btn:focus{box-shadow: none;border: none;}

.switch_cell_btn:checked:before {
  left: 10px;
}

.switch_cell_btn:before {
  content: '';
  display: inline;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
}

.switch_cell_btn:checked:after {
  left: calc(100% - 26px);
}

.switch_cell_btn:after {
  top: 4px;
  left: 4px;
  width: 22px;
  height: calc(100% - 8px);
}

.switch_cell_btn:checked:after {
  left: 21px;
}

.switch_cell_btn:after {
  content: " ";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: calc(100% - 6px);
  border-radius: 15px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
  -webkit-transition: left .35s cubic-bezier(.4,.4,.25,1.35);
  transition: left .35s cubic-bezier(.4,.4,.25,1.35);
}


a{color: #666;}
html{color: #666;}
body{background: #F4F7FC;}
html,body{height: 100%;}
.preview-modal p{margin-bottom: 10px;}
video{width: 100%;border-radius: 8px;background-color: #f5f5f5;object-fit: cover;height: 500px;}
.radiobox label{cursor: pointer;line-height: normal;}
input[type=text].disabled,textarea.disabled{cursor: not-allowed;background-color: #eee;color: #999;}
.iconfont.icon_tips{color: #F7B500;}
input:focus,textarea:focus {box-shadow: 0px 0px 6px 0px #4F86FB;border: 1px solid #5085FB;}
textarea{line-height: 20px;padding: 10px;resize:none;width: 100%;}
textarea,input[type=text]{color: #666;padding-left: 10px;transition: all 0.3s;border-radius: 8px;border: 1px solid #DDDFE7;}
.space-between{justify-content: space-between;}
.align-self{align-self: start;}
.flex-row .col{flex-basis: 50%;margin-bottom: 20px;}
.flex-row{flex-wrap: wrap;}
.flex-row .col3{flex-basis: 33.333%}
.flex-row .article{flex-basis: 50%}
.flex-row .col5{flex-basis: 20%}
.btn{display: inline-block;border-radius: 6px;cursor: pointer;transition: all 0.15s linear;}
.btn-default{border: 1px solid#DDDFE7;color: #666;}
.btn.btn-block{display: block;}
.btn-primary{background: #5085FB;color: #fff;border: 1px solid #5085FB;}
.btn-warning{background: #FF7432;color: #fff;border: 1px solid #FF7432;}
.btn-primary:focus,.btn-warning:focus{color: #fff;}
.btn-disabled{background: #999;color: #fff;border: 1px solid #999;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.btn-success{background: rgba(80,133,251,1);color: #5085FB;}
.btn-fail{background:  hsl(359, 94%, 68%);color: #fff;}
.btn-info{background: rgba(255,160,35,1);color: #FFA023;}
.btn-fail:hover{background-color: #F8373C;}
.btn-primary:hover,.btn-warning:hover{color: #fff;}
.btn-default:hover{border-color: #5085FB;}
.btn-default:hover{background: #5085fb;border-color: 5085fb;color: #fff;}
.btn-primary:hover{background: #dce7fe;color: #5085fb;border-color:#dce7fe}
.btn-warning:hover{background: #FA590C;border-color:#FA590C}
.left-space{margin-left: 15px;}
.top-space{margin-top: 20px;}
.right-space{margin-right: 7px;}
.search.focus{border: 1px solid #5085fb;box-shadow: 0px 0px 10px 0px rgba(80,133,251,0.3); }
.iconfont{font-size: 14px;}
.ser-d input {border: 1px solid #979797;height: 30px;line-height: 30px;width: 300px;border-radius: 50px;padding: 1px 10px;}
.ser-d {padding: 10px;}
.ser-d .btn-ser {display: inline-block;transform: translateX(-30px);}
.ser-d .btn {display: inline-block;padding: 3px 12px;border-radius: 6px;font-size: 16px;}
#materialMap-alert .mc{height: auto;}
.froala-element ol,.froala-element ul{padding-left: 20px;}
#set-alert{z-index: 3000;}
.scale-box{display: block;overflow: hidden;border-radius: 6px;position: relative;}
.scale-box.radius{border-radius: 50%;width: 72px;height: 72px;margin-right: 16px;}
.scale-box:hover::after{content: "";position: absolute;top: 0;bottom: 0;background-color: rgba(0, 0, 0, .3);left: 0;right: 0;}
.scale-box:hover img,.scale.transition:hover{transform: scale(1.1);}
.media-container {position: relative;border-radius: 8px;overflow: hidden;}
#aMapDriving{border-radius: 8px;}
.right-content{position: relative;}
.right-content .tips{position: absolute;right: 0;display: inline-block;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);border-radius: 8px;background-color: #fff;top: 40px;padding: 8px 10px;display: none;}
.right-content .btn.disabled:hover+.tips{display: inline-block;}


.panoshow::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;}
.panoshow.panoimg::after{        display: inline-block;
  content: "";
  background-image: url(../images/spirit.png);
  background-size: 480px auto;
  background-repeat: no-repeat;
  background-position: -291px -228px;
  width: 40px;
  height: 40px;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%,-50%);z-index: 10;}
  .panoshow.panovideo::after{    display: inline-block;
    content: "";
    background-image: url(../images/spirit.png);
    background-size: 480px auto;
    background-repeat: no-repeat;
    background-position: -350px -228px;
    width: 40px;
    height: 40px;
    left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%,-50%);z-index: 10;}


.breadcrumb{padding: 20px 16px;border-bottom: 1px solid #E6ECED;margin-bottom: 2rem;}
.breadcrumb a{font-size: 1.6rem;color: #666;}
.breadcrumb a.current{color: #333;font-weight: bold;}
.breadcrumb li{padding-right: 0.8rem}



.icon-warning-red{background: url('../images/img_warning_red.png') no-repeat 0 0}
.icon-warning-yellow{background: url('../images/img_warning_yellow.png') no-repeat 0 0}
.icon-warning{display: inline-block;width: 21px;height: 18px;background-size: 21px auto;vertical-align: -2px;margin-right: 1rem;}
.ellipsis{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.pagination-box .pagination a:hover, .pagination-box .pagination .active{background-color: #5085FB;width: 22px;height: 22px;line-height: 22px;}
.pagination-box .pagination a:hover{background: #dce7fe;color: #5085fb;}
.pagination a, .pagination span{padding: 0;width: 22px;height: 22px;line-height: 22px;}
.pagination-box .pagination{padding: 8px 25px;margin-top: 16px;}
.text-wrap{word-break:break-all;}
.icon_tips{margin-right: 5px;}
.icon_wentigaishu_m{margin-left: 5px;color: #FFA023;}
.icon-text{margin-right: 5px;}
.cursor,a{cursor: pointer;}
.back-top{position: fixed;width: 56px;background: url('../images/back_top.png') no-repeat 0 0/56px 56px;padding-top: 58px;text-align: center;cursor: pointer;display: none;margin-left: 1250px;bottom: 35px;z-index: 100;}
.sns .sina{background-image: url('../images/sina.png')}
.sns .qqzone{background-image: url('../images/qqzone.png')}
.sns .wechat{background-image: url('../images/wechat.png');position: relative;}
.sns .comments{background-image: url('../images/comment.png')}
.sns a{display: block;width: 56px;background-size: 56px 56px;padding-top: 58px;text-align: center;background-repeat: no-repeat;margin-bottom: 12px;}
.sns{position: fixed;margin-left: -65px;top: 82px;}
.sns .wechat .qrcode{position: absolute;width: 140px;background: #fff;padding:8px;border-radius: 8px;left: 62px;top:-52px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);display: none;}
  .sns .wechat .qrcode:hover{cursor: default;}
  .sns .wechat:hover .qrcode{display: block;color: #666;}
  .goBack{background: rgba(0,0,0,0.5) url('../images/back-top.png') no-repeat 50% 50%/25px 25px;width: 45px;height: 45px;position: fixed;right: 0;bottom: 75px; z-index: 100;display: none;}
  .contact-way{display: none;}
  .flex-toolbar{height: 49px;margin: 16px 0;}
  .zoomImg{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0, 0, 0, .5);z-index: 1000;overflow-y: auto;}
  .zoomImg img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;}
  .layer-open{overflow: hidden;padding-right: 17px;}
.form-group .radio{width: 16px;height: 16px;border-radius: 50%;border: 1px solid #999;display: inline-block;position: relative;vertical-align:-2px;margin-right: 10px;line-height: normal!important;}
.form-group .radio.checked{border-color: #5085FB;}
.form-group .radio.checked::after{content: "";position: absolute;width: 8px;height: 8px;border-radius: 50%;background-color: #5085FB;left: 3px;top: 3px;}
.form-group label+label{display: inline-block;margin-left: 3.5rem;}
.form-group .label{display: inline-block;width: 12rem;text-align: right;padding-right: 1rem;}
.form-group input[type=text]{border-radius: 6px;border: 1px solid #F2F2F2;height: 4rem;padding: 0 1rem;line-height: 4rem;width: 40rem;}
.form-group .dot{color: #FE6F72;}

.tag-color-a{background-color: #5085FB;}
.tag-color-b{background-color: #2f54eb;}
.tag-color-c{background-color: #faad14;}
.tag-color-d{background-color: #13c2c2;}
.tag-color-e{background-color: #52c41a;}
.tag-color-f{background-color: #fa541c;}


.transition{transition: all 0.3s linear;}
.icon_checkboxed{color: #5085FB;}
.notfound{text-align: center;background-color: #F8F8F8;padding: 10px 15px;border-radius: 4px;margin: 10px;}


/* 手机端样式 */
.page-box{background-color: #fff;padding-top: 65px;font-size: 14px;}
.page-box .author{padding: 15px;}
.page-box .comment .info{flex: 1;}
.page-box .comment .action>span{margin-left: 11px;margin-right: 0;}
.page-box .list li p{margin: 6px 0 12px;}
.page-box .comment .user-img{width: 40px;height: 40px;}
.page-box h3{font-size: 14px;}
.page-box .user-img{margin-right: 10px;}
.page-box .list .review{margin-left: 50px;}
.page-box .list .review{padding: 0 10px;}
.page-box .list .review>div{padding: 10px 0;}
.page-box .comment h2{font-size: 16px;}
.page-box .list li{padding: 15px 0;}
.page-box .comment textarea,.page-box .comment .well{height: 79px;}
.page-box .comment .well{font-size: 14px;}
.page-box .btn-view {width: 88px;height: 32px;line-height: 32px;font-size: 14px;text-align: center;margin: 15px 0}
.page-box h1{font-size: 18px;word-break: break-all;}
.page-box .article .time,.page-box .comment .time{color: #999;}
.page-box .author, .page-box .article{padding: 15px;}
.page-box .plane{box-shadow: none;border-radius: 0;padding: 15px;}
.page-box .article{margin-bottom: 0;}
.page-box .admin{margin: 16px;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);border-radius: 8px;}
.page-box .admin .name{font-size: 16px;}
.page-box .comment{border-top: 12px solid #F7F7F7;padding: 15px 15px 0;margin-bottom: 0;}
.page-box .review-popup{background: #FFFFFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);position: fixed;bottom: 0;width: 100%;z-index: 10;left: 0;right: 0;}
.page-box .review-popup textarea{flex: 1;border-radius: 6px;background: #F7F7F7;border: none;height: auto;line-height: normal;}
.page-box .review-popup .btn{width: 56px;height: 28px;border-radius: 14px;margin-left: 15px;text-align: center;line-height: 28px;}
.page-box .review-popup .input-box{padding: 0 15px;}
.page-box .review-popup .faceD{margin-top: 0;margin-right: 10px;}
.page-box .nodata{font-size: 14px;margin-top: 0;}
.page-box .admin li+li{border: none;}
.page-box .user b{font-size: 16px;}
.page-box .listbox li .thumburl{width: 80px;height: 56px;}
.page-box h2{font-size: 14px;}
.page-box .pagination-box .pagination{margin: 0 0 20px;}
.page-box .imgbox{padding: 10px;margin-bottom: 0;border-bottom: 12px solid #EBEDEF;}
.page-box .imgbox img{border-radius: 8px;}
.page-box .flex-row .col{margin-bottom: 0;padding: 0 5px;}
.page-box .flex-row{margin: 0 -5px;}
.page-box .toolbar{overflow: hidden;box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);padding: 0 25px 0 15px;margin: 0;position: relative;z-index: 100;}
.page-box .toolbar ul{white-space: nowrap;overflow-y:auto;padding: 13px 0;}
.page-box.detail .article .count{margin-top: 12px;}
.page-box.detail .article h1 a{font-size: 16px;height: 30px;line-height: 30px;padding: 0px 10px;}
/*自定义滚动条的伪对象选择器, CSS 可以隐藏滚动条*/
.page-box .toolbar ul::-webkit-scrollbar{display: none;}
.page-box .toolbar ul li+li{padding-left: 24px;}
.page-box .toolbar li:nth-child(1), .page-box .toolbar li:nth-child(2){font-size: 14px;}
.page-box .toolbar li{margin-right: 15px;}
.page-box .toolbar li:nth-child(2)::after{background: none;}
.page-box .toolbar::after{content: "";position: absolute;top: 0;bottom: 0;width: 15px;background-color: #fff;box-shadow: -1px 0px 2px 0px rgba(0, 0, 0, 0.08);right: 0;}
.page-box .toolbar li a.active::after{bottom: -6px;height: 2px;}
.page-box .listbox h2{min-height: 37px;}
.page-box .listbox .caption span{font-size: 12px;}
.page-box .listbox .caption{flex: 1;}
.page-box .wrapper{margin: 0;}
.page-box .listbox li+li{margin-top: 0;}
.page-box .article h1{font-size: 20px;}
.page-box .admin p{width: 200px;}
.page-box .listbox li:hover {box-shadow: none;}
.page-box .nodata{margin: 30px 0;}
.page-box .listbox li .sticky-topic{visibility: visible;position: inherit;margin-right: 10px;}
.page-box .map-box p{width: 255px;}
.page-box .flex-toolbar{padding: 0;margin: 0;height: 45px;}
.page-box+.pswp img{right: 0;bottom: 0;}
.page-box .private h2{font-size: 16px;}
.page-box video{height: 200px;}
.page-box .listbox li .vip{height: 18px;width: 20px;background-size: 18px auto;}
.page-box .open-vip-page{background: linear-gradient(225deg, #FFEFD9 0%, #FFF8EE 100%);}

.private{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;}
.private p{margin: 6pt 0 20pt;}
.private .btn{padding: 4.5pt 12pt;}
.private img{width: 40%;height: auto;margin:0 auto 10pt}

.open-vip-page{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: url('../images/vip-bg-1.png') no-repeat -100px 100%/500px,linear-gradient(225deg, #FFEFD9 0%, #FFF8EE 100%)}


/* 弹出层 */
.modal .close {
  float: right;
  font-size: 2rem;
  cursor: pointer;
}

  .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
  }
  .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
         -o-transition:      -o-transform .3s ease-out;
            transition:         transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
         -o-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .modal-dialog {
    position: relative;
    width: 500px;
    margin: 10rem auto;
  }
  .modal-content {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    border-radius: 6px;
    outline: 0;

  }
  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
  }
  .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
  }
 

.modal-dialog .modal-header h4{font-size: 16px;}
.modal-dialog .modal-header{padding: 1.5rem;background-color: #F2F2F2;}
.modal-dialog .modal-body{padding: 1.5rem;}
.modal-dialog .modal-footer{padding: 1.5rem;text-align: center;box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.1); }
.modal-dialog .modal-body p{font-size: 12px;color: #666;}
.modal-dialog .modal-body p+p{margin-top: 1rem;}


  /* 下拉菜单 */


.dropdown {
  position: relative;
}

.dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 120px;
  padding: 7px 0;
  margin: 5px 0 0;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .175);
          box-shadow: 0 0 12px rgba(0, 0, 0, .175);
}

.dropdown .dropdown-menu > li > a {
  display: block;
  padding: 5px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-align: left;
  cursor: pointer;
}
.dropdown .dropdown-menu > li > a:hover,
.dropdown .dropdown-menu > li > a:focus {
  background: #dce7fe;color: #5085fb;
}
.dropdown .dropdown-menu > .active > a,
.dropdown .dropdown-menu > .active > a:hover,
.dropdown .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #5085FB;
  outline: 0;
}

.open > .dropdown-menu {
  display: block;
}



/* 工具提示 */
.tooltip {
    position: absolute;
    z-index: 1070;
    display: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
  
    line-break: auto;
  }

  .tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
  }
  .tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
  }
  .tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
  }
  .tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
  }
  .tooltip-inner {
    max-width: 215px;
    padding: 10px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .12);
          box-shadow: 0 0 12px rgba(0, 0, 0, .12);
  }
  .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #fff;
  }
  .tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #fff;
  }
  .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #fff;
  }
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #fff;
  }
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
  }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff;
  }
  .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff;
  }
  .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff;
  }

/*表情*/
.openqqemoji{max-height: 0;overflow-y: hidden;box-shadow: 0 0 10px 0px rgba(0, 0, 0, .15);}
.openqqemoji.on{max-height:5000px;border: 1px #E4E4E4 solid;border-radius: 6px;}
.openqqemoji .swiper-container{padding:calc(3% - 12px) 0 5%;width: 640px;}
.openqqemoji .qq-face-img-body{width:100%;display:block;}
.openqqemoji .qq-face-img-body span{width:14.28%;margin:8px 0;text-align:center;height:33px;display:inline-block;float:left;}
.openqqemoji .qq-face-img-body .qq-face-img{cursor:pointer;background:url(../images/qqemoji2017.jpg) left top no-repeat;background-size:100%;width:33px;height:33px;margin-top:0;font-size:0;display:inline-block;transition: all 0.5s;}
.openqqemoji .swiper-container .swiper-pagination {bottom: 12px;}
.openqqemoji .qq-face-img-body .qq-face-img:hover,.faceD .faceico:hover{transform: scale(0.9);}
.footer-live{position: absolute;background-color: #fff;z-index: 200;top: 35px;}
.faceD{position: relative;margin-top: 10px;}
.faceD .faceico{max-width: 25px;cursor: pointer;transition: all 0.5s;}
.contentEmoji{display: inline-block;max-width: 25px;}
.page-box .footer-live{left: 0;right: 0;}
.page-box .openqqemoji .swiper-container{width: 100%;}
.page-box .footer-live{position: fixed;bottom: 0;top: auto;}
.page-box .openqqemoji{border: none;border-top: 1px #E4E4E4 solid;border-radius: 0;}
.page-box .openqqemoji .swiper-container .swiper-pagination {bottom: 6px;}
.openqqemoji .swiper-pagination-bullet{width: 14px;height: 6px;border-radius: 8px;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #999;
  font-size: 12px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #999;
  font-size: 12px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #999;
  font-size: 12px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #999;
  font-size: 12px;
}



/* 分组 */
.classification .list-group{width: 200px;padding-right: 12px;height: 100%;display: flex;flex-direction: column;}
.classification .add-group{height: 32px;background: #DCE7FF;border-radius: 8px;border: 1px solid #5085FB;color: #5085FB;justify-content: center;cursor: pointer;}
.classification .default-group{height: 36px;border-radius: 8px;margin: 12px 0 0;padding-left: 12px;padding-right: 8px;}
.classification .default-group.dou{margin-top: 4px;}
.classification .default-group:hover{background-color: #DCE7FF;}
.classification .default-group.active{background: #5085FB;color: #fff;}
.classification .default-group .iconfont{color: #ccc;}
.classification .default-group.active .iconfont{color: #fff;}
.classification .add-group:hover{background: #5085FB;color: #fff;}
.classification .tree-info-box{display: flex;justify-content: space-between;padding-right: 8px;border-radius: 8px;margin-top: 4px;position: relative;align-items: center;}
.classification .tree-info-box:hover{background-color: #DCE7FF;color: #5085FB;}
.classification .tree-info-box:hover .arrow{color: #5085FB}
.classification .tree-info-box.active{color: #fff;background: #5085FB;}
.classification .tree-info-box .striped{position: absolute;z-index: 0;top: 0;bottom: 0;width: 100%;}
.classification .tree-info-box:hover .striped::after,.classification .tree-info-box.active .striped::after,.classification .tree-item.ghost .tree-info-box .striped::after{content: "";position: absolute;right: 0;width: 188px;top: 0;bottom: 0;z-index: -1;border-radius: 8px;}
#moveGroup .classification .tree-info-box:hover .striped::after,#moveGroup .classification .tree-info-box.active .striped::after{width: 400px;}
.classification .tree-info-box:hover .striped::after{background:#DCE7FF;}
.classification .tree-item.ghost .tree-info-box .striped::after{background-color: #DCE7FF;}
.classification .tree-item.ghost .tree-info-box.active .striped::after{background-color: #5085FB;}
.classification .tree-item.ghost .tree-info-box .arrow {color: #5085FB;}
.classification .tree-item.ghost .tree-info-box.active .arrow {color: #fff;}
.classification .tree-item .tree-info-box.active .striped::after{background: #5085FB}
.classification .tree-item.on >.tree-info-box{z-index: 10;}
.classification .cursor{cursor: pointer;}
.classification .tree-info-box.active .folder{color: #fff;}
.classification .tree-info-box.active .arrow,.classification .tree-info-box.active:hover .arrow{color: #fff;}
.classification .dropdown .dropdown-menu>li>a{text-align: left;}
.classification .dropdown .iconfont{margin-right: 5px;}
.classification .far,.classification .icon_add,.classification .default-group{cursor: pointer;}
.classification .ellipsis{padding: 0 8px;z-index: 1;flex: 1;height: 36px;line-height: 36px;}
.classification .arrow{font-size: 12px;color: #ccc;position: absolute;left: -10px;}
.classification .tree{padding-left: 21px;flex: 1 1 0;padding-bottom: 90px;position: relative;}
.classification .folder{color: #5085FB;}
.classification .edit{margin-right: 0;}
.classification .tree-btn-group{z-index: 2;height: 17px;line-height: 17px;}
.tree-box .group_icon_add,.tree-box .group_icon_more{display: none;}
.classification .count{color: #b1b2b2;vertical-align: text-top;float: right;}
.classification .dropdown{display: inline-block;}
.classification .tree-info-box:hover .group_icon_add,.classification .tree-info-box:hover .group_icon_more{display: inline-block;}
.classification .tree-info-box:hover .count{float: none;margin-right: 10px;color: #5085FB;}
.classification .active .count{color: #fff}
.material-alert2 .mc .inp-group .inp {border: none;border-bottom: 1px solid #5085fb;border-radius: 0;}
.material-alert2 .mc .m-d{display: block;}
.material-alert .btn-d .btn{padding: 0;}
.material-alert2 .mc .tl {margin-top: 26px;background-color: transparent;}
.material-alert .mc{left: 50%!important;top: 50%!important;transform: translate(-50%,-50%);}
#moveGroup .btn-d .btn-ok{width: 110px;}
#moveGroup .classification{padding: 15px 12px 30px;position: relative;}
#moveGroup .mc{width: 424px;}
#moveGroup .tree{height: 300px;padding-bottom: 0;}
#moveGroup .dropdown,#moveGroup .count{display: none;}
#moveGroup .name[contenteditable="true"]{width: 185px;height: 24px; box-shadow: 0px 0px 2px 0px rgba(80, 133, 251, 0.5);border-radius: 6px;border: 1px solid #5085FB;display: inline-block;padding-left: 10px;color: #666;line-height: 24px;}
#moveGroup .name[contenteditable="true"]:focus{outline: none;}
#moveGroup .icon-group{color: #5085fb;padding-left: 8px;}
#moveGroup .icon-group>span{cursor: pointer;padding-right: 5px;}
#moveGroup .classification .no-group{color: #ccc;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;}
[class*=group_icon_]{background: url('../images/group_icon.png') no-repeat 0 0/106px auto;display: inline-block;vertical-align: text-top;}
.group_icon_more{width: 16px;height: 18px; background-position: -59px -5px;}
.group_icon_add{width: 17px;height: 17px; background-position: -32px -32px;margin-right: 6px;}
.group_icon_folder{width: 16px;height: 16px; background-position: -59px -33px;margin-right: 5px;vertical-align: -2px;}
.group_icon_add::before{content: "";}
.classification .default-group .group_icon_folder,.classification .unbanked .group_icon_folder{width: 17px;height: 16px; background-position: -5px -59px;}
.classification .tree-info-box.active .group_icon_more{background-position: -85px -5px;}
.classification .tree-info-box.active .group_icon_add{background-position: -32px -5px;}
.classification .tree-info-box.active .group_icon_folder,.classification .default-group.active .group_icon_folder{background-position: -85px -32px;}
.classification .add-group:hover .group_icon_add{background-position: -32px -5px;}
.classification .add-group .group_icon_add{margin-right: 5px;}
.classification .tree-info-box.active:hover .count{color: #fff;}

.materialpano-page .ser-d .inp-d{border: none;border-radius: 8px;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);}
.material-choose .classification{background-color: #FAFAFB;}
.material-choose .mc{width: 800px!important;}
.material-choose .mc .m-d .rg,.material-choose .mc .tl{background:#fff;}
.material-choose .m-d .ser-d{margin: 10px 0;padding-left: 10px;}
.material-choose .mc .tl{box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);}
.material-choose .mc .m-d{padding: 0 10px 0 0!important;}
.material-choose .ul{padding: 0;margin: 0;}
.material-choose .classification .list-group{padding: 0 10px;}
.material-choose .mc .btn-d,.material-choose .mc .tl{position: relative;}
.material-choose .rg .li{padding: 0 0 0 10px!important;}
.material-choose .li .name{left: 10px;}
.material-choose .classification .tree{padding-bottom: 50px;}
.material-choose .classification .tree-info-box:hover .count{margin-right: 0;}
.material-choose .ser-d .inp-d{border: none;background-color: #FAFAFB;}
.material-choose .classification .tree-info-box:hover .striped::after,.material-choose .classification .tree-info-box.active .striped::after,.material-choose .classification .tree-item.ghost .tree-info-box .striped::after{width: 180px;}
.material-choose .nodata{color: #C0AFAF;}