/*公用边距*/
*{
    margin: 0 auto;
    padding: 0;
}
body{
    background: #F1F2F7;
    margin: 0;
}
input,textarea,button{
    outline:none;
}
input{
    color: #666;
}
i{
    display: inline-block;
}
/*去掉点*/
ul li{
    list-style: none;
}
/*去掉a标签的下划线*/
a{
    text-decoration: none !important;
}
/*旋转180*/
.prov_rota{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
/*定位公用居中*/
.po{
    top:50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.po_x{
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.po_y{
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

/*浮动*/
.fl{
    float: left !important;
}
.fr{
    float: right !important;
}
/*清浮动*/
.clear::after{
    display: block;
    clear: both;
    content: "";
}
/*修改bootstrap的个别公用样式*/
.h1, .h2, .h3, h1, h2, h3{
    margin-bottom: 0;
    margin-top: 0;
}
html,body{
    font-family: "Microsoft YaHei;";
}
/*一级菜单-顶部导航*/
.topTab{
    height: 60px;
    background: #fff;
    position: relative;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.10);
}
.topTab-h2{
    width:220px;
    border: 1px solid #f2f2f2;
    color: #333;
    line-height: 60px;
    text-align: center;
    float: left;
    height: 60px;
    font-size: 20px;
}
.topTab-div{
    float: left;
    width: auto;
    padding-left: 23px;
    height: 100%;
    font-family: "PingFangSC-Regular";
}
.topTab-ul{
    height: 100%;
    float: left;
}
.topTab-ul>li{
    float: left;
    line-height: 60px;
    position: relative;
    cursor: pointer;
    border-bottom: none;
    transition: 0.5s;
}
.topTab-ul>li+li{
    margin: 0 10px;
}
.topTab-ul .nav-tabs .dropdown-menu{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.15);
}
.nav>li>a{
    padding: 0;
    border-radius: 0;
}

.topTab-ul>li>a{
    line-height: 60px !important;
}
.topTab-ul>li a{
    display: block;
    color: #333;
    text-align: center;
    font-size: 16px;
}
.menu-ul{
    position: absolute;
    top:100%;
    left: 0;
    width: 100px;
    z-index: 3;
    background: rgb(84, 92, 100);
}
.menu-ul>li{
    color: white;
    padding: 10px;
    cursor: pointer;
}
.nav-tabs>li>a:hover{
    background: #3e434b;
    border: none;
    color: #333;
}
.nav-tabs>li>a{
    margin: 0;
    display: block;
    padding: 0 10px;
    border: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    border: none;
    color: #333;
}
.dropdown-menu>li>a{
    color: #333;
}
.open li a{
    color: #333 !important;
}
html, body {
    height: 100%;
}
/*侧边栏样式*/
.countBox{
    width: 100%;
    overflow: hidden;
}
.sidebarBox{
    float: left;
    height: 100%;
    left: 0;
    overflow-y: auto;
    width: 220px;
    background: #373E50;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.10);
}
.sidebar-nav a{
    display: block;
}
.panel-group{
    padding-bottom: 0;
    width: 200px;
}
.contentRegion{
    overflow:hidden;
    height: 100%;
}
.contentRegion iframe{
    width: 100%;
    height: 98%;
}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a{
    display: block;
}
/*标签页使用的样式*/
.tagBox{
    height: 50px;
    background: white;
    border-bottom: 1px solid #ccc;
}
.titleNav{
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
}
.titleNav span{
    line-height: 30px;
    font-size: 14px;
    color: #333333;
}
.titleNav span a{
    font-size: 14px;
    color: #333333;
    cursor: pointer;
}
.titleNav span a:hover{
    color: #6BCACA;
}
.contentArea{
    overflow-y: auto;
    padding: 10px 20px 0px 20px;
}
.tagBox-ul{
    height: 100%;
    float: left;
    border-bottom: 1px solid #f2f2f2;
}
.tagBox-ul li{
    width: auto;
    line-height: 19px;
    margin-left: 5px;
    padding: 10px 20px;
    cursor: pointer;
    border: 1px solid #D0D0D0;
    float: left;
}
.tagBox-ul .activePage{
    border-bottom: 1px solid #F1F2F7;
    background: #F1F2F7;
}
.tagBox-ul .activePage a{
    color: #333;
}
.tagBox-ul li a{
    color: #999;
    font-size: 14px;
}
.tagBox-ul span{
    margin-left: 20px;
}
.jian{
    color: #999 !important;
}
.contentIframe{
    border: none;
}
.newPage{
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    float: left;
    margin-top: 10px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
.nickName{
    position: absolute;
    right: 0;
    height: 60px;
    background: #fff;
}
.nickName-title{
    padding-right: 20px;
    background: #fff;
    float: left;
}
.nickName-title img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 10px 12px 0 0;
}
.nickName-title span{
    font-size: 14px;
    cursor: pointer;
    color: #333333;
    position: relative;
    top:6px
}
.nickName-out:hover{
    background: #F1F2F7;
    color: #FF4F53;
}
.nickName-out{
    width: 60px;
    background: #fff;
    border-left: 1px solid #E9E9E9;
    height: 100%;
    float: right;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    line-height: 60px;
}
.topTab-ul .active:after{
    height: 2px;
    width: 100%;
    background: #FF4F53;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    box-shadow: 0 2px 6px 0 rgba(255,79,83,0.50);
}
.closeAll,.rightMove,.newPage{
    margin-left: 5px;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background: #F1F2F7;
}
.topTab-ul .active .navA{
    font-family: "PingFangSC-Semibold";
    font-weight: bold;
    font-size: 16px;
    color: #FF4F53 !important;
}
.topTab-box{
    position: fixed;
    width: 100%;
    min-width: 1000px;
    height: 60px;
    z-index: 99;
    top:0;
    background: white;
    left: 0;
}
/*侧边栏*/
.sidebarBox-div h4{
    color: #fff;
}
.contents{
    padding: 20px 30px;
}
.contents div{
    float: left;
    width: 20px;
    height: 20px;
    background: #242D39;
    border-radius: 3px;
    margin-right: 10px;
}
.contents div img{
    width: 8px;
    height: 5px;
    margin: 5px;
}
.contents span{
    color: #fff;
    line-height: 20px;
    font-size: 16px;
}
.station{
    padding: 13px 30px;
    background: #2D3343;
}
.station img{
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.station span{
    font-size: 14px;
    color: #FFFFFF;
}
.panel-heading{
    padding: 0;
}
.menuSpan-b{
    width: 3px;
    height: 10px;
    display: block;
    background: #979798;
    float: left;
    margin:6px 10px 0 0 ;
}
.menuSpan-a{
    width: 10px;
    height: 10px;
    display: block;
    float: right;
    margin-right: 33px;
}
.menuSpan,.sidebar-menu .treeview-menu > li > a{
    color: #999;
    font-size: 14px;
}
.treeview-menu li{
    padding-left: 10px;
}
.menuSpan-bb{
    width: 4px;
    height: 4px;
    background: #999;
    display: block;
    margin-top: 8px;
    margin-right: 10px;
    float: left;
}
.leftMove,.rightMove{
    float: left;
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    color: #333;
    line-height: 40px;
    border: 1px solid #CCCCCC;
}
.tagBox-div{
    padding: 10px 20px
}
.tagBox-div>div{
    cursor: pointer;
}
.closeP{
    width: 8px;
    height: 8px;
    margin-left: 4px;
    background: url("../images/close.png")no-repeat;
    background-size: 100% 100%;
    margin-top: 4px;
}
.closeP-div:hover .closeP{
    background: url("../images/close2.png")no-repeat;
}
.closeP-div:hover{
    background: #FF4F53;
}
/*.closeP:hover .closeP-div{
    background: red;
}*/
.newPage a{
    color: #333!important;
}
.closeAll{
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #ccc;
    float: left;
}
.closeAll img{
    margin: 14px;
    width: 10px;
    height: 10px;
}
.treeviewSty>a .menuSpan{
    color: #FF4F53 !important;
}
.treeviewSty .menuSpan-b{
    background: #FF4F53 !important;
}
/*内容 已发*/
.typeBox{
    height: auto;
    width: 100%;
}
.dateBox{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 29px;
    height: 40px;
    padding: 0 20px 0 0;
    float: left;
}
.dropWid li{
    cursor: pointer;
}
.select-div{
    height: 26px;
    width: 92px;
    margin-top: 6px;
    border-right: 1px solid #E5E5E5;
    position: relative;
    float: left;
}
.select-div .dropdown-menu{
    top:117%;
}
.select-div button{
    border: none;
    margin-top: 2px;
    width: 55px !important;
    color: #999 !important;
}
.dateBox .form-control{
    border-radius: 0;
}
.dateBox .lei{
    height: 26px;
    width: 88px;
    margin-top: 5px;
    border-right: 1px solid #E5E5E5;
    position: relative;
    float: left;
}
.lei select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
    border: none;
    width: 100%;
    margin-top: 4px;
}
.dateBox>div:nth-child(1){
    width: 89px;
}
.select-div2 button{
    margin-left: 20px !important;
}
.dateBox>div+div{
    padding-left: 20px;
}
.dateBox .btn{
    padding: 0;
}
.downSty{
    width: 10px;
    height: 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top:10px;
}
.search-div{
    background: #fff;
    float: left;
    width: 215px;
    position: relative;
    height: 100%;
}
.search-div input{
    outline:none;
    width: 100%;
    height: 100%;
    border:none;
    font-size: 14px;
    color: #999999;
    background-size: 18px 18px;
    padding-right: 20px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #CCCCCC;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #CCCCCC;
}

input:-ms-input-placeholder{
    color: #CCCCCC;
}

input::-webkit-input-placeholder{
    color: #CCCCCC;
}
.choice-div{
    width: auto;
    margin-left: 20px;
    height: 47px;
    float: left;
}
.choice-ul{
    width: auto;
    height: 40px;
}
.choice-ul li{
    padding: 10px 20px;
    background: #F7F6F9;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    font-size: 14px;
    color: #333333;
    float: left;
    position: relative;
    margin-left: -1px;
}
.choice-ul li a{
    color: #333333;
}
.choice-ul .choice-li{
    background: white;
    color: #FF4F53;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.10);
}
.choice-ul .choice-li a,.choice-ul li a:hover{
    color: #FF4F53 !important;
}
.choice-ul .choice-li:after{
    position: absolute;
    content: "";
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid white;
    left: 50%;
    filter: drop-shadow(0 2px 1px #ccc);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.content-operation{
    width: 100%;
    margin-top: 10px;
    position: relative;
    background: white;
}
.content-table .content-head{
    width: 100%;
    /*  display: block;*/
    background: #6BCACA;
}
.content-table{
    width: 100%;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.15);
    border-radius: 0 0 3px 3px;
    height: auto;
}
.content-table .content-head th{
    text-align: center;
}
.content-table tr{
    border-bottom: 1px solid #EEEFF1;
    background: white;
}
.content-table tr{
    text-align:center;/** 设置水平方向居中 */
    vertical-align:middle/** 设置垂直方向居中 */
}
.content-table tr td{
    padding: 14px 0 10px 0 !important;
}
.check-div{
    width: 16px;
    height: 17px;
    position: relative;
    display: inline-flex;
    /*    margin-left: 20px;*/
}
.check-div input{
    cursor: pointer;
}
.check-div input:checked+div {  /*当radiuo被选中时，把input下边的div标签的背景图片替换掉*/
    background-color: #6BCACA !important;
    background: url("../images/xuan.png")no-repeat center;
    background-size: 10px 6px;
}
.check-div input:checked+div img{
    display: block;
}
.check-div input{
    opacity: 0;
    display: inline-block;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
}
.check-div div{
    position: absolute;
    top: 0;
    background: white;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #DCDCDC;
    z-index: 1;
}
.option img{
    display: none;
    margin-top: 4px;
    width: 10px;
    height: 6px;
}
.eye,.cha,.chakan,.pen,.edit-fff{
    display: inline-block;
    cursor: pointer;
    margin: 0 8px;
}
.eye{
    width: 16px;
    height: 11px;
    background-image: url("../images/eye2x.png");
    background-image: -webkit-image-set(url("../images/eye.png") 1x,url("../images/eye2x.png") 2x);
    background-image: image-set(url("../images/eye.png") 1x,url("../images/eye2x.png") 2x);
    background-image: -moz-image-set(url("../images/eye.png") 1x,url("../images/eye2x.png") 2x);
    background-image: -o-image-set(url("../images/eye.png") 1x,url("../images/eye2x.png") 2x);
    background-size: 100% 100%;
}
.chakan{
    width: 16px;
    height: 11px;
    background-image: url("../images/chakanform.png");
    background-image: -webkit-image-set(url("../images/chakanform.png") 1x,url("../images/chakanform.png") 2x);
    background-image: image-set(url("../images/chakanform.png") 1x,url("../images/chakanform.png") 2x);
    background-image: -moz-image-set(url("../images/chakanform.png") 1x,url("../images/chakanform.png") 2x);
    background-image: -o-image-set(url("../images/chakanform.png") 1x,url("../images/chakanform.png") 2x);
    background-size: 100% 100%;
}
.pen,.edit-fff{
    width: 12px;
    background: url("../images/pen2x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/pen.png") 1x,url("../images/pen2x.png") 2x);
    background-image: image-set(url("../images/pen.png") 1x,url("../images/pen2x.png") 2x);
    background-image: -moz-image-set(url("../images/pen.png") 1x,url("../images/pen2x.png") 2x);
    background-image: -o-image-set(url("../images/pen.png") 1x,url("../images/pen2x.png") 2x);
    background-size: 100% 100%;
    height: 12px;
}
.edit-fff{
    background: url("../images/pen_fff2x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/pen_fff1x.png") 1x,url("../images/pen_fff2x.png") 2x);
    background-image: image-set(url("../images/pen_fff1x.png") 1x,url("../images/pen_fff2x.png") 2x);
    background-image: -moz-image-set(url("../images/pen_fff1x.png") 1x,url("../images/pen_fff2x.png") 2x);
    background-image: -o-image-set(url("../images/pen_fff1x.png") 1x,url("../images/pen_fff2x.png") 2x);
    background-size: 100% 100%;
}
.cha{
    width: 12px;
    height: 12px;
    background: url("../images/delelt2x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/delet.png") 1x,url("../images/delelt2x.png") 2x);
    background-image: image-set(url("../images/delet.png") 1x,url("../images/delelt2x.png") 2x);
    background-size: 100% 100%;
}
.huigou{
    width: 12px;
    height: 12px;
    background: url("../images/huisegou.png") no-repeat;
    background-image: -webkit-image-set(url("../images/huisegou.png") 1x,url("../images/huisegou.png") 2x);
    background-image: image-set(url("../images/huisegou.png") 1x,url("../images/huisegou.png") 2x);
    background-size: 100% 100%;
}
.ellipsis{
    margin: 0 8px;
    width: 16px;
    height: 18px;
    cursor: pointer;
    display: inline-block;
    background: url("../images/shenglue.png") no-repeat right 7px;
    background-size: 100% 4px;
    top: 10px;
}
.eye:hover{
    background: url("../images/eye12x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/eye1.png") 1x,url("../images/eye12x.png") 2x);
    background-image: image-set(url("../images/eye1.png") 1x,url("../images/eye12x.png") 2x);
    background-size: 100% 100%;
}
.cha:hover{
    background: url("../images/close32x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/close3.png") 1x,url("../images/close32x.png") 2x);
    background-image: image-set(url("../images/close3.png") 1x,url("../images/close32x.png") 2x);
    background-size: 100% 100%;
    width: 12px;
    height: 12px;
}
.prov_rota{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.operation .ellipsis-btn{
    margin-left: -4px;
}
.theTop{
    width: 16px;
    cursor: pointer;
    height: 16px;
    background: url("../images/theTop2x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/theTop1x.png") 1x,url("../images/theTop2x.png") 2x);
    background-image: image-set(url("../images/theTop1x.png") 1x,url("../images/theTop2x.png") 2x);
    background-size: 100% 100%;
}
.theTop:hover{
    background-size: 100% 100%;
    background: url("../images/theTop_green2x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/theTop_green1x.png") 1x,url("../images/theTop_green2x.png") 2x);
    background-image: image-set(url("../images/theTop_green1x.png") 1x,url("../images/theTop_green2x.png") 2x);
}
.pen:hover{
    background: url("../images/pen12x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/pen1.png") 1x,url("../images/pen12x.png") 2x);
    background-image: image-set(url("../images/pen1.png") 1x,url("../images/pen12x.png") 2x);
    background-size: 100% 100%;
}
.ellipsis:hover{
    background: url("../images/shenglue1.png") no-repeat right 7px;
    background-size: 100% 4px;
}
.ellipsis-btn:hover .ellipsis{
    background: url("../images/shenglue1.png") no-repeat right 7px;
    background-size: 100% 4px;
}
.content-tr .tabTit img{
    width: 18px;
    margin-right: 5px;
}
.content-table tr th{
    padding: 12px 0;
    font-size: 14px;
    position: relative;
    color: #FFFFFF;
}
.operation img{
    cursor: pointer;
}
.operation img+img{
    margin-left: 15px;
}
.content-table .content-head .chInput,.content-table .content-tr .chInput{
    padding-left: 15px;
}
.chInput .check-div{
    margin-top: 2px;
}
.tabTit span,.tabTit a{
    cursor: pointer;
    font-size: 14px;
    color: #666666;
}
.tabTit>a{
    float: left;
    margin-left: 12px;
}
.paging{
    height: 60px;
    background: white;
    padding: 0 20px;
}
.operation-div{
    overflow-y: auto;
}
.push-div{
    height: 40px;
    margin-top: 10px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    float: left;
    width: auto;
    padding: 0 10px;
    border-radius: 100px;
}
.push-div div{
    float: left;
    cursor: pointer;
    padding: 10px;
}
.push-div div+div{
    border-left: 1px solid #ccc;
    height: 38px;
}
.push-div div a{
    display: block;
    font-size: 14px;
    color: #6BCACA;
    width: 100%;
    height: 100%;
}
.push-div1 a{
    color: #FF4F53 !important;
}
.push-div div a:hover{
    color: #FF4F53;
}
.pagem{
    position: relative;
    float: left;
}
.paging-div{
    height: 40px;
    margin-top: 10px;
    font-size: 14px;
    color: #333333;
    line-height: 40px;
}
.paging-div>div{
    float: left;
}
.totalPage>span{
    color: #FF4F53;
    margin: 0 5px;
}
.dropup .pagem-span{
    float: left;
    margin-right: 10px;
}
.paging-div .pagem-span{
    margin-right: 10px;
}
.pagem button{
    width: 70px;
}
.jian{
    margin-top: 7px;
}
.dropWid{
    min-width: 70px;
}
.pagem-span{
    margin-left: 10px;
}
.page-div{
    margin-left: 20px;
}
.page-div div,.page-div ul{
    float: left;
}

.pagination{
    margin: 0 20px;
}
.pagination>li>a, .pagination>li>span{
    padding: 0;
    width: 26px;
    text-align: center;
    line-height: 26px;
    height: 26px;
    font-size: 12px;
    color: #333333;
}
.pagination{
    margin-top: 6px;
    height: 26px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background: #FF4F53;
    border-radius: 50%;
    color: white;
}
.pagination > li:last-child > a, .pagination > li:last-child > span,
.pagination>li:first-child>a, .pagination>li:first-child>span{
    border-radius: 50%;
}
.pageD{
    cursor: pointer;
}
.pageD:hover{
    color: #FF4F53;
}
.pagination a{
    cursor: pointer;
}
.nav-tabs>li>a:hover{
    background: #F1F2F7;
}
.topTab-ul .dropdown-menu{
    min-width: 100px;
}
.nickName-title span:hover{
    color: #25BFF4;
}
.closeP-div{
    float: right;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    margin-left: 6px;
    margin-top: 1px;
}
.leftMove:hover,.rightMove:hover{
    color: #FF4F53;
}
.dropWid1{
    min-width: 92px !important;
}
.select-div1,.select-div2 ul{
    width: 92px !important;
}
.content-tr .tabTit .commentImg{
    width: 15px;
    height: 16px;
    cursor: pointer;
}
.commentImg,.imgPage{
    margin-left: 10px;
}
.content-tr .ReleaseTime{
    color: #999;
    font-size: 12px;
}
.ReleaseTime{
    color: #999;
    font-size: 12px;
}
.content-tr .Publisher{
    color: #999;
}
.content-tr .clickRTd{
    width: 7%;
}
.content-tr .tabTit{
    padding: 0 15px;
    text-align: left;
    margin-left: 10px;
}
.content-tr .tabTit .imgPage{
    width: 16px;
    height: 15px;
    cursor: pointer;
    position: relative;
    top:-1px;
}
.tabTit-imgBox{
    position: absolute;
    display: none;
    background: url("../images/wBg.png") no-repeat;
    background-size: 100% 100%;
    z-index: 10;
    padding: 20px 5px 15px 15px;
}
.showImg{
    display: block !important;
}
.tabTit-imgBox img{
    width: 210px !important;
    height: 140px;
}
.tabTit span:hover{
    color: #FF4F53;
}
.tabTit-showDiv{
    position: absolute;
    width: 300px;
    height: auto;
    background: url("../images/blue.png")no-repeat;
    background-size: 100% 100%;
    display: none;
    padding: 20px;
    font-size: 12px;
    color: #FFFFFF;
    z-index: 10;
    line-height: 22px;
}
.tabTit-showDiv>img{
    width: 210px !important;
    height: 140px !important;
}
.tabTit .recommendedImg{
    width: 16px !important;
    height: 16px;
    cursor: pointer;
}
.more-operations {
    position: absolute;
    top: 12px;
    width: auto;
    display: none;
    height: auto;
    text-align: left;
    z-index: 99;
    background: #FFFFFF;
    padding: 5px 0 !important;
    border: 1px solid #6BCACA !important;
    box-shadow: 0 1px 5px 0 rgba(107, 202, 202, 0.50) !important;
}
.more-operations li{
    cursor: pointer;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #333;
}
.more-operations li+li{
    margin-top:5px;
}
.ellipsis-btn .dropdown-menu>li>a:focus,.ellipsis-btn .dropdown-menu>li>a:hover{
    background: #6BCACA;
    color: #fff !important;
}
.ellipsis-btn .dropdown-menu{
    margin: 0;
    padding: 0;
    min-width: 124px;
}
.more-operations li a{
    color: #333;
    display: block;
    width: 100%;
    line-height: 25px;
    height: 30px;
}
.pagination .right-a,.pagination .left-a{
    width: 6px;
    height: 11px;
}
.pagination .right-a{
    background: url("../images/right.png")no-repeat;
    background-size: 100% 100%;
    margin: 8px 0 0 20px;
}
.pagination .left-a{
    background: url("../images/left.png")no-repeat;
    background-size: 100% 100%;
    margin: 8px 20px 0 0;
}
.pagination .left-a:hover{
    background: url("../images/arrow.png") no-repeat 0 0;
}
.pagination .right-a:hover{
    background: url("../images/arrow.png") no-repeat 0 -14px;
}
.articleIcon{
    background-size: 14px 16px;
    background-image: url("../images/iconList_w2x.png");
    background-image: -webkit-image-set(url("../images/iconList_w1x.png") 1x,url("../images/iconList_w2x.png") 2x);
    background-image: image-set(url("../images/iconList_w1x.png") 1x,url("../images/iconList_w2x.png") 2x);
}
.li_icon_1 {
    background-size: 20px 20px;
    background-image: url("./images/icon_putong.png");
}
.li_icon_2 {
    background-size: 20px 20px;
    background-image: url("./images/icon_lapiao.png");
}
.li_icon_3 {
    background-size: 20px 20px;
    background-image: url("./images/icon_huwai.png");
}
.contentIcon{
    background-size: 14px 16px;
    background-image: url("../images/contenticon@2x.png");
    background-image: -webkit-image-set(url("../images/contenticon.png") 1x,url("../images/contenticon@2x.png") 2x);
    background-image: image-set(url("../images/contenticon.png") 1x,url("../images/contenticon@2x.png") 2x);
}
.categoryIcon{
    background-size: 14px 16px;
    background-image: url("../images/cagegoryicon@2x.png");
    background-image: -webkit-image-set(url("../images/categoryicon@1x.png") 1x,url("../images/cagegoryicon@2x.png") 2x);
    background-image: image-set(url("../images/categoryicon@1x.png") 1x,url("../images/cagegoryicon@2x.png") 2x);
}
.icon{
    width: 17px;
    height: 17px;
    float: left;
    background-repeat: no-repeat;
    margin: 2px 10px 0 0;
}
.atlas{
    background-size: 15px 15px;
    background-image: url("../images/iconListT2x.png");
    background-image: -webkit-image-set(url("../images/iconListT1x.png") 1x,url("../images/iconListT2x.png") 2x);
    background-image: image-set(url("../images/iconListT1x.png") 1x,url("../images/iconListT2x.png") 2x);
}
.Href{
    background-size: 16px 16px;
    background-image: url("../images/iconListH2x.png");
    background-image: -webkit-image-set(url("../images/iconListH1x.png") 1x,url("../images/iconListH2x.png") 2x);
    background-image: image-set(url("../images/iconListH1x.png") 1x,url("../images/iconListH2x.png") 2x);
}
.Href_wai{
    background-size: 16px 16px;
    background-image: url("../images/icon_Outside chain@2x.png");
    background-image: -webkit-image-set(url("../images/icon_Outside chain@1x.png") 1x,url("../images/icon_Outside chain@2x.png") 2x);
    background-image: image-set(url("../images/icon_Outside chain@1x.png") 1x,url("../images/icon_Outside chain@2x.png") 2x);
}
.video1{
    background-size: 15px 15px;
    background-image: url("../images/iconListV2x.png");
    background-image: -webkit-image-set(url("../images/iconListV1x.png") 1x,url("../images/iconListV2x.png") 2x);
    background-image: image-set(url("../images/iconListV1x.png") 1x,url("../images/iconListV2x.png") 2x);
}
.audio{
    background-size: 15px 15px;
    background-image: url("../images/iconAudio1.png");
    background-image: -webkit-image-set(url("../images/iconAudio1.png") 1x,url("../images/iconAudio2.png") 2x);
    background-image: image-set(url("../images/iconAudio1.png") 1x,url("../images/iconAudio2.png") 2x);
}

.audio-album{
    background-size: 15px 15px;
    background-image: url("../images/iconAudioA1.png");
    background-image: -webkit-image-set(url("../images/iconAudioA1.png") 1x,url("../images/iconAudioA2.png") 2x);
    background-image: image-set(url("../images/iconAudioA1.png") 1x,url("../images/iconAudioA2.png") 2x);
}


.video-album{
    background-size: 15px 15px;
    background-image: url("../images/iconVideoA1.png");
    background-image: -webkit-image-set(url("../images/iconVideoA1.png") 1x,url("../images/iconVideoA2.png") 2x);
    background-image: image-set(url("../images/iconVideoA1.png") 1x,url("../images/iconVideoA2.png") 2x);
}

.special{
    background-size: 15px 15px;
    background-image: url("../images/iconListZ2x.png");
    background-image: -webkit-image-set(url("../images/iconListZ1x.png") 1x,url("../images/iconListZ2x.png") 2x);
    background-image: image-set(url("../images/iconListZ1x.png") 1x,url("../images/iconListZ2x.png") 2x);
}
.visualization-special{
    background-size: 15px 15px;
    background-image: url("../images/visualization2x.png");
    background-image: -webkit-image-set(url("../images/visualization1x.png") 1x,url("../images/visualization2x.png") 2x);
    background-image: image-set(url("../images/visualization1x.png") 1x,url("../images/visualization2x.png") 2x);
}
/*.live{
    background: url("../images/iconFa.png")no-repeat -2px -116px;
}*/
.live{
    background-size: 16px 16px;
    background-image: url("../images/iconList_live2x.png");
    background-image: -webkit-image-set(url("../images/iconList_live1x.png") 1x,url("../images/iconList_live2x.png") 2x);
    background-image: image-set(url("../images/iconList_live1x.png") 1x,url("../images/iconList_live2x.png") 2x);
}
.raiders{
    background-size: 15px 16px;
    background-image: url("../images/iconListG2x.png");
    background-image: -webkit-image-set(url("../images/iconListG1x.png") 1x,url("../images/iconListG2x.png") 2x);
    background-image: image-set(url("../images/iconListG1x.png") 1x,url("../images/iconListG2x.png") 2x);
}
.shop{
    margin-top: 2px;
    background-size: 16px 15px;
    background-image: url("../images/iconList_D2x.png");
    background-image: -webkit-image-set(url("../images/iconList_D1x.png") 1x,url("../images/iconList_D2x.png") 2x);
    background-image: image-set(url("../images/iconList_D1x.png") 1x,url("../images/iconList_D2x.png") 2x);
}
.circle{
    margin-top: 2px;
    background-size: 16px 15px;
    background-image: url("../images/circle2x.png");
}
.content-tr:hover{
    background: #F6F8F8 !important;
}
.release-div{
    z-index: 88;
    float: right;
    min-width: 130px;
    width: auto;
    cursor: pointer;
    position: relative;
    background: #FF6C60;
    opacity: 0.9;
    box-shadow: 0 2px 5px 0 rgba(255,108,96,0.50);
}/*
.release-div>div{

}*/
.release-div .release-div-a{
    padding: 10px 33px;
    display: block;
    border-radius: 3px;
}
.release-div .release-div-a>div{
    width: 12px;
    height: 12px;
    background: url("../images/addbu.png")no-repeat;
    display: inline-block;
}
.release-div .release-div-a span{
    line-height: 20px;
    margin-left: 10px;
    font-size: 16px;
    color: #FFFFFF;
}
.release-ul{
    position: absolute;
    width: 100%;
    left: 0;
    top: 40px;
    display: none;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.15);
}
.release-div:hover{
    opacity: 1;
}
.release-ul li{
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    margin: 5px 0;
}
.release-ul li a{
    display: block;
    font-size: 14px;
    color: #333;
}
.icon-a{
    width: 20px;
    height: 20px;
    float: left;
    margin: 7px 10px 0 0;
    background-repeat: no-repeat;
}
.release-div:hover .release-ul{
    display: block;
}
.release-ul li:hover{
    background: #F1F2F7;
}
.searchBtn{
    position: absolute;
    cursor: pointer;
    right: 0;
    display: block;
    top:11px;
    background: url("../images/search2x.png")no-repeat;
    background-image: -webkit-image-set(url("../images/search1x.png") 1x,url("../images/search2x.png") 2x);
    background-image: image-set(url("../images/search1x.png") 1x,url("../images/search2x.png") 2x);
    width: 18px;
    background-size: 100% 100%;
    height: 18px;
}
.searchBtn:hover{
    background-size: 100% 100%;
    background: url("../images/search_green2x.png")no-repeat;
    background-image: -webkit-image-set(url("../images/search_green1x.png") 1x,url("../images/search_green2x.png") 2x);
    background-image: image-set(url("../images/search_green1x.png") 1x,url("../images/search_green2x.png") 2x);
}
.ellipsis-btn .dropdown-menu{
    left: 100%;
}
.ellipsis-btn .btn-default{
    border-color: rgba(0,0,0,0);
    background: rgba(0,0,0,0);
}
.ellipsis-btn .btn-group-lg>.btn, .btn-lg{
    padding: 0;
}
.ellipsis-btn, .btn-group-vertical{
    position: static;
}

/*新增文章*/
.addList{
    height: auto;
    margin-top: 20px;
}
.addList>div{
    float: left;
}
.addList>div+div{
    margin-left: 30px;
}
.btn-each{
    width: 70px !important;
    height: 30px !important;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin-top: 3px;
    border-radius: 3px;
}
.spSty{
    font-size: 14px;
    color: #151515;
    padding: 10px 0;
    text-align: right;
    margin-right: 10px;
    line-height: 19px;
}
.sel-div button{
    width: auto;
    font-size: 14px;
    color: #666;
}
.sel-div .dropdown-menu>li>a{
    font-size: 14px;
    color: #666;
}
.sel-div button span{
    margin-right: 34px;
    color: #666;
}
.sel-div .btn{
    padding: 9px 10px;
}
.sel-div .dropWid{
    min-width: 120px;
}

.phone{
    width: 12px;
    height: 17px;
    background-image: url("../images/phone2x.png");
    background-image: -webkit-image-set(url("../images/phone1x.png") 1x,url("../images/phone2x.png") 2x);
    background-image: image-set(url("../images/phone1x.png") 1x,url("../images/phone2x.png") 2x);
    background-image: -moz-image-set(url("../images/phone1x.png") 1x,url("../images/phone2x.png") 2x);
    background-image: -o-image-set(url("../images/phone1x.png") 1x,url("../images/phone2x.png") 2x);
    background-size: 100% 100%;
}
.computer{
    width: 15px;
    height: 15px;
    margin-left: 10px;
    background-image: url("../images/PCicon@2x.png");
    background-image: -webkit-image-set(url("../images/PCicon@1x.png") 1x,url("../images/PCicon@2x.png") 2x);
    background-image: image-set(url("../images/PCicon@1x.png") 1x,url("../images/PCicon@2x.png") 2x);
    background-image: -moz-image-set(url("../images/PCicon@1x.png") 1x,url("../images/PCicon@2x.png") 2x);
    background-image: -o-image-set(url("../images/PCicon@1x.png") 1x,url("../images/PCicon@2x.png") 2x);
    background-size: 100% 100%;
}
.phone,.computer{
    display: inline-block;
    background-size: 100% 100%;
}
.addList .check-div{
    margin: 11px 10px 0 0;
}
.titleDiv{
    width: 600px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    line-height: 40px;
    border-radius: 3px;
}
.mar{
    margin-top: 0;
}
.titleInput{
    width: 554px;
    height: 36px;
    padding: 0 10px;
    color: #333;
    border: none;
}
.titleDiv-d{
    width: auto;
    padding-right: 10px;
    font-size: 12px;
    color: #666666;
    height: 100%;
}
.compiler-box{
    max-height:600px;
    overflow-y: auto;
    width: auto;
}
.compiler-div{
    width: 631px;
    height: auto;
    background: white;
}
.oper-div{
    margin-top: 10px;
    width: 100%;
    height: 40px;
}
.extract{
    background: #FFFFFF;
    border: 1px solid #6BCACA;
    border-radius: 2px;
    height: 38px;
    cursor: pointer;
    line-height: 38px;
    text-align: center;
    width: 120px;
    font-size: 14px;
    color: #6BCACA;
}
.listInput{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    width: 100px;
    height: 40px;
    padding: 0 10px;
}
.extract:hover,.upload-div div a:hover{
    color:  #FF4F53;
}
.titleDiv-d .enter{
    display: block;
    background: url("../images/iconHui.png")no-repeat -10px -64px;
    width: 18px;
    height: 14px;
    margin-top: 12px;
}
.addBox{
    padding:10px 0 100px 0;
    color: #333;
}
.abstract-text textarea{
    width: 598px;
    height: 120px;
    background: #FFFFFF;
    padding: 10px 10px ;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
}
.abstract-text{
    position: relative;
    border-radius: 4px;
}
.abstract-text>div{
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
    color: #666666;
}
.bootstrap-tagsinput{
    width:600px;
}
.styInput-box div{
    position: relative;
    height: 40px;
    margin-left: -1px;
    width: 68px;
}
.styInput-box>div+div{
    border-left: none;
}
.styInput-box input{
    display: block;
    float: left;
    cursor: pointer;
    height: 40px;
    width: 68px;
    background: #F7F6F9;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #333333;
}
.addList .sty-box{
    width: 70%;
    margin-left: 0;
}
.styInput-box .choice-li input{
    color: #FF4F53;
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.10);
}
.styInput-box .choice-li:after{
    bottom: -6px;
}
.show-div{
    margin-top: 20px;
}
.show-div .none-box{
    width: 100%;
    height: auto;
    margin-top: 10px;
}
.show-div>div{
    display: none;
}
.show-div .hide_div{
    display: none;
}
.show-div .show_box{
    display: block;
}
.show_box>div+div{
    margin-top: 10px;
}
.change_answer_li label{
    position: relative;
    width: 100%;
    line-height: 20px;
    cursor: pointer;
    display: block;
}
.change_answer_li label input{
    display: inline-block ;
    opacity: 0 ;
    width: 20px;
    position: relative;
    z-index: 9;
}
.change_answer_li label div{
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 0;
    background-size: cover;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 77px;
    background-size: cover;
    z-index: 2;
}
.change_answer_li input:checked+div {  /*当radiuo被选中时，把input下边的div标签的背景图片替换掉*/
    background: url("../images/iconHui.png") no-repeat -11px -3px;
    border: none;
}
.check-sty{
    background: url("../images/iconHui.png") no-repeat -11px -3px !important;
    border: none !important;
}
.option-div>div{
    float: left;
    height: 20px;
}
.option-div>div{
    margin-right: 30px;
    margin-bottom: 10px;
}
.upload-div{
    height: 40px;
    width: auto;
}
.upload-input{
    width: 510px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    height: 40px;
    padding: 0 10px;
}
.upDiv{
    position: relative;
    cursor: pointer;
}
.upload-div>div{
    background: #FFFFFF;
    border: 1px solid #6BCACA;
    border-radius: 2px;
    width: 80px;
    cursor: pointer;
    margin-left: 10px;
    font-size: 14px;
    position: relative;
    color: #6BCACA;
    height: 38px;
    text-align: center;
    line-height: 38px;
}
.btn-upload{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.upload-div a{
    font-size: 14px;
    color: #6BCACA;
    display: block;
    width: 100%;
    height: 100%;
}
.proposal-tit{
    font-size: 12px;
    color: #666666;
}
.imgCut-box img{
    width: 300px;
    display: block;
    float: left;
    height: 200px;
}
.imgCut-box{
    width: 300px;
    float: left;
    margin-top: 10px;
    position: relative;
}
.imgCut-div{
    width: 80px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    line-height: 40px;
    margin-left: 10px;
    font-size: 14px;
    color: #fff;
    background: #FF6C60;
    box-shadow: 0 2px 5px 0 rgba(255,108,96,0.50);
    border-radius: 2px;
}
.imgCut-div a{
    color: #fff;
}
.cut-none>div{
    margin-top: 10px;
}
.cut-none{
    display: none;
}
.chajain>div+div{
    margin-top: 15px;
}
.establish,.find,.relieve{
    padding: 10px 28px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    border-radius: 2px;
}
.establish{
    background: #FF6C60;
    box-shadow: 0 2px 5px 0 rgba(255,108,96,0.50);
}
.find{
    background: #6BCACA;
    padding: 10px 15px;
}
.relieve{
    background: #FFFFFF;
    height: 40px;
    border: 1px solid #6BCACA;
}
.establish>a,.find>a{
    color: #fff;
}
.relieve>a{
    color: #6BCACA;
}
.establish-box>div+div{
    margin-left: 10px
}
.dateInput{
    width: 150px;
}
/*.calendar-box{
    position: relative;
}*/
.vt,.preview,.preview-qx{
    padding: 13px 57px;
    display: block;
    font-size: 18px;
    color: #FFFFFF;
    background: #FF6C60;
    box-shadow: 0 2px 5px 0 rgba(255,108,96,0.50);
    border-radius: 2px;
    cursor: pointer;
}
.preview-qx{
    margin-left: 20px;
}
.Preser a{
    color: #FFFFFF;
}
.preview{
    background: #6BCACA;
    margin-left: 20px;
    box-shadow: 0 2px 5px 0 rgba(107,202,202,0.50);
}
.preservation a{
    color: #fff;
}
.preservation span{
    font-size: 16px;
    color: #666666;
    line-height: 50px;
    margin-left: 20px;
}
.content{
    padding: 0;
}
.box{
    margin-bottom: 0;
}
.btn-default{
    cursor: pointer;
    background-color: rgba(0,0,0,0);
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default{
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
}
.row{
    margin-left: 0;
    margin-right: 0;
}
.dropdown-menu{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.15);
}
.btn:active{
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0);
    box-shadow:inset 0 3px 5px rgba(0,0,0,0);
}
.btn.active, .btn:active{
    box-shadow:inset 0 3px 5px rgba(0,0,0,0);
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0);
}
.box-body{
    padding: 0;
    margin-top: 10px;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{
    border: none;
}
.table-striped>tbody>tr:nth-of-type(odd){
    background-color: #fff;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    padding: 12px;
}
.box-body{
    position: relative;
}
.table{
    margin-bottom: 0;
}
.pagination>li>a, .pagination>li>span{
    border: none;
}
.box.box-default{
    border-top-color: rgba(0,0,0,0);
    padding-bottom: 10px;
}
.box{
    background: none;
    border-top: none;
}
.btn-white{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
}
.edui-default .edui-editor{
    margin: 0 !important;
}
#mainForm>div+div{
    margin-top: 20px;
}
#mainForm .cut-div{
    margin-top: 0 !important;
}
.pagination>li>a{
    background: none;
    color: #333;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    border: #FF4F53;
}
.form-horizontal .form-group{
    margin-left: 0;
    margin-right: 0;
}
.firstTit{
    width: 120px;
}
.form-group{
    margin-bottom: 0;
}
label{
    font-weight: normal;
}
.date-div{
    width: 600px;
}
.date-div input{
    cursor: pointer;
    background: url("../images/calendar.png")no-repeat top 10px right 10px;
    background-size: 18px 18px;
    background-color: #fff;

}
.upMar{
    margin-top: 10px;
}
.threeImg div{
    float: left;
}
.required>span{
    position: relative;
}
.required>span:before{
    content: "";
    position: absolute;
    top:5px;
    left:-10px;
    width: 7px;
    height: 7px;
    background: url("../images/star.png")no-repeat;
    background-size: 100% 100%;
}
.tit-center{
    text-align: center;
}
/*内容栏目设置*/
.columns-list{
    width: 220px;
    margin-right: 20px;
}
.settInput{
    width: 400px;
}
.settInput .titleInput{
    width: 353px;
}
.checkDiv{
    height:20px;
    float: left;
}
.checkDiv label{
    position: relative;
    width: 100%;
    line-height: 20px;
    cursor: pointer;
    display: block;
}
.checkDiv label input{
    display: inline-block ;
    opacity: 0 ;
    width: 20px;
}
.checkDiv label div{
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 0;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
}
.checkDiv input:checked+div {  /*当radiuo被选中时，把input下边的div标签的背景图片替换掉*/
    background: url("../images/xuan.png") no-repeat center;
    border: none;
    background-color: #6BCACA;
    background-size: 10px 6px;
}
.check-box>div+div{
    margin-left: 30px;
}
.admin{
    background: #FFFFFF;
    border: 1px solid #6BCACA;
    border-radius: 2px;
    width: 80px;
    height: 38px;
    font-size: 14px;
    /*    box-shadow: 0 2px 4px 2px rgba(107,202,202,0.50);*/
    margin-left: 10px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
}
.admin a{
    color: #6BCACA;
}
.hint{
    margin-left: 10px;
    line-height: 33px;
    font-size: 12px;
    color: #666666;
}
.contentsSty{
    font-size: 14px;
    color: #fff;
    padding: 10px 20px;
    background: #57C9F3;
}

/*排行榜*/
.whole-div{
    height: 30px;
    margin-top: 10px;
    width: auto;
}
.whole-ul{
    width: auto;
    height: 100%;
}
.whole-ul li{
    width: auto;
    position: relative;
    line-height: 19px;
    float: left;
    font-size: 14px;
    cursor: pointer;
}
.whole-ul li+li{
    margin-left: 30px;
}
.whole-ul li a{
    display: block;
    color: #333;
    width: 100%;
    height: 100%;
}
.whole-ul .whole-li:after{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    background: #FF4F53;
    box-shadow: 0 2px 6px 0 rgba(255,79,83,0.50);
    height: 3px;
}
.whole-ul .whole-li a{
    color: #FF4F53;
    font-family: "Microsoft YaHei";
    font-weight: bold;
}
.flex-div{
    position: fixed;
    width: 100%;
    top:0;
    left: 0;
    height: 100%;
    z-index: 1999;
    background: rgba(0,0,0,0.5);
}
.table-flex{
    height: auto;
    background: #FFFFFF;
    box-shadow: 0 1px 7px 0 rgba(0,0,0,0.10);
    border-radius: 3px;
    position: absolute;
    width: 700px;
}
.flex-title{
    background: #373E50;
    padding: 13px 0;
    color: #fff;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-weight: bold;
}
.flex-count{
    padding: 10px;
}
.option-div a{
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px;
}
.see,.recovery,.dele,.xiugai,.admin-a,.jurisdiction,.countent-a{
    font-size: 12px;
    color: #666666;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px;
}
.dele .cha{
    position: relative;
    top: 1px;
    margin: 0 5px 0 0;
}
.see .eye{
    position: relative;
    top: 1px;
    margin: 0 5px 0 0;
}
.see:hover .eye{
    background: url("../images/eye1.png") no-repeat;
    background-size: 100% 100%;
}
.dele:hover{
    color: #FF4F53;
}
.dele:hover .cha{
    background: url("../images/close32x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/close3.png") 1x,url("../images/close32x.png") 2x);
    background-image: image-set(url("../images/close3.png") 1x,url("../images/close32x.png") 2x);
    background-image: -moz-image-set(url("../images/close3.png") 1x,url("../images/close32x.png") 2x);
    background-image: -o-image-set(url("../images/close3.png") 1x,url("../images/close32x.png") 2x);
    background-size: 100% 100%;
    width: 12px;
    height: 12px;
}
.hui{
    display: inline-block;
    background: url("../images/iconHui.png")no-repeat -13px -24px;
    width: 15px;
    height: 12px;
    margin-right: 5px;
    position: relative;
    cursor: pointer;
    top:1px;
}
.recovery:hover .hui{
    background: url("../images/iconHui.png")no-repeat -13px -39px;
    position: relative;
    top:-1px;
}
.tabSty thead th{
    font-size: 14px;
    color: #FFFFFF;
    font-weight: normal;
}
.tabSty tbody .tabTit{
    font-size: 14px;
    color: #666;
}
.tabSty thead .chInput,.tabSty tbody .chInput{
    text-align: left;
    padding-left: 10px !important;
}
.tabSty tbody .tabTit span{
    width: 230px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.disable{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #8F9299;
    cursor: pointer;
    position: relative;
    display: inline-block;
}
.disable:hover{
    background: #FF4F53;
}
.disable span{
    width: 8px;
    height: 2px;
    background: #fff;
    display: block;
}
.btn-red{
    background: #FFFFFF;
    border: 1px solid #FF4F53;
    border-radius: 2px;
    width: 70px;
    font-size: 14px;
    color: #FF4F53;
    text-align: center;
    line-height: 36px;
    height: 36px;
}
.btn-borGreen{
    background: #FFFFFF;
    border: 1px solid #6BCACA;
    border-radius: 2px;
    width: 80px;
    font-size: 14px;
    cursor: pointer;
    color: #6BCACA;
    text-align: center;
    line-height: 40px;
    height: 40px;
}
.btn-borGreen:active{
    background: #f2f2f2;
}
.search-input{
    width: 280px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 0 20px;
    border-radius: 29px;
}
table tr td{
    vertical-align:middle !important;
}
.tit-l{
    text-align: left !important;
}
.xiugai:hover{
    color: #6BCACA;
}
.xiugai:hover .pen{
    background: url("../images/pen1.png") no-repeat;
    background-size: 100% 100%;
}
.admin-a:hover{
    color: #6BCACA;
}
.admin-i,.jurisdiction i,.countent-a i{
    background: url("../images/icon-op.png")no-repeat 0 0;
    width: 12px;
    height: 14px;
    display: inline-block;
    position: relative;
    top:2px;
    right: 5px;
}
.jurisdiction i{
    background: url("../images/icon-op.png")no-repeat -22px 0;
    width: 13px;
    height: 14px;
    top: 3px;
}
.jurisdiction-icon{
    background: url("../images/add-jurisdiction2x.png")no-repeat;
    background-image: -webkit-image-set(url("../images/add-jurisdiction1x.png") 1x,url("../images/add-jurisdiction2x.png") 2x);
    background-image: image-set(url("../images/add-jurisdiction1x.png") 1x,url("../images/add-jurisdiction2x.png") 2x);
    width: 12px;
    height: 12px;
    margin: 0 8px;
    background-size: 100% 100%;
}
.jurisdiction-icon:hover{
    background: url("../images/add-jurisdiction2xa.png")no-repeat;
    background-image: -webkit-image-set(url("../images/add-jurisdiction1xa.png") 1x,url("../images/add-jurisdiction2xa.png") 2x);
    background-image: image-set(url("../images/add-jurisdiction1xa.png") 1x,url("../images/add-jurisdiction2xa.png") 2x);
}
.countent-a i{
    /*   background: url("../images/icon-op.png")no-repeat 0 -20px;*/
    background: url("../images/wenzhang2.png")no-repeat;
    background-image: -webkit-image-set(url("../images/wenzhang1.png") 1x,url("../images/wenzhang2.png") 2x);
    background-image: image-set(url("../images/wenzhang1.png") 1x,url("../images/wenzhang2.png") 2x);
    background-image: -moz-image-set(url("../images/wenzhang1.png") 1x,url("../images/wenzhang2.png") 2x);
    background-image: -o-image-set(url("../images/wenzhang1.png") 1x,url("../images/wenzhang2.png") 2x);
    width: 9px;
    height: 12px;
    background-size: 100% 100%;
}
.tit-red{
    color: #FF4F53 !important;
}
.tit-green{
    color: #55CEAC !important;
}
.box-body tr td{
    color: #666;
}
.tit-blue{
    color: #25BFF4 !important;
}
.tit-xiu{
    margin-left:5px;
}
.btn-Preservation{
    border: none;
    width: 80px;
    color: #fff;
    height: 40px;
    cursor: pointer;
    background: #FF6C60;
    box-shadow: 0 2px 5px 0 rgba(255,108,96,0.50);
    border-radius: 2px;
}
.btn-Preservation:active{
    background: #eb6458;
}
.btn-Preservation a{
    font-size: 14px;
    color: #fff;
}
.tit-xie{
    position: relative;
}
/*
.rect:before{
    width: 3px;
    height: 10px;
    position: absolute;
    content: "";
    top:18px;
    left: -20px;
    background: #999;
}
.cir:before{
    width: 4px;
    height: 4px;
    position: absolute;
    content: "";
    top:20px;
    left: -20px;
    border-radius: 50%;
    background: #999;
}
*/


/*协同工作首页*/
.index-l{
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.10);
    border-radius: 3px;
    padding-left: 0;
    padding-right: 0;
}
.index-l-col{
    padding: 30px 20px;
    background: #57C9F3;
    border-radius: 3px 3px 0 0;
}
.index-div-top{
    height: auto;
}
.head-img{
    width: 80px;
    height: 80px;
    background: #BFEEFF;
    box-shadow: 0 1px 5px 0 rgba(29,136,176,0.50);
    position: relative;
    border-radius: 50%;
}
.head-img>img{
    width: 74px;
    height: 74px;
    border-radius: 50%;
}
.head-name{
    font-family: "Microsoft YaHei";
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    line-height: 26px;
    color: #fff;
    margin-top: 10px;
}
.head-department{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 19px;
    text-align: center;
}
.head-admin{
    text-align: center;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 16px;
}
.btn-edit{
    background: #31B2E2;
    border-radius: 48px;
    outline:none;
    width: 100px;
    height: 34px;
    border: none;
    text-align: center;
}
.btn-edit a{
    color: #fff;
    font-size: 14px;
}
.btn-edit:active{
    background: #2896be;
}
.edit-div{
    width: 215px;
    margin-top: 20px;
}
.index-l-end{
    background: #fff;
    padding: 30px 20px 30px 20px;
}
.amount{
    text-align: center;
    width: 33%;
}
.amount .num {
    font-size: 20px;
    color: #999999;
}
.amount .icon-num,.amount .comment1{
    width: 14px;
    height: 18px;
    margin-top: 10px;
    background: url("../images/wenzhang2.png")no-repeat;
    background-image: -webkit-image-set(url("../images/wenzhang1.png") 1x,url("../images/wenzhang2.png") 2x);
    background-image: image-set(url("../images/wenzhang1.png") 1x,url("../images/wenzhang2.png") 2x);
    background-image: -moz-image-set(url("../images/wenzhang1.png") 1x,url("../images/wenzhang2.png") 2x);
    background-image: -o-image-set(url("../images/wenzhang1.png") 1x,url("../images/wenzhang2.png") 2x);
    background-size: 100% 100%;
}
.index-l-end .num-name{
    font-size: 12px;
    margin-top: 10px;
    color: #999999;
}
.amount .icon-click{
    width: 20px;
    height: 14px;
    margin-top: 10px;
    background: url("../images/eye2x.png")no-repeat;
    background-image: -webkit-image-set(url("../images/eye.png") 1x,url("../images/eye2x.png") 2x);
    background-image: image-set(url("../images/eye.png") 1x,url("../images/eye2x.png") 2x);
    background-size: 100% 100%;
}
.amount .num-name1,.amount .click-num{
    margin-top: 12px;
}
.amount .comment1{
    width: 18px;
    height: 18px;
    background: url("../images/xinxi2.png")no-repeat;
    background-image: -webkit-image-set(url("../images/xinxi1.png") 1x,url("../images/xinxi2.png") 2x);
    background-image: image-set(url("../images/xinxi1.png") 1x,url("../images/xinxi2.png") 2x);
    background-image: -moz-image-set(url("../images/xinxi1.png") 1x,url("../images/xinxi2.png") 2x);
    background-image: -o-image-set(url("../images/xinxi1.png") 1x,url("../images/xinxi2.png") 2x);
    background-size: 100% 100%;
}
.index-r{
    height: auto;
}
.content-head-red{
    background: #FF6C60;
    width: 100%;
    height: 44px;
}
.visit{
    padding: 10px 20px;
}
.visit i{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/jian2_2x.png")no-repeat;
    background-image: -webkit-image-set(url("../images/jian1.png") 1x,url("../images/jian2_2x.png") 2x);
    background-image: image-set(url("../images/jian1.png") 1x,url("../images/jian2_2x.png") 2x);
    background-image: -moz-image-set(url("../images/jian1.png") 1x,url("../images/jian2_2x.png") 2x);
    background-image: -o-image-set(url("../images/jian1.png") 1x,url("../images/jian2_2x.png") 2x);
    background-size: 100% 100%;
    float: left;
    margin-top: 4px;
}
.notice i{
    width: 20px;
    height: 16px;
    background: url("../images/page2x.png")no-repeat;
    background-image: -webkit-image-set(url("../images/page1x.png") 1x,url("../images/page2x.png") 2x);
    background-image: image-set(url("../images/page1x.png") 1x,url("../images/page2x.png") 2x);
    background-image: -moz-image-set(url("../images/page1x.png") 1x,url("../images/page2x.png") 2x);
    background-image: -o-image-set(url("../images/page1x.png") 1x,url("../images/page2x.png") 2x);
    margin-top: 5px;
    background-size: 100% 100%;
}
.visit div{
    font-family: "Microsoft YaHei";
    font-weight: bold;
    line-height: 24px;
    font-size: 18px;
    margin-left: 10px;
    color: #FFFFFF;
}
.time-div{
    margin: 8px 0 0 10px;
}
.time-div li{
    float: left;
    font-size: 14px;
    width: auto;
    padding: 5px 15px 12px 15px;
    cursor: pointer;
}
.time-div a{
    color: #fff;
}
.time-div .time-div-li{
    background: #FFFFFF;
    border-radius: 2px 2px 0 0;
    font-size: 14px;
}
.time-div .time-div-li a{
    color: #FF4F53;
    font-family: "Microsoft YaHei";
    font-weight: bold;
}
.visiting-rankings .tabTit{
    padding-left: 10px !important;
}
.tit-r{
    text-align: right !important;
}
.tit-over{
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 16px;
    height: 40px;
    float: left;
}
.visiting-rankings tr td{
    padding: 10px 0 !important;
}
#treeTable tr>td:nth-child(1),#treeTable1 tr>td:nth-child(1),#treeTable2 tr>td:nth-child(1){
    padding-left: 20px !important;
}
#treeTable tr>th:nth-child(1),#treeTable1 tr>th:nth-child(1),#treeTable2 tr>th:nth-child(1){
    padding-left: 59px !important;
}
#treeTable.treetable span.indenter,#treeTable1.treetable span.indenter,#treeTable2.treetable span.indenter{
    margin-right: 15px;
}
#treeTable .check-div,#treeTable1 .check-div,#treeTable2 .check-div{
    margin-right: 20px;
}
.visiting-rankings>tr>td{
    float: left;
}
.index-div-bot{
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.index-div-top #rowForm{
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.10);
    border-radius: 3px;
}
.visiting-rankings .tabTit a:hover{
    color: #57C9F3;
}
/*日历*/
#schedule-box{
    width: 100%;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.10);
    border-radius: 3px;
    font-size: 13px;
}
.schedule-hd{
    display: flex;
    justify-content: space-between;
    padding: 12px 20px;
    background: #8175C7;
    border-radius: 3px 3px 0 0;
}
.today{
    flex: 1;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
}
.ul-box{
    overflow: hidden;
}
.ul-box > li{
    float: left;
    width: 14.28%;
    text-align: center;
    padding: 5px 0;
}
.other-month{
    color: #999999;
}
.current-month{
    color: #333333;
}
.today-style{
    border-radius: 50%;
    background: #58d321;
}
.paging-flex .push-div,.paging-flex .paging-div{
    margin-top: 15px;
}
.arrow{
    cursor: pointer;
}
.dayStyle{
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}
.current-month > .dayStyle:hover{
    background: #00BDFF;
    color: #ffffff;
}
.today-flag{
    background: #8175C7;;
    color: #fff;
}
.boxshaw{
    box-shadow: 2px 2px 15px 2px #e3e3e3;
}
.selected-style {
    background: #57C9F3;;
    color: #ffffff;
}
#h3Ele{
    text-align: center;
    padding: 10px;
}
.week-ul li{
    font-family: "PingFangHK-Semibold";
    font-weight: bold;
    font-size: 12px;
    color: #333333;
}
.other-month .dayStyle{
    opacity: 0;
}
.current-month .currentDate{
    opacity: 1;
}
.schedule-bd li{
    font-family: "PingFangHK-Regular";
    font-size: 14px;
    color: #333333;
}
#prevYear,#nextYear{
    display: none;
}
.icon-112leftarrowhead:before,.icon-111arrowheadright:before{
    color: #fff;
}
.more-notice{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 44px;
    cursor: pointer;
    padding-right: 20px;
}
.more-notice a{
    color: #fff;
}
#myTable1 .p-right{
    padding-right: 20px !important;
}
.div-table{
    height: 240px;
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.10);
    border-radius: 3px;
}
.other-month .dayStyle{
    cursor: default !important;
}
.table-bordered{
    border: none;
}
.time-div ul{
    margin-bottom: 0;
}
/*新增专题*/
.thematic-content{
    width: auto;
    height: 360px;
    background: #fff;
}
.column-list{
    width: 30%;
    height: 100%;
    min-height: 100%;
    background: #FFFFFF;
    border-radius: 3px;
}
.column-head{
    background: #51B4B4;
    border-radius: 3px 0 0 0;
    height: 44px;
}
.column-head>span:nth-child(1){
    font-size: 14px;
    color: #FFFFFF;
    margin-left: 20px;
    line-height: 44px;
}
.addIcon{
    display: inline-block;
    cursor: pointer;
    background: url("../images/add1.png")no-repeat;
    background-size: 100% 100%;
    width:12px;
    height: 12px;
    margin: 16px 10px 0 0;
}
.column-ul{
    border: 1px solid #ccc;
    height: 318px;
    overflow-y: auto;
}
.column-ul li{
    font-size: 14px;
    color: #333333;
    line-height: 19px;
    border-bottom: 1px solid #EEEFF1;
    padding: 10px 20px;
}
.column-ul .column-active{
    background: #F1F2F7;
    color: #51B4B4;
    border-bottom: none;
}
.column-cont{
    width: 70%;
}
.cont-head{
    background: #6BCACA;
    border-radius: 0 3px 0 0;
    height: 44px;
    position: relative;
}
.cont-headTit{
    color: #fff;
    font-size: 14px;
    line-height: 44px;
}
.add-content{
    position: absolute;
    right: 20px;
    font-size: 12px;
    color: #fff;
    line-height: 44px;
    cursor: pointer;
    top: 0;
}
.addFlex,.addColumn-flex{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 99999;
}
.tit-default{
    color: #666 !important;
}
.prev-page,.next-page,.prev-page-image,.next-page-image{
    width: 90px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 94px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
}
.prev-page:active,.next-page:active,.prev-page-image:active,.next-page-image:active{
    background: #f4f4f4;
}
.prev-page a,.next-page a,.prev-page-image a,.next-page-image a{
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #CCCCCC;
    line-height: 34px;
    border-radius: 94px;
    color: #666666;
}
.prev-page i,.next-page i,.prev-page-image i,.next-page-image i{
    display: inline-block;
    background: url("../images/left.png")no-repeat;
    background-size: 100% 100%;
    width: 6px;
    margin-right: 5px;
    height: 11px;
}
.next-page i,.next-page-image i{
    margin-left: 5px;
    margin-right: 0;
}
.count-show{
    border: 1px solid #ccc;
    min-height: 318px;
    border-left: none;
    position: relative;
    display: none;
    height: 318px;
    overflow-y: auto;
}
.count-show li{
    padding: 12px 20px;
    font-size: 12px;
    color: #666666;
    line-height: 16px;
    border-bottom: 1px solid #EEEFF1;
}
.count-show .close-li{
    background: url("../images/deletAsh1.png")no-repeat;
    width: 12px;
    height:12px;
    display: inline-block;
    cursor: pointer;
    margin-top: 2px;
    background-size: 12px 12px;
}
.addColumn{
    width: 500px;
    height: auto;
    background: #fff;
    padding: 10px;
}
.column-name{
    width: 20%;
    text-align: right;
    line-height: 40px;
}
.column-input{
    width: 80%;
    height: 40px;
    border: 1px solid #ccc;
}
.column-input input{
    width: 100%;
    padding: 0 10px;
    height: 100%;
    border: none;
}
.s-box{
    display: block;
}
.no-content{
    background-image: linear-gradient(-135deg, #92E2FF 0%, #56C8F2 100%);
    background-image: -webkit-linear-gradient(-135deg, #92E2FF 0%, #56C8F2 100%);
    background-image: -moz-linear-gradient(-135deg, #92E2FF 0%, #56C8F2 100%);
    background-image: -ms-linear-gradient(-135deg, #92E2FF 0%, #56C8F2 100%);
    background-image: -o-linear-gradient(-135deg, #92E2FF 0%, #56C8F2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#92E2FF, endColorstr=#56C8F2);/*IE<9>*/
    box-shadow: 0 1px 5px 0 rgba(86,200,242,0.50);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
}
.no-content i{
    width: 26px;
    height: 28px;
    background: url("../images/noImage1.png")no-repeat;
    background-size: 100% 100%;
    display: inline-block;
}
.box-body1{
    /* max-height: 320px;
     overflow-y: auto;*/
}
.no-p{
    font-family: "Microsoft YaHei";
    font-weight: bold;
    line-height: 24px;
    font-size: 18px;
    margin-top: 10px;
    text-align: center;
    color: #333333;
}
.tabUl{
    width: 100%;
    height: auto;
}
.tabUl li{
    padding: 10px 20px;
    float: left;
    font-size: 14px;
    color: #333333;
    text-align: center;
    line-height: 19px;
    cursor: pointer;
    background: #ECEFF4;
}
.tabUl-div{
    background: #DBDEE4;
    padding: 10px 10px 0 10px;
}
.tabUl li+li{
    margin-left: 5px;
}
.tabUl .tabUl-sty{
    color: #FF4F53;
    background: #fff;
}
.close-li1{
    background: url("../images/deletAsh1.png")no-repeat;
    width: 12px;
    height:12px;
    display: inline-block;
    cursor: pointer;
    margin:2px -10px 0 0;
    background-size: 12px 12px;
}
.control-label-title{
    font-size: 14px;
    color: #151515;
    line-height: 40px;
    padding-top: 0 !important;
}
button{
    background: rgba(0,0,0,0);
}
.fa-asterisk{
    position: relative;
}
.fa-asterisk:before{
    content: "";
    position: absolute;
    top:0;
    left:-10px;
    width: 7px;
    height: 7px;
    background: url("../images/star.png")no-repeat;
    background-size: 100% 100%;
}
.fa{
    height: 12px;
}
.form-control{
    height: 40px;
    border-color: #ccc;
    border-radius: 3px;
    color: #333;
}
.group-span{
    line-height: 36px;
}
.group-input-span{
    line-height: 24px;
}
.limit{
    position: relative;
}
.limit .titleDiv-d{
    position: absolute;
    top: 13px;
    right: 15px;
    font-size: 12px;
    color: #666666;
}
.btn-primary{
    background: #6BCACA;
    box-shadow: 0 2px 5px 0 rgba(107,202,202,0.50);
    border-radius: 2px;
    display: inline-block;
    line-height: 19px;
    padding: 10px 26px;
    cursor: pointer;
    /*    height: 40px;*/
    border-color: rgba(0,0,0,0);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover{
    background: #5aaaaa;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary{
    border-color: rgba(0,0,0,0);
    background-color: #5aaaaa;
}
.box{
    box-shadow: 0 0 0 0;
}
.btn-default{
    background: #FFFFFF;
    border: 1px solid #6BCACA;
    border-radius: 2px;
    font-size: 14px;
    color: #6BCACA;
    line-height: 19px;
    padding: 11px 26px;
    cursor: pointer;

}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default{
    border: 1px solid #6BCACA;
    background-color: #fff;
    color: #FF4F53;
}
.btn-danger{
    border: none;
    padding: 11px 26px;
    color: #fff;
    cursor: pointer;
    background: #FF6C60;
    line-height: 19px;
    box-shadow: 0 2px 5px 0 rgba(255,108,96,0.50);
    border-radius: 2px;
    font-size: 14px;
    outline:none;
}
.content-head .check-div{
    top:3px;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.hover{
    background: #ea6358;
}
.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger{
    border-color: rgba(0,0,0,0);
    border: none;
    background-color: #e15f55;
}
.btn-sm{
    padding: 8px 15px !important;
    font-size: 12px !important;
}
.btn-lg{
    padding: 13px 57px !important;
    font-size: 18px !important;
}
.table-striped thead tr{
    width: 100%;
    background: #6BCACA;
}
.table-striped thead tr th{
    font-size: 14px;
    color: #FFFFFF;
}
.table-striped{
    background: #fff;
}
.table-hover tbody tr:hover{
    background:  #F6F8F8;
}
.table-hover tbody tr{
    border-bottom: 1px solid #EEEFF1;
}
.table-hover tbody tr td,.table-hover tbody tr td a{
    color: #666;
}
.sign{
    position: relative;
}
.sign::after{
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    background: #FF4F53;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.icon-112leftarrowhead:before,.icon-111arrowheadright:before{
    content: "" !important;
    position: absolute;
    background: url("../images/arrow_white2x.png")no-repeat;
    background-image: -webkit-image-set(url("../images/arrow_white1x.png") 1x,url("../images/arrow_white2x.png") 2x);
    background-image: image-set(url("../images/arrow_white1x.png") 1x,url("../images/arrow_white2x.png") 2x);
    background-image: -moz-image-set(url("../images/arrow_white1x.png") 1x,url("../images/arrow_white2x.png") 2x);
    background-image: -o-image-set(url("../images/arrow_white1x.png") 1x,url("../images/arrow_white2x.png") 2x);
    width: 6px;
    left: 20px;
    top:17px;
    height: 11px;
    background-size: 100% 100%;
}
.icon-111arrowheadright:before{
    background: url("../images/right_white2x.png")no-repeat;
    background-image: -webkit-image-set(url("../images/right_white1x.png") 1x,url("../images/right_white2x.png") 2x);
    background-image: image-set(url("../images/right_white1x.png") 1x,url("../images/right_white2x.png") 2x);
    background-image: -moz-image-set(url("../images/right_white1x.png") 1x,url("../images/right_white2x.png") 2x);
    background-image: -o-image-set(url("../images/right_white1x.png") 1x,url("../images/right_white2x.png") 2x);
    right: 20px;
    background-size: 100% 100%;
    left: auto;
}
.pagem a{
    color: #999;
}
.eachSty a{
    color: #333;
}
.vt:active,.preview:active{
    background: #eb6358;
}
/*批注弹层*/
.tag_list{
    height: 40px;
    margin-top: 11px !important;
}
.tag_list>li{
    float: left;
    margin-left: 10px;
    cursor: pointer;
}
.tag-div>div{
    display: none;
}
.tag-div .tag-div-show{
    display: block;
}
.pagem1 ul li a{
    color: #666;
}
.pagem1 a{
    color: #666;
}
.commitTbody{
    display: block;
}
.commitD{
    height: 44px;
}
.commitD div{
    float: left;
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 44px;
    padding: 0 15px 0 10px;
}
.hidd-div{
    max-height: 300px;
    overflow-y: auto
}
.hidd-div .tb_th_style th{
    padding: 0 !important;
}
.hidd-div .content-tr{
    position: relative;
}
.hidd-div tr td{
    padding-left: 10px !important;
    text-align: left;
    padding-right: 15px !important;
}
.hidd-list div{
    padding: 13px 15px 11px 10px;
    float: left;
    position: relative;
}
.hidd-list{
    border-bottom: 1px solid #EEEFF1;
    position: relative;
}
.deleteTr{
    position: absolute !important;
    top:0;
    left: 0;
    width: 100%;
    display: none;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.hidd-list-s .deleteTr{
    display: block;
}
.deleteTr i{
    display: inline-block;
    background: url("../images/trashDelete.png")no-repeat;
    background-size: 100% 100%;
    width: 25px;
    cursor: pointer;
    height: 25px;
}
.hidd-list:hover .deleteTr{
    display: block;
}
.hidd-list div span{
    display: inline-block;
    position: absolute;
    top:50%;
    -webkit-transform: translateY(-50%);
}
/*资讯*/
.conte-list{
    padding: 0 20px;
}
.conte-list li a{
    color: #333;
}
.conte-list li{

    cursor: pointer;
    color: #333;
    font-size: 14px;
}
.conte-list a{
    position: relative;
    padding: 5px 0;
    margin: 5px 0;
    display: inline-block;
    width: 100%;
    padding-left: 10px;
    height: 100%;
}
.conte-list a::after{
    content: "";
    position: absolute;
    top:13px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #999;
    border-radius: 50%;
}
.conte-list .conte-list-active a{
    color:#FF4F53;
}
.conte-list .conte-list-active a:after{
    background: #FF4F53;
}
.infor-columns{
    position: fixed;
    top:0;
    max-height: 100%;
    overflow-y: auto;
    left: 0;
}
.fen{
    position: relative;
    left: 10px;
    top:-2px;
}
.sea{
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 100px;
    padding: 10px;
    width: 400px;
    margin-right: 20px;
}
.sea .searchBtn{
    right: 20px;
}
.sea input{
    padding: 10px;
    padding-right: 40px;
}
.ov-h{
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #e5e5e5;
}
.fr-commit {
    width: 100%;
    height: 44px;
    background: #6BCACA;
    font-size: 14px;
    color: #fff;
    padding-left: 30px;
    line-height: 44px;
}
.box-btn{
    width: 175px;
    padding-bottom: 20px;
}
.preview-img{
    max-width: 60%;
    width: auto !important;
    display: block;
}
.preview-title{
    margin:10px 0;
}
.preview-title span{
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}
.remarks{
    padding: 15px 20px;
    color: #666;
    font-size: 14px;
}
.flex_div-btn .btn-primary{
    padding: 10px 15px !important;
    margin-left: 10px;
    font-size: 14px !important;
}
/*复选框样式*/
.checkBox-input .change_answer_li label div{
    border: 1px solid #DCDCDC;
    background: #fff;
    border-radius: 0;
}
.checkBox-input .change_answer_li input:checked+div {  /*当radiuo被选中时，把input下边的div标签的背景图片替换掉*/
    background-color: #6BCACA !important;
    background: url('../images/xuan.png')no-repeat center;
    background-size: 10px 6px;
    border: none;
}
/*视频弹层*/
.video-list,.attachment-list{
    padding: 10px;
    max-height: 460px;
    overflow-y: auto;
}
.video-list-box{
    width: 23%;
    height: 150px;
    overflow: hidden;
}
.video-list-div{
    width: 100%;
    position: relative;
    height: 100px;

}
.video-list-div img{
    width: 100%;
    display: block;
    height: 100%;
}
.video-list-div>div{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0 20px;
    height: 30px;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    background: rgba(0,0,0,0.5);
}
.video-list .change_answer_li label,.attachment-list .change_answer_li label{
    margin: 12px 0;
}
.video-list-span{
    display: inline-block;
    width: 80%;
    height: 25px;
    /*white-space: nowrap;text-overflow: ellipsis;*/
    overflow: hidden;
}
.video-list>div,.attachment-sty>div{
    margin-left: 1.6%;
}
.tab-chajian>div{
    display: none;
}
.tab-chajian .tab-show{
    display: block;
}
.folder{
    background: url("../images/folder2x.png")no-repeat;
    background-image: -webkit-image-set(url("../images/folder1x.png") 1x,url("../images/folder2x.png") 2x);
    background-image: image-set(url("../images/folder1x.png") 1x,url("../images/folder2x.png") 2x);
    width: 16px;
    height: 14px;
    background-size: 100% 100%;
}
.reviewers{
    background: url("../images/reviewers2x.png")no-repeat;
    background-image: -webkit-image-set(url("../images/reviewers1x.png") 1x,url("../images/reviewers2x.png") 2x);
    background-image: image-set(url("../images/reviewers1x.png") 1x,url("../images/reviewers2x.png") 2x);
    width: 14px;
    height: 16px;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
}
.reviewers:hover{
    background: url("../images/reviewers-2x.png")no-repeat;
    background-image: -webkit-image-set(url("../images/reviewers-1x.png") 1x,url("../images/reviewers-2x.png") 2x);
    background-image: image-set(url("../images/reviewers-1x.png") 1x,url("../images/reviewers-2x.png") 2x);
    background-size: 100% 100%;
}
.enable-icon,.jurisdiction .enable-icon{
    background: url("../images/qy2x.png")no-repeat;
    background-image: -webkit-image-set(url("../images/qy1x.png") 1x,url("../images/qy2x.png") 2x);
    background-image: image-set(url("../images/qy1x.png") 1x,url("../images/qy2x.png") 2x);
    width: 14px;
    height: 14px;
    background-size: 100% 100%;
    cursor: pointer;
    position: relative;
    top:1px;
    display: inline-block;
}
.enable-icon:hover{
    background: url("../images/qy22x.png")no-repeat;
    background-image: -webkit-image-set(url("../images/qo11x.png") 1x,url("../images/qy22x.png") 2x);
    background-image: image-set(url("../images/qo11x.png") 1x,url("../images/qy22x.png") 2x);
    background-size: 100% 100%;
}
.rejection{
    background: url("../images/rejection2x.png")no-repeat;
    background-image: -webkit-image-set(url("../images/rejection1x.png") 1x,url("../images/rejection2x.png") 2x);
    background-image: image-set(url("../images/rejection1x.png") 1x,url("../images/rejection2x.png") 2x);
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
}
.rejection:hover{
    background: url("../images/rejection-2x.png")no-repeat;
    background-image: -webkit-image-set(url("../images/rejection-1x.png") 1x,url("../images/rejection-2x.png") 2x);
    background-image: image-set(url("../images/rejection-1x.png") 1x,url("../images/rejection-2x.png") 2x);
    background-size: 100% 100%;
}
.icon-num1:hover{
    background: url("../images/iconList_w2x.png")no-repeat;
    background-image: -webkit-image-set(url("../images/iconList_w1x.png") 1x,url("../images/iconList_w2x.png") 2x);
    background-image: image-set(url("../images/iconList_w1x.png") 1x,url("../images/iconList_w2x.png") 2x);
    background-size: 100% 100%;
}
.zhixing{
    background: url("../images/zhixing.png")no-repeat;
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
}
.zhixing:hover{
    background: url("../images/zhixingRed.png")no-repeat;
    background-size: 100% 100%;
}
.template{
    margin: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    color: #333;
}
.template>span{
    margin-right: 10px;
}
.three-img>div{
    margin-right: 20px;
}
.img-Cut{
    position: absolute;
    width: 100%;
    height: 200px;
    border: 1px solid #CCCCCC;
    background-size: 20px 20px;
}
.img-update{
    margin-bottom: 10px;
    position: relative;
    display: block;
    z-index: 8;
}
.again-up{
    padding: 10px 12px
}
.again-chuan{
    width: 80px;
    text-align: center;
}
/*裁剪*/
.cut-div{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.7);
    top:0;
    display: none;
    left: 0;
    z-index: 999;
}
.cut-div img{
    width: 630px;
    height: 400px;
}
.cut-box{
    width: 630px;
    height: 400px;
}
.cut-div>div{
    background: #fff;
    height: 460px;
    overflow-y: hidden;
}
.cut-box>div{
    width: 630px !important;
    height: 400px !important;
}
.imgCut-cont{
    height: 200px;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
}
.img-none {
    display: none !important;
}
.btn-sty .btn-default{
    padding: 9px 11px;
}
/*帖子列表*/
.list-posts-title{
    background: #6BCACA;
    font-size: 14px;
    padding: 10px 20px;
    color: #fff;
    line-height: 30px;
}
.list-posts-title span{
    display: inline-block;
}
.posts-head img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    margin-right: 10px;
    float: left;
}
.list-posts-title i{
    display: inline-block;
}
.adopt{
    width: 14px;
    height: 16px;
    cursor: pointer;
    position: relative;
    top:2px;
    background: url("../images/adopt2x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/adopt1x.png") 1x,url("../images/adopt2x.png") 2x);
    background-image: image-set(url("../images/adopt1x.png") 1x,url("../images/adopt2x.png") 2x);
    background-size: 100% 100%;
}
.adopt:hover{
    top:4px;
    background: url("../images/adopt_2x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/adopt_1x.png") 1x,url("../images/adopt_2x.png") 2x);
    background-image: image-set(url("../images/adopt_1x.png") 1x,url("../images/adopt_2x.png") 2x);
    background-size: 100% 100%;
}
.reject{
    width: 20px;
    height: 20px;
    position: relative;
    top:4px;
    background: url("../images/bohui1x.png");
    background-size: 100% 100%;
}
.shield{
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: relative;
    left:-5px;
    top:2px;
    background: url("../images/shield2x.png") no-repeat;
    background-size: 100% 100%;
}
.shield:hover{
    background: url("../images/shield_2x.png") no-repeat;
    background-size: 100% 100%;
}
.caozuou i+i{
    margin-left: 10px;
}
.posts-div{
    padding: 20px 50px;
    border: 1px solid #ccc;
    width: 100%;
    overflow-x: auto;
}
.hui-icon{
    width: 15px;
    height: 12px;
    cursor: pointer;
    position: relative;
    top:1px;
    background: url("../images/hui2x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/hui1x.png") 1x,url("../images/hui2x.png") 2x);
    background-image: image-set(url("../images/hui1x.png") 1x,url("../images/hui2x.png") 2x);
    background-size: 100% 100%;
}
.hui-icon:hover{
    width: 15px;
    height: 12px;
    background: url("../images/hui_2x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/hui_1x.png") 1x,url("../images/hui_2x.png") 2x);
    background-image: image-set(url("../images/hui_1x.png") 1x,url("../images/hui_2x.png") 2x);
    background-size: 100% 100%;
}
.posts-div p{
    color: #333;
    font-size: 14px;
    line-height: 20px;
}
.posts-div-img img{
    display: block;
    width: 100px;
    height: 100px;
    float: left;
}
.posts-div-img img+img{
    margin-left: 10px;
}
/*.dropdown-toggle{
    border: 1px solid #ccc;
}*/
.ui-widget-overlay{
    top:0;
    left: 0;
}
.interaction-icon,.cloud-icon{
    background-image: url("../images/interaction2x.png");
    background-image: -webkit-image-set(url("../images/interaction1x.png") 1x,url("../images/interaction2x.png") 2x);
    background-image: image-set(url("../images/interaction1x.png") 1x,url("../images/interaction2x.png") 2x);
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
    right: 6px;
    display: inline-block;
    background-size: 100% 100%;
}
.video-icon{
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
    right: 6px;
}
.cloud-icon{
    top:5px;
    background-repeat: no-repeat;
    background-image: url("../images/cloud2x.png");
    background-image: -webkit-image-set(url("../images/cloud1x.png") 1x,url("../images/cloud2x.png") 2x);
    background-image: image-set(url("../images/cloud1x.png") 1x,url("../images/cloud2x.png") 2x);
    background-size: 100% 100%;
}
.refresh-icon{
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("../images/refresh.png") no-repeat;
    background-size: 100% 100%;
}
.bor{
    border: 1px solid #ccc;
}

.in-sty{
    margin: 0 10px;
    width: 60px;
    height: 30px;
}
.cropper-bg *{
    margin: 0 0 !important;
}
.topTab-ul>li a{
    font-size: 14px;
}
.topTab .dropdown-menu>li>a{
    padding: 6px 27px !important;
}
/*滚动条样式*/
::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
    width:7px;
    height:7px;
    background: #CDCDCD;
    border-radius: 2px;
}
::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/
    display: none;
}
::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/
    display: none;
}
::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/
    display: none;
}
::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/
    background: #50586C;
    border-radius: 14px;
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-corner {/*边角（位置6）*/
    display: none;
}
::-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/
    display: none;
}
body{
    scrollbar-arrow-color: #50586C; /**//*三角箭头的颜色*/
    scrollbar-face-color: #CDCDCD; /**//*立体滚动条的颜色*/
    scrollbar-3dlight-color: #666; /**//*立体滚动条亮边的颜色*/
    scrollbar-highlight-color: #666; /**//*滚动条空白部分的颜色*/
    scrollbar-shadow-color: #999; /**//*立体滚动条阴影的颜色*/
    scrollbar-darkshadow-color: #666; /**//*立体滚动条强阴影的颜色*/
    scrollbar-track-color: #50586C; /**//*立体滚动条背景颜色*/
    scrollbar-base-color:#50586C; /**//*滚动条的基本颜色*/
}
/*设置身份*/
.setting{
    display: inline-block;
    background: url("../images/set2x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/set1x.png") 1x,url("../images/set2x.png") 2x);
    background-image: image-set(url("../images/set1x.png") 1x,url("../images/set2x.png") 2x);
    background-size: 100% 100%;
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: relative;
    left:-5px;
    top:2px;
}
.setting1{
    display: inline-block;
    background: url("../images/set.png") no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: relative;
    left:-5px;
    top:2px;
}
.setting:hover{
    background: url("../images/set_green2x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/set_green1x.png") 1x,url("../images/set_green2x.png") 2x);
    background-image: image-set(url("../images/set_green1x.png") 1x,url("../images/set_green2x.png") 2x);
    background-size: 100% 100%;
}
.state i{
    display: inline-block;
    width: 12px;
    height: 12px;
    float: left;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    top:4px;
}
.state span{
    float: left;
}
.audited-icon{
    background-image: linear-gradient(0deg, #FF9A61 0%, #FFC73C 100%);
    background-image: -webkit-linear-gradient(0deg, #FF9A61 0%, #FFC73C 100%);
    background-image: -moz-linear-gradient(0deg, #FF9A61 0%, #FFC73C 100%);
    background-image: -ms-linear-gradient(0deg, #FF9A61 0%, #FFC73C 100%);
    background-image: -o-linear-gradient(0deg, #FF9A61 0%, #FFC73C 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FF9A61, endColorstr=#FFC73C);/*IE<9>*/
}
.issued-icon{
    background-image: linear-gradient(0deg, #97F2D1 0%, #48D3C9 100%);
    background-image: -webkit-linear-gradient(0deg, #97F2D1 0%, #48D3C9 100%);
    background-image: -moz-linear-gradient(0deg, #97F2D1 0%, #48D3C9 100%);
    background-image: -ms-linear-gradient(0deg, #97F2D1 0%, #48D3C9 100%);
    background-image: -o-linear-gradient(0deg, #97F2D1 0%, #48D3C9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#97F2D1, endColorstr=#48D3C9);/*IE<9>*/
}
.rejection-icon{
    background-image: linear-gradient(0deg, #FF4D64 0%, #FF8B4D 100%);
    background-image: -webkit-linear-gradient(0deg, #FF4D64 0%, #FF8B4D 100%);
    background-image: -moz-linear-gradient(0deg, #FF4D64 0%, #FF8B4D 100%);
    background-image: -ms-linear-gradient(0deg, #FF4D64 0%, #FF8B4D 100%);
    background-image: -o-linear-gradient(0deg, #FF4D64 0%, #FF8B4D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FF4D64, endColorstr=#FF8B4D);/*IE<9>*/
}
.released-icon{
    background-image: linear-gradient(0deg, #8F6DEF 0%, #F578DC 100%);
    background-image: -webkit-linear-gradient(0deg, #8F6DEF 0%, #F578DC 100%);
    background-image: -moz-linear-gradient(0deg, #8F6DEF 0%, #F578DC 100%);
    background-image: -ms-linear-gradient(0deg, #8F6DEF 0%, #F578DC 100%);
    background-image: -o-linear-gradient(0deg, #8F6DEF 0%, #F578DC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8F6DEF, endColorstr=#F578DC);/*IE<9>*/
}
.downline-icon{
    background-image: linear-gradient(0deg, #B6B6B6 0%, #CBCBCB 100%);
    background-image: -webkit-linear-gradient(0deg, #B6B6B6 0%, #CBCBCB 100%);
    background-image: -moz-linear-gradient(0deg, #B6B6B6 0%, #CBCBCB 100%);
    background-image: -ms-linear-gradient(0deg, #B6B6B6 0%, #CBCBCB 100%);
    background-image: -o-linear-gradient(0deg, #B6B6B6 0%, #CBCBCB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#B6B6B6, endColorstr=#CBCBCB);/*IE<9>*/
}
.draft-icon{
    background-image: linear-gradient(0deg, #00D2FF 0%, #4FA4ED 100%);
    background-image: -webkit-linear-gradient(0deg, #00D2FF 0%, #4FA4ED 100%);
    background-image: -moz-linear-gradient(0deg, #00D2FF 0%, #4FA4ED 100%);
    background-image: -ms-linear-gradient(0deg, #00D2FF 0%, #4FA4ED 100%);
    background-image: -o-linear-gradient(0deg, #00D2FF 0%, #4FA4ED 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00D2FF, endColorstr=#4FA4ED);/*IE<9>*/
}
.disable-icon{
    background-image: linear-gradient(0deg, #EA1919 0%, #FF3112 100%);
    background-image: -webkit-linear-gradient(0deg, #EA1919 0%, #FF3112 100%);
    background-image: -moz-linear-gradient(0deg, #EA1919 0%, #FF3112 100%);
    background-image: -ms-linear-gradient(0deg, #EA1919 0%, #FF3112 100%);
    background-image: -o-linear-gradient(0deg, #EA1919 0%, #FF3112 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#EA1919, endColorstr=#FF3112);/*IE<9>*/
}
.audited-okicon{
    background-image: linear-gradient(0deg, #0AB68C 0%, #0EEA85 100%);
    background-image: -webkit-linear-gradient(0deg, #0AB68C 0%, #0EEA85 100%);
    background-image: -moz-linear-gradient(0deg, #0AB68C 0%, #0EEA85 100%);
    background-image: -ms-linear-gradient(0deg, #0AB68C 0%, #0EEA85 100%);
    background-image: -o-linear-gradient(0deg, #0AB68C 0%, #0EEA85 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0AB68C, endColorstr=#0EEA85);/*IE<9>*/
}
/*推荐弹层*/
.recommendedImg-flex{
    position: absolute;
    padding: 10px;
    background: #57C9F3;
    z-index: 9999;
    min-width: 200px;
    min-height: 50px;
    color: #fff;
    display: none;
}
.recommended-flex-p{
    font-size: 16px;
    text-align: justify;
    line-height: 26px;
}
.recommended-flex-span{
    font-size: 14px;
    text-align: justify;
    margin-top: 5px;
    line-height: 22px;
}
.recommended-flex-span span{
    color: #fff;
}
@media screen and (min-width: 1500px) {
    .index-fl {
        width: 35%;
        float: left;
    }
    .index-fr{
        width: 65%;
        float: left;
    }
}
.tabTit-A{
    display: block;
}
.tabTit-fr{
    overflow: hidden;
}
.btn-sm-new{
    padding: 5px 14px !important;
    margin-left: 10px;
}
.zhipai{
    background: url("../images/zhipai.png") no-repeat;
    width: 17px;
    height: 17px;
    background-size: 100% 100%;
    display: inline-block;
    position: relative;
    top:2px;
    cursor: pointer;
}
/*通过*/
.tongguo{
    background: url("../images/tongguofff.png") no-repeat;
    width: 15px;
    height: 11px;
}
.chaAticle{
    width: 12px;
    height: 12px;
    background: url("../images/chaAticle.png") no-repeat;
}
.Reject-icon{
    width: 16px;
    height: 16px;
    background: url("../images/Reject-icon2x.png") no-repeat;
    position: relative;
    top:2px;
}
.commit_fff{
    width: 15px;
    height: 15px;
    position: relative;
    top:2px;
    background: url("../images/commit_fff.png")no-repeat;
}
.Cancelrecommend2x{
    width: 15px;
    height: 15px;
    background: url("../images/commit_fff.png")no-repeat;
    position: relative;
    top:2px;
}
.Cancel_{
    background: url("../images/CancelHot2x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/CancelHost1x.png") 1x,url("../images/CancelHot2x.png") 2x);
    background-image: image-set(url("../images/CancelHost1x.png") 1x,url("../images/CancelHot2x.png") 2x);
    background-size: 100% 100%;
}
.Cancel_:hover{
    background: url("../images/CancelHot_green2x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/CancelHot_green1x.png") 1x,url("../images/CancelHot_green2x.png") 2x);
    background-image: image-set(url("../images/CancelHot_green1x.png") 1x,url("../images/CancelHot_green2x.png") 2x);
    background-size: 100% 100%;
}
.moveIcon{
    display: inline-block;
    background: url("../images/moveIcon.png") no-repeat;
    background-size: 100% 100%;
    width: 16px;
    margin-right: 5px;
    height: 16px;
    position: relative;
    top:3px;
}
.dele:hover .moveIcon{
    background: url("../images/moveIcon2.png") no-repeat;
    background-size: 100% 100%;
}
.Shield-icon{
    width: 15px;
    height: 15px;
    background: url("../images/pingbi.png")no-repeat;
    position: relative;
    top: 1px;
}
.hui-fff{
    width: 15px;
    height: 12px;
    background: url("../images/hui-fff.png")no-repeat;
}
.caozuou i{
    cursor: pointer;
    display: inline-block;
    background-size: 100% 100%;
}
/*转载图标*/
.reprint-icon{
    display: inline-block;
    cursor: pointer;
    width: 15px;
    height: 15px;
    background-image: url("../images/reprint2x.png");
    background-image: -webkit-image-set(url("../images/reprint1x.png") 1x,url("../images/reprint2x.png") 2x);
    background-image: image-set(url("../images/reprint1x.png") 1x,url("../images/reprint2x.png") 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;

}
.reprint-icon:hover{
    background-image: url("../images/reprint_green2x.png");
    background-image: -webkit-image-set(url("../images/reprint_green1x.png") 1x,url("../images/reprint_green2x.png") 2x);
    background-image: image-set(url("../images/reprint_green1x.png") 1x,url("../images/reprint_green2x.png") 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.Recommend-icon{
    width: 14px;
    height: 14px;
    background-image: url("../images/tuijian-green.png");
    background-image: -webkit-image-set(url("../images/tuijian1x.png") 1x,url("../images/tuijian-green.png") 2x);
    background-image: image-set(url("../images/tuijian1x.png") 1x,url("../images/tuijian-green.png") 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.addHot{
    background-size: 100% 100%;
    background-image: url("../images/addHot2x.png");
    background-image: -webkit-image-set(url("../images/addHot1x.png") 1x,url("../images/addHot2x.png") 2x);
    background-image: image-set(url("../images/addHot1x.png") 1x,url("../images/addHot2x.png") 2x);
}
.addHot:hover{
    background-size: 100% 100%;
    background-image: url("../images/addHot_green2x.png");
    background-image: -webkit-image-set(url("../images/addHot_green1x.png") 1x,url("../images/addHot_green2x.png") 2x);
    background-image: image-set(url("../images/addHot_green1x.png") 1x,url("../images/addHot_green2x.png") 2x);
}
.Cancel_,.addHot{
    width: 13px;
    cursor: pointer;
    height: 15px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 7px;
    position: relative;
    top:1px;
}
.release-icon{
    background: url("../images/release.png") no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
    position: relative;
    top:3px;
    left: -3px;
}
.cancel_release{
    background: url("../images/cancel_releaseg2x.png") no-repeat;
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    position: relative;
    top:3px;
    left: -3px;
}
.cancel_release:hover{
    background: url("../images/cancel_release2x.png") no-repeat;
    background-size: 100% 100%;
}
.release-icon:hover{
    background: url("../images/release_green.png") no-repeat;
    background-size: 100% 100%;
}
.complete-icon{
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 10px;
    background-image: url("../images/complete2x.png");
    background-image: -webkit-image-set(url("../images/complete1x.png") 1x,url("../images/complete2x.png") 2x);
    background-image: image-set(url("../images/complete1x.png") 1x,url("../images/complete2x.png") 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.complete-icon:hover{
    background-image: url("../images/complete_green2x.png");
    background-image: -webkit-image-set(url("../images/complete_green1x.png") 1x,url("../images/complete_green2x.png") 2x);
    background-image: image-set(url("../images/complete_green1x.png") 1x,url("../images/complete_green2x.png") 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*查看页面*/
.view-page{
    padding: 20px 0 30px 0;
}
.view-div{
    /*  background: #fff;
      padding: 20px 15px 30px ;*/
}
.h_24,.h_24>a{
    color: #333;
    font-size: 16px;
    cursor: pointer;
    line-height: 22px;
}
.h_24-href{
    color: #077AC7;
    font-size: 14px;
    display: block;
    margin-top: 10px;
}
.view-table{
    width: 100%;
    margin-top: 20px;
}
.view-table tr th{
    padding: 5px 0;
    text-align: right !important;
}
.view-table tr td{
    padding: 5px 0;
    text-align: left !important;
}
.view-title{
    padding: 10px 10px;
    background: #D0E6EC;
    color: #333;
    border-left: 4px solid #6BCACA;
}
.view-box{
    margin-top: 20px;
}
.article-viewBox{
    padding: 10px 0;
}
.article-viewBox p,.special-div p,.view-text p{
    color: #333;
    line-height: 22px;
    font-size: 14px;
    text-align: justify;
}
.article-viewBox img,.special-div img,.view-text img{
    width: auto;
    max-width: 100% !important;
}
.attribute-title{
    padding: 10px 10px;
    color: #333;
    background: #D0E6EC;
}
.attribute-box{
    border: 1px solid #D0E6EC;
    /*background: #fff;*/
}
.view-thumbnail{
    width: auto;
    max-width: 100% !important;
}
/*专题*/
.special-div{
    padding: 0 10px;
}
.special-img{
    width: 100%;
    margin: 10px 0;
    max-width: 100%;
}
.label-sty{
    padding: 15px 0;
}
.label-sty li{
    padding: 8px 20px;
    border: 1px solid #FF4F53;
    border-radius: 5px;
    margin: 5px 10px 5px 0;
    float: left;
    cursor: pointer;
}
.label-sty li a{
    width: 100%;
    height: 100%;
    color: #FF4F53;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
/*视频*/
.view-video{
    padding: 10px 0;
}
.view-video video{
    width: 100%;
}
/*图集*/
.atlas-div{
    width: 100%;
    height: 720px;
    background: #FFFFFF;
    border: 1px solid #E1E1E1;
}
.view-atlas .swiper-pagination-current{
    font-size: 40px;
    color: #FC124A;
    line-height: 45px;
}
.view-atlas .swiper-pagination-total{
    font-size: 18px;
    color: #FFFFFF;
}
.view-atlas .swiper-pagination{
    display: block;
    float: left;
    margin-top: 5px;
    position: static;
    width: auto;
    color: #999;
    line-height: 24px;
    font-family: "Athelas-Italic";
    font-size: 18px;
    margin-right: 15px;
}
.view-atlas .swiper-container {
    width: 100%;
    height: auto;
}
.view-atlas .swiper-slide {
    text-align: center;
    padding: 5px;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/*箭头*/
/*
.atlas .swiper-button-next{
}*/
.atlas-commit{
    width: 100%;
    position: absolute;
    bottom: 0;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 22px;
    padding: 8px 15px;
    background: rgba(0,0,0,0.60);
    z-index: 999;
}
.atlas-commit-tit{
    overflow: hidden;
}
.atlas-div .swiper-slide p{
    display: none;
}
.atlas-commit-cont{
    display:table-cell;
    vertical-align:middle;
    text-align: justify;
}
.atlas-div .swiper-wrapper img{
    max-height: 709px;
    max-width: 80%;
}
.btn-group.open .dropdown-toggle{
    box-shadow:0 0 0 0;
}
.btn-new{
    padding: 6px 5px !important;
}
.position-show>div{
    display: none;
}
.position-show .position-show-div{
    display: block;
}
.page-div>a{
    color: #333;
}
.synchronization{
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px;
    background-image: url("../images/synchronization2x.png");
    background-image: -webkit-image-set(url("../images/synchronization1x.png") 1x,url("../images/synchronization2x.png") 2x);
    background-image: image-set(url("../images/synchronization1x.png") 1x,url("../images/synchronization2x.png") 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.synchronization:hover{
    background-image: url("../images/synchronization_green_2x.png");
    background-image: -webkit-image-set(url("../images/synchronization_green1x.png") 1x,url("../images/synchronization_green_2x.png") 2x);
    background-image: image-set(url("../images/synchronization_green1x.png") 1x,url("../images/synchronization_green_2x.png") 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.synchronization_new{
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px;
    background-image: url("../images/synewicon@2x.png");
    background-image: -webkit-image-set(url("../images/synewicon@1x.png") 1x,url("../images/synewicon@2x.png") 2x);
    background-image: image-set(url("../images/synewicon@1x.png") 1x,url("../images/synewicon@2x.png") 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.synchronization_new:hover{
    background-image: url("../images/synewicon-lv@2x.png");
    background-image: -webkit-image-set(url("../images/synewicon-lv@1x.png") 1x,url("../images/synewicon-lv@2x.png") 2x);
    background-image: image-set(url("../images/synewicon-lv@1x.png") 1x,url("../images/synewicon-lv@2x.png") 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.refreshnew{
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px;
    background-image: url("../images/renewicon@2x.png");
    background-image: -webkit-image-set(url("../images/renewicon@1x.png") 1x,url("../images/renewicon@2x.png") 2x);
    background-image: image-set(url("../images/renewicon@1x.png") 1x,url("../images/renewicon@2x.png") 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.refreshnew:hover{
    background-image: url("../images/renewicon-lv@2x.png");
    background-image: -webkit-image-set(url("../images/renewicon-lv@1x.png") 1x,url("../images/renewicon-lv@2x.png") 2x);
    background-image: image-set(url("../images/renewicon-lv@1x.png") 1x,url("../images/renewicon-lv@2x.png") 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.the-top-tag{
    display: inline-block;
    padding: 0 4px;
    border: 1px solid #FF6C60;
    color: #FF6C60 !important;
    font-size: 12px !important;
    border-radius: 2px;
    cursor: pointer;
    margin: 0 5px;
}
.titleInput-edit{
    width: 598px;
    height: 38px;
    position: relative;
    top: -1px;
}
.new-sty{
    width: 120px;
}
.cut-div .po>div:nth-of-type(3){
    position: fixed;
    bottom: 0;
    z-index: 9999;
    right: 0;
}
.size-div{
    padding: 0 20px;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 999;
    bottom: 0;
    background: #fff;
}
.size-div span{
    color: #333;
    font-size: 18px;
    line-height: 63px;
}
.size-div .ch{
    position: relative;
    top:4px;
    margin: 0 10px;
}
.size-div .width-span,.size-div .height-span{
    color: #FF6C60;
    margin: 0 3px;
}
/*弹层中间固定高*/
.list-height{
    max-height: 330px;
    overflow-y: auto;
}
.box-btn-sty{
    width: 195px;
    float: right;
    padding: 10px 20px 10px 0;
}
.content-table tr .tit-td{
    padding-left: 12px !important;
}
.modal-sty{
    background: #373E50;
}
.modal-sty .modal-title{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.modal-sty button{
    display: none;
}
.modal-header{
    padding: 10px 15px;
}
.abstract-text .text-num{
    /* right: 0;
     background: #fff;
     bottom: 0;
     padding: 10px 10px 10px 20px;*/
    right: auto;
    width: 99%;
    left: 0;
    background: #fff;
    bottom: 0;
    padding: 5px;
}
.text-num>div{
    margin-right: 10px;
}
.titleDiv-sty{
    position: relative;
}
.titleDiv-sty{
    border: none;
}
.titleDiv-sty .titleInput{
    width: 100%;
    padding-right: 70px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.titleDiv-sty .titleDiv-d{
    position: absolute;
    right: 10px;
    top:0;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.force-class{
    word-break:break-all; /* 支持IE和chrome，FF不支持*/
    word-wrap:break-word; /* 以上三个浏览器均支持 */
}
.tong{
    background: url("../images/tong2.png")no-repeat;
    background-image: -webkit-image-set(url("../images/tong1.png") 1x,url("../images/tong2.png") 2x);
    background-image: image-set(url("../images/tong1.png") 1x,url("../images/tong2.png") 2x);
    background-size: 100% 100%;
    display: inline-block;
    width: 15px;
    height: 11px;
    cursor: pointer;
}
.tong:hover{
    background: url("../images/tong_green2.png")no-repeat;
    background-image: -webkit-image-set(url("../images/tong_green1.png") 1x,url("../images/tong_green2.png") 2x);
    background-image: image-set(url("../images/tong_green1.png") 1x,url("../images/tong_green2.png") 2x);
    background-size: 100% 100%;
}
.tui:hover{
    background: url("../images/hui_green2.png")no-repeat;
    background-image: -webkit-image-set(url("../images/hui_green1.png") 1x,url("../images/hui_green2.png") 2x);
    background-image: image-set(url("../images/hui_green1.png") 1x,url("../images/hui_green2.png") 2x);
    background-size: 100% 100%;
}
.paging-flex{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 0 16px;
}
.paging-flex .paging{
    height: 88px;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
}
.paging{
    position: relative;
}
.paging::after{
    position: absolute;
    left: 0;
    content: "";
    bottom: 0;
    background: rgba(0,0,0,0.15);
    width: 100%;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.15);
    border-radius: 0 0 3px 3px;
    height: 1px;
}
/*.paging::before{
    position: absolute;
    left: -2px;
    content: "";
    bottom: -18px;
    background: #F1F2F7;
    width: 105%;
    height: 18px;
}*/
.paging-flex.paging-sty-b{
    width: 87.81%;
    left: auto;
    right: 0;
}
.paging-flex.paging-sty-b1{
    width: 88.8%;
    left: auto;
    right: 0;
}
.paging-flex.paging-sty-b2{
    width: 83.9%;
    left: auto;
    right: 0;
}
.paging-flex.paging-sty-b3{
    width: 87.4%;
    left: auto;
    right: 0;
}

.save-failure{
    background-image: linear-gradient(-135deg, #FF9E5C 0%, #FF6C60 100%);
    background-image: -webkit-linear-gradient(-135deg, #FF9E5C 0%, #FF6C60 100%);
    background-image: -moz-linear-gradient(-135deg, #FF9E5C 0%, #FF6C60 100%);
    background-image: -o-linear-gradient(-135deg, #FF9E5C 0%, #FF6C60 100%);
    background-image: -ms-linear-gradient(-135deg, #FF9E5C 0%, #FF6C60 100%);
    background-image: linear-gradient(-135deg, #FF9E5C 0%, #FF6C60 100%);
    width: 60px;
    height: 60px;
    position: relative;
    border-radius: 50%;
}
.save-failure i{
    display: block;
    background-image: url("../images/saveFail2x.png");
    background-image: -webkit-image-set(url("../images/saveFail1x.png") 1x,url("../images/saveFail2x.png") 2x);
    background-image: image-set(url("../images/saveFail1x.png") 1x,url("../images/saveFail2x.png") 2x);
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.error-h1{
    font-size: 48px;
    color: #333333;
    text-align: center;
    line-height: 64px;
    margin-top: 5px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
}
.error-h2{
    font-size: 18px;
    color: #333333;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
    line-height: 24px;
}
.error-h3{
    font-size: 16px;
    color: #333333;
    line-height: 21px;
    text-align: center;
}
.error-h3 a{
    color: #FF4F53;
    font-size: 16px;
    line-height: 21px;
    cursor: pointer;
    margin: 0 5px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
}
.error-h3 a:hover{
    text-decoration: underline !important;
}
.back-homeBox{
    text-align: center;
    margin-top: 30px;
}
.back-homeBox>a{
    display: inline-block;
    background: #FF6C60;
    box-shadow: 0 2px 5px 0 rgba(255,108,96,0.50);
    border-radius: 100px;
    width: 160px;
    height: 40px;
    font-size: 14px;
    color: #FFFFFF;
    cursor: pointer;
    line-height: 40px;
}
.back-homeBox i{
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top:3px;
}
.back-home i{
    background-image: url("../images/backHome2x.png");
    background-image: -webkit-image-set(url("../images/backHome1x.png") 1x,url("../images/backHome2x.png") 2x);
    background-image: image-set(url("../images/backHome1x.png") 1x,url("../images/backHome2x.png") 2x);
    background-size: 100% 100%;
    width: 18px;
    height: 16px;
}
.back-step i{
    width: 19px;
    height: 16px;
    background-image: url("../images/backStep2x.png");
    background-image: -webkit-image-set(url("../images/backStep1x.png") 1x,url("../images/backStep2x.png") 2x);
    background-image: image-set(url("../images/backStep1x.png") 1x,url("../images/backStep2x.png") 2x);
    background-size: 100% 100%;
}
.back-homeBox .back-step{
    background: #6BCACA;
    margin-left: 20px;
    box-shadow: 0 2px 5px 0 rgba(107,202,202,0.50);
}
.back-home:hover{
    background: #e66157;
}
.back-step:hover{
    background: #5eb1b1;
}
.conte-list{
    max-height: 500px;
    overflow: auto;
}
.sidebarBox{
    height: auto;
}
/*滚动条样式*/
.tree::-webkit-scrollbar,.conte-list::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
    width:7px;
    height:7px;
    background: #fff;
    border-radius: 2px;
}
.tree::-webkit-scrollbar-button,.conte-list::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/
    display: none;
}
.tree::-webkit-scrollbar-track,.conte-list::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/
    display: none;
}
.tree::-webkit-scrollbar-track-piece,.conte-list::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/
    display: none;
}
.tree::-webkit-scrollbar-thumb,.conte-list::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/
    background: #CDCDCD;
    border-radius: 14px;
    width: 6px;
    height: 6px;
    position: relative;
    right: 3px;
}

body{
    scrollbar-arrow-color: #55555F; /**//*三角箭头的颜色*/
    scrollbar-face-color: #55555F; /**//*立体滚动条的颜色*/
    scrollbar-3dlight-color: #666; /**//*立体滚动条亮边的颜色*/
    scrollbar-highlight-color: #666; /**//*滚动条空白部分的颜色*/
    scrollbar-shadow-color: #999; /**//*立体滚动条阴影的颜色*/
    scrollbar-darkshadow-color: #666; /**//*立体滚动条强阴影的颜色*/
    scrollbar-track-color: #CDCDCD; /**//*立体滚动条背景颜色*/
    scrollbar-base-color:#CDCDCD; /**//*滚动条的基本颜色*/
}
/*视频详情页滚动条设置*/
/*滚动条样式*/
.tree::-webkit-scrollbar,.conte-list::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
    width:7px;
    height:7px;
    background: #fff;
    border-radius: 2px;
}
.contentsSty{
    width: 120%;
}
.sidebarBox{
    padding-right: 3px;
    overflow: hidden;
}

.tree::-webkit-scrollbar-corner,.conte-list::-webkit-scrollbar-corner{/*边角（位置6）*/
    display: none;
}
.tree::-webkit-scrollbar-resizer,.conte-list::-webkit-scrollbar-resizer{/*定义右下角拖动块的样式（位置7）*/
    display: none;
}
.topIndex{
    width: 15px;
    height: 15px;
    background: url("../images/topIndex.png") no-repeat;
    background-image: -webkit-image-set(url("../images/topIndex.png") 1x,url("../images/topIndex.png") 2x);
    background-image: image-set(url("../images/topIndex.png") 1x,url("../images/topIndex.png") 2x);
    background-size: 100% 100%;
    position: relative;
    top: 2px;
}
.topIndex:hover{
    background: url("../images/topIndex.png") no-repeat;
    background-image: -webkit-image-set(url("../images/topIndex.png") 1x,url("../images/topIndex.png") 2x);
    background-image: image-set(url("../images/topIndex.png") 1x,url("../images/topIndex.png") 2x);
    background-size: 100% 100%;
}
.topBank,.topIndex2,.topBank2{
    position: relative;
    top: 2px;
    width: 15px;
    height: 15px;
    background: url("../images/topBank.png") no-repeat;
    background-image: -webkit-image-set(url("../images/topBank.png") 1x,url("../images/topBank.png") 2x);
    background-image: image-set(url("../images/topBank.png") 1x,url("../images/topBank.png") 2x);
    background-size: 100% 100%;
}
.topBank:hover{
    background: url("../images/topBank.png") no-repeat;
    background-image: -webkit-image-set(url("../images/topBank.png") 1x,url("../images/topBank.png") 2x);
    background-image: image-set(url("../images/topBank.png") 1x,url("../images/topBank.png") 2x);
    background-size: 100% 100%;
}
.topIndex2,.topIndex2:hover{
    background: url("../images/topIndex2.png") no-repeat;
    background-image: -webkit-image-set(url("../images/topIndex2.png") 1x,url("../images/topIndex2.png") 2x);
    background-image: image-set(url("../images/topIndex2.png") 1x,url("../images/topIndex2.png") 2x);
    background-size: 100% 100%;
}
.topBank2,.topBank2:hover{
    background: url("../images/topBank2.png") no-repeat;
    background-image: -webkit-image-set(url("../images/topBank2.png") 1x,url("../images/topBank2.png") 2x);
    background-image: image-set(url("../images/topBank2.png") 1x,url("../images/topBank2.png") 2x);
    background-size: 100% 100%;
}
.sidebarBox .contentsSty>span>a{
    margin-right: 20%;
}
.flex-title-cl i{
    background: url("../images/closeWj.png") no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 10000;
    cursor: pointer;
}
.repeat_icon{
    display: inline-block;
    cursor: pointer;
    width: 15px;
    height: 15px;
    background-image: url("../images/reprint2x-white.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*移动采编弹层*/
.flex-editing{
    position: fixed;
    width: 100%;
    height:100%;
    top:0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10000;
}
.editing-div{
    background: #fff;
    width: 350px;
    padding: 15px 20px 20px;
}
.editing-title{
    width: 100%;
    text-align: center;
}
.editing-title span{
    font-size: 16px;
    color: #333;
    line-height: 22px;
    position: relative;
    padding-left: 20px;
}
.editing-title span::before{
    background: url("../images/wap1.png") no-repeat;
    background-size: 100% auto;
    width: 13px;
    height: 22px;
    display: block;
    margin-right: 5px;
    content: "";
    position: absolute;
    top:0;
    left: 0;
}
.code-editing{
    display: block;
    width: 100%;
    height: auto;
}
.scanning{
    font-size: 14px;
    color: #666;
    text-align: center;
}
.downLoad-editing{
    font-size: 14px;
    text-align: left;
    margin:15px 0 0 0;
    color: #666;
}
.downLoad-editing a{
    word-wrap: break-word;
}

/*项目管理流程*/
.project-management{
    background: #373E50;
}
.management-logo{
    background: url("../images/managementLogo2x.png") no-repeat !important;
    background-image: -webkit-image-set(url("../images/managementLogo1x.png") 1x,url("../images/managementLogo2x.png") 2x) !important;
    background-image: image-set(url("../images/managementLogo1x.png") 1x,url("../images/managementLogo2x.png") 2x) !important;
    background-size: 100% 100% !important;
    width: 128px;
    height: 36px;
    margin: 12px 0 0 30px;
}
.management-body{
    padding: 60px 5% 80px;
}
.management-body>div{
    float: left;
    width: 49%;
}
.management-body>div:nth-child(2n){
    float: right;
}
.management-a img{
    width: 60px;
    height: 60px;
    display: block;
}
.management-div>a{
    width: 115px;
    height: 120px;
    background-image: linear-gradient(-140deg, #39E1BD 0%, #1996F1 100%);
    background-image: -webkit-linear-gradient(-140deg, #39E1BD 0%, #1996F1 100%);
    background-image: -moz-linear-gradient(-140deg, #39E1BD 0%, #1996F1 100%);
    background-image: -o-linear-gradient(-140deg, #39E1BD 0%, #1996F1 100%);
    background-image: -ms-linear-gradient(-140deg, #39E1BD 0%, #1996F1 100%);
    background-image: linear-gradient(-140deg, #39E1BD 0%, #1996F1 100%);
    border-radius: 8px;
    display: block;
    padding: 15px 0;
    margin:10px 10px 0 0;
    float: left;
}
.management-div>a>div{
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    margin-top: 10px;
    color: #FFFFFF;
}
.management-a{
    cursor: pointer;
}
.management-title{
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 21px;
    padding:20px 0 5px 0;
}
.add-management{
    position: relative;
}
.production-div>a{
    background-image: linear-gradient(-140deg, #FF926F 0%, #E53FB0 100%);
    background-image: -webkit-linear-gradient(-140deg, #FF926F 0%, #E53FB0 100%);
    background-image: -moz-linear-gradient(-140deg, #FF926F 0%, #E53FB0 100%);
    background-image: -o-linear-gradient(-140deg, #FF926F 0%, #E53FB0 100%);
    background-image: -ms-linear-gradient(-140deg, #FF926F 0%, #E53FB0 100%);
    background-image: linear-gradient(-140deg, #FF926F 0%, #E53FB0 100%);
}
.command-div>a{
    background-image: linear-gradient(-134deg, #D956FF 0%, #4B5AFF 100%);
    background-image: -webkit-linear-gradient(-134deg, #D956FF 0%, #4B5AFF 100%);
    background-image: -moz-linear-gradient(-134deg, #D956FF 0%, #4B5AFF 100%);
    background-image: -o-linear-gradient(-134deg, #D956FF 0%, #4B5AFF 100%);
    background-image: -ms-linear-gradient(-134deg, #D956FF 0%, #4B5AFF 100%);
    background-image: linear-gradient(-134deg, #D956FF 0%, #4B5AFF 100%);
}
.terminal-div>a{
    background-image: linear-gradient(-139deg, #92ED37 0%, #01CD9E 100%);
    background-image: -webkit-linear-gradient(-139deg, #92ED37 0%, #01CD9E 100%);
    background-image: -moz-linear-gradient(-139deg, #92ED37 0%, #01CD9E 100%);
    background-image: -o-linear-gradient(-139deg, #92ED37 0%, #01CD9E 100%);
    background-image: -ms-linear-gradient(-139deg, #92ED37 0%, #01CD9E 100%);
    background-image: linear-gradient(-139deg, #92ED37 0%, #01CD9E 100%);
}
.extend-div>a{
    background-image: linear-gradient(-135deg, #F8AB46 3%, #F15F5F 100%);
    background-image: -webkit-linear-gradient(-135deg, #F8AB46 3%, #F15F5F 100%);
    background-image: -moz-linear-gradient(-135deg, #F8AB46 3%, #F15F5F 100%);
    background-image: -o-linear-gradient(-135deg, #F8AB46 3%, #F15F5F 100%);
    background-image: -ms-linear-gradient(-135deg, #F8AB46 3%, #F15F5F 100%);
    background-image: linear-gradient(-135deg, #F8AB46 3%, #F15F5F 100%);
}
.data-div>a{
    background-image: linear-gradient(-136deg, #7BD0FF 0%, #8017FF 100%);
    background-image: -webkit-linear-gradient(-136deg, #7BD0FF 0%, #8017FF 100%);
    background-image: -moz-linear-gradient(-136deg, #7BD0FF 0%, #8017FF 100%);
    background-image: -o-linear-gradient(-136deg, #7BD0FF 0%, #8017FF 100%);
    background-image: -ms-linear-gradient(-136deg, #7BD0FF 0%, #8017FF 100%);
    background-image: linear-gradient(-136deg, #7BD0FF 0%, #8017FF 100%);
}
.bomb-layer{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    top:0;
    left: 0;
}
.bomb-layer-div{
    background: #fff;
    width: 300px;
    height: auto;
    border-radius: 4px;
}
.bomb-layer-title{
    background: #6BCACA;
    border-radius: 4px 4px 0 0;
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
    height: 36px;
    line-height: 36px;
}
.bomb-layer-list{
    padding-right: 30px;
}
.bomb-layer-cont{
    padding: 20px 0;
}
.bomb-layer-list>div{
    margin: 0 0 15px 30px;
}
.bomb-layer-btn{
    text-align: center;
    margin-top: 35px;
}
.bomb-layer-btn>a{
    padding: 5px 17px !important;
}
.bomb-layer-btn>a+a{
    margin-left: 8px;
}
/*直播画面css*/
.broadcast-head{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    padding: 15px 20px;
}
.broadcast-headTitle{
    font-weight: bold;
    font-size: 24px;
    color: #222222;
    line-height: 31px;
}
.live-see{
    font-size: 12px;
    color: #999999;
    line-height: 18px;
}
.live-see span{
    font-size: 18px;
    color: #222222;
    font-weight: bold;
}
.live-i{
    margin-top: 10px;
}
.live-i i{
    width: 18px;
    height: 18px;
    background: url("../images/live-icon1.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    margin-right: 5px;
    float: left;
}
.live-icon2 i{
    width: 16px;
    height: 17px;
    background: url("../images/live-icon2.png") no-repeat;
    background-size: 100% 100%;
}
.live-i>div{
    margin-right: 20px;
}
.live-cont{
    margin-top: 20px;
}
.live-cont-ul{
    width: 200px;
    float: left;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin-right: 22px;
    border-radius: 3px;
}
.live-cont-ul li{
    cursor: pointer;
    padding: 13px 20px;
    text-align: center;
    border-bottom: 1px solid #EEEFF1;
}
.live-cont-ul a{
    font-size: 14px;
    color: #222222;
    line-height: 19px;
}
.live-cont-ul li:nth-child(1){
    border-radius: 3px 3px 0 0;
}
.live-cont-ul li:last-child{
    border-bottom: none;
    border-radius: 0 0 3px 3px;
}
.live-cont-ul .live-cont-li{
    background: #57C9F3;
}
.live-cont-ul .live-cont-li a{
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
}
.live-cont-fr{
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.10);
    border-radius: 3px;
    overflow: hidden;
}
.live-contHead{
    background: #FF6C60;
    border-radius: 3px 3px 0 0;
    padding: 13px 20px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 24px;
}
.live-contHead i{
    width: 18px;
    height: 18px;
    background: url("../images/live-tv.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    top:1px;
    margin-right: 10px;
}
.contHead-box{
    background: #fff;
    padding: 20px 40px;
}
.contHead-video video{
    max-width: 100%;
    height: auto;
    max-height: 495px;
    display: block;
}
.btn-contHead{
    width: 320px;
    margin-top: 20px;
}
.btn-contHead a{
    padding: 10px 39px;
}
.close-room{
    width: 300px;
    padding: 25px 30px 20px 30px;
    background: #FFFFFF;
    border-radius: 4px;
}
.close-room-title{
    font-size: 14px;
    color: #333333;
    line-height: 19px;
}
.btn-close{
    text-align: center;
    margin-top: 45px;
    height: 30px;
}
.btn-close>a{
    padding: 7px 18px !important;
}
.disconnect-title{
    background: #6BCACA;
    border-radius: 4px 4px 0 0;
    padding: 10px 20px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    line-height: 16px;
}
.disconnect-box{
    padding: 20px 30px;
}
.disconnect-box .option-div>div{
    float: none;
    margin-bottom: 20px;
}
.Authentication-xx{
    background: #FFFFFF;
    border-radius: 4px;
    width: 752px;
    height: auto;
}
.Authentication-div{
    padding: 30px 40px 60px;
}
.Authentication-list{
    font-size: 14px;
    color: #333333;
    line-height: 19px;
    margin-bottom: 15px;
}
.Authentication-p{
    font-size: 14px;
    color: #333333;
    line-height: 19px;
    margin-top: 30px;
    font-weight: bold;
}
.id-div>div{
    width: 326px;
    height: 205px;
    position: relative;
    float: left;
    margin-top: 15px;
}
.id-div>div:nth-child(2){
    float: right;
}
.id-div>div>div{
    opacity: 0.6;
    border-radius: 4px;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.id-div>div img{
    display: block;
    width: 100%;
    height: 100%;
}
.disconnect-title{
    position: relative;
}
.disconnect-title i{
    position: absolute;
    top:13px;
    right: 20px;
    width: 10px;
    height: 10px;
    display: block;
    background: url("../images/rz-close.png") no-repeat;
    background-size: 100% 100%;
}
.text-l{
    text-align: left !important;
    padding-left: 12px !important;
}
.bo-i{
    background: url("../images/bo2.png") no-repeat !important;
    background-image: -webkit-image-set(url("../images/bo1.png") 1x,url("../images/bo2.png") 2x) !important;
    background-image: image-set(url("../images/bo1.png") 1x,url("../images/bo2.png") 2x) !important;
    background-size: 100% 100% !important;
    width: 16px;
    height: 16px;
    position: relative;
    top:2px;
}
.bo-i:hover{
    background: url("../images/bo-a2.png") no-repeat !important;
    background-image: -webkit-image-set(url("../images/bo-a1.png") 1x,url("../images/bo-a2.png") 2x) !important;
    background-image: image-set(url("../images/bo-a1.png") 1x,url("../images/bo-a2.png") 2x) !important;
    background-size: 100% 100% !important;
    width: 16px;
    height: 16px;
}
.t-i{
    background: url("../images/t2.png") no-repeat !important;
    background-image: -webkit-image-set(url("../images/t1.png") 1x,url("../images/t2.png") 2x) !important;
    background-image: image-set(url("../images/t1.png") 1x,url("../images/t2.png") 2x) !important;
    background-size: 100% 100% !important;
    width: 15px;
    height: 11px;
}
.t-i:hover{
    background: url("../images/t-a2.png") no-repeat !important;
    background-image: -webkit-image-set(url("../images/t-a1.png") 1x,url("../images/t-a2.png") 2x) !important;
    background-image: image-set(url("../images/t-a1.png") 1x,url("../images/t-a2.png") 2x) !important;
    background-size: 100% 100% !important;
    width: 15px;
    height: 11px;
}
.preview-qx{
    border: 1px solid #6BCACA;
    color: #6BCACA !important;
    cursor: pointer;
    background: #fff;
    box-shadow: 0 2px 5px 0 #999;
    border-radius: 2px;
    float: right;
}
.preview-qx:active{
    background: #fff;
}
/*多房间监控*/
.live-list{
    padding: 30px 100px;
    text-align: center;
}
.live-list li{
    width: 180px;
    height: 320px;
    display: inline-block;
    float: left;
    margin-right: 20px;
    position: relative;
    margin-bottom: 20px;
}
.live-list-img{
    width: 100%;
    height: 100%;
    display: block;
}
.live-top{
    background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.79) 0%, rgba(0,0,0,0.00) 90%);
    background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.79) 0%, rgba(0,0,0,0.00) 90%);
    background-image: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.79) 0%, rgba(0,0,0,0.00) 90%);
    background-image: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.79) 0%, rgba(0,0,0,0.00) 90%);;
    background-image: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0.79) 0%, rgba(0,0,0,0.00) 90%);
    border-radius: 3px 3px 0 0;
    padding: 11px 0;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 18px;
    text-align: center;
}
.live-bot{
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
}
.live-list p{
    margin: 0;
}
.live-bot-top{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 18px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 24px;
    width: 138px;
    padding: 6px 0;
}
.live-bot-top p:nth-child(2){
    font-size: 12px;
    margin-top: 2px;
    line-height: 16px;
}
.live-btn{
    margin-top: 10px;
    text-align: center;
}
.live-btn>a{
    padding: 7px 18px !important;
}
.live-btn>a+a{
    margin-left: 10px;
}
.sx-btn{
    width: 16px;
    height: 16px;
    background: url("../images/sx.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
    position: relative;
    top:3px;
}
.live-fl-box{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 0 0;
}
.live-fl-top{
    padding: 15px 20px;
}
.live-fl-p1{
    margin-bottom: 10px !important;
    font-size: 24px;
    color: #222222;
    line-height: 29px;
}
.live-fl-list>div+div{
    margin-left: 20px;
}
.live-fl-list>div{
    font-size: 14px;
    color: #222222;
    line-height: 18px;
}
.live-fl-list i{
    width: 18px;
    margin-right: 6px;
    height: 18px;
    background: url("../images/live-list1.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    top:3px;
}
.live-fl-list>div:nth-child(2) i{
    background: url("../images/live-list2.png") no-repeat;
    background-size: 100% 100%;
}
.live-fr-span{
    font-size: 12px;
    color: #999999;
    line-height: 18px;
}
.live-fr-span span{
    font-size: 18px;
    color: #222222;
}
.video-cover{
    position: relative;
}
.live-time{
    background: rgba(255, 79, 83, 0.8);
    border-radius: 20px;
    top:10px;
    padding: 6px 17px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 18px;
    left: 7px;
    display: inline-block;
    position: absolute;
    z-index: 10000;
}
.broadcast-no{
    position: absolute;
    top:0;
    /*z-index: 9999;*/
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.live-fl-bot{
    padding: 24px 35px;
    text-align: center;
}
.live-fl-bot div{
    display: inline-block;
}
.live-fl-bot div{
    margin-right: 80px;
    margin-bottom: 30px;
}
.live-fl-bot div:nth-child(2n){
    margin-right: 0;
}
.live-fl-bot i{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 10px;
}
.audience-list i{
    background: url("../images/live-list3.png");
    background-size: 100% 100%;
}
.comment-list1 i{
    background: url("../images/live-list4.png");
    background-size: 100% 100%;
}
.lianmai-list i{
    background: url("../images/live-list10.png");
    background-size: 100% 100%;
}
.close-room1 i{
    background: url("../images/live-list5.png");
    background-size: 100% 100%;
}
.live-data{
    width: 100%;
    padding: 30px 20px;
    text-align: center;
    background: url("../images/live-list6.png") no-repeat;
    background-color: #fff;
    background-size: 100% auto;
    border-bottom: 10px solid #F1F2F7;
}
.live-data-title i{
    width: 18px;
    height: 18px;
    background: url("../images/live-list9.png") no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top:3px;
}
.live-data-title{
    font-size: 14px;
    color: #222222;
    line-height: 18px;
}
.live-data-num{
    display: flex;
    display: -webkit-flex;
    margin-top: 25px;
    margin-bottom: 0;
}
.live-data-num li{
    flex: 1;
    -webkit-flex: 1;
    font-size: 12px;
    position: relative;
    color: #999999;
    padding: 0 15px;
    line-height: 18px;
}
.live-data-num .live-dataN{
    font-size: 24px;
    color: #222222;
    line-height: 18px;
    display: block;
    margin-bottom: 5px;
}
.live-data-num li::after{
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    border-right: 1px solid #EEEFF1;
    height: 42px;
    width: 1px;
}
.live-jiankong p{
    margin: 0;
}
.live-data-num li:last-child::after{
    border-right: none;
}
.interactive-comments{
    background: #fff;
    position: relative;
    border: 1px solid #CCCCCC;
}
.inter-ul{
    background: #F1F2F7;
    margin: 0;
}
.inter-ul li{
    float: left;
    padding: 11px 20px;
    cursor: pointer;
    font-size: 12px;
    color: #222222;
    line-height: 18px;
}
.inter-ul li:hover{
    color: #FF4F53;
}
.inter-ul .inter-li{
    background: #fff;
}
.inter-ul .inter-li:hover{
    color: #222222;
}
.inter-show-li span{
    font-size: 14px;
    color: #666666;
    width:85%;
    float: left;
    line-height: 20px;
}
.inter-show-li i{
    width: 20px;
    height: 20px;
    background: url("../images/live-list7.png") no-repeat;
    background-size: 100% 100%;
    float: right;
    cursor: pointer;
    display: block;
}
.inter-show-ul{
    padding: 10px 15px;
    overflow-y: auto;
    height: 100%;
}
.inter-show-ul li{
    margin-top: 10px;
}
.inter-show-li i:hover{
    background: url("../images/live-list8.png") no-repeat;
    background-size: 100% 100%;
}
.inter-li-sty i{
    background: url("../images/live-list8.png") no-repeat;
    background-size: 100% 100%;
}
.inter-li-sty span{
    color: #FF4F53;
}
.live-data-box{
    background: #fff;
}
.inter-box>div{
    display: none;
}
.inter-box .inter-show{
    display: block;
}
.inter-po{
    position: absolute;
    display: none;
    top:0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.inter-po .po_x{
    margin-top:120px;
    width: 88%;
    background: #FFFFFF;
    border-radius: 4px;
    position: absolute;
    padding: 25px 30px 20px;
}
.inter-po p{
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    margin-bottom: 30px;
}
.inter-show-li p{
    font-size: 12px;
    color: #FF4F53;
    float: right;
    line-height: 17px;
}
.inter-show-li .cancelled-p{
    font-size: 12px;
    color: #999999;
}
.inter-show-ul2 span{
    width: 79%;
}
.operation-color a{
    color: #6BCACA !important;
}
/*直播结束*/
.end-live{
    width: 100%;
    height: 400px;
    background: url("../images/live-bg.png") no-repeat;
    background-size: 100% 100%;
}
.live-time-sty{
    background: #999999;
}
.end-live-po{
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    line-height: 25px;
}
.end-live-po a{
    background: #FF6C60;
    font-size: 14px;
    color: #FFFFFF;
    padding: 5px 18px;
    margin-top: 15px;
    border-radius: 2px;
    display: inline-block;
}
.mr-two{
    margin-top: 20px;
}
.mr10{
    margin-right: 10px;
}
.mr20{
    margin-right: 20px;
}
.zcadd-title{
    font-size: 18px;
    color: #222222;
    font-weight: bold;
    margin-bottom: 10px;
}
.host-head{
    width: 74px;
    margin-right: 20px;
}
.host-head img{
    display: block;
    height: 74px;
    width: 74px;
    border-radius: 50%;
}
.host-head p{
    font-size: 14px;
    color: #222222;
    line-height: 19px;
    margin-top: 13px;
    text-align: center;
    width: 74px;
}
.host-fr{
    float: left;
    width: 88%;
}
.add-videoBox{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 0 0;
}
.report-text{
    display: block;
    width: 100%;
    height: 200px;
    padding: 10px;
    background-color: #fff;
    border-color: rgba(0,0,0,0);
    resize: none;
}
.report-option{
    padding: 15px 20px;
    background: #F6F8F8;
    border-top: 1px solid #ccc;
}
.added-num{
    font-size: 14px;
    color: #666666;
    margin-left: 10px;
    text-align: center;
    line-height: 40px;
}
.delete-added{
    background: url("../images/icon_delete.png") no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 18px;
    position: relative;
    top: 11px;
    display: block;
}
.add-option .btn-primary{
    padding: 11px 26px;
}
.add-rq>div{
    margin-top: 18px;
    background: #fff;
    padding: 20px;
    min-height: 304px;
    position: relative;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.10);
}
.add-box{
    padding-bottom: 15px;
    border-bottom: 1px solid #E5E5E5;
}
.add-videoSpan{
    font-size: 14px;
    color: #333333;
    line-height: 40px;
    float: left;
}
.add-videoInput{
    display: block;
    float: left;
    padding: 11px 10px 10px;
    font-size: 14px;
    color: #333;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    margin-left: 10px;
    height: 40px;
    width: 550px;
}
.add-rq-po{
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 100%;
}
.format-span{
    font-size: 14px;
    color: #999999;
    letter-spacing: 0;
    line-height: 40px;
}
.img-format>div{
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    position: relative;
}
.img-format>div:nth-child(6n){
    margin-right: 0;
}
.img-format-up{
    background: url("../images/upIcon.png") no-repeat center;
    background-size: 26px 26px;
    position: relative;
    border: 1px dashed #CCC;
}
.img-format-up input{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.img-format img{
    display: block;
    width: 100%;
    height: 100%;
}
.img-format i{
    background: url("../images/delete_black2x.png") no-repeat center;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    top:0;
    right: 0;
    z-index: 3;
}
.edit-xin>div{
    display: none;
}
.edit-xin .edit-show{
    display: block;
}
.add-rq{
    display: none;
}
.add-rq::before{
    content: "";
    position: absolute;
    top:-9px;
    left: 75px;
    background: url("../images/sanjiao.png") no-repeat;
    background-size: 100% 100%;
    width: 23px;
    height: 10px;
    z-index: 9;
}
.content-tr td a,.blue-td-sty>a{
    color: #6BCACA;
}
.content-tr .operation a{
    color: #6BCACA !important;
}
.more-push{
    position: relative;
}
.more-push-div{
    position: absolute;
    bottom:52px;
    left: 50%;
    padding: 0 !important;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    min-width: 120px;
    z-index: 999;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.10);
    background: #fff;
    display: none;
}
.more-push:hover .more-push-div{
    display: block;
}
.more-push-div>div{
    padding: 11px 19px;
    font-size: 14px;
    color: #333333;
    text-align: center;
    border-left: none !important;
    line-height: 19px;
    float: none;
    cursor: pointer;
    position: relative;
}
.more-push-div>div::after{
    position: absolute;
    content: "";
    left: 11px;
    right: 11px;
    background: #E5E5E5;
    bottom: 0;
    height: 1px;
}
.more-push-div>div:hover{
    background: #6BCACA;
    color: #fff;
}
.more-push-div>div:hover ::after,.more-push-div>div:last-child::after{
    display: none;
}
.more-push-div>div:hover a{
    color: #fff !important;
}
.more-push i{
    background: url("../images/sanjiao.png") no-repeat;
    background-size: 100% 100%;
    width: 23px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: 43px;
    left: 50%;
    padding: 0 !important;
    transform: translateX(-50%) rotate(180deg);
    -webkit-transform: translateX(-50%) rotate(180deg);
    -moz-transform: translateX(-50%) rotate(180deg);
    -ms-transform: translateX(-50%) rotate(180deg);
    -o-transform: translateX(-50%) rotate(180deg);
    z-index: 1000;
    display: none;
}
.more-push:hover i{
    display: block;
}
.more-pushHide{
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    height: 20px !important;
    opacity: 0;
    z-index: 999;
}
.pagination-li+.pagination-li{
    margin-left: 5px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    border-radius: 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span, .pagination>li:first-child>a, .pagination>li:first-child>span{
    border-radius: 4px;
}
.pagination-li>a{
    width: auto !important;
    padding: 0 10px !important;
    line-height: 27px !important;

}


/*视频拆条*/
.up-fl-list>a{
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
}
.up-fl-list i{
    width: 9px;
    height: 9px;
    background: url("../images/update.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    margin-right: 5px;
    float: left;
    position: relative;
    top:6px;
}
.up-fl-list input{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.video-editing{
    display: flex;
    display: -webkit-flex;
    margin-top: 10px;
}
.editing-fl{
    flex: 1;
    -webkit-flex: 1;
    background: #fff;
    height: 400px;
    padding: 15px 5px 15px 15px;
    border:1px solid rgba(204,204,204,1);
    overflow-y: auto;
}
.editing-play{
    width: 510px;
    height: 400px;
    background: #fff;
    margin-left: 10px;
    position: relative;
}
.editing-fl>div{
    width: 150px;
    height: 100px;
    float: left;
    cursor: pointer;
    position: relative;
    margin:0 10px 10px 0;
}
.editing-fl img{
    width: 100%;
    height: 100%;
    display: block;
}
.time-bottom{
    background-image: linear-gradient(-92deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background-image: -webkit-linear-gradient(-92deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background-image: -moz-linear-gradient(-92deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background-image: -o-linear-gradient(-92deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background-image: -ms-linear-gradient(-92deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 7px;
    text-align: right;
    font-size:12px;
    color:rgba(255,255,255,1);
    line-height:16px;
    width: 100%;
    display: flex;
    display: -webkit-flex;
}
.video-timeBottom{
    display: block;
}
.operation-top{
    background-image: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background-image: -moz-linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background-image: -o-linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background-image: -ms-linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    display: none;
    padding: 6px;
    z-index: 100;
}
.operation-top i{
    background: url("../images/trashDelete.png") no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
}
.operation-top .operation-add{
    background: url("../images/icon_amplification.png") no-repeat;
    background-size: 100% 100%;
}
.editing-fl>div:hover .operation-top{
    display: block;
}
.editing-videoBox video{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    top:0;
    left: 0;
}
.editing-audio,.editing-videoBox video{
    display: none;
}
.bottom-title{
    padding: 7px 10px;
    background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background-image: -moz-linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background-image: -o-linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background-image: -ms-linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    color: #fff;
    font-size:12px;
    line-height:16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.time-bottom .audio-title{
    flex: 1;
    -webkit-flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap;
}
.time-bottom .fr{
    margin-left: 5px;
}
.editing-audioBox{
    background: url("../images/icon_audio.png") no-repeat center;
    background-size: 32px 32px;
    background-color:rgba(204,204,204,1);
}
.audio-gif{
    width: 16px;
    height: 16px;
    background: url("../images/icon_Audiogif.png") no-repeat;
    background-size: 100% 100%;
    margin-left: 5px;
    display: none;
}
/*视频控制条*/
.editing-play .vcp-controls-panel{
    height:60px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(204,204,204,1);
    display: block !important;
}
.editing-play .vcp-panel-bg{
    background-color: #fff;
    opacity: 1;
}
.editing-play .vcp-playtoggle{
    background-image:url("../images/icon_video.png") !important;
    background-size: 100% 100%;
    width: 32px;
    height: 32px;
    left: 163px;
    top:12px;
}
.vcp-playtoggle:focus, .vcp-playtoggle:hover{
    background-color: rgba(0,0,0,0) !important;
    opacity: 1 !important;
}
.editing-play .vcp-playing .vcp-playtoggle{
    background-image:url("../images/icon_videopause.png") !important;
    background-size: 100% 100%;
    width: 32px;
    height: 32px;
}
.editing-play .vcp-timelabel{
    font-size:14px;
    font-weight:400;
    color:rgba(34,34,34,1);
    line-height:20px;
    left: 259px;
    top:18px;
    height: 20px;
    padding: 0 !important;
}
/*全屏隐藏*/
.vcp-fullscreen-toggle{
    display: none;
}
/*播放进度隐藏*/
.editing-play .vcp-timeline{
    display: none;
}
.editing-play .vcp-controls-panel.hide{
    animation: fadeIn ease .8s;
}
.editing-play video{
    height: 342px !important;
}
.quick-retreat,.fast-forward{
    background: url("../images/icon_videoback.png") no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 119px;
    bottom:18px;
    z-index: 9999;
    cursor: pointer;
}
.fast-forward{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    left: 215px;
}
.time-axis{
    background: #353535;
    width: 100%;
    height: 271px;
}
.time-axis-top{
    width: 77px;
    height: 271px;
    float: left;
    background:rgba(51,51,51,1);
    position: relative;
}
.revoke-div{
    width: 100%;
    position: relative;
    height: 40px;
    text-align: center;
    padding-top: 14px;
}
.revoke-div i{
    display: inline-block;
    background: url("../images/icon_undo.png")no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.revoke-div i+i{
    margin-left: 20px;
    background: url("../images/icon_next step.png")no-repeat;
    background-size: 100% 100%;
}
.uploading-div{
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    line-height: 100px;
    text-align: center;
    font-size:14px;
    color:rgba(255,255,255,1);
    position: absolute;
    left: 0;
    top:0;
}
.revoke-fr{
    /*background: url("../images/bj_calibration.png") bottom left;*/
    /*background-size: 100px 40px;*/
    height: 40px;
    width: 100%;
    position: relative;
    min-width: 100%;
    /*display: flex;
    display: -webkit-flex;*/
}
.revoke-timeDiv{
    background: url("../images/bj_calibration.png") bottom center;
    background-size: cover;
    /*text-align: center;*/
    height: 34px;
    width: 109px;
    font-size: 12px;
    float: left;
    font-weight: 400;
    color: rgba(204,204,204,1);
    line-height: 17px;
    padding-top: 6px;
    /*height: 40px;*/
    /*width: 100px;*/
    /*position: relative;*/
    /*min-width: 100%;*/
    /*display: flex;
    display: -webkit-flex;*/
    text-align: center;
}
/*.revoke-timeDiv-dan{*/
/*!*text-align: center;*!*/
/*}*/
/*.revoke-timeDiv-shuang{*/
/*text-align: center;*/
/*}*/

.revoke-fr-sty{
    overflow: hidden;
    min-width: 100%;
}
.vegetable-div{
    position: relative;
    height: 271px;
    /*overflow: hidden;*/
}
.vegetable-fl{
    width:77px;
    height:231px;
    background:rgba(39,39,39,1);
    padding: 40px 22px;
    z-index: 2;
}
.vegetable-fl .audioTrack-i{
    background: url("../images/icon_audioCCC.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 40px;
}
.vegetable-over{
    position: relative;
    z-index: 1;
}
.revoke-fr>div{
    font-size:12px;
    float: left;
    font-weight:400;
    color:rgba(204,204,204,1);
    line-height:17px;
    height: 38px;
    padding-top: 6px;
}/*
.revoke-fr>div+div{
    margin-left: 38px;
}*/
.importing-footage i{
    width: 60px;
    height: 60px;
    background: url("../images/icon_importmaterial.png")no-repeat;
    background-size: 100% 100%;
    display: block;
}
.importing-footage p{
    font-size:14px;
    margin-top: 10px;
    text-align: center;
    font-weight:400;
    color:rgba(204,204,204,1);
    line-height:20px;
}
.progress-vegetable{
    width: 100%;
    height: 201px;
    position: relative;
}
.import-footage{
    z-index: 1;
    height:30px;
    background:rgba(80,80,80,1);
    width: 100%;
    padding: 12px 11px;
}
.creation-footage{
    padding-top: 30px;
}
.track-sty{
    height:50px;
    background:rgba(95,95,95,1);
    border:1px solid rgba(96,122,125,1);
    width: 0;
    position: relative;
    cursor: pointer;
}
.track-po{
    position: absolute;
    background: url("../images/icon_more.png") no-repeat;
    background-size: 100% 100%;
    width: 25px;
    height: 5px;
    cursor: pointer;
    display: none;
}
.track-sty:hover .track-po{
    display: block;
}
.drag-top{
    background: url("../images/icon_timeframe.png") no-repeat;
    background-size: 100% 100%;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top:0;
    right: -8px;
}
.drag-div{
    position: absolute;
    top:-15px;
    left: 0;
    z-index: 99;
}
.drag-box{
    position: relative;
    cursor: move;
}
.drag-line{
    height: 201px;
    width: 1px;
    background:rgba(87,201,243,1);
    position: absolute;
    top: 15px;
    left: 0;
    cursor: move;
}
.shear-div{
    position: absolute;
    background: url("../images/icon_clip.png")no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    top:35px;
    right: 40px;
    cursor: pointer;
}
.clickLeft-num{
    /*  width: 2000px;*/
}
/*
.scroll-sty{
    background: #505050;
    height: 30px;
}*/
.bar-sty{
    height:30px;
    background:rgba(80,80,80,1);
    position: relative;
    /*   width: 2000px;*/
}
.rightProgress-bar{
    position: absolute;
    bottom: 8px;
    right: 11px;
    width: 17%;
    display: flex;
    display: -webkit-flex;
    z-index: 99;
}
.rightProgress-line{
    flex: 1;
    -webkit-flex: 1;
    margin: 0 11px;
    height:6px;
    background:rgba(95,95,95,1);
    border-radius:5px;
    position: relative;
    top:4px;
}
.rightProgress-btn{
    width:16px;
    height:16px;
    background: url("../images/icon_narrow.png") no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
    float: left;
}
.rightProgress-add{
    float: right;
    background: url("../images/icon_amplification.png") no-repeat;
    background-size: 100% 100%;
}
.rightProgress-slide{
    height:6px;
    background:rgba(107,202,202,1);
    border-radius:5px;
    width: 48px;
    position: relative;
}
.rightProgress-slide>div{
    width: 14px;
    height: 14px;
    background:rgba(107,202,202,1);
    border-radius: 50%;
    position: absolute;
    right: -7px;
    top:-4px;
    cursor: pointer;
}

/*弹层*/
.black-title{
    background:rgba(55,62,80,1) !important;
}
.list-changeAudio{
    padding:20px 0;
    margin: 0 10px;
}
.list-changeAudio .option-div>div{
    float: none;
    padding: 17px 10px;
    height: auto;
    margin-bottom: 0;
    border-bottom: 1px solid #EEEFF1;
}
.list-changeAudio .option-div>div:hover{
    background: #F6F8F8;
}
.watermark-img{
    width:128px;
    height:50px;
    margin-top: 10px;
    display: block;
}
.addImg_hourse {
    width: 200px;
    height: 200px;
    border-radius: 6px;
    border: 1px dashed #ccc;
    float: left;
    position: relative;
}
.addImg_hourse::after {
    content: "";
    position: absolute;
    width: 48px;
    height: 48px;
    left: 50%;
    top: 50%;
    margin-left: -24px;
    margin-top: -24px;
    background: url("./images/icon_add.png");
}
.addImg_hourse input {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
}