/*
 * 主体样式
 * autuor ：zlp
 * data 2020-04-08
 *
**/

*{
    font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
    font-size: 14px;
}
.body{
    min-height: 100vh;
    background-color: #F5F5F5;
}
.body .py-4 {
    background-color: #F5F5F5;
    padding-top: 10px !important;
    overflow: hidden;
    margin-bottom: 12px;
}
a{
    color: rgba(0,0,0,.85);
    text-decoration: none;
}

a:link,a:hover,a:active {
    outline: none;
    text-decoration: none;
    color: rgba(0,0,0,.85);
}
a:visited{
    color: rgba(0,0,0,.85);
}

.min-vh{
    min-height:60vh !important;
}

.clearFix::after{
    content: '';
    clear: both;
    display: block;
}

/*通用样式 start */

/*flex 兼容写法 */
.flex {
    display: box;              /* OLD - Android 4.4- */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: -webkit-box;display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 父元素-横向排列（主轴）*/
.flex-row {
    /* 09版 */
    -webkit-box-orient: horizontal;
    /* 12版 */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}
/* 父元素-横向换行显示 */
.flex-wrap {
    /* 09版 */
    -webkit-box-lines: multiple;
    /* 12版 */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}


/* 父元素-水平居中（主轴是横向才生效） */
.flex-just {
    /* 09版 */
    -webkit-box-pack: center;
    /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    /* 其它取值如下：
        align-items     主轴原点方向对齐
        flex-end        主轴延伸方向对齐
        space-between   等间距排列，首尾不留白
        space-around    等间距排列，首尾留白
     */
}
/* 父元素-水平结尾排序（主轴是横向才生效） */
.flex-just-end {
    /* 09版 */
    -webkit-box-pack: end;
    /* 12版 */
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
}

/* 父元素-竖直居中（主轴是横向才生效） */
.flex-align {
    /* 09版 */
    -webkit-box-align: center;
    /* 12版 */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}

/* 父元素-水平居中（主轴是横向才生效） */
.flex-between {
    /* 09版 */
    -webkit-box-pack: justify;
    /* 12版 */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

/* 父元素-纵向排列（主轴） */
.flex-column {
    /* 09版 */
    -webkit-box-orient: vertical;
    /* 12版 */
    -webkit- -webkit-flex-direction: column;
    flex-direction: column;
    -moz- -webkit-flex-direction: column;
    flex-direction: column;
    -ms- -webkit-flex-direction: column;
    flex-direction: column;
    -o- -webkit-flex-direction: column;
    flex-direction: column;
     -webkit-flex-direction: column;
    flex-direction: column;
}
/* 父元素-纵向换行 */
.flex-col-wrap {
    /* 09版 */
    -webkit-box-lines: multiple;
    /* 12版 */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* 子元素-平均分栏 */
.flex-c3 {
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    width: 33.3%;               /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 子元素-平均分栏 */
.flex-c4 {
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    width: 25%;               /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

/* 子元素-平均分栏 */
.flex-c7 {
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    width: 14.28%;               /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}


.fl{
    float: left;
}
.fr{
    float: right;
}
.clear{
    clear: both;
}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}

ul li{
    list-style: none;
}
/** 文本输入框的 X  **/input::-ms-clear{display: none;}
/** 密码输入框的 X  **/input::-ms-reveal{display: none;}

::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: rgba(0,0,0,0.45);
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: rgba(0,0,0,0.45);
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,0.45);
}
.holder-color::-webkit-input-placeholder{
    color: rgba(0,0,0,0.45);
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: rgba(0,0,0,0.45);
}
/* Firefox > 19 */
input::-moz-placeholder, textarea::-moz-placeholder {
    color: rgba(0,0,0,0.45);
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: rgba(0,0,0,0.45);
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow: hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

video:focus,button:focus {
    outline: none;
}


input:-internal-autofill-selected {
    -webkit-appearance: menulist-button;
    background-color: #FFF !important;
    background-image: none !important;
    color: -internal-light-dark-color(black, white) !important;
}

/*禁用事件*/
.forbid-click{
    pointer-events: none;
}
.w{
    margin: 0  auto;
    width:1000px;
    background-color: #DDDDDD;
}

.wl{
    width: 720px;
    display: inline-block;
    float: left;
}

.wr{
    width: 270px;
    float: right;
}
.box{
    background:#fff;
    box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);
    border-radius:4px;
}
.box-t{
    background:#fff;
    border-top-left-radius:  4px;
    border-top-right-radius:  4px;
}
.ld{
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);
    border-radius:4px;
}
.ld .ldt{
    height: 32px;
    line-height: 32px;
    position: relative;
    border-bottom: 1px solid #E8E8E8;
    padding: 0 16px;
}

.ld .ldt .title{
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    float: left;
    width:66%;
}
.ld .ldt .title .hot{
    width: 15px;
    height: 15px;
    margin-left: 5px;
    position: relative;
    top: -2px;
}
.ld .ldt.op-panel-wp .op{
    width: 40px;
    height: 24px;
    line-height: 24px;
    margin-left: 5px;
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 12px;
    color:#FF8C28CC;
}
.ld .ldt.op-panel-wp .op.long{
    width: 65px;
}
.ld .ldt.op-panel-wp .op:hover{
    cursor:pointer;
    color: #FF8C28;
}

.ld .ldt.op-panel-wp .op.show{
    display: block;
}
.ld .ldt.op-panel-wp .op.show:after {
    content: '';
    height: 8px;
    width: 8px;
    display: block;
    border: 1px solid #FF8C28CC;
    border-left-width: 0;
    border-top-width: 0;
    position: absolute;
    top: 5px;
    right: 0px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.ld .ldt .title  .liwu-list {
    display: none;
    position: absolute;
    top: 40px;
    left: 0px;
    list-style: none;
    width: 270px;
    line-height: 34px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    background: #FFF;
    border: 1px solid #E8E8E8;
    padding: 6px 15px;
    z-index: 999;
    -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15);
    box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15);

}
.ld .ldt .title ul.liwu-list:before {
background: #fff none repeat scroll 0 0;
    box-shadow: -1px -1px 3px -1px rgba(0,0,0,.15);
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    left: 88px;
    position: absolute;
    top: -15px;
    transform: rotate(45deg) translate(6px,6px);

}
.ld .ldt .title ul.liwu-list .plant {
    height: 44px;
    line-height: 44px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    border-top: 1px solid #E8E8E8;
    width: 232px;
    margin: 0px 0px;
}
.ld .ldt .title ul.liwu-list .plant:first-child {
    border-top: 0px solid #E8E8E8;
}

.ld .ldt  .liwu-wp{
    cursor: pointer;
}
.ld .ldt  .liwu-wp .iconfont{
    top: -3px;
    position: relative;
    font-size: 14px;
}
.ld .ldt  .liwu-wp:hover  ul.liwu-list{
    display: block;
}

.ld .ldt.op-panel-wp  .op.hide{
    display: none;
}
.ld .ldt.op-panel-wp  .op.hide:after {
    content: '';
    height: 8px;
    width: 8px;
    display: block;
    border: 1px solid #FF8C28CC;
    border-left-width: 0;
    border-top-width: 0;
    position: absolute;
    top: 10px;
    right: 0px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
}

.ld .ldt.op-panel-wp .op.show:hover:after,.ld .ldt.op-panel-wp .op.hide:hover:after {
    border-color: #FF8C28;
}

.ld .ldt .tip{
    font-size: 13px;
}

/*上外边距*/
.mt0{
    margin-top: 0 !important;
}
.mt5{
    margin-top: 5px;
}
.mt10{
    margin-top: 10px;
}
.mb5{
    margin-bottom: 5px;
}
.mb10{
    margin-bottom: 10px;
}
.mb60{
    margin-bottom: 60px;
}

.mt12{
    margin-top: 12px;
}
.mt16{
    margin-top: 16px;
}
.mt32{
    margin-top: 32px;
}
.ml5{
    margin-left: 5px;
}
.ml10{
    margin-left: 10px;
}
.ml20{
    margin-left: 20px;
}
.mr5{
    margin-right: 5px;
}
.mr24{
    margin-right:24px;
}
.mr32{
    margin-right:32px;
}
.pl6{
    padding-left: 6px;
}
.pl24{
   padding-left: 24px;
}
/*竖线*/
.space{
  width:1px;
  height:14px;
  background:#EEE;
  display: inline-block;
}
/*鼠标移入阴影*/
.box-show:hover{
  position: relative;
  z-index: 1;
  -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15);
  -moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15);
  box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15);
}
/*折行*/
.break{
  word-break: break-all;
  word-wrap: break-word;
  text-align: justify;
}
/* 强制不换行 超出部分 ...*/
.ellipsis{
    white-space:nowrap;
    word-wrap: break-word;
    word-break:break-all;
    text-overflow:ellipsis;
    overflow:hidden;
}
.must:after{
    content: '';
    position: absolute;
    right: -8px;
    top: 6px;
    width: 18px;
    height: 18px;
    background-image: url(/images/icons/icon_red_star.png);
    background-size: 8px;
    background-position: left;
    background-repeat: no-repeat;
}

/*  新编辑器附加CSS  */

.fr-wrapper > div[style*='z-index:9999'] {
    display: none;
}
.fr-box .second-toolbar > a#logo {
    display: none;
}
/*  新编辑器附加CSS  end*/

/*layer 成功样式 start*/
.layui-layer-su{
    border:none;
    color: #FFF;
    text-align: center;
    background:rgba(0,0,0,.55);
    width:288px;
    height:162px;
    padding: 12px;
}
.layui-layer-su img{
    width: 62px;
    height: 62px;
}
.layui-layer-su span{
    font-size: 22px;
    display: inline-block;
    margin-top: 20px;
}
/*layer 成功样式 end*/

/*常用颜色*/
.chi{
  color: #FF8C28;
}
em.chi{
  color: #FF8C28;
  font-style: normal;
  font-weight: inherit;
  font-size: inherit;
}
.hchi:hover{
  color: #FF8C28;
}
.cur:hover{
    color: #FF8C28;
    cursor:  pointer;
}
.pointer{
    cursor: pointer;
}
.csu{
    color: #56B673;
}
/*加粗*/
.bolder{
    font-weight:bold;
}
/*黑色由浅入深*/
.c35,a.c35,span.c35{
  color: rgba(0,0,0,.35);
}
.c45,a.c45,span.c45{
  color: rgba(0,0,0,.45);
}
.c65,a.c65,span.c65{
  color: rgba(0,0,0,.65);
}
.c85,a.c85,span.c85{
  color: rgba(0,0,0,.85);
}
.red{
    color: #f54546;
}
.green{
    color: #4cd964;
}
.gold{
    /*color: #FFd700;*/
    color: #F9BC2D;
}
/*icon*/
.icon{
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;

    -webkit-box-align: center;
    /* 12版 */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;

    position: relative;
    font-style: normal;
    min-width: 24px;
    font-size: 14px;
    color: rgba(0,0,0,.45);
}
.icon-before{
    padding-left: 24px;
}
.icon-after{
    padding-right: 24px;
}
.icon-before:before {
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    width: 16px;
    min-width: 16px;
    height: 16px;
}
.icon-after:after{
    content: '';
    position: absolute;
    right:  4px;
    top: 2px;
    width: 16px;
    height: 16px;
}

.icon-hover:hover {
    cursor: pointer;
    color: #FF8C28;
}

/*前置删除01 回收箱*/
.icon-delete:before {
    background: url(/images/icons/icon_delete.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
}
.icon-hover.icon-delete:hover:before {
    background: url(/images/icons/icon_delete.png) center no-repeat; /*无高亮图片*/
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
}
/*end*/

/*前置转发*/
.icon-follow:before {
    background: url(/images/icons/icon_forwarding.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;

}
.icon-hover.icon-follow:hover:before {
    background: url(/images/icons/icon_forwarding.png) center no-repeat; /*无高亮图片*/
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
}
/*end*/


/*前置收藏*/
.icon-mark-nor:before {
    background: url(/images/icons/icon_mark_nor.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;

}
.icon-hover.icon-mark-nor:hover:before {
    background: url(/images/icons/icon_mark_nor.png) center no-repeat; /*无高亮图片*/
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;

}
/*end*/

/*前置点赞*/
.icon-like-nor:before {
    background: url(/images/icons/icon_like_nor.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
    top: 2px;
}
.icon-hover.icon-like-nor:hover:before {
    background: url(/images/icons/icon_like_pressed.png) center no-repeat;
    background-size:19px  17px;
}

.icon-like-nor-pressed:before {
    background: url(/images/icons/icon_like_pressed.png) center no-repeat;/*亮*/
    background-size:19px  17px;
    color: #FF8C28;/*亮*/
    width: 19px;
    height: 17px;
    left: -2px;
    top: 2px;
}

/*end*/

/*前置金笔*/
.icon-pen:before {
    background: url(/images/icons/icon_pen_nor@2x.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
    top: 2px;
}
.icon-hover.icon-pen:hover:before {
    background: url(/images/icons/icon_pen@2x.png) center no-repeat;
    background-size:19px  17px;
}

.icon-pen-pressed:before {
    background: url(/images/icons/icon_pen@2x.png) center no-repeat;/*亮*/
    background-size:19px  17px;
    color: #FF8C28;/*亮*/
    width: 19px;
    height: 17px;
    left: -2px;
    top: 2px;
}
/*end*/

/*前置浏览量*/
.icon-read:before {
    background: url(/images/icons/icon_read_nor@2x.png) center no-repeat;
    background-size:21px  14px;
    width: 21px;
    height: 14px;
    left: -2px;
    top: 4px;
}
.icon-hover.icon-read:hover:before {
/*  background: url(/images/icons/icon_read_h@2x.png) center no-repeat;
    background-size:19px  17px;*/
}

.icon-read-pressed:before {
/*  background: url(/images/icons/icon_read_h@2x.png) center no-repeat;
    background-size:19px  17px;
    color: #FF8C28;
    width: 19px;
    height: 17px;
    left: -2px;
    top: 2px;*/
}
/*end*/

/*前置 评论*/
.icon-comments:before {
    background: url(/images/icons/icon_comments@2x.png) center no-repeat;
    background-size: 16px 16px;
    width: 20px;
    height: 16px;
    left: -2px;
    top: 3px;
}
.icon-hover.icon-comments:hover:before {
    background: url(/images/icons/icon_comments_h@2x.png) center no-repeat;
    background-size: 16px 16px;
    width: 20px;
    height: 16px;
    left: -2px;
    top: 3px;
}
/*end*/

/*前置 信封*/

.icon-chat:before {
    background: url(/images/icons/icon_chat@2x.png) center no-repeat;
    background-size: 19px 17px;
    width: 19px;
    height: 17px;
    left: 0px;
    top: 3px;
}
.icon-hover.icon-chat:hover:before {
/*  background: url(/images/icons/icon_chat@2x.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: 0px;
    top: 3px;*/
}
/*end*/

/*前置 心*/
.icon-focus-nor:before {
    background: url(/images/icons/icon_focus_nor@2x.png) center no-repeat;
    background-size: 19px 17px;
    width: 19px;
    height: 17px;
    left: -3px;
    top: 3px;
}
.icon-hover.icon-focus-nor:hover:before {
/*  background: url(/images/icons/icon_focus_nor@2x.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;*/
}
/*end*/

/*前置 文章*/
.icon-answer:before {
    background: url(/images/icons/icon_answer.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
}
.icon-hover.icon-answer:hover:before {
    background: url(/images/icons/icon_answer.png) center no-repeat; /* */
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
}
/*end*/

/*前置 ... */
.icon-more:before{
/*    background: url(/images/icons/icon_more.png) center no-repeat;
    background-size: 19px 17px;
    width: 19px;
    height: 16px;
    left: 0px;
    top: 4px;*/
}
.icon-more:hover:before {
/*    background: url(/images/icons/icon_more_h.png) center no-repeat;
    background-size: 19px 17px;
    width: 19px;
    height: 16px;
    left: 0px;
    top: 4px;*/
}

/*前置详情页面 ... */
.icon-more-n:before{
/*    background: url(/images/icons/icon_more.png) center no-repeat;
    background-size: 19px 17px;
    width: 19px;
    height: 16px;
    left: 0px;
    top: 2px;*/
}
.icon-more-n:hover:before {
/*    background: url(/images/icons/icon_more_h.png) center no-repeat;
    background-size: 19px 17px;
    width: 19px;
    height: 16px;
    left: 0px;
    top: 2px;*/
}

.icon-more-red:before{
/*    background: url(/images/icons/icon_more_red@2x.png) center no-repeat;
    background-size: 20px 4px;
    width: 20px;
    height: 18px;
    left: 0px;
    top: 1px;*/
}
/*end*/

/*前置 火*/
.icon-hot:before {
/*    background: url(/images/icons/icon_hot.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
    top: 1px;*/
}
/*end*/
/*前置上传*/
.icon-upload-n:before{
    background: url(/images/icons/icon_upload_n@2x.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
    top: 3px;
}
/*前置上传*/
.icon-pic-n:before{
/*    background: url(/images/icons/icon_add_pic@2x.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
    top: 3px;*/
}


/*前置下载*/
.icon-down-n:before{
    background: url(/images/icons/icon_down_n@2x.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
    top: 3px;
}

/*前置 添加图片*/
.icon-add-pic:before {
/*    background: url(/images/icons/icon_add_pic.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
    top: 3px;*/
}
/*end*/



/*前置 添加视频*/
.icon-add-video:before {
    background: url(/images/icons/icon_add_video.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
}
/*end*/

/*前置 添加文件*/
.icon-add-doc:before {
/*    background: url(/images/icons/icon_add_doc.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;*/
}

/*前置 分享*/
.icon-share-nor:before {
    background: url(/images/icons/icon_share_nor@2x.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
}
.icon-share-nor:hover:before {
    background: url(/images/icons/icon_share_h@2x.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
}

/*前置 文章*/
.icon-articl:before {
    background: url(/images/icons/icon_article@2x.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
    top: 2px;
}
.icon-share-nor .share-ch{
    position: relative;
    height: 24px;
    line-height: 24px;
}
/*end*/
/*前置 群组图标*/
.icon-group:before {
    background: url(/images/icons/icon_group.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
    top: 2px;
}
/*前置 群组图标*/
.icon-group:hover:before {
    background: url(/images/icons/icon_group_h.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
    top: 2px;
}

/*向上箭头 后置*/
.icon-up:after{
    content: '';
    height: 8px;
    width: 8px;
    display: block;
    border: 1px solid rgba(0,0,0,0.45);
    border-left-width: 0;
    border-bottom-width: 0;
    position: absolute;
    top: 9px;
    right: 8px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.icon-down:after{
    content: '';
    height: 8px;
    width: 8px;
    display: block;
    border: 1px solid rgba(0,0,0,0.45);
    border-left-width: 0;
    border-bottom-width: 0;
    position: absolute;
    top: 5px;
    right: 6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
}

.icon-up:hover:after,.icon-down:hover:after{
    border: 1px solid #FF8C28;
    border-left-width: 0;
    border-bottom-width: 0;
}
/*end*/
/*后置日期*/
.date-down{
    position: absolute;
    height: 17px;
    right: 6px;
    top: 7px;
    width: 20px;
    display: block;
    background: url(/images/icons/data_icon.png) center no-repeat;
}

/*end*/
.icon-compile:after{
    content: '';
    position: absolute;
    right: -8px;
    top: 0px;
    width: 24px;
    height: 24px;
    background-image: url(/images/icons/icon_edit.png);
    background-position: left;
    background-repeat: no-repeat;
}
.icon-compile-ed:before{
    content: '';
    position: absolute;
    left: 4px;
    top: 0px;
    width: 24px;
    height: 24px;
    background-image: url(/images/icons/icon_answer.png);
    background-position: left;
    background-repeat: no-repeat;
}
/*编辑*/
.icon-unfold:after{
    content: '';
    position: absolute;
    right: -8px;
    top: 0px;
    width: 24px;
    height: 24px;
    background-image: url(/images/icons/icon_edit.png);
    background-position: left;
    background-repeat: no-repeat;
}

/*必填红心*/
.red-star:before{
    content: '';
    position: absolute;
    left: 8px;
    top: 4px;
    width: 18px;
    height: 18px;
    background-image: url(/images/icons/icon_red_star.png);
    background-position: left;
    background-repeat: no-repeat;
}
.icon-del-label:after{
    content: '';
    position: absolute;
    right: 3px;
    top: 9px;
    width: 10px;
    height: 10px;
    background-image: url(/images/icons/icon_close.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 8px 8px;
}


.icon-help:before{
    content: '';
    position: absolute;
    right: 3px;
    top: 3px;
    width: 24px;
    height: 24px;
    background-image: url(/images/icons/icon_help.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer;
}
.icon-help:hover:before{
    content: '';
    position: absolute;
    right: 3px;
    top: 3px;
    width: 24px;
    height: 24px;
    background-image: url(/images/icons/icon_help_h.png);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

/*icon end*/

/*轮播图小箭头*/
.swiper-button-prev-k,.swiper-button-next-k{
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 40px 40px;
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}

.swiper-button-prev-k{
    background-image: url(/images/icons/icon_banner_prev.png);
    left: 10px;
    right: auto;
}

.swiper-button-next-k{
    background-image: url(/images/icons/icon_banner_next.png);
    right: 10px;
    left: auto;
}

.swiper-hover-show:hover .swiper-button-prev-k,.swiper-hover-show:hover .swiper-button-next-k{
    display: block;
}
/*end*/

/*checkbox 优化 chackBox 样式*/
.k-checkbox-wraper{
    position: relative;
    height: 15px;
    width: 15px;
    display: inline-block;
}
.k-checkbox{
    text-align: center;
    vertical-align: middle;
    border: none;
    appearance: none;/*关键代码*/
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

/*未禁用*/
.k-checkbox::before{
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    top: 2px;
    left: 0px;
    border: 1px solid #FF8C28;
}
.k-checkbox:checked:after{
    position: absolute;
    content: "";
    width: 5px;
    height: 10px;
    top: 3px;
    left: 5px;
    border-right: 2px solid #FF8C28 !important;
    border-bottom: 2px solid #FF8C28 !important;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}


/*禁用*/




/*layer 样式修改*/
.layui-layer-title {
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    font-weight: bold;
    border-radius: 2px 2px 0 0;
}
.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn {
    padding-top: 10px;
    box-shadow:0px -2px 4px 0px rgba(0,0,0,0.05);
}
.layui-layer-btn .layui-layer-btn0 {
    border-color: #FF8C28;
    background-color: #FF8C28;
    color: #fff;
}
.layui-layer-btn a.layui-layer-btn0:not([href]):not([tabindex]) {
    color: #fff;
}
.layui-layer-btn a.layui-layer-btn0:not([href]):not([tabindex]):hover, .layui-layer-btn a.layui-layer-btn0:not([href]):not([tabindex]):focus {
    color: #fff;
    text-decoration: none;
}
/*layer end*/

/*select2 样式调整*/
 .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 32px;
    line-height: 32px;
    user-select: none;
    outline: none;
    -webkit-user-select: none;
    border:1px solid #AAA;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(0,0,0,.65);
    line-height: 32px;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}
#selectArticleType .select2-container--default .select2-results>.select2-results__options {
    max-height: none;
    overflow-y: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    position: absolute;
    margin-right: 10px;
    right: 0px;
}
.select2-container--default .select2-search--inline .select2-search__field {
    padding-left: 5px;
}
.select2-container.select2-container--open{
    z-index: 1050;
}
/*select2 end*/
/*常用按钮*/
button,button:focus{
    outline: none !important;
}
.btn-ss-min{
  display: inline-block;
  background: #FF8C28CC;
  border: 1px solid #FF8C28CC;
  border-radius: 5px;
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #FFF;
}

.btn-ss{
  display: inline-block;
  background: #FF8C28CC;
  border: 1px solid #FF8C28CC;
  border-radius: 5px;
  width: 80px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #FFF;
}
.btn-mm{
  display: inline-block;
  background: #FF8C28CC;
  border: 1px solid #FF8C28CC;
  border-radius: 5px;
  width: 80px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #FFF;
}

.btn-flow{
    display: inline-block;
    background: #FFF;
    border:1px solid #FF8C28;
    border-radius: 4px;
    width: 88px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FF8c28;
    margin-left: 12px;
}
.btn-flowed{
    display: inline-block;
    background: #FFF;
    border:1px solid rgba(217,217,217,1);
    border-radius: 4px;
    width: 88px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: rgba(0,0,0,.45);
    width:88px;
    margin-left: 12px;
}
.btn-hi{
    height: 32px;
    line-height: 32px;
    border: none;
    color: #FFF;
    border-radius: 4px;
    width: 142px;
    background: #FF8C28;
    outline: none;
}
.btn-down{
    width:280px;
    height:60px;
    line-height: 60px;
    border: none;
    color: #FFF;
    border-radius: 4px;
    background: #FF8C28;
    outline: none;
    font-size:20px;
    font-weight: 500;
    position: relative;
    padding-left: 24px;
}
.btn-down:before{
    content: '';
    position: absolute;
    left: 75px;
    top: 20px;
    width: 24px;
    height: 24px;
    background: url(/images/icons/icon_down_w@2x.png) no-repeat center center;
    -webkit-background-size: 24px;
    background-size: 24px;
}
.btn-down.play:before{
    content: '';
    position: absolute;
    left: 72px;
    top: 16px;
    width: 30px;
    height: 30px;
    background: url(/images/icons/icon_play.png) no-repeat center center;
    -webkit-background-size: 30px;
    background-size: 30px;
}


.btn-visit{
    width:176px;
    height:56px;
    line-height: 56px;
    border: none;
    color: #FFF;
    border-radius: 4px;
    background: #FF8C28;
    outline: none;
    font-size:20px;
    font-weight: 500;
    position: relative;
    padding-left: 24px;
}
.btn-visit:before{
    content: '';
    position: absolute;
    left: 28px;
    top: 18px;
    width: 24px;
    height: 24px;
    background: url(/images/icons/icon_link_w.png) no-repeat center center;
    -webkit-background-size: 24px;
    background-size: 24px;
}



    /*导航 子栏目 带边框 默认样式 start*/
    .def-nav-wp{
        background-color: #FFF;
        padding-left: 16px;
        border-bottom: 1px solid #E8E8E8;
        overflow: hidden;
        padding-bottom: 16px;
    }
    .def-nav-wp li{
        font-size: 0;
    }
    .def-nav-wp.nobd{
        padding-bottom: 0px;
    }
    .def-nav-wp.gray{
        background-color: #F8F8F8;
    }
    .def-nav-wp.gray.alone{
        padding-bottom: 0px;
        border-bottom: 0px;
    }

    .def-nav-wp>li a{
        height: 32px;
        line-height: 32px;
        background: rgba(255,255,255,1);
        border: 1px solid rgba(217,217,217,1);
        border-radius: 5px;
        font-size: 14px;
        font-weight: 400;
        color: rgba(0,0,0,0.65);
        margin-top: 16px;
        margin-right: 16px;
        text-align: center;
        display: inline-block;
        padding: 0 6px;
        min-width: 80px;
        max-width: 165px;
        overflow: hidden;
    }
    .def-nav-wp.nobd>li a {
        margin-top: 8px;
        margin-bottom: 6px;
    }
    .def-nav-wp.nobd.disk-nav>li a {
        font-size:16px;
        font-weight:500;
    }

    .def-nav-wp>li a.active,.def-nav-wp>li a:hover{
      border:1px solid #FF8C28;
      color:#FF8C28;
    }

    .def-nav-wp.nobd>li a{
        border: 0px solid rgba(217,217,217,1);
    }
    .def-nav-wp.nobd>li a.active,.def-nav-wp.nobd>li a:hover{
      border:0px solid #FF8C28;
      color:#FF8C28;
    }
    .def-nav-wp.nobd>li .ltitle{
        height: 40px;
        line-height: 40px;
        color: rgba(0,0,0,0.65);
        text-align: center;
        display: inline-block;
    }
    /*导航 子栏目 带边框 默认样式 end*/

/*通用样式 end*/

/*头部样式 start*/
.hd-wrapper{
   height: 68px;
}
header{
    height: 78px;
    width: 100%;
    background: #FFF;
}
header>.hb{
    width: 100%;
    height: 10px;
    background-color: #F5F5F5;
}
header nav{
    height: 68px;
    line-height: 68px;
    position: relative;
    background: #FFF;
}
header nav .navbar-logo{
    position: absolute;
    bottom: 2px;
    left: 0;
}
header nav .navbar-logo img{
    width: 100px;
}
header nav  .menu-l{
    margin-left: 100px;
    height: 68px;
    width: 560px;
}
header nav  .menu-l>li{
    list-style: none;
    float: left;
    height: 68px;
    font-size: 0px;
    padding-left: 20px;
    padding-top: 5px;
}
header nav  .menu-l>li:first-child{
    padding-left: 30px;
}
header nav  .menu-l>li>a{
    font-size:16px;
    font-weight: normal;
}

header nav  .menu-l>li .t-nav{
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
}
header nav  .menu-l>li .t-nav.active,header nav  .menu-l>li .t-nav:hover{
    color: #FF8C28;
    border-bottom: 2px  solid  #FF8C28;
}
header nav .nav-option{
    width: 340px;
    height: 68px;
}
header nav .nav-option>li{
    float: right;
    display: -webkit-box;
    display: flex;
    align-items: center;
}

header nav .nav-option .msg,header nav .nav-option .user,header nav .nav-option .login{
    height: 68px;
    margin-left: 16px;
    position: relative;
    padding-top: 0px;
    margin-right: 2px;
}
header nav .nav-option .msg i.nav-ico,header nav .nav-option .user i.nav-ico{
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
    float: left;
}

header nav .nav-option .serach{
    position: relative;
    height: 68px;
    text-align: center;
    font-size: 16px;
}

header nav .nav-option .serach .serach-keyword{
    border: none;
    font-size: 14px;
    outline: none;
    padding-inline-start: 32px;
    position: relative;
    width: 180px;
    height: 32px;
    border-radius: 20px;
    box-shadow: 0 1px 6px 0 #AAAAAA80;
}
header nav .nav-option .serach .serach-keyword:focus{
    box-shadow: 0 1px 6px 0 #AAAAAACC;
}

header nav .nav-option .serach .serach-icon{
    height: 100%;
    left: 10px;
    position: absolute;
    top: 0;
}

header nav .nav-option .serach>a,header nav .nav-option .serach>a>span{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.85);
}

header nav .nav-option .serach>a .ico{
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 22px;
    line-height: 22px;
    margin-right: 3px;
}

/*用户头像*/
header nav .nav-option>li .user-img{
    position: relative;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    width: 26px;
    cursor: pointer;
    border-radius: 50%;
}

/*用户头像 end*/


/*用户消息*/
header nav .nav-option>li .msg-img{
    position: relative;
    height: 22px;
    line-height: 22px;
    font-size:16px;
    width: 72px;
    cursor: pointer;
    color: rgba(0,0,0,.65);
}
/*header nav .nav-option>li .msg-img .icon-V{
    color: #FF8C28;
}*/
header nav .nav-option>li .msg-img  .icon-V:before {
    content: "";
}

header nav .nav-option>li .msg-img .icon-V{
    width: 26px;
    height: 26px;
    background: url(/images/icons/icon-chart-g.png) center 0px  no-repeat;
    background-size: 24px;
    margin-top: -2px;
}

header nav .nav-option>li .msg-img:hover .icon-V{
    background: url(/images/icons/icon-chart-h.png) center 0px  no-repeat;
    background-size: 24px;
}

header nav .nav-option>li .msg-img:hover{
    color: #FF8C28;
}

header nav .nav-option .msg .has-info{
    position: absolute;
    left: 24px;
    top: 2px;
    background-color: red;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

/*用户消息 end*/


/*用户搜索 */

header nav .nav-option>li .serach-img{
    position: relative;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    width: 68px;
    cursor: pointer;
    padding-left: 0px;
    color: #FF8C28;
    font-size: 18px;
}
header nav .nav-option>li .serach-img:hover{
    color: #FF8C28;
}


/*用户搜索 end*/





header .hd-msg{
    display: none;
    width: 320px;
    height: 415px;
    background-color: #FFF;
    position: absolute;
    z-index: 1001;
    top: 68px;
    right: -46px;
    box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);
    background:rgba(255,255,255,1);
    border-radius:0px 0px 4px 4px;
}
header .hd-msg .hd-msg-t{
    width: 320px;
    height: 40px;
}
header .hd-msg .hd-msg-t>span{
    width: 160px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    font-weight:600;
    border-top: 2px solid #F2F2F2;
    background-color: #F2F2F2;
}
header .hd-msg .hd-msg-t>span.active{
    color: #FF8C28;
    border-top: 2px solid #FF8C28;
    background-color: #FAFAFA;
}
header .hd-msg .hd-msg-t>span:hover{
    color: #FF8C28;
    border-top: 2px solid #FF8C28;
    background-color: #FFF;
}

header .hd-msg .hd-msg-b .list{
    width: 320px;
}
header .hd-msg .hd-msg-b .list>.item-user{
    height: 320px;
    padding-top: 4px;
}
header .hd-msg .hd-msg-b .list>.item-user .user{
    width: 288px;
    height: 80px;
    padding-top: 4px;
    padding-left: 60px;
    margin:0 16px;
    border-bottom: 1px solid #E8E8E8;
    display: block;
    position: relative;
}


header .hd-msg .hd-msg-b .list>.item-notice{
    width: 288px;
    height: 320px;
    padding-top: 4px;
    padding-left: 0px;
    position: relative;
    margin:0 16px;
    display: none;
}
header .hd-msg .hd-msg-b .list>.item-notice .notices-min {
    display:block;
    width: 278px;
    line-height: 24px;
    padding: 12px 0;
    position: relative;
    border: none;
    border-bottom: 1px solid #E8E8E8;
    word-break: break-all;
    word-wrap: break-word;
}
header .hd-msg .hd-msg-b .list>.item-user .user:last-child,header .hd-msg .hd-msg-b .list>.item-notice .notices-min:last-child{
    border-bottom: 0px solid #E8E8E8;
}

header .hd-msg .hd-msg-b .list>.item-notice .notices-min>span{
    margin-right: 8px;
}

header .hd-msg .hd-msg-b .list h4{
    width: 228px;
    height: 24px;
    margin-top: 12px;
    font-size:16px;
    line-height: 24px;
    font-size:14px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    white-space: nowrap;/*强制在一行显示*/
    text-overflow:ellipsis;/*设置超出内容显示...*/
    overflow: hidden;/*一定不能少 超出的内容进行隐藏*/
}

header .hd-msg .hd-msg-b .list p{
    margin-top: 6px;
    width: 228px;
    height: 12px;
    font-size:12px;
    line-height: 12px;
    white-space: nowrap;/*强制在一行显示*/
    text-overflow:ellipsis;/*设置超出内容显示...*/
    overflow: hidden;/*一定不能少 超出的内容进行隐藏*/

}
header .hd-msg .hd-msg-b .list .no-msg{
    color: rgba(0,0,0,.45);
    text-align: center;
    display: inline-block;
    height: 300px;
    line-height: 300px;
    width: 100%;
}

header .hd-msg .hd-msg-b .list>li .item-user-img{
    position: absolute;
    top: 12px;
    left: 0px;
    width: 50px;
    height: 50px;
    font-size: 35px;
    border-radius: 50%;
}
header .hd-msg  .more{
    position: absolute;
    bottom: 0;
    left: 12px;
    height: 50px;
    width: 288px;
    background: #FFF;
    box-shadow: 0px -1px 1px 0px #E8E8E8;
}
header .hd-msg  .more .all{
    height: 50px;
    line-height: 50px;
    width: 320px;
    text-align: center;
    display: inline-block;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}
header .hd-msg  .more .all a{
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 32px;
}
header .hd-msg  .more .btn-clear{
    height: 50px;
    line-height: 50px;
    width: 50px;
    font-size:22px;
    float: right;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

header .nav-doc{
    position: relative;
    height: 68px;
    line-height: 68px;
    padding-right: 16px;
    font-size: 18px;
    display: inline-block;
}
header .nav-doc:hover{
    cursor: pointer;
    color: #FF8C28;
}
header .nav-doc:after {
    content: '';
    height: 8px;
    width: 8px;
    display: block;
    border: 1px solid rgba(0,0,0,0.45);
    border-left-width: 0;
    border-top-width: 0;
    position: absolute;
    top: 11px;
    right: 0px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
header .nav-doc.show:after {
    content: '';
    height: 8px;
    width: 8px;
    display: block;
    border: 1px solid rgba(0,0,0,0.45);
    border-left-width: 0;
    border-top-width: 0;
    position: absolute;
    top: 15px;
    right: 0px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
}

header .nav-doc:hover:after {
    border-left-width: 0;
    border-top-width: 0;
}
header .server-wrapper{
    position: relative;
    display: block;
    font-size: 0px;
}
header .server-wrapper  .more-server{
    position: relative;
    padding: 0;
    margin: 0;
    padding-top: 0px;
    padding-left: 28px;
}
 header .server-wrapper  .more-server ul{
    display: none;
    position: absolute;
    top: -10px;
    left: -10px;
    list-style: none;
/*    width:150px; */
    line-height: 34px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    background: #FFF;
    border:1px solid #E8E8E8;
    padding: 6px 10px;
    z-index: 999;
}
/* header .server-wrapper  .more-server ul.min{
    width:100px;
}
 header .server-wrapper  .more-server ul.max{
    width:150px;
} */
header .server-wrapper  .more-server ul:before{
    background: #fff none repeat scroll 0 0;
    box-shadow: -1px -1px 3px -1px rgba(0,0,0,.15);
    content: "";
    display: block;
    height: 10px;
    width: 10px;
    left: 32px;
    position: absolute;
    top: -12px;
    transform: rotate(45deg) translate(6px,6px);
}

header .server-wrapper  .more-server .item {
    height: 34px;
    line-height: 34px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
}
header .server-wrapper .more-server .hr {
    height: 1px;
    background-color: #E8E8E8;
    margin:0px -10px;
}
header .server-wrapper  .more-server .item .more-link{
    font-size: 16px;
    font-weight: 400;
    border-bottom: 2px solid #FFF;
    color: rgba(51,51,51,1);
    line-height: 25px;
    padding-left: 0;
    padding-right: 0;
    min-width: 36px;
    display: block;
    word-break: keep-all;
}
header .server-wrapper  .more-server .item .more-link.active,header .server-wrapper  .more-server .item .more-link:hover{
    border-bottom: 2px solid #FF8C28;
    color: #FF8C28;
}
header  .login-user-more{
    position: absolute;
    width: 100px;
    left: -72px;
    top: 68px;
    z-index: 999;
    color: #FF8C28;
    border-top: 2px solid #FF8C28;
    border-radius: 0px 0px 4px 4px;
    background-color: #FFF;
    padding: 12px 0;
    display: none;
}
header  .login-user-more .unit{
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    padding-left: 12px;
    position: relative;
}
header  .login-user-more .unit>a{
    display: inline-block;
    width: 100%;
}
header  .login-user-more .unit:hover{
    cursor: pointer;
    background-color: #E8E8E8;
}
header  .login-user-more .unit .msg-number{
    height: 14px;
    min-width: 22px;
    line-height: 14px;
    text-align: center;
    background: rgba(239,72,72,1);
    border-radius: 7px;
    font-size: 12px;
    color: #FFF;
    font-weight: 400;
    padding-left: 4px;
    padding-right: 4px;
    position: absolute;
    right: 4px;
    top: 7px;
}
/*头部样式 end*/

/*首页样式*/
/*轮播图*/
.meet-swiper {
    width: 720px;
    height: 310px;
    overflow: hidden;
    position: relative;
}
.meet-swiper .swiper-slide img{
    width: 720px;
    height: 310px;
}
.meet-swiper .swiper-title{
    font-size: 16px;
    width: 720px;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0,0,0,.5);
    color: #FFF;
    padding-left: 20px;
}

/*轮播图小箭头*/
.swiper-b-p,.swiper-b-n{
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 40px 40px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-b-p{
    background-image: url(/images/icons/icon_banner_prev.png);
    left: 10px;
    right: auto;
}

.swiper-b-n{
    background-image: url(/images/icons/icon_banner_next.png);
    right: 10px;
    left: auto;
}
/*轮播图 end*/

/*分类nav定位样式 start*/
.js_sticky{
    position:block;
    width: 720px;
    background-color: #FFF;
    z-index:100;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.05);
    border-bottom: 1px solid #DDD;
}
.js_sticky .list-nav-wraper,.js_sticky .def-nav-wp{
    border-bottom: 0px;
}
.ad-perv{
    height: 1px;
    margin-top: -1px;
}
/*分类nav定位样式 end*/
/*工具 广告样式 start*/
.JS_ad_swiper {
  overflow: hidden;
  width: 248px;
  height: 158px;
  margin: 10px 12px;
  display: block;
  position:relative;
}
.JS_ad_swiper .swiper-slide img{
  width: 248px;
  height: 128px;
}
.JS_ad_swiper .swiper-slide .swiper-title{
  width: 248px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.JS_ad_swiper .swiper-b-p,.JS_ad_swiper .swiper-b-n{
  display: none;
  position: absolute;
  top: 45%;
  width: 30px;
  height: 30px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 28px 28px;
  background-position: center;
  background-repeat: no-repeat;
}
.JS_ad_swiper .swiper-b-p:focus,.JS_ad_swiper .swiper-b-n:focus{
    outline: none;
}
.JS_ad_swiper .swiper-b-p{
    background-image: url(/images/icons/icon_banner_prev.png);
    left: 0px;
    right: auto;
}
.JS_ad_swiper  .swiper-b-n {
    background-image: url(/images/icons/icon_banner_next.png);
    right: 0px;
    left: auto;
}
/*工具 广告样式 end*/

/*推荐列表样式 start*/
.recommend-nav{
  height: 46px;
  line-height: 46px;
  padding: 0 32px;
  background-color: #fff;
}
.recommend-nav ul>li{
    float: left;
}
.recommend-nav ul>li a{
    margin-right: 20px;
    height: 46px;
    line-height: 46px;
    font-size:16px;
    color:rgba(0,0,0,0.85);
    font-weight: 500;
}
.recommend-nav ul>li.active a,.recommend-nav ul>li a:hover{
  color: #FF8C28;
  cursor: pointer;
}

.recommend-list{
  background-color: #fff;
  padding: 0px 16px 12px;
  margin-top: 1px;
}
.recommend-list.topic-detail{
  border-bottom: 1px solid #EEE;
}
.recommend-list.topic-detail.alone {
   background-color: #F8F8F8;
   margin-top:0px;
   padding-top: 0;
   padding-bottom: 0;
}
.recommend-list .item{
  margin:0 -16px;
  padding: 16px 16px 0;
}
.recommend-list.topic-detail.alone .item{
   box-shadow: none;
}

.def .article{
  padding: 0 0 16px;
  border-bottom: 1px solid #EEE;
}
.recommend-list .item:last-child .article{
  border-bottom: 0px solid #EEE;
}
.recommend-list .not-more-wraper {
    background: #FFF;
    padding: 0 32px;
    position: relative;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    border-top: 0px solid #E8E8E8 !important;
}
.recommend-list  .not-data {
    text-align: center;
    color: rgba(0,0,0,0.45);
    margin: 0px auto 120px;
    background: #FFF;
    padding: 60px;
}

.def .article h5.title {
    max-height: 48px;
    line-height: 24px;
    font-size:18px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
}
.def .article h5.title:hover {
    color: #FF8C28;
}

.def .article .article-info{
  height: 125px;
  position: relative;
}
.alone .def .article .article-info{
  margin-top: 0px;
}

.def .article .article-info.journal {
    height:160px;
    position: relative;
}
.def .article .lable,.invite-asks-wrapper .labels-wrapper .lable{
    height:24px;
    line-height: 24px;
    background:#F3F3F3;
    border-radius:4px;
    padding: 0 8px;
    margin-right: 5px;
    display: inline-block;
    font-size:12px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    margin-bottom: 5px;
}
.def .article .lable.word {
    background-color: #FFF3E9;
}

.def .article .article-info .article-l{
    width:212px;
    height:125px;
}
.def .article .article-info .article-l.periodical{
    background-color: #E8E8E8;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.def .article .article-info .article-l img{
    width: 212px;
    height: 125px;
    border-radius: 4px;
}
.def .article .article-info .article-l.periodical img{
    width:100px;
    height:125px;
    border-radius:4px;
}

.def .article .article-info.journal  .article-l{
    width:130px;
    height:160px;
}
.def .article .article-info.journal  .article-l img{
    width:130px;
    height:160px;
    border-radius:4px;
}
.def .article .article-info .article-r {
  width: 460px;
  height: 125px;
  position: relative;
}

.def .article .article-info.journal .article-r {
    width: 540px;
    height: 160px;
    position: relative;
}

.def .article .article-info .article-r .des{
  width: 460px;
  height: 66px;
  line-height: 22px;
  overflow: hidden;
  text-align: justify;
}

.def .article .article-info.journal .article-r .des{
    width: 520px;
}
.def .article .article-info .article-r .option{
    width: 460px;
    position: absolute;
    height: 24px;
    line-height: 24px;
    bottom:0;
    left: 0;
}
.def .article .article-info.journal .article-r .option{
    width: 540px;
}
.def .article .article-info-no-cover  .option {
    height: 24px;
    line-height: 24px;
    width: 688px;
}

.def .article .article-info .article-c {
  width: 688px;
  height: 125px;
}
.def .article .article-info .article-c .des{
  width: 688px;
}
.def .article .article-info .article-c .option{
  width: 688px;
}
.def .article .article-info .article-r .option .space{
  margin: 2px 5px 0;
}
.def .article  .option .op-r a{
  margin-left: 0px;
}
.def  .option .op-r{
  height: 24px;
  line-height: 24px;
}

.def  .option .op-r .space{
    height: 10px;
    margin: 0 6px;
}
.op-l .space{
    margin: 0px 6px;
    height: 10px;
}
.fabulous.active *{
    color: #FF8C28;
}
.def .article.document {
    padding: 16px 32px;
    border-bottom: 1px solid #EEE;
}
.def .article.document .article-info.journal .article-r {
    width: 520px;
    height: 160px;
    position: relative;
}
.def .article.document .article-info.journal .article-r .option {
    width: 520px;
}
.def .article.document   .option .op-l{
    /*width: 210px;*/
    display: -webkit-box;
    display: flex;
}
.def .article.document   .option .op-l .star-wrapper{
    margin-right: 12px;
}
.def .article.document .article-info-no-cover .option {
    height: 24px;
    line-height: 24px;
    width: 658px;
}
.def .article.document .help .create-button {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}
.def.meet .meet-style>p{
  height: 24px;
  line-height: 24px;
  margin:0;
}
.def.meet .meet-style .cut-off{
  margin-left:24px;
}

.def.scholar img.scholar-img{
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.def.scholar .scholar-info{
  height: 128px;
}
.def.scholar .scholar-info .scholar-r{
  width: 574px;
  margin-left: 12px;
}
.def.scholar .scholar-info .name{
  height:24px;
  line-height: 24px;
  font-size:18px;
  font-weight:500;
  color:rgba(0,0,0,0.85);
  line-height:24px;
}
.def.scholar .scholar-info .autograph{
    width: 460px;
    height: 48px;
    display: block;
    line-height: 24px;
}
.def.scholar .scholar-info .option{
    height: 24px;
    line-height: 24px;
}
.not-data-wraper{
    padding: 60px 0 120px;
}

.def.long-wp .article .article-info-no-cover .option {
    width: 968px;
}
.def.long-wp  .article .article-info .article-r {
    width: 740px;
    height: 125px;
    position: relative;
}
.def.long-wp .article .article-info .article-r .des {
    width: 740px;
}
.def.long-wp .article .article-info .article-r .option {
    width: 740px;
}
/*期刊名称 start*/
  .journal-style>ul{
    width: 460px;
    height: 72px;
  }
  .journal-style>ul>li{
    float: left;
    width: 230px;
    height: 24px;
    line-height: 24px;
    display: -webkit-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;

  }
  .journal-style>ul>li span{
    height: 24px;
    line-height: 24px;
    display: inline-block;
  }

  .grade.star{
      display: inline-block;
      width: 96px;
      height: 24px;
  }
  .grade.star .star-item{
    background: url(/images/icons/icon_mark_pre.png) no-repeat;
    background-size: 16px 16px;
    background-position: 0 2px;
    height: 24px;
    width: 16px;
    margin-right: 4px;
    float: left;
  }
  /*期刊名称end*/

.list-more{
    height: 45px;
    width: 100%;
}
.list-more .btn-more{
    display: block;
    background: #FFF;
    border: 1px solid #FF8C28;
    border-radius: 4px;
    width: 96px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FF8c28;
    margin: 10px auto;
}
/*推荐列表样式 end*/

/*右侧 统计 start*/
.kouer-wrapper{
    padding: 18px 20px;
    background-color: #fff;
}
.kouer-wrapper>p{
    width:227px;
    height:22px;
    font-size:16px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    line-height:22px;
}
.kouer-wrapper>p.bottom{
    text-align: right;
    margin-top: 9px;
}
.kouer-wrapper>ul{
    margin:16px -12px 0;
    overflow: hidden;
}
.kouer-wrapper>ul>li{
    width: 68px;
    height: 60px;
    float: left;
    margin: 0px 8px;
}
.kouer-wrapper>ul>li.bt{
    margin-top: 20px;

}
.kouer-wrapper>ul>li span{
    text-align: center;
}
.kouer-wrapper>ul>li .top{
    display: block;
    font-size:18px;
    font-weight:500;
    color:#FF8C28;
    margin-bottom: 10px;
}
.kouer-wrapper>ul>li .bottom{
    display: block;
    font-size: 14px;
}

/*右侧 统计 end*/
/*热门搜索 start*/
.hot-search{
    padding: 0;
}

.hot-search  .bt{
    height: 32px;
}
.hot-search   .change-next{
    color: #FF8C28CC;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    display: inline-flex;
}
.hot-search   .change-next .iconfont{
    margin-left: 3px;
}
.hot-search   .change-next:hover{
    color: #FF8C28;
/*    background: url(/images/icons/icon_change@2x.png) no-repeat 45px center;
    background-size: 18px 18px;*/
}
.hot-search .list{
    padding: 8px 0px 8px 0px;
}
.hot-search .list .item{
    max-width: 260px;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin: 4px 0;
    background: #FFF;
    display: -webkit-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 12px;
    padding-right: 6px;
}

.hot-search  .list .sort {
    width: 18px;
    height: 18px;
    color: #FFF;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/images/icons/no_hot_iv.png) no-repeat center center;
    background-size: 18px 18px;
    margin-right: 8px;
}
.hot-search  .list .sort.no_1 {
    background: url(/images/icons/no_hot_i.png) no-repeat center center;
    background-size: 18px 18px;
}
.hot-search  .list .sort.no_2 {
    background: url(/images/icons/no_hot_ii.png) no-repeat center center;
    background-size: 18px 18px;
}
.hot-search  .list .sort.no_3 {
    background: url(/images/icons/no_hot_iii.png) no-repeat center center;
    background-size: 18px 18px;
}
.hot-search  .list .title{
    display: inline-block;
    max-width: 190px;
    cursor: pointer;
    color: rgba(0,0,0,.85);
}
.hot-search  .list.article-list {
    padding:0px;
    padding-bottom: 12px;
}
.hot-search  .list.article-list .title{
    width: 245px;
    font-size: 12px;
    max-width: 245px;
    display: block;
}
.hot-search  .list .title:hover {
    color: #FF8C28;
}
.hot-search  .list .hot{
/*    width: 20px;
    height: 16px;
    color: #FFF;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/images/icons/no_hot_after.png) no-repeat center center;
    background-size: 13px 13px;
    margin-left: 0px;*/

    margin-left: 8px;
    margin-top: -3px;
    background-size: 100% 100%;
    outline: 0;
    background-color: #ff9812;
    display: inline-block;
    padding: 0 2px;
    text-align: center;
    vertical-align: middle;
    font-style: normal;
    color: #fff;
    overflow: hidden;
    line-height: 16px;
    height: 16px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 200;

}
.subscribed-topics-b{
    padding: 12px 16px;
}
/*热门搜索 end*/

/*操作模块 end*/
.operation-panel{
    width: 270px;
    /*overflow: hidden;*/
}
.operation-panel ul{
    width: 270px;
    padding: 5px 4px 5px;
    /*overflow: auto;*/
}
.operation-panel .operation-panel-ul{
    overflow: auto;
}
.operation-panel li{
    float: left;
    width: 86px;
    margin: 4px 0;
    text-align: center;
}
.operation-panel li.js_panel_li{
    display: none;
}

.operation-panel li.item {
    position: relative;
    width: 82px;
    height: 96px;
    padding: 4px;
    margin: 2px;
    border-radius: 5px;
}
.operation-panel li.item:hover {
    box-shadow: 0 0 5px 0 #FF8C28;
}
.operation-panel li.item>a{
    font-size: 0px;
    height: 96px;
    display: inline-block;
}

.operation-panel li .btn-panel{
    width: 45px;
    height: 45px;
    margin:0 auto;
}
.operation-panel li .btn-panel img{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin:0 auto;
}

.operation-panel li .link-panel,.operation-panel li .num-panel{
    width: 75px;
    text-align: center;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
}


.operation-panel li .link-panel{
    margin-top: 0px;
}
.operation-panel li.item:hover .link-panel,.operation-panel li.item:hover .num-panel,.operation-panel li.item:hover .iconfont{
    color:#FF8C28;
}



.operation-panel li.item .show-tips {
    display: block;
    position: absolute;
    top: -70px;
    left: 0px;
    width: 120px;
    height: 56px;
    border: 1px solid #E8E8E8;
    background-color: #FFFFFF;
    padding: 6px;
    border-radius:5px;
    line-height: 22px;
}
.operation-panel li.item .show-tips::after {
    display: block;
    position: absolute;
    top: 54px;
    left: 18px;
    content: '';
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #E8E8E8;
}
.operation-panel li.item:hover .show-tips {
    display: block;
}

.ld.contact-us{
    padding: 12px 16px;
    height: 300px;
}
/*操作模块 end*/
/*设置主题 start*/

.subscribed-topics .subscribed-topics-b li{
    margin:  8px 0 0;
    line-height: 24px;
    padding-left: 0px;
    position: relative;
}
.subscribed-topics .subscribed-topics-b li:first-child{
    margin:  0 0 12px;
}

.subscribed-topics .subscribed-topics-b li span{
    display: inline-block;
    height: 24px;
    line-height: 24px;
}

.subscribed-topics .subscribed-topics-b li span.week{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding-left: 24px;
}
.subscribed-topics .subscribed-topics-b li span.title{
    font-size: 14px;
    font-weight: 500;
}
.subscribed-topics .subscribed-topics-b li  .img-wp{
    padding-left: 50px;
}
.subscribed-topics .subscribed-topics-b li img.bef{
    width: 18px;
    height: 17px;
    margin-right: 20px;
    /*position: absolute;*/
    top: 4px;
}
.subscribed-topics .subscribed-topics-b li .mail{
    width: 100%;
    text-align: left;
}
/*设置主题 end*/

/*联系我们 start*/

.contact-us .contact-us-t{
    /*height: 220px;*/
    margin:0 auto;
}
.contact-us .contact-us-t>.item{
    width: 240px;
    height: 126px;
    text-align: center;
    margin:0 auto;
}
.contact-us .contact-us-t>div>img{
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
}

.contact-us .contact-us-t>div>.top-title{
    text-align: center;
    width: 136px;
    line-height: 20px;
    display: inline-block;
    margin-top: 6px;
    font-size: 14px;
}

.contact-us .contact-us-t>div>span{
    text-align: center;
    width: 240px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    margin-top: 4px;
}
.contact-us .contact-us-b {
    clear: both;
}
.contact-us .contact-us-b ul.top{
    margin-bottom:8px;
}
.contact-us .contact-us-b li{
/*    height: 20px; */
    line-height: 20px;
    margin-top:4px;
}
/*联系我们 end

/*搜索页*/
.page-search .search-t{
    width:1000px;
    height:124px;
    background:rgba(248,248,248,1);
    border-radius:4px 4px 0px 0px;
    padding: 32px 0 12px;
}
.page-search .search-t .input-wrapper{
    width:688px;
    height: 40px;
    margin: 0 auto;
}
.page-search .search-t .input-wrapper{
    width:688px;
    height: 40px;
}
.page-search .search-t .input-wrapper .input{
    width:528px;
    height:38px;
    line-height: 38px;
    background:rgba(255,255,255,1);
    border-radius:4px 0px 0px 4px;
    border:1px solid rgba(0,0,0,0.2);
    outline: none;
    font-size: 16px;
    color: rgba(0,0,0.45);
    padding-left: 10px;
}
.page-search .search-t .input-wrapper  button{
    width: 160px;
    height: 38px;
    font-size:16px;
    color: #FFF;
    background: #FF8C28;
    border:1px solid #FF8C28;
    border-radius: 0px 4px 4px 0px;
    border: none;
    outline: none;
}
.page-search .search-t .total{
    font-size:14px;
    height: 16px;
    line-height: 16px;
    width:695px;
    margin: 12px auto 0;
}
.page-search .search-t .total{
    font-size:14px;
    height: 16px;
    line-height: 16px;
    width:688px;
    margin: 12px auto 0;
}
.page-search .search-m{
    width:688px;
    background-color: #FFF;
    margin: 12px auto 0;
}
.page-search .nav {
    padding-bottom: 8px;
    border-bottom: 1px solid #E8E8E8;
}

.page-search .nav .item{
    display: inline-block;
    width:76px;
    height:32px;
    line-height: 32px;
    color: rgba(0,0,0,.65);
    border:1px solid #D9D9D9;
    border-radius: 5px;
    margin-right: 16px;
    margin-bottom: 12px;
    text-align: center;
    cursor: pointer;
}
.page-search .nav .item:hover,.page-search .nav .item.active{
    color: #FF8C28;
    border:1px solid #FF8C28;
}
.page-search .nav .item a{
    width:76px;
    color: inherit;
    display: inline-block;
}
.page-search .nav .item:hover a{
    color: #FF8C28;
}

.page-search .serach-l{
    width: 720px;
    margin: 0 auto;
}
/*弹层页面 start*/
.search-mould-bg{
    width:100%;
    height:100vh;
    background:rgba(0,0,0,.35);
    position: fixed;
    z-index: 9998;
    top: 68px;
    display: none;
}
.search-mould{
    width:1000px;
    height:700px;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);
    border-radius:4px;
    padding: 24px;
    position: fixed;
    top: 78px;
    left: 50%;
    margin-left: -500px;
    z-index: 9999;
}
.search-mould .s-close {
    position: absolute;
    right: 24px;
    top: 12px;
    font-size: 20px;
    cursor: pointer;
}
.search-mould  .serach-w{
    width: 760px;
    margin:0 auto;
}
.search-mould  .input-searsh{
    height: 40px;
    border-bottom: 1px solid rgba(0,0,0,.25);
    margin-top: 75px;
    position: relative;
}
.search-mould  .input-searsh>input{
    height: 28px;
    line-height: 28px;
    border:none;
    outline: none;
    font-size: 24px;
    width: 760px;
}
.search-mould  .input-searsh input::-webkit-input-placeholder {
    color: color:rgba(0,0,0,0.25);
}
.search-mould  .input-searsh input::-moz-input-placeholder {
    color: color:rgba(0,0,0,0.25);
}
.search-mould  .input-searsh input::-ms-input-placeholder {
    color: color:rgba(0,0,0,0.25);
}
.search-mould  .input-searsh .s-img{
    position: absolute;
    height: 24px;
    width: 32px;
    border: none;
    outline: none;
    right: 0;
    top: 0;
    background: url(/images/icons/icon_arrow_right.png) no-repeat;
    background-size: 32px 24px;
}
.search-mould  .serach-w p{
    margin-top: 18px;
    font-size: 14px;
}
.search-mould  .s-hot-labels{
    margin-top: 12px;
}
.search-mould  .s-hot-labels .s-label{
    max-width:300px;
    height:28px;
    line-height: 28px;
    background:rgba(243,243,243,1);
    border-radius:4px;
    padding: 0 16px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    margin-right: 12px;
    margin-bottom: 16px;
    display: inline-block;
}
.search-mould  .s-hot-labels .s-label:hover{
    cursor: pointer;
    background:#FFF3E9;
    color:#FF8C28
}
/*搜索页弹层 end*/

/*活动页面 start*/
.activity-date-wp{
  height: 48px;
  padding: 8px 0px;
}
.activity-date-wp .left{
    height: 32px;
    line-height: 32px;
    width: 248px;
    padding-left: 16px;
}

.activity-date-wp .left>span{
  height: 32px;
  line-height: 32px;
  display: inline-block;
}
.activity-date-wp  .new-type-select{
  width: 150px;
  height: 28px;
}
.activity-date-wp  .select2-container .select2-selection--single {
    height: 28px;
    line-height: 28px;
}

.activity-date-wp  .right{
  width: 470px;
  line-height: 20px;
}
.activity-date-wp  .right .item{
  height: 20px;
  line-height: 20px;
  margin-right: 8px;
  display: inline-block;
  padding: 0 8px;
  font-size: 15px;
}
.activity-date-wp  .right .item:last-child{
  margin-right: 0px;
}
.activity-date-wp  .right .item.active,.activity-date-wp  .right .item:hover{
  color: #FF8C28;
  cursor: pointer;
}
.activity-date-wp  .right .upr{
  height: 20px;
  background-color: #E8E8E8;
  display: inline-block;
  width: 1px;
  margin-top: 6px
}

/*日历页面*/
.academic-calendar{
    width: 720px;
    height: 456px;
}
.academic-calendar .nav-title{
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    border-bottom: 1px solid #E8E8E8;
    padding-left: 16px;
}

.academic-calendar .list-group-item{
    padding-top: 10px;
    padding-bottom: 10px;
}

.academic-calendar .meeting-tilte-wraper{
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    margin: 0 22px;
}

.academic-calendar .meeting-tilte-wraper .title{
    height:22px;
    font-size:16px;
    font-weight:bold;
    color:rgba(0,0,0,0.85);
    line-height:22px;
}
.academic-calendar .meeting-tilte-wraper .publish{
    height:22px;
    line-height:22px;
}
.academic-calendar .meeting-tilte-wraper .publish a{
    color: #FF8C28;
    font-size:15px;
}
.academic-calendar .meeting-wraper{
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    margin: 12px 12px 0 22px;
}
.academic-calendar .meeting-wraper .meeting-option{
    width: 324px !important;
    height: 386px !important;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.08);
    border-radius:2px;
}

.academic-calendar .meeting-wraper .meeting-option .option-top{
    height:48px;
    background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
    border-radius:2px 2px 0px 0px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    padding:6px  12px;
    justify-content: space-between;
}

.academic-calendar .meeting-option .option-top .option-left,.academic-calendar .meeting-option .option-top .option-right{
    display: inline-block;
    padding: 0 12px;
}
.academic-calendar .meeting-option .option-top .option-left:hover,.academic-calendar .meeting-option .option-top .option-right:hover{
    cursor: pointer;
}
.academic-calendar .option-date{
    font-size: 16px;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    width: 230px;
}
.academic-calendar .meeting-wraper .meeting-option .meeting-week-wraper{
    display: -webkit-box;
    display: flex;
    padding: 5px 12px 0px 10px;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 0px;
}
.academic-calendar .meeting-wraper .meeting-option .meeting-week-wraper .item{
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 5px;
    font-size: 14px;
    font-weight:400;
    color: rgba(129,147,163,1);
    display: inline-block;
    text-align: center;
    justify-content:center;
}
.academic-calendar .meeting-wraper .meeting-option .meeting-day-wraper{
    display: -webkit-box;
    display: flex;
    padding: 0 10px;
    justify-content:flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.academic-calendar .meeting-wraper .meeting-option .meeting-day-wraper .day{
    width: 23px;
    height: 23px;
    line-height: 23px;
    margin: 6px 10px 20px;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    display: inline-block;
    text-align: center;
    position: relative;
    border:1px solid #FFF;
}
.academic-calendar .meeting-wraper .meeting-option .meeting-day-wraper .day span{
    visibility: hidden;
}
.academic-calendar .meeting-wraper .meeting-option .meeting-day-wraper .day.active{
    background:rgba(255,243,233,1);
    border:1px solid #FF8C28;
    color: #FF8C28;
}
.academic-calendar .meeting-wraper .meeting-option .meeting-day-wraper .day.is-hover:hover{
    cursor: pointer;
    background:rgba(255,243,233,1);
    color: #FF8C28;
}
.academic-calendar .meeting-wraper .meeting-option .meeting-day-wraper .day.has-meet .meet-num{
    visibility: visible;
    position: absolute;
    right: -14px;
    top: -10px;
    color: #FFF;
    background: #FF8C28;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    width: 16px;
    border-radius: 50%;
    border-bottom-left-radius: 0;
    display: inline-block;
    text-align: center;
    font-weight: 400;
}
.academic-calendar .meeting-wraper .meeting-option .meeting-day-wraper .day.today{
    color: #FF8C28;
    font-weight: bold;
}
.academic-calendar .meeting-wraper .meeting-option .meeting-day-wraper .day.today .is-today{
    visibility: visible;
    position: absolute;
    bottom: -18px;
    left: -4px;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    width: 30px;
    text-align: center;
    font-weight: 400;
}

.academic-calendar .meeting-list-wraper{
    overflow: auto;
    position: relative;
    padding: 16px 0;
    background: rgba(255,255,255,1);
    margin: -10px 0px -10px 20px;
    width: 342px;
    height: 400px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    display:block;
    background-color: rgba(0,0,0,0.25);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #BBB;
    height: 14px;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px;
    background-color: #BBB;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #CCC;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}
.mCSB_inside > .mCSB_container {
     margin-right: 0px;
}

.academic-calendar .meeting-list-wraper .m-title{
    height:40px;
    line-height:40px;
    font-size:16px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 12px;
}
.academic-calendar .meeting-list-wraper .s-title{
    height:22px;
    line-height:22px;
    font-size:16px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    margin-bottom: 16px;
}
.academic-calendar .meeting-list-wraper .meeting-list-item{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #E8E8E8;
    padding: 0 0 16px;
    margin: 0 0 8px;
}
.academic-calendar .bt-wp{
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
}
.academic-calendar .meeting-list-wraper .meeting-list-item:last-child{
    border-bottom: 0px solid #E8E8E8;
}
.academic-calendar .meeting-list-wraper .meeting-list-item .item-title{
    width:342px;
    line-height:24px;
    /*max-height:48px;*/
    overflow: hidden;
    font-size:14px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    margin-bottom: 6px;
    padding-right: 24px;
}
.academic-calendar .meeting-list-wraper .meeting-list-item .item-title a{
    font-weight:bold;
    color:rgba(0,0,0,0.85);
    word-break: break-all;
    word-wrap: break-word;
}
.academic-calendar .meeting-list-wraper .meeting-list-item .item-other{
    width:320px;
    line-height:20px;
    font-size:13px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}
.academic-calendar .meeting-list-wraper .meeting-list-item .item-other>span{
    margin-right: 8px;
    word-break: break-all;
}
.academic-calendar .create-article .left-td.news-cover-left-title{
    display: inline-block;
}
.academic-calendar .meet-status{
    color: #FF8C28 !important;
}
.academic-calendar .meet-status .gray,.ling-title .gray{
    color: rgba(0,0,0,.45);
}
.academic-calendar .meet-status .green,.ling-title .green{
    color: #52C41A;
}
.academic-calendar .meet-status .orange,.ling-title .orange{
    color: #FF8C28;
}
.academic-calendar .meet-status .red,.ling-title .red{
    color: #FF2828;
}
.academic-calendar .nai-meeting{
    margin: 80px auto 0;
    width: 342px;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.academic-calendar .nai-meeting .tips{
    width: 128px;
    height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: rgba(0,0,0,0.4);
    line-height: 22px;
    margin-top: 20px;
}

/*移动端补充*/
.academic-calendar.mobile-weet-wp {
    width: auto;
    height: 400px;
}
.academic-calendar.mobile-weet-wp .meeting-wraper {
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    margin: 6px;
}
.academic-calendar.mobile-weet-wp .meeting-wraper .meeting-option {
    width: 324px !important;
    height: 386px !important;
    background: rgba(255,255,255,1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);
    border-radius: 2px;
    margin: 0 auto;
}

.academic-calendar.mobile-weet-wp .meeting-wraper .meeting-option .meeting-day-wraper {
    display: -webkit-box;
    display: flex;
    padding: 0;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.academic-calendar.mobile-weet-wp .meeting-list-wraper {
    overflow: auto;
    padding: 10px;
    background: rgba(255,255,255,1);
    margin: 0 auto;
    width: 94%;
    height: 380px;
    margin-left: 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 8px 1px rgba(0,0,0,.45);
    position: absolute;
    left: 0px;
    z-index: 9999;
    display:none;
    border-radius: 5px;
}

.academic-calendar.mobile-weet-wp .meeting-list-wraper .m-title{
    text-align:right;
    padding-right: 30px;
}

/*日历页面 end*/
.concerned-scholars {
  margin-top: 32px;
}
.concerned-scholars h4{
  height:28px;
  font-size:14px;
  font-weight:500;
  color:rgba(0,0,0,0.85);
}
.concerned-scholars .list{
  margin-top: 16px;
  overflow: hidden;
}
.concerned-scholars .list .item{
  width: 44px;
  height: 68px;
  float: left;
  margin:0 24px 16px;
}
.concerned-scholars .list .item .name{
  display: inline-block;
  text-align: center;
  height: 22px;
  line-height: 22px;
  margin: 0 -16px;
  width: 80px;
}
.concerned-scholars .list .item .header-img{
  display: inline-block;
  text-align: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin:0 auto;
}
/*活动页面 end */

/*redio 样式 start*/
.soft-select{
    display: -webkit-box;
    display: flex;
}

.soft-select>div {
    position: relative;
    line-height: 20px;
    margin-right: 60px;
}
.soft-select>div.tool-soft {
    position: relative;
    line-height: 20px;
    margin-right: 90px;
}
.soft-select.group-radio-wrapper>div{
    position: relative;
    line-height: 20px;
    margin-right: 130px;
}
.soft-select.group-radio-wrapper>div>label>span {
    display: block;
    position: relative;
    line-height: 20px;
    width: 90px;
    font-weight:  normal;
}
.soft-select>div  input[type="radio"] {position: absolute;
    left: 25px;
    width: 90px;
    font-weight: normal;
    width: 20px;
    height: 20px;
    opacity: 0;
}

.soft-select>div label {
    position: absolute;
    left: 5px;
    top: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #999;
}

/* + 是兄弟选择器,获取选中后的label元素*/
.soft-select>div   input:checked+label{
    background-color: #FF8C28;
    border: 1px solid #FF8C28;
}
 /*添加的加号与label进行拼接(一个矩形边框去掉上和左的边框),再旋转45度*/
.soft-select>div input:checked+label::after{
    position: absolute;
    content: "";
    width: 5px;
    height: 10px;
    top: 3px;
    left: 6px;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}
.soft-select>div>label>span{
    position: absolute;
    left: 25px;
    width: 76px;
}
.soft-select>div>label>span:hover {
    cursor: pointer;
    /*  color: #FF8C28;*/
}
/*redio 样式 end*/

/*工具页面 start*/
.tool-page .tools-option-wp{
    padding: 19px 12px;
}
.tool-page .label-tile-wp{
    height: 20px;
    line-height: 20px;
    clear: both;
}
.tool-page .label-tile-wp .label-tile{
    font-size:14px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
}
.tool-page .right-applcation {
    position: relative;
    color: #FF8C28;
    font-size: 14px;
    min-width: 60px;
    padding: 0;
    display: -webkit-box;
    display: flex;
    justify-content: flex-end;
    height: 20px;
}
.tool-page  .tool-labels-wraper {
    margin: 0;
    display: block;
    padding: 12px 0 0px;
    position: relative;
    line-height: 24px;
}
.tool-page .tool-labels-wraper.is-hide {
    height: 44px;
    margin-bottom: 6px;
    overflow: hidden;
}
.tool-page  .label-m {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    background: #f3f3f3;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,.65);
    padding-left: 6px;
    padding-right: 6px;
    margin: 0 8px 12px 0;
    cursor: pointer;
    max-width: 200px;
    white-space:nowrap;
    word-wrap: break-word;
    word-break:break-all;
    text-overflow:ellipsis;
    overflow:hidden;
}
.tool-page .label-orange, .tool-page .label-orange-h.active, .tool-page .label-orange-h:hover {
    color: #ff8c28;
    background: #fff3e9;
}
.tool-option-search{
    display: -webkit-box;
    display: flex;
}
.tool-option-search.thesis-option-search{
    padding: 16px 0;
}
.direction-detail {
    width: 100%;
    display: -webkit-box;
    display: flex;
}


.direction-detail .name{
    font-weight: 500;
    font-size: 14px;
    margin-right: 10px;
}
.direction-detail .unit{
    display: -webkit-box;
    display: flex;
    align-items: center;
    margin-right: 24px;
}

.list-group .list-group-item.serach-wrapper{
    border-bottom: 1px solid #E8E8E8;
    padding-top: 0px;
    padding-bottom: 0;
}
.direction-detail .inp-search{
    width: 150px;
    height: 32px;
    line-height: 32px;
    border:1px solid #AAA;
    border-radius: 4px;
    outline: none;
    padding-left: 10px
}
.direction-detail .btn-sub{
    height: 32px;
    line-height: 32px;
    color: #FFF;
    background-color: #FF8C28;
    border-radius: 4px;
    outline: none;
    width: 80px;
    border:none;
}
.direction-detail .unit:last-child{
    margin-right: 0px;
}
.tool-option-search .search-title{
    width:56px;
    height:40px;
    line-height:40px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    margin-right: 12px;
}
.tool-option-search .tool-search-group .search {
    width: 500px;
    height: 40px;
    background: rgba(255,255,255,1);
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid rgba(0,0,0,0.2);
    border-right: 0px;
    outline: none;
}
.tool-option-search .tool-search-group .search:focus {
    box-shadow: none;
}
.tool-option-search .tool-search-group .search-btn {
    border-color: #FF8C28;
    background-color: #FF8C28;
    color: #FFF;
    width: 119px;
    height: 40px;
    font-size:16px;
    border-radius: 0px 4px 4px 0px;
    box-shadow: 0 0 0 0rem rgba(52, 144, 220, 0.25);
    padding: 0;
}
.tool-page .serach-l .serach-labels{
    border-bottom: 1px solid #E8E8E8;
    display: -webkit-box;
    display: flex;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 16px;
    padding: 12px 0;
    display: none;
}
.tool-page .serach-l .serach-labels .title{
    font-size:14px;
    font-weight:500;
    color:rgba(0,0,0,0.65);
    margin-top:4px;
    margin-bottom: 4px;
}
.tool-page .serach-l .serach-labels .types{
/*    height:28px;
    line-height: 28px;
    background:rgba(255,243,233,1);
    border-radius:4px;
    color: #FF8C28;
    padding-left:6px;
    padding-right:0px;
    margin-right: 6px;
    margin-top:4px;
    margin-bottom: 4px;*/
}
.tool-page .serach-l .serach-labels .condition{
    height: 28px;
    line-height: 28px;
    background: rgba(255,243,233,1);
    border-radius: 4px;
    color: #FF8C28;
    padding-left: 6px;
    padding-right: 0px;
    margin-right: 6px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-right: 24px;
    position: relative;
    display: inline-block;
}
.tool-page .serach-l .serach-labels .condition .close{
    height: 28px;
    width: 28px;
    font-style: normal;
    position: absolute;
    top:0;
    right:  0;
    cursor: pointer;
}

.tool-page .serach-l .serach-labels .condition .close:after{
    content: '';
    position: absolute;
    right: 6px;
    top: 8px;
    width: 10px;
    height: 10px;
    background: url(/images/icons/icon_close_f.png) no-repeat center center;
    background-size: 10px;
    cursor: pointer;
}
.tool-page .serach-l .serach-labels .condition .close:hover:after{
    background: url(/images/icons/icon_close_h.png) no-repeat center center ;
}



.tool-dif{
    height: 284px;
    position: fixed;
    bottom: -220px;
    width:1000px;
    height:284px;
    margin:0 auto;
    z-index: 999;
}
.tool-dif.is-up{
 /*   bottom: 0px;*/
}
.tool-dif.is-down{
    /*bottom: -220px;*/
}
.tool-dif .dif-t{
    height: 64px;
    line-height: 32px;
    border-bottom: 1px solid #E8E8E8;
    padding: 32px 16px 0;

}
.tool-dif.is-up .dif-t{
    background: url(/images/icons/pic_diff_down.png) no-repeat;
    background-size: 100% 100%;
}
.tool-dif.is-down .dif-t{
    background: url(/images/icons/pic_diff_up.png) no-repeat;
    background-size: 100% 100%;
}
.tool-dif  .dif-t .option-dom{
    width: 112px;
    height: 50px;
    position: absolute;
    left: 445px;
    top: 13px;
    cursor: pointer;
}
.tool-dif .dif-t .dif-now{
    background: #FF8C28;
    border: 1px solid #FF8C28;
    color: #FFF;
    border-radius: 4px;
    text-align: center;
    padding: 0 8px;
    display: inline-block;
    width: 86px;
    height: 24px;
    line-height: 24px;
    margin-left: 16px;
    cursor: pointer;
}
.tool-dif .dif-t em{
    font-style:normal;
}
.tool-dif .dif-t em.clear{
    cursor: pointer;
    margin-left: 12px;
}
.tool-dif .dif-b  {
    width: 100%;
    height: 222px;
    background: #FFF;
    display: -webkit-box;
    display: flex;
    justify-content: start;
    padding-left: 16px;
    box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);
}
.tool-dif .dif-b  .item{
    width: 248px;
    margin : 8px 32px 0;
}
.tool-dif .dif-b  .item .img-wp{
    width: 248px;
    height: 147px;
    position: relative;
}
.tool-dif .dif-b  .item .img-wp img{
    width: 248px;
    height: 147px;
}
.tool-dif .dif-b  .item .dif-name{
    width: 248px;
    height:24px;
    margin-top: 6px;
}
.tool-dif .dif-b  .item .dif-name>a{
    width: 248px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(0,0,0,0.85);
    display: inline-block;
}
.tool-dif .dif-b  .item .dif-name>a:hover{
    color: #FF8C28;
}
.tool-dif .dif-b  .item .img-wp .del-diff{
    position: absolute;
    left: 0;
    bottom: 0;
    width: inherit;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    width: 248px;
    text-align: center;
    visibility: hidden;
}
.tool-dif .dif-b  .item .img-wp:hover .del-diff{
    cursor: pointer;
    visibility: visible;
}
.tool-dif .dif-b  .item .labels-wp{
    margin-top: 0px;
}
.tool-dif .dif-b  .item .labels-wp .label{
    height: 24px;
    line-height: 24px;
    background: #F3F3F3;
    border-radius: 4px;
    padding: 0 8px;
    margin-right: 5px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
}
.tool-page .info-wraper{
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    padding: 20px 16px;
    margin:0;
}
.info-wraper .tools-list-left-info{
    width: 456px;
    height: 393px;
    overflow: hidden;
    position: relative;
}

.info-wraper .tools-list-left-info img{
/*    width: 380px;
    height: 224px;
    border-radius: 4px;*/
}
.info-wraper .tools-list-right-info{
    width: 488px;
    position: relative;
}
.info-wraper .tools-list-right-info.tools-right-detail{
    width: 488px;
    margin-left: 16px;
}

.info-wraper .tools-list-right-info .top{
    width: 100%;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
}

.info-wraper .tools-list-right-info .top .tool-hot{
    color: rgba(0,0,0,.45);
    display: none;
}
.info-wraper .tools-list-right-info .top .tool-title{
    height: 24px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(0,0,0,0.85);
    line-height: 24px;
    padding-left: 0px;
    margin-bottom: 8px;
    width: 100%;
    overflow: hidden;
}
.info-wraper .tools-list-right-info  .lable {
    height: 24px;
    line-height: 24px;
    background: #F3F3F3;
    border-radius: 4px;
    padding: 0 8px;
    margin-right: 5px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    max-width: 80px;
    overflow: hidden;
}
.info-wraper .tools-list-right-info .tool-content{
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    padding-right: 0px;
    padding-left: 0px;
    line-height: 22px;
    overflow: hidden;
    max-height: 144px;
    margin-top: 6px;
    word-break: break-all;
    word-wrap: break-word;
}

.detail-do-show {
    padding-top: 10px;
    padding-left: 20px;
    height: 30px
}

.tool-detail-wraper  .main-lables{
    padding: 0 0 8px 16px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tool-detail-option.option{
    height: 32px;
    position: absolute;
    width: 572px;
    bottom: 0px;
    left: 0px;
}
.detail-option-show>span.op-wp{
    display: block;
    width: 572px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    padding: 0;
    background: #FFF;
    text-align: right;
    position: absolute;
    bottom: 0;
    left: 0;
}

.detail-do-show>span:hover{
/*  border:1px solid rgba(204,204,204,.8);
    color:rgba(0,0,0,0.55);
    cursor: pointer;*/
}

.parameter-wp{
    padding: 20px 16px;
    width: 1000px;
    position: relative;
}
.parameter-wp .superintendent-more{
    height: 16px;
    line-height: 24px;
    position: absolute;
    right: 12px;
    top: 12px;
}
.parameter-wp .table-wp{
    width: 968px !important;
}
.parameter-wp .table-wp .left{
    width: 100px;
    vertical-align: top;
}
.parameter-wp .table-wp .right{
    width: 868px;
}
.parameter-wp .table-wp .right .label{
    height: 24px;
    line-height: 24px;
    min-width: 72px;
    max-width:200px;
    font-size: 12px;
    font-weight: 400;
    color: #FF8C28;
    padding: 0 6px;
    display: inline-block;
    text-align: center;
    background-color: #FFF3E9;
}

.parameter-wp .unit-list-rawper{
    display: -webkit-box;
    display: flex;
    width: 984px;
    justify-content: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px;
}
.big-img img:hover{
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    cursor: url(/images/icons/icon_search.png);
}
.parameter-wp  .nav-let-name{
    font-size:16px;
    font-weight:600;
    color:rgba(0,0,0,0.85);
    min-width: 100px;
}
.parameter-wp  .nav-let-name.mr-top{
    display:block;
    margin-top:20px;
}
.parameter-wp .unit-list-rawper .unit-list{
    width:214px;
    height:284px;
    border:1px solid rgba(233,233,233,1);
    border-radius:2px;
    margin : 0 24px 20px 8px;
}
.parameter-wp .unit-list-rawper .unit-list:nth-child(4n+0){
    margin-right: 0px;
}
.parameter-wp  .unit-img-wraper{
    width:  214px;
    height:125px;
    overflow: hidden;
    border-radius:2px;
    position: relative;
}
 .parameter-wp  .unit-img-wraper img{
    width:212px;
    height:124px;
    border-radius:2px;
}
.parameter-wp .unit-name{
    font-size:14px;
    font-weight:600;
    color:rgba(0,0,0,0.85);
    padding:6px 16px;
}

.parameter-wp .unit-num{
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    font-size: 12px;
    padding:6px 16px;
}
.parameter-wp .unit-num i{
    font-style:normal;
    display: inline-block;
    margin-right: 3px;
    vertical-align: center;
}
.parameter-wp  .unit-tips{
    padding: 6px 16px;
    color: rgba(0,0,0,0.65);
    font-size: 12px;
    height: 66px;
    overflow: hidden;
}

.parameter-wp  .unit-other-info th{
    border-top: 0px solid #dee2e6;
    background:rgba(250,250,250,1);
    border-radius:3px 3px 0px 0px;
    padding: 7px 16px;
    height: 40px;
    line-height: 40px;
}
.parameter-wp   .table-wp td{
    border-top: 0px solid #dee2e6;
    border-bottom: 0px solid #dee2e6;
    padding: 12px 0;
}
.parameter-wp   .unit-other-info  td{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    border-top: 0px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding: 14px 16px;
}
.parameter-wp .def-content{
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    word-wrap: break-word;
    word-break: break-all;
    line-height: 24px;
    max-width: 868px;
    overflow: hidden;
    display: inline-block;
}
.parameter-wp  .modify-parameters-wraper{
    padding: 32px;
    text-align: center;
}
.parameter-wp  .modify-parameters{
    display: inline-block;
    width:260px;
    height:46px;
    line-height: 46px;
    text-align: center;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(217,217,217,1);
    font-size:14px;
    font-weight:600;
    color:rgba(0,0,0,0.65);
}

.swiper-wp{
  width: 456px;
  height: 353px;
  margin:0px auto;
}
.swiper-wp .swiper-container {
  width: 456px;
  height: 269px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-wp .swiper-slide {
    height: 269px;
    width: 456px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    background-color: #FFF;
}
.swiper-wp .swiper-button-prev,.swiper-wp .swiper-button-next{
    display: none;
}
.swiper-wp .gallery-top {
  height: 269px;
  width: 100%;
}

.big-img .swiper-slide{
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    background-color: #F8F8F8;
}
.big-img .swiper-slide.magnifier:after{
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 28px;
    height: 28px;
    background-color: #E8E8E8;
    background: url(/images/icons/icon_biger.png) no-repeat center center;
    background-size: 28px;
}

.swiper-wp .gallery-thumbs {
  height: 68px;
  box-sizing: border-box;
  margin-top: 16px;
}
.swiper-wp .gallery-thumbs .swiper-slide {
    width:102px;
    height: 68px;
    background-color: rgba(0,0,0,.15);
    border-radius: 4px;
    opacity: 0.6;
    border-radius:4px;
    border:2px solid #FFF;
    cursor: pointer;
}
.swiper-wp .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  border:2px solid #FF8C28;
}
.tool-page .essential{
    margin-top: 12px;
    height: 136px;
}
.tool-page .essential .essential-item{
    height: 24px;
    margin-bottom: 4px;
    display: -webkit-box;
    display: flex;
    align-items: center;
}
.tool-page .essential .essential-item .list{
    height: 24px;
    line-height: 24px;
}

.tool-page .essential .essential-item .name{
    color: rgba(0,0,0,.65);
    margin-right: 6px;
    width: 90px;
    display: inline-block;
    font-weight: 500;
}
.tool-page .essential .essential-item .ellipsis {
    max-width: 120px;
    color: rgba(0,0,0,.65);
    margin-right: 6px;
    display: inline-block;
}
.tool-page .flow-users{
    margin-top: 16px;
    height: 90px;
}
.tool-page .flow-users .user-wp{
    display: -webkit-box;
    display: flex;
    padding: 16px 0;
}
.tool-page .flow-users .user-wp>span,.tool-page .flow-users .user-wp>a{
    display:inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: 12px;
}
.tool-page .flow-users .user-wp span img{
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.tool-page .flow-users .user-wp span.more{
    position: relative;
    height: 32px;
    width: 32px;
    position: relative;
    display: inline-block;

}

.tool-page .flow-users .user-wp span.more::after{
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    top: 10px;
    left: 4px;
    border-top: none;
    border-left: none;
    border-top: 2px solid #AAA;
    border-right: 2px solid #AAA;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}


.tool-page .flow-users .user-wp span.more:hover:after{
    border-top: 2px solid #FF8C28;
    border-right: 2px solid #FF8C28;
}

.tool-page  .contact{
    display: -webkit-box;
    display: flex;
}
.tool-page  .contact .item{
    position: relative;
    width: 168px;
    height: 68px;
    display: -webkit-box;
    display: flex;
    background: #FF8C28;
    border-radius: 4px;
}
.tool-page  .contact .item.wechat{
    cursor: pointer;
}
.tool-page  .contact .item p{
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
}
.tool-page  .contact .item:first-child{
    margin-right: 24px;
}

.tool-page  .contact .item .left{
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 68px;
    padding: 8px;
}
.tool-page  .contact .item .left img.call{
    width:30px;
    height: 30px;
}
.tool-page  .contact .item .left img.code{
    width:30px;
    height: 30px;
}

.tool-page  .contact .item .right{
    padding: 10px 0;
}
.tool-page  .contact .item .right .code{
    position: relative;
    cursor: pointer;
    padding-right: 24px;
}
.tool-page  .contact .item .img-code{
    display: none;
    width:168px;
    height: 168px;
    padding: 9px;
    background: #FFF;
    box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1);
    border-radius:0px 0px 4px 4px;
    position: absolute;
    left: 0;
    top: 68px;
    z-index: 99;
}
.tool-page  .contact .item  .img-code img{
   width: 140px;
   height: 140px;
}
.tool-page  .contact .item.wechat:hover .img-code{
    display: block;
}
.tool-page  .contact .item .right .code .poin:after{
    content: '';
    position: absolute;
    right: 0px;
    top: 4px;
    width: 20px;
    height: 20px;
    background-image: url(/images/icons/icon_wechat_unfolding_w@2x.png);
    background-size: 14px;
    background-position: left;
    background-repeat: no-repeat;
}
.left-b{
    height: 36px;
    padding-top: 16px;
}
.def-oper {
    height: 24px;
    display: -webkit-box;
    display: flex;
}
.l-title .option{
    font-size:16px;
    margin-right:40px;
    font-weight:400;
    color:rgba(0,0,0,0.85);
}

.l-title .option:hover,.l-title .option.active {
    font-weight:500;
    color:#FF8C28;
    cursor: pointer;
}
.tool-page .article-list-ul{
    background-color: #fff;
    padding: 0px 16px 12px;
    /* margin-top: 1px; */
    margin: -10px -16px -12px;
}


/*
* 页面 对比 样式
*/
.compare-wraper .table-title{
    text-align: center;
    font-weight:600;
    color:rgba(0,0,0,0.85);
    font-size: 20PX;
    border-top: 0px solid #dee2e6;
}

.compare-wraper .diff-title-top-none{
    border-top: 0px solid #dee2e6;
}
.compare-wraper .table thead th {
    vertical-align: bottom;
    border-bottom: 0px solid #dee2e6;
}

.compare-wraper .compare-main a,.compare-wraper .compare-main a:hover,.compare-wraper .compare-main a:visited,.compare-wraper .compare-main a:link,.compare-wraper .compare-main a:active{
    font-size:16px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
}
.compare-wraper .table thead th{
    padding-top:32px;
    padding-bottom: 12px;
}
.compare-wraper .table tr td{
    min-height: 88px;
    padding:32px 0;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height:24px;
}
.compare-wraper .table tr  .diff-title{
    font-size: 15px;
    font-weight: 600;
    color: rgba(0,0,0,0.85);
    display: -webkit-box;
    display: flex;
    padding-left: 48px;
}


.compare-wraper .table tr  .diff-title .diff-title-name{
    width: 80px;
    font-size: 15px;
    font-weight: 600;
    color: rgba(0,0,0,0.85);
    display: inline-block;
    text-align-last: justify;
    -moz-text-align-last: justify ;
    text-align: justify;
    text-justify: distribute-all-lines;
    overflow: hidden;
    min-width: 80px;
}


.compare-wraper .table tr td .unit-label{
    max-width: 240px;
    display: block;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
}
.compare-wraper .table tr  .number-item a{
    color: rgba(0,0,0,0.65);
}

.compare-wraper .table tr  .number-item i{
    font-style:normal;
    font-weight:500;
    color:#FF8C28;
    display: inline-block;
    margin-right: 3px;
    vertical-align: center;
}

.compare-wraper .table .compare-main{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    width: 212px;
    margin-right: 24px;
}
.compare-wraper .table .compare-main .compare-tool-name{
    width:212px;
    font-size:16px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    line-height:24px;
    overflow: hidden;
}

.compare-wraper .table .compare-main .compare-tool-img{
    width:212px;
    height:125px;
    border-radius:2px;
    border:1px solid rgba(233,233,233,1);
}

.compare-wraper .table .compare-main .compare-tool-name{
    width: 212px;
    margin-top: 16px;
}
/*end*/

.tool-page .top-title {
    padding-top: 10px;
}
.parameter-wp .l-title,.top-title .l-title{
    height:36px;
    line-height:24px;
    padding-bottom: 12px;
    font-size:16px;
    font-weight:600;
    color:rgba(0,0,0,0.85);
    padding-left: 16px;
    border-bottom:  1px solid #E8E8E8;
    margin-left:-16px;
    margin-right:-16px;
    margin-top: -8px;
}
.parameter-wp  .user-list,.parameter-wp  .about-tools {
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 12px 0 0;
}
.parameter-wp .btn-wp{
    position: absolute;
    top: 8px;
    right: 20px;
}
.parameter-wp .btn-wp .btn-mm{
    width: 120px;
}
.about-tools   .item{
    width: 212px;
    margin: 12px 15px;
}
.about-tools   .item .img-wp{
    width: 212px;
    height: 125px;
    position: relative;
}
.about-tools   .item .img-wp img{
    width: 212px;
    height: 125px;
}
.about-tools   .item .dif-name{
    width: 212px;
    height: 24px;
    line-height: 24px;
    margin-top: 16px;
    display: inline-block;
}
.about-tools   .item .dif-name>a{
    width: 212px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(0,0,0,0.85);
    display: inline-block;
}
.about-tools   .item .dif-name>a:hover{
    color: #FF8C28;
}
.about-tools   .item .img-wp .del-diff{
    position: absolute;
    left: 0;
    bottom: 0;
    width: inherit;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    width: 212px;
    text-align: center;
    visibility: hidden;
}
.about-tools   .item .img-wp:hover .del-diff{
    cursor: pointer;
    visibility: visible;
}
.about-tools   .item .labels-wp{
    margin-top: 8px;
}
.about-tools   .item .labels-wp .label{
    height: 24px;
    line-height: 24px;
    background: #F3F3F3;
    border-radius: 4px;
    padding: 0 8px;
    margin-right: 5px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
}

/*工具页面 end*/

/*注册页面 start*/
.page-reg .ld{
    background: #FFF;
    padding:24px;
}
.page-reg .reg-title{
    height: 22px;
    font-size: 22px;
    font-weight: 500;
    color: rgba(0,0,0,0.85);
    line-height: 22px;
    text-align: center;
    margin-top:20px;
}
.page-reg  .reg-img{
    width: 200px;
    height: 200px;
    margin: 90px auto 260px;
}
.page-reg  .reg-img img{
    width:200px;
    height:200px;
}
.page-reg .user-set-wp{
    margin: 20px auto 60px;
    width: 400px;
}
.page-reg .user-set-wp>ul>li{
    padding: 2px 0;
}
.page-reg .user-set-wp>ul>li .user-img{
    width:100px;
    height:123px;
    margin:12px auto;
}
.page-reg .user-set-wp>ul>li .user-img .setting{
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    width: 100px;
    text-align: center;
    display: inline-block;
    margin-top: 3px;
}
.page-reg .user-set-wp>ul>li .user-img>img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    cursor: pointer;
}
.page-reg .user-set-wp span.title{
    position: relative;
    padding-left: 8px;
    display: block;
    height:28px;
    font-size:14px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    line-height:28px;
}
.page-reg .user-set-wp .red-star:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 4px;
    width: 18px;
    height: 18px;
    background-image: url(/images/icons/icon_red_star.png);
    background-position: left;
    background-repeat: no-repeat;
}
.page-reg .user-set-wp input.item{
    width:400px;
    height:32px;
    line-height: 32px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border: 1px solid #CCC;
    padding-left: 12px;
    margin-bottom: 12px;
    outline: none;
}
.page-reg .user-set-wp .company-wraper select{
    width:400px;
}
.page-reg .user-set-wp .option-wp,.page-reg .in-review .option-wp{
    width: 260px;
    margin: 20px auto;
}
.option-wp .treaty{
    text-align: center;
}
.page-reg .user-set-wp .view-agreement{
    padding-left: 6px;
    cursor: pointer;
}
.page-reg .user-set-wp .view-agreement .hi{
    color: #FF8C28;
}

.page-reg .user-set-wp label{
    margin-bottom: 0px;
    cursor: pointer;
}
.page-reg .user-set-wp .btn-next,.page-reg .in-review .btn-next{
    width:260px;
    height:40px;
    background:#FF8C28;
    color:rgba(255,255,255,1);
    border-radius:4px;
    font-size:16px;
    outline: none;
    border:1px solid #FF8C28;
}
.page-reg .user-set-wp .btn-short{
    width: 197px;
}

/*input 选中前的样式*/
input[type="checkbox"] + label::before {
    content: "\a0";  /*不换行空格*/
    display: inline-block;
    width:16px;
    height:16px;
    border-radius:2px;
    text-align:center;
    line-height:16px;
    border:1px solid #ddd;
}
/*input 选中后的样式 */
input[type="checkbox"]:checked + label::before {
    background:url('/images/icons/checked.png') no-repeat center center;/*背景图的写法是生效的*/
    background-size: 20px 20px;
    border:none;
}
input[type="checkbox"] {
    /*position: absolute;*/
    clip: rect(0, 0, 0, 0);
}
#agreement,#soliciting{
    clip: rect(0, 0, 0, 0);
    display: none;
}
input:focus::-webkit-contacts-auto-fill-button{
    opacity: 0;
}

.page-reg  .label-set-wp{
    margin-top: 16px;
}
.page-reg .over-wp{
    position: relative;
    height: 180px;
    overflow: hidden;
    margin-top: 6px;
    margin-bottom: 16px;
    border-bottom: 2px solid #F8F8F8;
}
.page-reg .news-over-wp{
    position: relative;
    margin-top: 6px;
    margin-bottom: 16px;
    border-bottom: 2px solid #F8F8F8;
}

.page-reg  .label-set-wp .item p{
    height: 16px;
    line-height: 16px;
}
.page-reg  .label-set-wp .item p .change-one{
    margin-left: 40px;
    width: 108px;
    padding: 0 40px 0 20px;
    display: none;
    background: url(/images/icons/icon_change_gray@2x.png) no-repeat 62px center;
    background-size: 18px 18px;
    cursor: pointer;
    font-size: 13px;
}
.page-reg  .label-set-wp .item p .change-one:hover{
    background: url(/images/icons/icon_change@2x.png) no-repeat 62px center;
    background-size: 18px 18px;
}

.page-reg  .label-set-wp .item p .selected-num{
    width: 100px;
    display: inline-block;
    padding-left: 2px;
    font-size: 14px;
    color: rgba(0,0,0,.35);
}

.page-reg  .label-set-wp .item .labels{
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 12px 0;
    margin-right: -16px;
    width: 720px;
}
.page-reg.wider  .label-set-wp .item .labels{
    width: 960px;
}

.page-reg  .label-set-wp .item .labels.ab-wp{
    position: absolute;
    left: 0;
    top: 0;
}
.page-reg  .label-set-wp .item .lab{
    height: 40px;
    line-height: 40px;
    background: rgba(255,255,255,1);
    border-radius: 4px;
    border: 1px solid rgba(217,217,217,1);
    display: block;
    position: relative;
    margin-right: 24px;
    margin-bottom: 16px;
    padding: 0 40px 0 12px;
    cursor: pointer;
    max-width: 280px;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}
.page-reg  .label-set-wp .item.week .lab{
    width: 100px;
}
.page-reg  .label-set-wp .item .lab.active{
    color: #FF8C28;
    border: 1px solid #FF8C28;
}
.page-reg  .label-set-wp .item .lab:after{
    content: '';
    position: absolute;
    background: url(/images/icons/nchecked.png) center no-repeat;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    right: 10px;
    top: 10px;
}
.page-reg  .label-set-wp .lab.active:after{
    background: url(/images/icons/checked.png) center no-repeat;
    background-size: 18px 18px;
}
.page-reg  .label-set-btn{
    width: 400px;
    height:52px;
    margin:30px auto 30px;
}
.page-reg  .label-set-btn.center{
    width: 180px;
}

.page-reg  .label-set-btn .prev-btn{
    width:180px;
    height:52px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid #FF8C28;
    font-size:20px;
    font-weight:500;
    color:#FF8C28;
    float: left;
}
.page-reg  .label-set-btn .next-btn{
    width:180px;
    height:52px;
    background:#FF8C28;
    border:1px solid #FF8C28;
    border-radius:4px;
    font-size:20px;
    font-weight:500;
    color:rgba(255,255,255,1);
    float: right;
}
.page-reg  .tool-mold-wrapper{
  position: relative;
  margin-left: 0px;
  margin-top: 12px;
}

.page-reg .tool-mold-wrapper .tools-labels {
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0 0 -10px;
    width: 810px;
    min-height: 24px;
    position: relative;
}
.page-reg .user-set .tool-mold-wrapper{
  position: relative;
  margin-left: 0px;
  margin-top: 12px;
}
.page-reg .tool-mold-wrapper .top{
  min-height: 32px;
  border: solid #CCC 1px;
  outline: 0;
  background-color: white;
  border-radius: 4px;
  display: inline-block;
  padding-left: 8px;
  width:946px;
}
.page-reg .tool-mold-wrapper .hot-lables-dom{
  margin-top: 8px;
}
.page-reg .tool-mold-wrapper .top .tool-serach-input{
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
  padding: 5px;
  width: 280px;
}
.page-reg .hot-lab-wp{
    position: relative;
}
.page-reg .hot-lab-wp .hot-lab-dom{
    position: absolute;
    left: -120px;
    top: 12px;
}
.page-reg .hot-lab-wp .hot-lab-dom  .hot-lab-tips{
    height: 24px;
    margin: 0;
    padding: 0;;
    margin-left: 2px;
    color: rgba(0,0,0,.45);
    padding-left: 20px;
    display: block;
}
.page-reg .tool-mold-wrapper .label-item{
  background-color: #e4e4e4;
  border: 1px solid #CCC;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin:3px 4px 3px 0;
  padding: 0 5px;
}
.page-reg .tool-mold-wrapper .label-item .choice-remove{
  color: rgba(0,0,0,.45);
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.page-reg .tool-mold-wrapper .label-item .choice-remove:hover{
    color: rgba(0,0,0,.65);
}
.page-reg .tool-mold-wrapper .research-serach{
    background-color: #FFF;
     -webkit-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
    padding: 6px 0;
    border:1px solid #EEE;
    width:946px;
    position: absolute;
    z-index: 999;
    display: none;
    margin-top: 2px;
}
.page-reg .tool-mold-wrapper .research-serach .bottom{
    padding: 6px 6px 2px;
    box-shadow: 0 -1px 1px 1px #E8E8E8;
}
.page-reg .tool-mold-wrapper .research-serach .tips{
    color: rgba(0,0,0,.45);
    font-size: 12px;
}
.page-reg .tool-mold-wrapper .research-serach .new-label{
  color: rgba(0,0,0,.65);
  font-size: 14px;
  font-weight: bold;
}
.page-reg .tool-mold-wrapper .research-serach .btn{
  border: 0px;
  border-radius: 5px;
  outline: none;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  padding: 0 12px;
  margin: 0 4px;
}
.page-reg .tool-mold-wrapper .research-serach .done{
  color: #FFF;
  background-color:#FF8C28;
}
.page-reg .tool-mold-wrapper .research-serach .donot{
  color: rgba(0,0,0,.65);
  background-color:#e4e4e4;
}
.page-reg .tool-mold-wrapper .serach-list{
  display: -webkit-box;
  display: flex;
   -webkit-flex-direction: column;
    flex-direction: column;
  font-size: 14px;
  max-height: 200px;
  overflow-y: auto;
  box-shadow: 0px 0px 0px 0px #E8E8E8;
}
.page-reg .tool-mold-wrapper .serach-list .item{
  padding: 0 5px;
  cursor: pointer;
  line-height: 32px;
  height: 32px;
  position: relative;
}
.page-reg .tool-mold-wrapper .serach-list .item:hover{
  background: #FF8C28;
  color: #FFF;
}
.page-reg .tool-mold-wrapper .serach-list .item.is-selected{
  background: #F8F8F8;
  color: rgba(0,0,0,.65);
  padding-left: 36px;
  cursor:auto;
}
.page-reg .tool-mold-wrapper .serach-list .item.is-selected:before{
  content: '已选';
  height: 12px;
  width: 30px;
  display: block;
  border-left-width: 0;
  border-bottom-width: 0;
  position: absolute;
  top: 0px;
  left: 4px;
  color: red;
  font-size: 12px;
}
.page-reg .tool-mold-wrapper .serach-list .item{
  padding: 0 5px;
  cursor: pointer;
  line-height: 32px;
  height: 32px;
}
.page-reg .tool-mold-wrapper .normal-lables-title{
  height: 24px;
  margin-left: 13px;
  color: #212529;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 10px 6px;
}
.page-reg .in-review {
    padding: 60px 0 200px;
}
.page-reg .in-review .img-wp img{
    width: 80px;
    height: 90px;
    display: block;
    margin:40px auto 20px;
}
.page-reg .in-review .review-loading{
    width:464px;
    height:24px;
    font-size:18px;
    font-weight:600;
    color:rgba(0,0,0,0.85);
    line-height:24px;
    text-align: center;
    margin:12px auto;
}
.page-reg .in-review .review-tips{
    width:464px;
    height:48px;
    font-size:16px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height:24px;
    text-align: center;
    margin:12px auto;
}
.label-set-wp .receive-email{
    width:946px;
    height:40px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(217,217,217,1);
    outline: none;
    padding-left: 10px;
}
/*注册页面 end*/

/*详情页样式 start*/
.page-detail .article-detail{
    margin-left: -10px;
    margin-right: -10px;
    padding: 8px 32px;
}
/*详情页样式 start*/
.page-detail .article-detail .down-top{
    margin: 12px 0 0px;
    display: -webkit-box;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
}
.page-detail .article-detail  .tip{
    margin-right:12px;
}
.tip.su{
    font-size:14px;
    color: green;
}

.tip.hi{
    font-size:14px;
    color: #FF8C28;
}
.tip.re{
    font-size:14px;
    color: red;
}
.tip.fail{
    width: 300px;
    height: 88px;
    border: none;
    color: #FFF;
    border-radius: 4px;
    background: #FF8C28;
    outline: none;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
}
.tip.fail .msg-title{
    display: block;
    height: 32px;
    padding: 12px;
    text-align: center;
    font-size:18px;
    font-weight:bold;
}
.tip.fail .time{
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size:12px;
    margin-top: 12px;
}

.page-detail .article-detail  .re em{
    font-size:12px;
    color: red;
    font-style:normal;
}
.page-detail .article-detail .down-top .btn-hi{
    width: 88px;
}
.page-detail .article-detail{
/*    margin: 16px 0 16px;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    align-items:flex-start;*/
}
.page-detail .article-detail   .periodical-title{
    width: 460px;
    line-height:24px;
    display: inline-block;
    font-size:18px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    margin-right: 0;
    max-width: none;
    word-break: break-all;
    word-wrap: break-word;
    height: auto;
}
.page-detail .article-detail .top .article-title{
    line-height:24px;
    display: inline-block;
    font-size:18px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    margin-right: 0;
    max-width: none;
    word-break: break-all;
    word-wrap: break-word;
    height: auto;
}
.page-detail .article-detail .top .header-img{
    width: 32px;
    height: 32px;
    margin-right: 8px;
}
.page-detail .article-detail .top .header-img img{
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.page-detail .article-detail .top .user-name{
    font-size:14px;
    font-weight:500;
    color:#FF8C28;
    color: #FF8C28;
    height: 32px;
    line-height: 32px;
    margin-right: 16px;
}
.page-detail .article-detail .top .article-time{
    font-size:14px;
    color:rgba(0,0,0,0.35);
    height: 24px;
    line-height: 24px;
}
.page-detail .article-detail  .lables-list{
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-detail .article-detail  .lables-list .lab{
    height: 24px;
    line-height: 24px;
    background: #F3F3F3;
    border-radius: 4px;
    padding: 0 8px;
    margin-right: 16px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    margin-bottom: 8px;
}
.page-detail .article-detail  .lables-list .lab:hover{
    color: #FF8C28;
    cursor:pointer;
}

.page-detail .article-detail .lables-list .lab a{
    font-size: 12px;
    color: rgba(0,0,0,.65);
    font-weight: 400;
}
.page-detail .article-detail .article-top{
    display: -webkit-box;
    display: flex;
}
.page-detail .detail-option {
    position: relative;
    padding: 0px 16px;
    margin: 0;
}
.periodical-page.page-detail .detail-option {
    position: relative;
    padding: 0px 24px 32px;
    margin: 0;
}
.page-detail .wechat-info .from{
  height: 24px;
  line-height: 24px;
}
.page-detail .wechat-info .con{
  position: relative;
  display: -webkit-box;
  display: flex;
  font-size: 0;
  font-weight: 400;
  margin-top: 6px;
  margin-bottom: 6px;
  background: #f8f8f8;
}
.page-detail .wechat-info .con .left{
  margin: 10px 12px 0;
  width: 50px;
  height: 50px;
}
.page-detail .wechat-info .con .left img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.page-detail .wechat-info .con .right{
  padding:12px 0;
  display: -webkit-box;
  display: flex;
   -webkit-flex-direction: column;
    flex-direction: column;
}
.page-detail .wechat-info .con .right h4{
  font-size: 14px;
}

.page-detail .wechat-info .con .right .des{
    height: 24px;
    line-height: 24px;
    color: rgba(0,0,0,.45);
    overflow: hidden;
    width: 480px;
    text-overflow: ellipsis;
    font-size: 13px;
    margin-top: 5px;
}
.page-detail .wechat-info .con  .link{
    position: absolute;
    top: 10px;
    right: 12px;
    height: 50px;
    width: 50px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-detail .wechat-info .con  .link:hover{
    color: #FF8C28;
    cursor: pointer;
}
.page-detail .wechat-info .con .link  .min{
    width: 32px;
    height: 32px;
}
.page-detail .wechat-info .con  .link .qrcode{
   display: none;
    position: absolute;
    width: 120px;
    height: 120px;
    border:2px solid #CCC;
    padding:10px;
    background-color: #FFF;
    border-radius: 4px;
    top: 50px;
    right: 0px;
}
.page-detail .wechat-info .con  .link .qrcode img{
    width: 100px;
    height: 100px;
}
.page-detail .wechat-info .con  .link:hover .qrcode{
  display: block;
}
.page-detail .detail-option .operotra-wraper{
    position: relative;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
}
.page-detail .detail-option .operotra-wraper{
    position: relative;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
}

.page-detail .article-detail  .article-remark{
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    margin-top: 6px;
    margin-bottom: 6px;
    background: #f8f8f8;
    padding:16px;
    word-break: break-all;
    word-wrap: break-word;
}
.page-detail .article-detail .article-remark p{
    margin: 0px;
    padding: 6px 0;
}
.page-detail .article-detail  .article-editor{
    margin:12px 0;
    width: 100%;
    word-break: break-all;
    min-height: 40px;
    overflow: hidden;
}

.page-detail .article-detail  .article-editor img{
    max-width: 100%;
}

.page-detail .article-detail  .article-editor p{
    margin:6px 0;
}
.page-detail .article-detail .dowm-list-title{
    margin: 12px 0px;
    font-size:14px;
    font-weight: bold;
    color:rgba(0,0,0,0.85);
}

.page-detail .article-detail .dowm-list{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    background: #f8f8f8;
    padding: 12px 16px 0;
}

.page-detail .article-detail .dowm-list span{
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    margin-bottom: 12px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}

.page-detail .article-detail .dowm-list span.doc-item{
    cursor: pointer;
}
.page-detail .article-detail .dowm-list span.doc-item:hover{
    color: #FF8C28;
}

.page-detail .article-detail .dowm-list span a{
    padding-left: 16px;
    color: #FF8C28;
}
.page-detail .article-detail-comment{
    margin: -10px;
}
.page-detail .contact-tip h4{
    height:24px;
    font-size:14px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    line-height:24px;
}

.page-detail .contact-code {
    display: -webkit-box;
    display: flex;
    justify-content: center;
    padding: 10px;
}
.page-detail .contact-code img{
    width: 140px;
    height: 140px;
}

.page-detail .down-oper .top{
    height: 24px;
    line-height: 24px;
    position: relative;
    width: 678px;
    margin:0;
}
.page-detail .down-oper .top .down-num{
    width:180px;
    height:24px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height:24px;
}
.page-detail .down-oper .top .oper{
    width: 676px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: flex;
    justify-content: flex-end;
}

.page-detail .down-oper .top .oper.has-user{
    top: 40px;
    width: 310px;
}
.page-detail .down-oper .top .oper.has-down{
    top: 40px;
    width: 220px;
}

/*详情页点赞 start*/
.down-oper .fabulous,.def-oper .fabulous{
    position: relative;
    height:24px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.45);
    line-height:22px;
    cursor: pointer;
}
.down-oper .fabulous:hover,.def-oper .fabulous:hover{
    color: #FF8C28;
}
.down-oper .fabulous:before,.def-oper .fabulous:before{
/*    position: absolute;
    content: '';
    background: url(/images/icons/icon_zhan_h.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: 0px;
    top: 2px;*/
}
.down-oper .fabulous.active:before,.def-oper .fabulous.active:before{
/*    background: url(/images/icons/icon_zhan_a.png) center no-repeat;
    background-size:19px  17px;*/
}

/*详情页点赞 end*/


/*详情页点赞 start*/
.down-oper .follow,.def-oper .follow{
    position: relative;
    height: 24px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.45);
    line-height: 22px;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.down-oper .follow:hover,.def-oper .follow:hover{
    color: #FF8C28;
}
.down-oper .follow:before,.def-oper .follow:before{
/*    position: absolute;
    content: '';
    background: url(/images/icons/icon_contrast_h.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: -2px;
    top: 2px;*/
}
.down-oper .follow.active:before,.def-oper .follow.active:before{
/*    background: url(/images/icons/icon_zhan_a.png) center no-repeat;
    background-size:19px  17px;*/
}

/*详情页点赞 end*/




/* 收藏 start*/
.down-oper .collect,.def-oper .collect{
    position: relative;
    /*width:60px;*/
    height:24px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.45);
    line-height:22px;
    padding-left: 0px;
    cursor: pointer;
}
.down-oper .collect.long,.def-oper .collect.long,.follow.long{
/*    width:90px;*/
}
.down-oper .collect:hover,.def-oper .collect:hover{
    color: #FF8C28;
}
.down-oper .collect:before,.def-oper .collect:before{
/*    position: absolute;
    content: '';
    background: url(/images/icons/icon_mark_h.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: 0px;
    top: 2px;*/
}

.down-oper .collect.active:before,.def-oper .collect.active:before{
/*    background: url(/images/icons/icon_mark_pre.png) center no-repeat;
    background-size:19px  17px;*/
}
.collect.active .iconfont , .collect .active.iconfont{
    color: #FF8C28;
}
.active .iconfont.icon-duibi{
    color: #FF8C28;
}
/* 收藏 end*/

/*工具页收藏 start*/
.down-oper .t-collect:before,.def-oper .t-collect:before{
/*    position: absolute;
    content: '';
    background: url(/images/icons/icon_shou_h.png) center no-repeat;
    background-size:19px  17px;
    width: 19px;
    height: 17px;
    left: 0px;
    top: 2px;*/
}
.down-oper .t-collect.active:before,.def-oper .t-collect.active:before{
/*    background: url(/images/icons/icon_shou_a.png) center no-repeat;
    background-size:19px  17px;*/
}

/*工具页收藏 end*/

/*详情页对比 start*/
.down-oper .contrast,.def-oper .contrast{
    position: relative;
    width:60px;
    height:24px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.45);
    line-height:22px;
    padding-left: 0px;
    cursor: pointer;
}
.down-oper .contrast:hover,.def-oper .contrast:hover{
    color: #FF8C28;
}
.down-oper .contrast:before,.def-oper .contrast:before{
/*    position: absolute;
    content: '';
    background: url(/images/icons/icon_contrast_h.png) center no-repeat;
    background-size:19px;
    width: 19px;
    height:19px;
    left: 0px;
    top: 2px;*/
}
.down-oper .contrast.active:before,.def-oper .contrast.active:before{
/*    background: url(/images/icons/icon_contrast_a.png) center no-repeat;
    background-size:19px;*/
}
/*详情页对比 end*/
/* 投稿 */
.def .option .op-r .contribution{
    background: #FF8C28;
    border: 1px solid #FF8C28;
    color: #FFF;
    border-radius: 4px;
    text-align: center;
    padding: 0 8px;
    display: inline-block;
    width: 82px;
    height: 24px;
    line-height: 24px;
    margin-left: 8px;
    cursor: pointer;
}

/*end*/

.page-detail .down-oper  .bottom {
    display: -webkit-box;
    display: flex;
}

.page-detail .down-oper  .bottom>a{
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right:10px;
    font-size: 0px;
}

.page-detail .down-oper  .bottom .user{
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.page-detail .down-oper  .bottom .more {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right:10px;
    position: relative;
    display: inline-block;
    background: url(/images/icons/icon_after_nor.png) no-repeat center center;
    background-size: 10px 18px;
}
.page-detail .down-oper  .bottom .more:hover {
    background: url(/images/icons/icon_after_h@2x.png) no-repeat center center;
    background-size:  10px 18px;
}

.page-detail .down-oper  .bottom .user-total{
    height: 32px;
    line-height: 32px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.45);
}
.page-detail .interactive{
    width: 678px;
    height: 108px;
    padding: 12px 0;
    display: -webkit-box;
    display: flex;
}
.page-detail .interactive .opl{
    width: 380px;
    height: 120px;
    display: -webkit-box;
    display: flex;
    justify-content: flex-end;
    transition: width 200ms;
    -moz-transition: width 200ms;
    -webkit-transition: width 200ms;
    -o-transition: width 200ms;
}
.page-detail .interactive .opl.document{
    width: 420px;
    transition: width 200ms;
    -moz-transition: width 200ms;
    -webkit-transition: width 200ms;
    -o-transition: width 200ms;
}
.page-detail .interactive .opr {
    width: 200px;
    height: 120px;
    display: -webkit-box;
    display: flex;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin:0px;
    transition: width 200ms;
    -moz-transition: width 200ms;
    -webkit-transition: width 200ms;
    -o-transition: width 200ms; /* Opera */
}
.page-detail .interactive .opr .opr-top,.page-detail .interactive .opr .opr-bottom{
    width: 320px;
    display: -webkit-box;
    display: flex;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.periodical-page.page-detail .interactive .opl {
    width: 425px;
}

.page-detail .interactive .opl .item,.page-detail .interactive .opr .item{
    width: 48px;
    height: 70px;
    margin-left: 24px;
    cursor: pointer;
    margin: 12px 16px;
}
.page-detail .interactive .opr .item-min{
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: rgb(0,0,0,.45);
    font-size: 12px;
    background-color: #F8F8F8;
    border: 1px solid #E8E8E8;
    border-radius: 50%;
    text-align: center;
    margin-left: 16px;
    margin-top: 14px;
    cursor: pointer;
    display: none;
}
.page-detail .interactive .opr .opr-bottom .item-min{
    margin-top: 16px;
}

.page-detail .interactive .opr .item-min.super{
    color:  #FF2828;
    border: 1px solid #FF2828;
}
.interactive .opr .item-min.active,.interactive .opr .item-min:hover{
    background-color: #FFF;
    border-radius:50%;
    color: #FF8C28;
    border: 1px solid #FF8C28;
}


.page-detail .interactive .item .item-t{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #F8F8F8;
    border:1px solid #E8E8E8;
}

.page-detail .interactive .item:hover .item-t{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #F8F8F8;
    border:1px solid #FF8C28;
}
.page-detail .interactive .item .item-tips{
    width: auto;
    display: block;
    text-align: center;
    margin-top: 6px;
    color: rgba(0,0,0,.45);
    margin: 6px auto 0;
    font-size: 12px;
}
.page-detail .interactive .item:hover .item-tips,.interactive .item.fabulous.active .item-tips{
    color: #FF8C28;
}
.interactive .item.active .item-t{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #FF8C28;
}


/*点赞样式 start*/
.interactive .item.fabulous i.icon{
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background:  url(/images/icons/icon_like_nor@2x.png) no-repeat center center;
    background-size: 18px 18px;
}
.interactive .fabulous.active i.icon{
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background:  url(/images/icons/icon_like_w@2x.png) no-repeat center center;
    background-size: 18px 18px;
}
.interactive .item.fabulous:hover i.icon{
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background:  url(/images/icons/icon_like_h@2x.png) no-repeat center center;
    background-size: 18px 18px;
}
/*点赞 end*/

/*留言样式 start*/
.interactive .item.replay i.icon{
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background:   url(/images/icons/icon_comments@2x.png) no-repeat center center;
    background-size: 18px 18px;
}
.interactive .item.replay:hover i.icon{
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background:  url(/images/icons/icon_comments_h@2x.png) no-repeat center center;
    background-size: 18px 18px;
}
/*留言 end*/

/*更多样式 start*/
.interactive .item.more i.icon{
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background:   url(/images/icons/more_g.png) no-repeat center center;
    background-size: 18px 18px;
}
.interactive .item.more:hover i.icon{
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background:  url(/images/icons/more_h.png) no-repeat center center;
    background-size: 18px 18px;
}
/*更多 end*/

/*下载样式 start*/
.interactive .item.download i.icon{
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background:   url(/images/icons/down_g.png) no-repeat center center;
    background-size: 18px 18px;
}
.interactive .item.download:hover i.icon{
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background:  url(/images/icons/down_o.png) no-repeat center center;
    background-size: 18px 18px;
}
/*下载 end*/

/*转存样式 start*/
.interactive .item.unloading i.icon{
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background:   url(/images/icons/unloading_g.png) no-repeat center center;
    background-size: 18px 18px;
}

.interactive .item.unloading:hover i.icon{
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background:  url(/images/icons/unloading_o.png) no-repeat center center;
    background-size: 18px 18px;
}
/*转存 end*/

/*反馈样式 start*/
.interactive .item.feedback i.icon{
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background:  url(/images/icons/feedback.png) no-repeat center center;
    background-size: 18px 18px;
}
.interactive .item.feedback:hover i.icon{
    background:  url(/images/icons/feedback_o.png) no-repeat center center;
    background-size: 18px 18px;
}
/*反馈 end*/


.interactive .item .reply{
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background:  url(/images/icons/icon_comments@2x.png) no-repeat center center;
    background-size: 18px 18px;
}


.page-detail .interactive .item.auto{
    width: auto;
}
.page-detail .interactive .item.auto .item-t {
    margin:0 auto;
}
.page-detail .interactive .item.auto .item-tips{
    width: auto;
    display: block;
    text-align: center;
    margin-top: 6px;
    color: rgba(0,0,0,.45);
    margin: 6px auto 0;
}
.page-detail .interactive .item.auto .item-pop{
    width: auto;
    display: block;
    text-align: center;
    color: rgba(0,0,0,.45);
    margin: 6px auto 0;
}
.page-detail .interactive .item.auto .item-pop .chi{
    margin-left: 6px;
}
.interactive .item .item-t span.icon{
    width: 46px;
    height: 46px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0,0,0,.45);
    font-size: 12px;
     white-space:nowrap;
}
.page-detail .interactive .item.auto:hover span.icon{
    color: #FF8C28;
}
.page-detail .interactive .item.auto:hover .item-tips{
    color: #FF8C28;
}

.page-detail  .document-detail{
    display: -webkit-box;
    display: flex;
}
.page-detail  .document-detail .cover-l{
    width: 180px;
    height: 245px;
    margin-right: 16px;
    margin-bottom: 12px;
}
.page-detail  .document-detail .cover-l img{
    width: 180px;
    height: 245px;
}
.page-detail  .document-detail .content-r{
    width: 750px;
}
.page-detail .document-detail .content-r.has-cover {
    width: 460px;
}
.page-detail .article-des .des{
    width: 676px;
}
.page-detail .document-detail .content-r.has-cover .des{
    width: 460px;
}

.page-detail .secondary .copy{
    border: 1px solid #E8E8E8;
    padding: 4px 12px;
    border-radius: 2px;
    cursor: pointer;
}
.page-detail .secondary .copy:hover{
    border: 1px solid #FF8C28;
    color: #FF8C28;
}
.page-detail .option-wp-btn{
    position: relative;
    display: -webkit-box;
    display: flex;
    width: 100%;
    padding:24px;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
.page-detail .option-wp-btn .btn-gray{
    position: relative;
    width: 128px;
    height: 48px;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0,0,0,.45);
    background: #FFF;
    border-radius: 4px;
    border:1px solid #E8E8E8;
    cursor: pointer;
}
.page-detail .option-wp-btn .btn-hi{
    position: relative;
    width: 128px;
    height: 48px;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #FF8C28;
    border-radius: 4px;
    cursor: pointer;
}
.page-detail .option-wp-btn .btn-contri{
    position: relative;
    width: 176px;
    height: 56px;
    line-height: 56px;
    font-size: 20px;
    font-weight: 500;
    padding-left: 80px;
    color: #fff;
    background: url(/images/icons/icon_contri.png) no-repeat 54px 16px;
    background-size: 21px 25px;
    background-color: #FF8C28;
    border-radius: 4px;
    cursor: pointer;
}

.page-detail .about-tool .about-tool-list{
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.page-detail .about-tool {
  margin-top: 12px;
}
.about-tool .item {
    width: 210px;
    margin-right:20px;
}
.about-tool .item:nth-child(3n+0){
    margin: 0;
}
.about-tool .item:nth-child(n+4){
    margin-top: 24px;
}
.about-tool .item .img-wp {
    width: 210px;
    height: 122px;
    position: relative;
}
.about-tool .item .img-wp img{
    width: 210px;
    height: 122px;
}
.about-tool .item .dif-name{
    width: 210px;
    height:24px;
    margin-top: 6px;
}
.about-tool .item .dif-name>a{
    width: 210px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    display: inline-block;
}
.about-tool .item .dif-name>a:hover{
    color: #FF8C28;
}
/*详情页样式 end*/

/*
* 评论样式
*
*/
.comment-wraper{
    width: 720px;
    background-color: #FFF;
    border-radius: 4px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    padding: 16px 32px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.05);
    margin: 8px 0px;
    margin-right: 0px;
}
.comment-main{
    background-color: #F8F8F8;
    width: 688px;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    padding: 16px;
    margin: 0 -16px;
}
.comment-main .comment-top {
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 16px;
}
.comment-main .comment-top .header{
    margin-right: 8px;
}
.comment-main .comment-top .header img{
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.comment-main .comment-top .comment-content{
    width: 688px;
    min-height: 44px;
    border-radius: 4px;
    padding: 0;
    margin: 0px;
    margin-right: 0px;
    border-top: 1px solid #F8F8F8;
}
.comment-main .comment-top .comment-content input{
    width: 662px;
    min-height: 40px;
    overflow: hidden;
    border-radius: 4px;
    padding-left: 10px;
    outline:none;
}
.comment-main .comment-top .comment-content textarea{
    width: 662px;
    height: 40px;
    min-height: 40px;
    max-height: 90px;
    background: #FFF;
    border-radius: 2px;
    border: none;
    outline: none;
    padding: 8px 10px;
}

.comment-main .comment-op-wraper{
    width: 668px;
    height: 46px;
    position: relative;
}
.comment-main .comment-op-wraper .comment-send{
    position: absolute;
    right: 6px;
    top: 10px;
    display: -webkit-box;
    display: flex;
}
.comment-main  .comment-op-wraper  .pic_top{
    height: 40px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    cursor: pointer;
    margin-left:10px;
}
.comment-main  .comment-op-wraper  .pic_top .item,.comment-main  .comment-op-wraper  .doc_file .item{
    position:relative;
    display: block;
}

.comment-main  .comment-op-wraper  .doc_file{
    height: 40px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    cursor: pointer;
    margin-left:15px;
}

.comment-main .file-wraper{
    width: 688px;
    height: 40px;
    position: relative;
    display: -webkit-box;
    display: flex;
    height: 50px;
    align-items: center;
    margin-top: 6px;
}
.comment-file-wraper{
    margin-bottom:10px;
    color: rgba(0,0,0,.55);
}
.comment-file-wraper  .doc-list-item{
    display: -webkit-box;
    display: flex;
    margin-bottom: 6px;
}
.comment-file-wraper  .doc-info{
    max-width: 560px;
    overflow: hidden;
    display: inline-block;
    height: 20px;
    line-height: 20px;
}
.comment-file-wraper .del-doc{
    color: #FF8C28;
    cursor: pointer;
    margin-left: 20px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
}
.comment-main  .face_em{
    width: 60px;
    height: 40px;
    line-height: 40px;
    position: relative;
    display:flex;
    justify-content: center;
    align-items: center;
}
.emoji{
/*    min-width: 80px;
    height: 24px;
    line-height: 24px;
    display: inline-block;

    position: relative;*/
}
.emoji:hover{
    color: #FF8C28;
    cursor: pointer;
}

.emoji:before{
/*    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 24px;
    height: 24px;
    background: url(/images/icons/icon_qq_nor@2x.png) no-repeat center center;
    background-size: 18px 18px;*/
}

.emoji:hover:before{
/*    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 24px;
    height: 24px;
    background: url(/images/icons/icon_qq_nor_h@2x.png) no-repeat center center;
    background-size: 18px 18px;*/
}

.comment-main .comment-op-wraper .pic_top .icon-add-pic:hover{
    color: #FF8C28;
}
.comment-main .comment-op-wraper .pic_top .icon-add-pic:hover:before{
/*    background: url(/images/icons/icon_add_pic_h@2x.png) center no-repeat;
    background-size: 19px 17px;*/
}
.comment-main .comment-op-wraper .doc_file .icon-add-doc:hover{
    color: #FF8C28;
}
.comment-main .comment-op-wraper .doc_file .icon-add-doc:hover:before{
/*    background: url(/images/icons/icon_add_doc_h@2x.png) center no-repeat;
    background-size: 19px 17px;*/
}


.emoji-small:before {
/*    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 24px;
    height: 24px;
    background-image: url(/images/icons/icon_qq_nor@2x.png) no-repeat center center;
    background-size: 16px 16px;
    background-position: left;
    background-repeat: no-repeat;*/
}
.emoji-small:hover:before {
/*    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 24px;
    height: 24px;
    background-image: url(/images/icons/icon_qq_nor_h@2x.png) no-repeat center center;
    background-size: 16px 16px;
    background-position: left;
    background-repeat: no-repeat;*/
}


.comment-main .comment-list-wraper .comment-pics{
    display: none;
}
.comment-main .comment-list-wraper .comment-pics img{
    width: 108px;
    height: 74px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #E8E8E8;
}
.comment-main .comment-list-wraper .comment-pics .img img{
    border: 0px solid #E8E8E8;
}
.comment-main .comment-list-wraper .comment-pics  .upload-img-item{
    position: relative;
    height: 74px;
    display: inline-block;
    margin:2px 6px 2px 0;
}
.comment-main .comment-list-wraper .comment-pics  .del{
    width: 108px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    background: rgba(0,0,0,.5);
    color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 12px;
    cursor: pointer;
}
.comment-main .operate-wraper{
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 14px;
    color: rgba(0,0,0.45);
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.45);
    border-bottom: 1px solid #E8E8E8;
}
.detail-page .comment-wraper{
    margin: -30px 0px 0;
}
.detail-page .comment-wraper .comment-main{
    padding-top: 0px;
}
.detail-page .comment-wraper .comment-main .operate-wraper {
    /*display: none;*/
}
.detail-page .comment-wraper .comment-list:first-child{
    margin-top: 0;
}
.comment-main .comment-list-wraper .header-img img{
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.comment-main .pic-wraper{
    display: -webkit-box;
    display: flex;
    width: inherit;
    margin-top:6px;
    margin-left: 30px;
}
.comment-main .pic-wraper>div{
    display: -webkit-box;
    display: flex;
}
.comment-main .pic-wraper>div img{
    display: -webkit-box;
    display: flex;
}
.comment-main .pic-wraper .img-len-four .gallery{
    width:600px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.comment-main .pic-wraper .img-len-other .gallery{
    width:800px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.comment-main .pic-wraper .gallery img{
    width: 268px;
    height: 158px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius:4px;
}
.comment-main .pic-wraper .gallery img.img-responsive{
    width: 268px;
    height: 158px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.comment-wraper .article-fabulous{
    min-width: 40px;
    height: 24px;
}
.comment-wraper .article-fabulous.active{
    color: #FF8C28;
}
.comment-main .comment-count i{
    font-style: normal;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.45);
    margin: 0 -3px;
}
.comment-wraper  .operate .comment-down{
display: none;
}
.comment-wraper .comment-list{
display: -webkit-box;
display: flex;
 -webkit-flex-direction: column;
    flex-direction: column;
border-top: 1px solid #E8E8E8;
margin-top: 8px;
padding-bottom: 8px;
padding-top: 16px;
}
.comment-wraper .comment-list:first-child{
    border-top: 0px solid #E8E8E8;
}
.comment-wraper .list-main-info{
    width: 100%;
    display: -webkit-box;
    display: flex;
    align-items: baseline;
    position: relative;
}
.comment-wraper .list-main-info .article-date{
    position: absolute;
    right: 0px;
    top: 0px;
    font-size:14px;
    color:rgba(0,0,0,0.35);
}
.comment-wraper .list-main-info .user-name{
font-size: 14px;
color:rgba(0,0,0,0.85);
margin-left: 8px;
margin-right: 8px;
height: 20px;
line-height: 26px;
}
.comment-wraper .list-main-info a.user-link{
color: #8193A3;
white-space:nowrap;
}
.comment-wraper .list-main-info  span{
display: inline-block;
}
.comment-wraper  .file-list{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    margin-left: 30px;
    background: #FFF;
    padding: 10px;
    margin: 6px 0;
    padding-left: 30px;
}
.comment-wraper  .file-list .item{
    color: rgba(0,0,0,.45);
    max-width:700px;
    overflow: hidden;
}
.comment-wraper  .file-list .item:hover{
    color: #FF8C28;
    cursor: pointer;
}
.comment-wraper  .content-wraper{
    padding-left: 32px;
    margin-top: 8px;
}
.comment-wraper  .comment-info-item{
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    max-width: 840px;
    word-wrap: break-all;
    overflow: hidden;
}
.comment-wraper .list-main-info .comment-info-item .reback{
    display: inline-block;
    margin-right: 12px;
    color: #8193A3;
}
.comment-wraper .content-more{
display: -webkit-box;
display: flex;
justify-content: flex-end;
font-size: 14px;
color: rgba(0,0,0,0.35);
margin-top: 4px;
margin-bottom: 4px;
padding-left: 32px;
}

.comment-wraper .content-more .oper{
display: -webkit-box;
display: flex;
justify-content: space-between;
align-items: center;
height: 22px;
}
.comment-wraper .content-more .oper .upright{
margin: 0 8px;
}
.comment-wraper .content-more .oper .article-del:hover,.comment-wraper .content-more .oper .article-reply:hover{
cursor: pointer;
color: #ff8c28;
}
.comment-wraper .send-reply{
    width: 100%;
    display: none;
    margin-top: 8px;
    margin-bottom: 16px;
     -webkit-flex-direction: column;
    flex-direction: column;
}
.comment-wraper .send-reply input{
    width: 736px;
    height: 40px;
    padding-left: 10px;
    outline: none;
    margin-right: 0px;
    border-radius: 4px;
}
.comment-wraper .send-reply textarea{
    width: 662px;
    height: 40px;
    min-height: 40px;
    max-height: 90px;
    background: #FFF;
    border-radius: 2px;
    border: none;
    outline: none;
    padding: 8px 10px;
}
.comment-wraper .reply-list .send-reply textarea{
    width: 590px;
    height: 40px;
    min-height: 40px;
    max-height: 90px;
    background: #FFF;
    border-radius: 2px;
    border: none;
    outline: none;
    padding: 8px 10px;
    border: 1px solid #CCC;
}

.comment-wraper .send-reply-bottom{
    height: 40px;
    display: -webkit-box;
    display: flex;
    position: relative;
}
.send-reply-bottom button.ready-action{
    position: absolute;
    right: -6px;
    top: 6px;
}
.reply-list .send-reply-bottom button.ready-action{
    position: absolute;
    right: 8px;
    top: 6px;
}
.comment-wraper .reply-list{
    width: 630px;
    margin-left: 32px;
    background-color: #FFF;
    border-radius: 4px;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 4px;
    position: relative;
}
.comment-wraper .reply-list .comment-list {
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid #E8E8E8;
    padding-bottom: 8px;
    padding-top: 8px;
}
.comment-wraper .reply-list .comment-list:first-child{
    border-top: 0px solid #E8E8E8;
}
.comment-wraper .reply-list .send-reply input{
    width: 640px;
    background: #F5F5F5;
}
.comment-wraper .click-more{
    padding: 16px;
    line-height: 22px;
    text-align: center;
    border-top: 1px solid #E8E8E8;
}
.comment-wraper .click-more  span{
font-size:14px;
font-weight:400;
color:rgba(0,0,0,0.65);
}
.comment-wraper  .click-more  span:hover{
cursor: pointer;
}

/*end*/



/*
* 列表下 评论 样式修改
*/
.comment-module{
    margin-left: -32px;
    margin-right: -32px;
    display: none;
}
.comment-module .comment-wraper{
    padding: 10px 32px 32px;
    margin: 0px 0px;
    box-shadow: none;
}
.comment-module .comment-wraper .comment-down{
    display: none;
}
.comment-module .comment-wraper .comment-up{
    display: block;
}
.comment-module .comment-wraper .reply-list-parent{
    display: block;
}
/*end*/


/*
*分页样式
*/
.pagination-waper {
    border-top: 0px solid #E8E8E8;
    display: -webkit-box;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.bdt {
    display: block;
    width: 100%;
}
.bdt .pagination-waper{
    border-top: 1px solid #E8E8E8;
}

.not-top-border .pagination-waper {
    border-top: 0px solid #E8E8E8;
}
.pagination-waper .pagination{
    height: 48px;
    padding-top: 12px;
}
.pagination-waper .pagination li{
    margin:0 8px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    background: #FFF;
    border:1px solid rgba(0,0,0,.25);
    color: rgba(0,0,0,.65);
}
.pagination-waper .pagination li span,.pagination-waper .pagination li a{
    height: 30px;
    width: 30px;
    display: contents;
    font-size: 14px;
    text-align: center;
    color: rgba(0,0,0,.65);
    display: inline-block;
}

.pagination-waper .pagination li .bigger{
    font-size: 26px;
    margin-top:-3px;
}
.pagination-waper .pagination li span.bigger{
    color: rgba(0,0,0,.25);
}
.pagination-waper .pagination li:hover{
    cursor: pointer;
}
.pagination-waper .pagination li.active{
    background: #FF8C28;
    border:1px solid #FF8C28;
    color: #FFF;
}
.pagination-waper .pagination li.active span,.pagination-waper .pagination li.active a{
    color: #FFF;
}

/*end*/



/*工具页面 start*/
/*创建工具产品*/
.card.create-modul{
    width: 1000px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
     -webkit-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0 12px;
}
.tools-create-title{
    height: 22px;
    font-size: 20px;
    font-weight: bold;
    color: rgba(0,0,0,0.85);
    line-height: 22px;
    margin-top: 50px;
}

.tools-create-wraper .tools-create-group{
    display: -webkit-box;
    display: flex;
    width: 1000px;
    padding: 12px 32px;
}
.tools-create-wraper .left-nav{
    height: 28px;
    font-size: 14px;
    font-weight: bold;
    color: rgba(0,0,0,0.85);
    line-height: 28px;
    min-width: 90px;
    padding-right: 0;
    margin-bottom: 50px;
    position: relative;
}
.tools-create-wraper .left-nav .item{
    position: relative;
    display: inline-block;
    margin-left: -18px;
    padding-left: 18px;
}

.tools-create-wraper .right-details{
    position: relative;
    margin-bottom: 12px;
    padding-left: 50px;
}
.tools-create-wraper .right-details.right-details-unit{
    padding-left: 0px;
}
.tools-create-wraper .right-details .table{
    width: 746px;
}
.right-details .recommend-labels,.right-details .res-labels,.right-details .recommend-knows{
    padding: 10px 0;
    width:850px;
}
.right-details  .normal-lables-title,.motif-recommend .normal-lables-title,.recommend .normal-lables-title{
    font-size: 14px;
    color:rgba(0,0,0,.45);
    display: block;
    height: 16px;
    line-height: 16px;
    margin:0 0 12px;
}
.tools-name-all{
    margin-top: 32px;
    margin-bottom: 32px;
}
.tools-create-wraper .tools-name-unit{
    height:22px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height:22px;
    margin-right:20px;
}
.tools-create-wraper .tools-name-unit:last-child{
    margin-right:0px;
}

.tools-create-wraper .tools-name-unit select{
    width: 220px;
    height: 32px;
    line-height: 32px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(217,217,217,1)
}
.tools-create-wraper .tools-name-unit input{
    width: 220px;
    height: 32px;
    line-height: 32px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid #AAA;
    outline: none;
    padding-left:10px;
}
.tools-create-wraper .tool-mold-wrapper .top {
    min-height: 32px;
    border: solid #AAA 1px;
    outline: 0;
    background-color: white;
    border-radius: 4px;
    display: inline-block;
    padding-left: 8px;
    width: 796px;
}
.tools-create-wraper  .tools-name-all{
    width: 100%;
}

.tools-create-wraper  .tools-name-all input{
    width: 796px;
    height: 32px;
}
.tools-create-wraper  .tools-name-all textarea{
    width: 796px;
    min-height: 32px;
    resize: none;
    overflow:hidden;
}
 .sub-btn-wraper{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}
.sub-btn-wraper .sub-btn{
    width: 260px;
    height: 52px;
    border-radius: 4px;
    background-color: #FF8C28;
    border-color: #FF8C28;
    font-weight:500;
    font-size: 20px;
    color: #fff;
}

.sub-btn-wraper  .sec-btn {
    width: 260px;
    height: 52px;
    border-radius: 4px;
    background-color: #E8E8E8;
    border-color: #E8E8E8;
    font-weight:500;
    font-size: 20px;
    color: rgba(0,0,0,.45);
}
.sub-btn-wraper .sub-btn:hover {
    color: #fff;
    background-color: #FF8C28;
    border-color: #FF8C28;
}

.sub-btn-wraper .sub-btn:focus,.sub-btn-wraper .sub-btn:active {
    box-shadow: 0 0 0 0rem #FF8C2880;
}

.sub-btn-wraper .sub-btn:not(:disabled):not(.disabled).active, .sub-btn-wraper .sub-btn:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #FF8C28CC;
    border-color: #FF8C28CC;
}

.create-modul .tools-labels .green-h:hover,.create-modul .tools-labels .green-h.active{
    background:rgba(231,255,230,1);
    color:rgba(22,214,4,1);
    cursor: pointer;
}
.create-modul .tools-labels .orange-h:hover,.create-modul .tools-labels .orange-h.active{
    background:rgba(255,243,233,1);
    color:#FF8C28;
    cursor: pointer;
}
.longin-header .kouer-menu{
    position: relative;
    font-size: 16px;
}
.longin-header .kouer-menu li{
    position: relative;
    color: #FF0000;
    padding: 0 10px;
}



.tools-tips{
    display: -webkit-box;
    display: flex;
    align-items: flex-end;
}
.tools-create-wraper .tools-tips textarea{
    width: 796px;
    height: 160px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid #AAA;
    outline: none;
    padding: 10px;
    resize:none;
}
.tools-create-wraper .tool-mold-wrapper .research-serach {
    background-color: #FFF;
     -webkit-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
    padding: 6px 0;
    border: 1px solid #EEE;
    width: 796px;
    position: absolute;
    z-index: 999;
    display: none;
    margin-top: 2px;
}
.tools-tips  .show-num{
    position: relative;
    width: 50px;
    height: 24px;
    line-height: 24px;
}
.tools-tips  .show-num .num-unit{
    position: absolute;
    left: -64px;
    font-weight:400;
    color:rgba(0,0,0,0.25);
    z-index: 99;
}
.tool-type-wraper{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.tool-type-wraper.new_style{
    margin-left: 20px;
    margin-top: 12px;
}
.tool-type-wraper .add-labels{
    margin-left: -12px;
}
.tool-type-wraper.new_style .add-labels{
    margin-left: -12px;
}


.tool-type-wraper .selected-direction-wraper,.tool-type-wraper .selected-tool-type-wraper{
    display: -webkit-box;
    display: flex;
    flex-wrap:wrap;
    line-height:32px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(217,217,217,1);
    min-height: 42px;
    width: 750px;
}


.tools-labels{
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0 0 -10px;
    width: 750px;
    position: relative;
}
.has-right-operate
{
    padding-right: 60px;
}
.max-hide{
    max-height: 80px;
    overflow:hidden;
}
.has-right-operate .operate{
    position: absolute;
    right: 0;
    top: 10px;
}
.tools-label-item{
    position: relative;
    display: inline-block;
    background:rgba(243,243,243,1);
    border-radius:4px;
    margin-right: 32px;
    font-size: 14px;
    line-height: 28px;
    height: 28px;
    padding-left: 8px;
    padding-right: 8px;
    margin:6px 10px;
}
.show-add-elemet {
    position: relative;
    margin-right: 32px;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
    margin:6px 10px;
    border:1px dashed rgba(217,217,217,1);
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    width: 108px;
    background: #FFF;
}
.show-add-elemet  img{
    margin-right: 10px;
    width: 14px;
    height: 14px;
}
.show-add-elemet:hover{
    background:rgba(243,243,243,.8);
    cursor: pointer;
}

.selected-direction-item,.selected-tool-type-item{
    position: relative;
    display: inline-block;
    background:rgba(243,243,243,1);
    border-radius:4px;
    margin-right: 32px;
    font-size: 14px;
    line-height: 28px;
    height: 28px;
    padding-left: 8px;
    padding-right: 16px;
    margin:6px 10px;
}



.tool-type-wraper .add-tool-type{
    margin-top: 24px;
    display: -webkit-box;
    display: flex;
}

 .tool-type{
    width: 420px;
    margin-right: 18px;
    height: 32px;
    line-height: 32px;
}



.tool-type-wraper .btn-check{
    background-color: #FF8C28;
    width: 70px;
    height: 32px;
    padding: 0;
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255,255,255,1);
    margin-left: 18px;
}

.tool-type-wraper .btn-check-esc{
    width:74px;
    height:32px;
    border-radius:4px;
    border:1px solid rgba(204,204,204,1);
    font-size: 14px;
    font-weight: 400;
    color:rgba(0,0,0,0.65);
    margin-left: 18px;
}

.unit-btn{
    display: block;
    width: 214px;
    height: 140px;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    overflow: hidden;
}

.unit-btn img{
    width: 212px;
    height: 125px;
    border-radius: 4px;
}

/*主要参数*/
.tools-params-table thead tr{
    border-radius:3px 3px 0px 0px;
}
.tools-params-table th{
    background:rgba(250,250,250,1);
    font-size:14px;
    font-weight:500;
    color:rgba(0,0,0,0.65);
    line-height:22px;
    border-top: 0px;
}
.tools-params-table .attribute-name{
    width: 220px;
}

.tools-params-table .attribute-val{
    width: 420px;
}
.tools-params-table .attribute-do{
    width: 120px;
}

.tools-params-table  .btn-del{
    color: #FF8C28;
    height: 32px;
    line-height: 32px;
}
.tools-params-table  .btn-del:hover{
    cursor: pointer;
}

.tools-params-table  select{
    width: 184px;
    height: 32px;
    line-height: 32px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(217,217,217,1)
}
.tools-params-table  .item-input{
    width: 184px;
    height: 32px;
    line-height: 32px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid #AAA;
    outline: none;
    padding-left:10px;
}
.tools-params-table  .add-do-td{
    text-align: center;
}
.tools-params-table  .add-do-td .add-action{
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    height:32px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px dashed rgba(217,217,217,1);
    font-weight:400;
    color:rgba(0,0,0,0.65);
    padding: 0 4px;
    margin-left: 0px;
    width: 746px;
}
.tools-params-table  .add-do-td .add-action img{
    height: 14px;
    width: 14px;
}
.tools-params-table  .add-do-td .add-action:hover{
    background:rgba(243,243,243,.8);
    cursor: pointer;
}
.tool-nav{
    width:60px;
    height: 392px;
    position: fixed;
    left: 120px;
    bottom: 100px;
    display: none;
}

.tool-nav .item{
    width: 60px;
    display: -webkit-box;
    display: flex;
    height: 56px;
    background: rgba(0,0,0,0.5);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05);
    justify-content: center;
    align-items: center;
    font-size:14px;
    padding: 6px 15px;
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(255,255,255,0.5);
    color:rgba(255,255,255,0.85);
}
.anchor:target{
    /*color: #FF8C28!important;*/
}

.tool-nav .item.active,.tool-nav .item:hover{
    background:#FF8C28;
    box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);
}

    /*上传工具样式*/

.del-tools-wrap .upload-wrap{
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  overflow-x: hidden;
  width: 100%;
  margin-bottom: 24px;
}
.del-tools-wrap .upload-wrap>div{
  width: 212px;
  margin-right: 24px;
  margin-bottom: 20px;
  position: relative;
}

.del-tools-wrap .upload-wrap   img{
  width: 212px;
  height: 125px;
}
.del-tools-wrap .upload-wrap  .do-up{
    background: #E8E8E8;
    display: -webkit-box;
    display: flex;
    height: 125px;
     -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.del-tools-wrap .upload-wrap  .do-up img{
  width: 50px;
  height: 42px;
}
.del-tools-wrap .upload-wrap  .do-up .tips{
  color: rgba(0,0,0,.45);
  height: 24px;
  line-height: 24px;
  margin-top: 5px;
  cursor: pointer;
}
.del-tools-wrap .upload-wrap .del-img{
  height: 125px;
}

.upload-wrap .del-img .del-img-tips{
    text-align: center;
    width: 212px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    display: none;
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 32px;
    line-height: 32px;
}
.tools-create-wraper .right-details.video {
    display: -webkit-box;
    display: flex;
}
.tools-create-wraper .right-details.video .upload-wrap{
    width:300px;
    margin-bottom: 0px;
}
.del-tools-wrap .video-wrap{
    background: #E8E8E8;
    display: -webkit-box;
    display: flex;
    width:212px;
    height: 125px;
    align-items: center;
    justify-content: center;
    margin-right:24px;
}
.del-tools-wrap .video-wrap .up-tip{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.right-details.video .upload-wrap>div {
    width: 212px;
    margin-right: 24px;
    margin-bottom: 0px;
    position: relative;
}
.del-tools-wrap .video-wrap .up-tip img {
    width: 50px;
    height: 42px;
}
.del-tools-wrap .video-wrap .up-tip .tips {
    color: rgba(0,0,0,.45);
    height: 24px;
    line-height: 24px;
    margin-top: 5px;
    cursor: pointer;
}
.del-tools-wrap .video-wrap video{
    pointer-events: none;
}

/*工具页面 end*/
/*详情页显示更多 start*/

.more-actions{
    position: relative;
    line-height: 24px;
}
.more-actions:hover .location{
    /*display: block;*/
}
.more-actions .location{
    position: absolute;
    top: 12px;
    right: -5px;
    width:118px;
    padding-top:15px;
    background:rgba(255,255,255,0);
    display: none;
    z-index: 99;
}
.more-actions .more-actions-list-wraper{
    width:118px;
    background:rgba(255,255,255,1);
    border-radius:2px 0px 0px 0px;
    border:1px solid rgba(232,232,232,1);
}
.more-actions .location:hover{
    color:rgba(0,0,0,0.65);
}
.more-actions .more-alt{
    position: relative;
    width: 100%;
    height: 2px;
    margin: 0;
}
.more-actions .more-alt:before{
/*    content: '';
    height: 8px;
    width: 8px;
    display: block;
    border:  1px solid rgba(232,232,232,1);
    background: rgba(255,255,255,1);
    border-right-width: 0;
    border-top-width: 0;
    position: absolute;
    top: -5px;
    right: 6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);*/
}

.more-actions .more-actions-list{
    padding: 0;
    margin: 0;
    list-style: none;
    width: 118px;
    line-height:34px;
    text-align: center;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}

.more-actions .more-actions-list .item{
    width: 116px;
    height:34px;
    line-height:34px;
    text-align: left;
    padding-left: 30px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}
.more-actions .more-actions-list .item:hover{
    background:rgba(248,248,248,1);
}
.more-actions .more-actions-list .item.v-style{
    color:#FF2828 !important;
}

.more-wp{
    position: relative;
    height: 16px;
    line-height: 24px;
}
.more-wp .location{
    position: absolute;
    top: 12px;
    left: -5px;
    width:118px;
    padding-top:15px;
    background:rgba(255,255,255,0);
    display: none;
    z-index: 99;
}
.more-wp  .more-actions-list-wraper {
    width: 116px;
    background: rgba(255,255,255,1);
    border-radius: 2px 0px 0px 0px;
    border: 1px solid rgba(232,232,232,1);
}

.more-wp  .more-actions-list{
    width: 116px;
}
.more-wp .more-actions-list .item {
    align-items: flex-start;
    padding-left: 12px;
    width:  116px;
}
.more-wp  .association-more{
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 270px;
    margin: 0px -26px 0px;
    border-top: 1px solid #E8E8E8;
    padding: 2px 0;
}
.more-wp .location:hover{
    color:rgba(0,0,0,0.65);
}
.more-wp .more-alt{
    position: relative;
    width: 100%;
    height: 2px;
    margin: 0;
}

.more-wp .more-actions-list{
    padding: 0;
    margin: 0;
    list-style: none;
    width: 118px;
    line-height:34px;
    text-align: center;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}
.more-wp .more-actions-list .item{
    width: 116px;
    height:34px;
    line-height:34px;
    text-align: left;
    padding-left: 30px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}
.more-wp .more-actions-list .item:hover{
    background:rgba(248,248,248,1);
}
.more-wp .more-actions-list .item.v-style{
    color:#FF2828;
}


/*分享 补丁*/
.more-actions.share{
    height: 24px;
}
.more-actions.share .location {
    position: absolute;
    top: 12px;
    right: -5px;
    width: 180px;
    padding-top: 15px;
    background: rgba(255,255,255,0);
    display: none;
    z-index: 99;
}

.more-actions.share .more-actions-list-wraper {
    width: 180px;
}
.more-actions.share .more-actions-list {
    width: 180px;
}

/*详情页显示更多 end*/
/*列表显示更多 start*/
.op-r .more-actions .more-actions-list .item {
    width: 116px;
    height: 34px;
    line-height: 34px;
    text-align: left;
    padding-left: 30px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    margin: 0;
    padding: 0;
    padding-left: 32px;
}
.op-r .more-wp .more-actions-list .item.v-style{
    color:#FF2828;
}
/*列表显示更多 end*/
/*作者右上角个人新模块 start*/
.user-t-group {
    padding: 16px;
    width: 270px;
}
.user-t-group .top .header-img img{
    width: 100px;
    height: 100px;
    border-radius:50%;
    margin:0 auto;
    display: block;
}
.user-t-group .top  .user-name-about{
    padding-bottom: 12px;
    border-bottom: 1px solid #E8E8E8;
}
.user-t-group .top  .user-name-about .u-name a{
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 500;
    color: rgba(0,0,0,0.85);
    text-align: center;
    display: inherit;
    margin-top: 16px;
}
.user-t-group .top  .user-name-about .name a{
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 500;
    color: rgba(0,0,0,0.85);
    text-align: center;
    display: inherit;
    margin-top: 16px;
}
.user-t-group .top  .university,.user-t-group .top  .departments{
    height: 24px;
    position: relative;
    padding-left: 24px;
}
.user-t-group .top  .university:before{
/*    content: '';
    position: absolute;
    left: 0px;
    top: 2px;
    width: 18px;
    height: 18px;
    background: url(/images/icons/icon_school.png) no-repeat center center;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;*/
}
.user-t-group .top  .departments:before{
/*    content: '';
    position: absolute;
    left: 0px;
    top: 2px;
    width: 18px;
    height: 18px;
    background: url(/images/icons/icon_department.png) no-repeat center center;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;*/
}
.user-t-group .bottom{
    height: 36px;
    margin:12px -12px;
}
.user-t-group .bottom .item{
    padding: 0 12px;
    border-right: 1px solid #E8E8E8;
    float: left;
}
.user-t-group .bottom .item.long{
    padding-right: 0px;
    border-right: 0px solid #E8E8E8;
}
.user-t-group .bottom .item .item-num{
    color: #FF8C28;
    text-align: center;
    line-height: 16px;
    margin-bottom: 4px;
    font-size: 12px;
}
.user-t-group .bottom .item .item-def {
    color: rgba(0,0,0,.45);
    line-height: 16px;
    font-size: 12px;
}
.user-t-group .bottom .item .item-num a{
    color: #FF8C28;
    font-size: 12px;
}
.user-t-group .folow-user{
    width:140px;
    height:30px;
    background:#FF8C28;
    border-radius:4px;
    color: #FFF;
    border: none;
}
.user-t-group .chat-user{
    width:84px;
    height:30px;
    border-radius:4px;
    border:1px solid #FF8C28;
    background-color: #fff;
    color: #FF8C28;
    margin-left: 8px;
}
.user-t-group .user-article h4{
    height:22px;
    line-height: 22px;
    font-size:14px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    margin-top: 16px;
    margin-bottom: 8px;
}
.user-t-group .user-article>ul>li{
    line-height: 24px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    margin-top: 8px;
}
.user-t-group .user-article>ul>li a{
    color:rgba(0,0,0,0.65);
}

.user-t-group .user-article>ul>li:first-child{
    margin-top: 0px;
}
/*作者右上角个人新模块 end*/


/*发布 弹层样式 start*/
.publish-notice-wrapper .title{
        margin: 24px 24px 12px;
}
.publish-notice-wrapper .title span{
    font-size:14px;
    font-weight:bold;
    color:rgba(0,0,0,0.85);
}

.publish-notice-wrapper .des-wrapper{
    position: relative;
    width: 420px;
    height: 186px;
    margin: 10px auto;
}

.publish-notice-wrapper .des-wrapper textarea{
    width: 420px;
    height: 186px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(217,217,217,1);
    outline: none;
    resize: none;
    overflow-y: auto;
    padding: 10px;
}
.publish-notice-wrapper .des-wrapper .num-unit{
    position: absolute;
    right: 10px;
    bottom: 2px;
    color: rgba(0,0,0,0.25);
    z-index: 99;
}
.tool-mold-wrapper{
  position: relative;
  margin-left: 50px;
  margin-top: 12px;
}
.tool-mold-wrapper .left-nav-tool-type{
  position: absolute;
  left: -50px;
  top: 6px;
  color: rgba(0,0,0,.65);
}
.tool-mold-wrapper .tools-labels {
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0 0 -10px;
    width: 810px;
    min-height: 24px;
    position: relative;
}
.user-set .tool-mold-wrapper{
  position: relative;
  margin-left: 0px;
  margin-top: 12px;
}
.tool-mold-wrapper .top{
  min-height: 32px;
  border: solid #AAA 1px;
  outline: 0;
  background-color: white;
  border-radius: 4px;
  display: inline-block;
  padding-left: 8px;
  width:850px;
}
.tool-mold-wrapper .hot-lables-dom{
  margin-top: 8px;
}
.tool-mold-wrapper .top .tool-serach-input{
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
  padding: 5px 5px 5px 0;
  width: 280px;
}
.hot-lab-wp{
    position: relative;
}
.hot-lab-wp .hot-lab-dom{
    position: absolute;
    left: -120px;
    top: 12px;
}
.hot-lab-wp .hot-lab-dom  .hot-lab-tips{
    height: 24px;
    margin: 0;
    padding: 0;;
    margin-left: 2px;
    color: rgba(0,0,0,.45);
    padding-left: 20px;
    display: block;
}
.tool-mold-wrapper .label-item{
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin:3px 4px 3px 0;
  padding: 0 5px;
}
.tool-mold-wrapper .label-item .choice-remove{
  color: rgba(0,0,0,.45);
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.tool-mold-wrapper .label-item .choice-remove:hover{
    color: rgba(0,0,0,.65);
}
.tool-mold-wrapper .research-serach{
    background-color: #FFF;
     -webkit-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
    padding: 6px 0;
    border:1px solid #EEE;
    width:850px;
    position: absolute;
    z-index: 999;
    display: none;
    margin-top: 2px;
}
.tool-mold-wrapper .research-serach .bottom{
    padding: 6px 6px 2px;
    box-shadow: 0 -1px 1px 1px #E8E8E8;
}
.tool-mold-wrapper .research-serach .bottom.noshadow{
    padding: 6px 6px 2px;
    box-shadow: none;
}

.tool-mold-wrapper .research-serach .tips{
    color: rgba(0,0,0,.45);
    font-size: 12px;
}
.tool-mold-wrapper .research-serach .new-label{
  color: rgba(0,0,0,.65);
  font-size: 14px;
  font-weight: bold;
}
.tool-mold-wrapper .research-serach .btn{
  border: 0px;
  border-radius: 5px;
  outline: none;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  padding: 0 12px;
  margin: 0 4px;
}
.tool-mold-wrapper .research-serach .done{
  color: #FFF;
  background-color:#FF8C28;
}
.tool-mold-wrapper .research-serach .donot{
  color: rgba(0,0,0,.65);
  background-color:#e4e4e4;
}

.tool-mold-wrapper .serach-list{
  display: -webkit-box;
  display: flex;
   -webkit-flex-direction: column;
    flex-direction: column;
  font-size: 14px;
  max-height: 200px;
  overflow-y: auto;
  box-shadow: 0px 0px 0px 0px #E8E8E8;
}
.tool-mold-wrapper .serach-list .item{
  padding: 0 5px;
  cursor: pointer;
  line-height: 32px;
  height: 32px;
  position: relative;
}
.tool-mold-wrapper .serach-list .item:hover{
  background: #FF8C28;
  color: #FFF;
}
.tool-mold-wrapper .serach-list .item.is-selected{
  background: #F8F8F8;
  color: rgba(0,0,0,.65);
  padding-left: 36px;
  cursor:auto;
}
.tool-mold-wrapper .serach-list .item.is-selected:before{
    content: '';
    position: absolute;
    left: 2px;
    top: 6px;
    width: 32px;
    height: 18px;
    background-image: url(/images/icons/icon_yixuan.png);
    background-position: center;
    background-size: 28px 20px;
    background-repeat: no-repeat;
}

.tool-mold-wrapper .serach-list .item{
  padding: 0 5px;
  cursor: pointer;
  line-height: 32px;
  height: 32px;
  display: block;
}
.tool-mold-wrapper .normal-lables-title{
  height: 24px;
  margin-left: 13px;
  color: #212529;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 10px 6px;
}

/*发布 弹层样式 end*/

/*创建页 新闻 活动*/
.create-wp{
    position: relative;
    width: 720px;
    margin: 0px auto;
    padding: 12px 0;
}
.create-wp h4.title{
    text-align: center;
    font-size:22px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    margin-top: 20px;
    position: relative;
}

.create-wp h4.title .create-help{
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
}

.create-wp h4.title .create-help.vedio-help{
    right: 40px;
}
.create-wp h4.title .create-help .iconfont {
    cursor: pointer;
}
.create-help .msg{
    display: none;
    position: absolute;
    z-index: 99;
    top: 36px;
    left: 3px;
    color: #FFF;
    border-radius: 3px;
    padding: 6px;
    width: 130px;
    background: #999;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
    cursor: pointer;
}
.create-wp .msg:before {
    background: #999 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 10px;
    left: 10px;
    position: absolute;
    top: -12px;
    transform: rotate(45deg) translate(6px,6px);
    width: 10px;
}
.create-help:hover .msg{
    display: block;
}



.create-wp .create-item{
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.create-wp .create-item.nowrap{
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
}
.create-wp .create-item.nowrap .right{
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    width: 628px;
}
.create-wp .create-item.nowrap .right .btn-def{
    width: 520px;
}
.create-wp .create-item.nowrap .doc-factor-wrapper .item-warpper, .doc-Way-wrapper .item-warpper {
    display: -webkit-box;
    display: flex;
    margin-bottom: 24px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.create-wp .create-item .get-code{
    color: #FF8C28;
    border: 1px solid #FF8C28;
    height: 30px;
    line-height: 30px;
    width: 96px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    margin-left: 8px;
}
.create-wp .create-item .get-code.disable{
    color: #D9D9D9;
    border: 1px solid #D9D9D9;
}

.create-wp .create-item .name{
    width: 85px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: justify;
    font-size: 18px;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    margin-right: 6px;
    position: relative;
}
.create-xz .right .item .name{
    width: 100px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: justify;
    font-size: 18px;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    margin-right: 6px;
    position: relative;
}

.create-wp .create-item .select2-container--height .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 32px;
}

.create-wp p.download-title{
    text-align: left;
    width: 100%;
    padding: 150px 0 0;
    line-height: 32px;
    color: rgba(0,0,0,.65);
    font-size: 16px;
}
.create-wp p.download-title b{
    font-size: 16px;
}
.create-wp p.download-wp{
    text-align: center;
    width: 100%;
    padding: 20px 0 200px;
}

.page-user-set .create-wp .create-item .name {
    width: 90px;
    margin-right: 2px;
}
.page-user-set .create-wp .create-item .tell-style{
    height: 36px;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}
.page-user-set.information-set .create-wp .create-item .name {
    width: 100px;
    margin-right: 2px;
}
.page-user-set.information-set  .create-wp .create-item .btn-def {
    width: 615px;
}


.feedback-title{
    font-size: 16px;
    line-height: 24px;
}
.feedback-title .red{
    color: #FF2828;
    font-style:normal;
    font-size: 18px;
}
.page-user-set .create-wp .feedback{
    width: 725px;
}
.page-user-set .create-wp .feedback textarea{
    width: 725px;
    height: 92px;
    line-height: 24px;
    border: 1px solid #CCC;
    border-radius: 4px;
    outline: none;
    padding:10px;
}
.page-user-set .create-wp .direction{
    width: 615px;
}
.page-user-set .create-wp .direction  textarea{
    width: 615px;
    height: 92px;
    line-height: 24px;
    border: 1px solid #CCC;
    border-radius: 4px;
    outline: none;
    padding:10px;
}
.page-user-set .create-wp .create-item .user b{
    font-size:18px;
    margin-right:8px;
}
.page-user-set .create-wp .create-item .article-link{
    color: #FF8C28;
    font-weight:bold;
    font-size: 16px;
}
.page-user-set .create-wp .create-item .article-link a{
    color: #FF8C28;
    font-weight:bold;
    font-size: 16px;
}

.page-user-set .create-wp .create-item .contact-us{
    background-color: #FFF;
    text-align: center;
    width: 300px;
    margin:20px auto;
    color: rgba(0,0,0,.85);
}
.page-user-set .create-wp .create-item .contact-us p{
    margin:6px auto;
    font-size: 16px;
}
.page-user-set .create-wp .create-item .contact-us img{
    width: 150px;
    height: 150px;
}
.create-wp .select2-container .select2-selection--single {
    border: 0px solid #CCC;
    border-bottom:  1px solid #CCC;
    border-radius: 0px;
}

.create-wp .news-cover-wraper {
    width:720px;
    height:425px;
    background:rgba(245,245,245,1);
    border-radius:4px;
    padding: 0px;
}
.create-wp .news-cover-wraper .cover-img-action{
    width: 720px;
    height: 425px;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.create-wp .news-cover-wraper .cover-img-action img{
    cursor: pointer;
    width: 50px;
    height: 43px;
}
.create-wp .news-cover-wraper .cover-img-action .tips{
    cursor: pointer;
    height:24px;
    font-size:16px;
    font-weight:400;
    color:rgba(0,0,0,0.4);
    margin-top: 16px;
}
.create-wp .news-cover-wraper .cover-del-wraper {
    width: 720px;
    height: 425px;
    padding: 0;
    margin: 0;
    position: relative;
}
.create-wp .news-cover-wraper .cover-del-wraper img{
    width: 720px;
    height: 425px;
    padding: 0;
    margin: 0;
    position: relative;
}
.create-wp .news-cover-wraper .cover-del-wraper .del-msg {
    width: 720px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background: rgba(0,0,0,.45);
    color: rgba(255,255,255,.85);
}

.create-wp .create-item.merge{
    display: -webkit-box;
    display: flex;
}
.create-wp .create-item.merge .news-cover-wraper {
    width: 213px;
    height: 120px;
    background: rgba(245,245,245,1);
    border-radius: 4px;
    padding: 0px;
    margin:0;
}
.create-wp .create-item.merge .news-cover-wraper .cover-img-action {
    width: 213px;
    height: 120px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.create-wp .create-item.merge  .news-cover-wraper .cover-img-action .tips {
    cursor: pointer;
    height: 24px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.4);
    margin-top: 6px;
    cursor:pointer;
}
.create-wp .create-item.merge .news-cover-wraper .cover-del-wraper {
    width: 213px;
    height: 120px;
    padding: 0;
    margin: 0;
    position: relative;
}
.create-wp .create-item.merge .news-cover-wraper .cover-del-wraper img {
    width: 213px;
    height: 120px;
    padding: 0;
    margin: 0;
    position: relative;
}
.create-wp .create-item.merge .news-cover-wraper .cover-del-wraper .del-msg {
    width: 213px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background: rgba(0,0,0,.45);
    color: rgba(255,255,255,.85);
    cursor: pointer;
}
.create-wp .create-item.merge  .textarea-wrapper {
    position: relative;
    display: block;
    width: 496px;
    height:120px
    background: pink;
    padding: 0;
    margin-left: 10px;
}
.create-wp .create-item.merge  .textarea-wrapper textarea{
    width: 496px;
    height:120px;
    padding:10px;
    border:  1px solid #CCC;
    border-radius: 10px;
    overflow: auto;
}

.create-wp .ajax-upload-dragdrop .tips {
    font-size: 14px;
    color: rgba(0,0,0,.45);
    position: absolute;
    top: 4px;
    left: 100px;
}
.create-wp  .create-item  .btn-def{
    width: 625px;
    border:none;
    border-bottom: 1px solid #CCC;
    height: 32px;
    line-height: 32px;
    outline: none;
    font-size: 14px;
    padding-left: 10px;
}
.create-wp .create-item .fro{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.85);
    margin-bottom: 12px;
}

.create-wp .tool-mold-wrapper {
    position: relative;
    margin:0px;
}
.create-wp .tool-mold-wrapper {
    position: relative;
    margin:0px;
}
.create-wp .tool-mold-wrapper .top {
    min-height: 32px;
    border: solid #E8E8E8 0px;
    border-bottom:1px solid #CCC ;
    outline: 0;
    background-color: white;
    border-radius: 4px;
    display: inline-block;
    padding-left: 8px;
    width: 625px;
    border-radius: 0px;
}
.create-wp .tool-mold-wrapper .research-serach {
    background-color: #FFF;
     -webkit-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
    padding: 6px 0;
    border: 1px solid #EEE;
    width: 630px;
    position: absolute;
    z-index: 999;
    display: none;
    margin-top: 2px;
}
 .do-sub-center{
    display: -webkit-box;
    display: flex;
    justify-content: center;
    padding: 20px 0 30px;
}
 .do-sub-center .btn{
    width: 180px;
    height: 52px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid #FF8C28;
    font-weight:500;
    font-size:20px;
    color:#FF8C28;
    margin: 12px;
}
 .do-sub-center .btn.active{
    color:#FFF;
    background:#FF8C28CC;
    border:0px solid #FF8C28CC;
}
 .do-sub-center .btn.active.finish{
    background:#FF8C28;
    border:0px solid #FF8C28;
}
.create-wp .ajax-file-upload-white {
    display: inline-block;
    width: 66px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    border: 1px dashed rgba(204,204,204,1);
    font-size: 14px;
    font-weight: normal;
    color: rgba(0,0,0,0.65);
    margin-left: 0px;
    margin-right: 0px;
}
.create-wp .ajax-file-upload-white #ajax-upload-id-*:hover{
    cursor: pointer !important;
}

.create-wp .create-item .help-wp{
    position: relative;
}
.create-wp .create-item .tips-help {
    position: absolute;
    width: 24px;
    height: 24px;
    margin-left: 0px;
    cursor: pointer;
    right: -20px;
    top: 2px;
}
.create-wp .create-item .tips-help img{
    width: 24px;
    height: 24px;
}
.create-wp .create-item .tips-help .msg:before {
    background: rgba(0,0,0,1) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 10px;
    left: 10px;
    position: absolute;
    bottom: 4px;
    transform: rotate(45deg) translate(6px,6px);
    width: 10px;
}
.create-wp .create-item  .tips-help .msg {
    display: none;
    position: absolute;
    z-index: 99;
    bottom: 30px;
    left: 6px;
    color: #FFF;
    border-radius: 3px;
    padding: 6px;
    width: 130px;
    background: rgba(0,0,0,1);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
}
.create-wp .create-item .tips-help:hover .msg {
    display: inline-block;
}
.create-wp .create-file .right{
    width: 640px;
    display: inline-block;
}
.activity-type-wp{
    display: -webkit-box;
    display: flex;
}
.activity-type-wp .website{
    border: none;
    border-bottom: 1px solid #CCC;
    height: 32px;
    line-height: 32px;
    width: 358px;
    padding-left: 10px;
    outline: none;
}
.create-wp .btn-short{
    border: none;
    border-bottom: 1px solid #CCC;
    height: 32px;
    line-height: 32px;
    width: 170px;
    padding-left: 10px;
    outline: none;
    margin-right: 10px;
}
.create-wp .btn-little{
    border: none;
    border-bottom: 1px solid #CCC;
    height: 32px;
    line-height: 32px;
    width:330px;
    padding-left: 10px;
    outline: none;
}
.create-wp .soft-select>div.tool-soft {
    position: relative;
    line-height: 20px;
    margin-right: 90px;
    margin-top: 6px;
}
.create-wp .create-item.short{
    position: relative;
    width: 520px;
}
.create-wp .periodical-cover{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 200px;
    height: 244px;
    top: 80px;
}
.create-wp .periodical-cover .del-tools-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    width: 180px;
    height: 224px;
    margin: 0 0 20px 20px;
    /* background: red; */
}
.create-wp .periodical-cover .del-tools-wrap .upload-wrap{
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-x: hidden;
    width: 100%;
    margin-bottom: 0px;
}
.create-wp .periodical-cover .del-tools-wrap .upload-wrap>div {
    width: 180px;
    height: 224px;
    margin-right: 0px;
    margin-bottom: 0px;
    position: relative;
}
.upload-wrap .del-img .del-img-tips {
    text-align: center;
    width: 212px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    display: none;
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 32px;
    line-height: 32px;
}
.create-wp .periodical-cover .del-tools-wrap .upload-wrap img {
    width: 180px;
    height: 224px;
}
.create-wp .periodical-cover  .upload-wrap .del-img .del-img-tips {
    text-align: center;
    width: 180px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
     display: none;
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 32px;
    line-height: 32px;
}
.create-wp .periodical-cover  .upload-wrap .del-img:hover .del-img-tips {
    display: block;
}
.create-wp  .select2-container--default .select2-selection--multiple {
    background-color: white;
    border: solid #CCC 0px;
    border-bottom: solid #CCC 1px;
    border-radius: 0px;
    cursor: text;
}
.create-wp .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #CCC 0px;
    border-bottom: solid #CCC 1px;
    outline: 0;
}
.create-wp .create-item .btn-periodical {
    width: 400px;
    border: none;
    border-bottom: 1px solid #CCC;
    height: 32px;
    line-height: 32;
    outline: none;
    font-size: 14px;
    padding-left: 10px;
}
.create-wp  .doc-author-wrapper .item {
    margin-bottom: 12px;
    height: 32px;
    line-height: 32px;
    display: -webkit-box;
    display: flex;
}
.create-wp .doc-author-wrapper .item .del {
    width: 24px;
    height: 24px;
    position: relative;
    display: inline-block;
    background: url(/images/icons/icon_reduce.png) center no-repeat;
    background-size: 20px 20px;
    margin-left: 12px;
    cursor: pointer;
    margin-top: 4px;
}
.create-wp .soft-select>div.tool-soft.type {
    position: relative;
    line-height: 20px;
    margin-right: 60px;
    margin-top: 6px;
    width: 80px;
}

.create-wp .book-cover .del-tools-wrap .upload-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-x: hidden;
    width: 100%;
    margin-bottom: 0px;
    height: 245px;
}
.create-wp .book-cover .del-tools-wrap .upload-wrap .del-img {
    height: 224px;
}
.create-wp .book-cover .del-tools-wrap .upload-wrap img {
    width: 180px;
    height: 224px;
}
.create-wp .book-cover .del-tools-wrap .upload-wrap .del-img-tips  {
    width: 180px;
}

/*textarea 自适应高度样式 start*/
.textarea-wrapper {
  position: relative;
  display: block;
  width: 625px;
}
.textarea-wrapper .field-textarea {
    position: absolute;
    top: 0;
    left: 0px;
    width: 625px;
    border:none;
    border-bottom: 1px solid #CCC;
    box-sizing: border-box;
    line-height: 24px;
    font-size: 14px;
    text-align: left;
    resize: none;
    overflow: hidden;
    background-color: transparent;
    outline: none;
    padding: 5px 10px 0;
}
/*textarea 自适应高度样式 end*/

.doc-dete-wraper{
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.create-wp  .doc-dete-wraper .btn-short {
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 1px solid #CCC;
    height: 32px;
    line-height: 32px;
    width: 140px;
    padding-left: 10px;
    outline: none;
    margin-right: 10px;
}
.create-wp .soft-select.doc-radio-wrapper > div {
    position: relative;
    line-height: 20px;
    margin-right: 100px;
}
.create-wp .new-type-select{
  width: 150px;
  height: 28px;
}

/*创建页 end*/
/*主题样式*/
.list-wp .topic-title{
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    padding-top: 32px;
    padding-bottom: 32px;
    width: 100%;
}
.topic-list-group{
    width: 720px;
    margin:0 auto;
}
.topic-list-group .item{
    display: -webkit-box;
    display: flex;
    border-bottom: 1px solid #E8E8E8;
}
.topic-list-group .item .no{
    width: 80px;
    height: 173px;
    display: -webkit-box;
    display: flex;
    align-items: center;
}
.topic-list-group .item .no .index{
    font-style: normal;
    width:40px;
    height:40px;
    line-height: 40px;
    text-align: center;
    background:rgba(240,242,245,1);
    font-size:24px;
    color:rgba(0,0,0,0.65);
    border-radius: 50%;

}
.topic-list-group .item .img-wp{
    width:212px;
    height: 173px;
    display: -webkit-box;
    display: flex;
    align-items: center;
}
.topic-list-group .item .img-wp img{
    width: inherit;
    height: 125px;
    border-radius:inherit;
}
.topic-list-group .item .img-wp.user img{
    width: inherit;
    height: 125px;
    border-radius:50%;
}

.topic-list-group .item .right{
    width: 428px;
    height: 173px;
    padding-left: 24px;
}
.topic-list-group .item .right{
    width: 428px;
    height: 173px;
    padding-top: 24px;
    padding-left: 24px;
    position: relative;
}
.topic-list-group .item .right .title{
    line-height:24px;
    font-size:18px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
}
.topic-list-group .item .right .detail{
    margin-top: 8px;
    display: -webkit-box;
    display: flex;
    align-items: baseline;
}
.topic-list-group .item .right .detail .node{
    height: 24px;
    line-height: 24px;
}
.topic-list-group .item .right .detail .space{
    margin-right: 8px;
    margin-left: 8px;
}
.topic-list-group .item .right .detail .label{
    height: 24px;
    line-height: 24px;
    background: #F3F3F3;
    border-radius: 4px;
    padding: 0 8px;
    margin-right: 5px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    display: inline-block;
}
.topic-list-group .item .right .detail .univer{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    display: inline-block;
    margin-right: 12px;
}
.topic-list-group .item .right .option{
    height: 20px;
    width: 400px;
    display: -webkit-box;
    display: flex;
    position: absolute;
    bottom: 24px;
    left: 24px;
}
.topic-list-group .item .right .option .op{
    height: 20px;
    width: 20px;
    font-style: normal;
    margin-right: 24px;
    display: block;
    cursor: pointer;
    position: relative;
}
.topic-list-group .item .right .option .op:after{
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
}
.topic-list-group .item .right .option .op.top:after{
    background: url(/images/icons/option_top.png) no-repeat center center;
    background-size: 20px;
}
.topic-list-group .item .right .option .op.top.dis:after{
    background: url(/images/icons/option_top_d.png) no-repeat center center;
    background-size: 20px;
}

.topic-list-group .item .right .option .op.up:after{
    background: url(/images/icons/option_up.png) no-repeat center center;
    background-size: 20px;
}
.topic-list-group .item .right .option .op.up.dis:after{
    background: url(/images/icons/option_up_d.png) no-repeat center center;
    background-size: 20px;
}

.topic-list-group .item .right .option .op.down:after{
    background: url(/images/icons/option_down.png) no-repeat center center;
    background-size: 20px;
}
.topic-list-group .item .right .option .op.down.dis:after{
    background: url(/images/icons/option_down_d.png) no-repeat center center;
    background-size: 20px;
}

.topic-list-group .item .right .option .op.bottom:after{
    background: url(/images/icons/option_bottom.png) no-repeat center center;
    background-size: 20px;
}
.topic-list-group .item .right .option .op.bottom.dis:after{
    background: url(/images/icons/option_bottom_d.png) no-repeat center center;
    background-size: 20px;
}
.topic-list-group .item .right .option .op.del:after{
    background: url(/images/icons/option_del.png) no-repeat center center;
    background-size: 20px;
}
.topic-list-group .item .right .option .op.edit:after{
    background: url(/images/icons/option_edit.png) no-repeat center center;
    background-size: 20px;
}
.paging{
    height: 60px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*主题样式 end */


/*期刊也 评论样式补丁*/
.periodical-comment-wp  .comment-wraper {
    width: 1000px;
    background-color: #FFF;
    border-radius: 4px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    padding: 16px 32px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.05);
    margin: 8px 0px;
    margin-right: 0px;
}
.periodical-comment-wp .comment-main {
    background-color: #F8F8F8;
    width: 956px;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    padding: 16px;
    margin: 0 -16px;
}
.periodical-comment-wp .comment-main .comment-top .comment-content {
    width: 736px;
    min-height: 44px;
    border-radius: 4px;
    padding: 0;
    margin: 0px;
    margin-right: 0px;
    border-top: 1px solid #F8F8F8;
}
.periodical-comment-wp .comment-wraper .reply-list {
    width: 885px;
    margin-left: 32px;
    background-color: #FFF;
    border-radius: 4px;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 4px;
    position: relative;
}
.periodical-comment-wp  .comment-wraper .send-reply textarea {
    width: 885px;
    height: 40px;
    min-height: 40px;
    max-height: 90px;
    background: #FFF;
    border-radius: 2px;
    border: none;
    outline: none;
    padding: 8px 10px;
}
.periodical-comment-wp .comment-main .comment-top .comment-content textarea {
    width: 920px;
    height: 40px;
    min-height: 40px;
    max-height: 90px;
    background: #FFF;
    border-radius: 2px;
    border: none;
    outline: none;
    padding: 8px 10px;
}
.periodical-comment-wp  .comment-wraper .reply-list .send-reply textarea {
    width: 850px;
    height: 40px;
    min-height: 40px;
    max-height: 90px;
    background: #F8F8F8;
    border-radius: 0px;
    border: none;
    outline: none;
    padding: 8px 10px;
}

/*添加相关工具*/
.tool-mold-wrapper.min {
    position: relative;
    margin-left: 40px;
    margin-top: 0px;
    display: -webkit-box;
    display: flex;
    padding-top: 40px;
}
.tool-mold-wrapper.min .lt{
    position: relative;
    margin-right: 20px;
}
.tool-mold-wrapper.min  .top {
    min-height: 32px;
    border: solid #CCC 0px;
    border-bottom: solid #CCC 1px;
    outline: 0;
    background-color: white;
    border-radius: 0px;
    display: inline-block;
    padding-left: 8px;
    width: 450px;
}
.tool-mold-wrapper.min .top .tool-serach-input {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
    padding: 5px;
    width: 430px;
}
.tool-mold-wrapper.min .research-serach {
    background-color: #FFF;
     -webkit-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
    padding: 6px 0;
    border: 1px solid #EEE;
    width: 450px;
    position: absolute;
    z-index: 999;
    display: none;
    margin-top: 2px;
}
.tool-mold-wrapper.min .research-serach .bottom {
    padding: 6px 6px 2px;
    box-shadow: none;
}
.tool-mold-wrapper.min .label-item {
    position: relative;
    background-color: #FFF;
    border: 0px solid #CCC;
    border-radius: 0px;
    cursor: default;
    float: left;
    margin: 3px 12px 3px 0;
    padding: 0 5px;
}
.tool-mold-wrapper.min .label-item .choice-remove {
    position: absolute;
    color: rgba(0,0,0,.45);
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
    font-size: 22px;
    line-height: 22px;
    right: -20px;
    top:0px;
}
.tool-mold-wrapper.min  img.scholar{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 6px;
}
/*end*/
.document-error-wrapper{
    padding: 6px 12px;
}
.document-error-wrapper textarea{
    width: 368px;
    height: 58px;
    background: #F8F8F8;
    border-radius: 0px;
    border: none;
    outline: none;
    padding: 6px;
    font-size: 12px;
}

/*关下相载 start*/
.about-list .list.article-list {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0;
}

.about-list .article-list .item .time{
  display: block;
  color: rgba(0,0,0,.45);
  font-size: 12px;
}
.about-list .list .item {
    width: 243px;
    font-size: 14px;
    background: #FFF;
    display: block;
    align-items: center;
    border-top: 1px solid #E8E8E8;
    padding: 8px 6px 0 0px;
    margin: 8px 12px;
}
.about-list .list .item:first-child {
    border-top: 0px solid #E8E8E8;
}
.about-list .list .item:hover span{
    color: #FF8C28;
}

.about-list .list.article-list .title {
    width: 245px;
    font-size: 12px;
    max-width: 245px;
    display: block;
}
.about-list .list .more{
    width: 245px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    display: inherit;
    border-top: 1px solid #E8E8E8;
    margin: 0 auto;
}
/*相关下载 end*/

/*相关期刊*/
.about-list .periodical-list{
  overflow: hidden;
  position: relative;
  height: 273px;
  margin:0;
  padding: 0px;
  display: block;
}

.about-list .periodical-list .slider{
    overflow: hidden;
    position: relative;
    width: 156px;
    height: 228px;
    margin: 24px 50px;
    display: block;
}

.about-list .periodical-list .slider img{
  width: 156px;
  height: 194px;
}
.about-list .periodical-list .slider .title{
  width: 156px;
  height: 22px;
  line-height: 22px;
  margin-top: 12px;
  display: block;
  font-size: 16px;
  text-align: center;
  font-weight:500;
  color:rgba(0,0,0,0.85);
}

.about-list .periodical-list .pev,.about-list .periodical-list .next{
    position: absolute;
    top: 50%;
    width: 30px;
    height: 50px;
    margin-top: -36px;
    z-index: 10;
    cursor: pointer;
    background-size: 11px 19px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.about-list .periodical-list .next{
    right: 0px;
}

.about-list .periodical-list .pev{
    background-image: url(/images/icons/icon_previous_dis@2x.png);
    left: 15px;
    right: auto;
}

.about-list .periodical-list .next{
    background-image: url(/images/icons/icon_after_dis@2x.png);
    right: 15px;
    left: auto;
}
.about-list .periodical-list .pev:hover{
    background-image: url(/images/icons/icon_previous_h@2x.png);
    left: 15px;
    right: auto;
}

.about-list .periodical-list .next:hover{
    background-image: url(/images/icons/icon_after_h@2x.png);
    right: 15px;
    left: auto;
}

/*end


/*
* 页面 学者 样式
*
*/

.page-partner .partner-serach{
    margin-bottom: 10px;
}
.page-partner .serach-item{
    width: 100%;
    display: -webkit-box;
    display: flex;
}
.page-partner .table{
    margin-bottom:0;
}

.page-partner .table td{
    border:none;
}

.page-partner .serach-item select,.page-partner .serach-item input{
    width: 180px;
    height: 28px;
    outline: none;
    border: 1px solid #aaa;
}
.page-partner .serach-item input.btn-def{
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    border-radius:4px;
}

    /*两侧对齐的标题样式*/
    .name-wrap-80{
        width: 80px;
        display: -webkit-box;
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        margin-right: 10px;
        font-weight: 600;
    }
    .name-wrap-80 .name-last{
        width: 70px;
        min-width: 70px;
        display:inline-block;
        text-align-last: justify;
        -moz-text-align-last: justify ;
        text-align: justify;
        text-justify: distribute-all-lines;
        white-space: nowrap;
    }
    .zhe_con .name-wrap-80 .name-last {
        margin-left: 4px;
    }
    /*两侧对齐的标题样式 end*/

    /*100宽度的 右对齐模块*/
    .name-wrap-100{
    width: 120px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    margin-right: 10px;
    font-weight: 600;
    }


/*关注 学者 start*/
.partner-list-wraper .list-group{
    background: #FFF;
}
.index-wrapper .partner-list-wraper .list-group {
    min-height: 594px;
}
.list-group .list-group-item.partner-flex{
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 18px 16px 0;
}
.list-group .list-group-item.no-border{
    border:none;
}

.list-group  .pagin-style{
    border-top: 1px solid #E8E8E8;
    height: 60px;
}

.partner-flex .partner {
    width:212px;
    height:200px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(233,233,233,1);
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin: 64px 8px 24px;
    padding: 0px;
}
.partner-flex .partner  .create-user{
    width: 22px;
    height: 50px;
    position: absolute;
    left: -38px;
    top: -1px;
    background: pink;
    background: url(/images/icons/pic_creator@2x.png) center no-repeat;
    background-size:22px  50px;
}


.partner-flex .partner .partner-header{
    width: 120px;
    height: 64px;
    background-color: #FFF;
    position: relative;
    margin: 0 auto;
    margin-bottom: 12px;
}
.partner-flex .partner .partner-header .header-wraper{
    width: 120px;
    height: 120px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 50%;
    box-shadow: 0px 2px 2px 0px rgba(233,233,233,1);
}


.partner-flex .partner .partner-header .header-wraper img{
    width: 120px;
    height: 120px;
    border-radius:  50%;
    border: 4px solid #FFF;
}
.partner-flex .partner .partner-name{
    width: 182px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: rgba(0,0,0,0.85);
    margin: 0px 6px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.partner-flex .partner .partner-univer,.partner-flex .partner .partner-college{
    width: 182px;
    margin: 0px 6px 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    text-align: center;
    font-size:13px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}
.partner-flex .partner .partner-action{
    height: 40px;
    border-top: 1px solid rgba(233,233,233,1);
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner-flex .partner .partner-action .not-concerned{
    width: 100%;
    margin: 0;
    padding: 0 33px;
    font-size: 14px;
    color: rgba(0,0,0,0.45);
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
}
.partner-flex .partner .partner-action .concerned{
    width: 100%;
    margin: 0;
    padding: 0 33px;
    font-size: 14px;
    color: rgba(0,0,0,0.45);
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
}

.partner-flex .partner .partner-action .item .action{
    display: -webkit-box;
    display: flex;
    align-items: center;
}

.partner-flex .partner .partner-action .item .action{
    color: #FF8C28;
    font-size: 14px;
}
.partner-flex .partner .partner-action .item>span:hover{
    cursor: pointer;
}

/*默认列表 end*/

/* end*/



/*论文集等列表页样式  start*/
.disk-select-wrapper{
    display: -webkit-box;
    display: flex;
    margin:0;
    justify-content: space-between;
    margin-bottom: 8px;
}
.disk-select-wrapper.volume-wp{
    margin: 16px 12px 0;
    float: right;
    height: 24px;
    line-height: 24px;
}
.disk-select-wrapper .left-group{
    display: -webkit-box;
    display: flex;
    align-items: center;
}
.disk-select-wrapper .left-group .title{
    font-size: 14px;
    color: rgba(0,0,0,.85);
    font-weight: bold;
    margin-right: 6px;
}
.disk-select-wrapper .left-group .detail{
    color: rgba(0,0,0,.85);
    font-size: 14px;
    font-weight: bold;
}
.disk-select-wrapper .left-group .item{
    font-size: 14px;
    color: rgba(0,0,0,.45);
    border:1px solid #E8E8E8;
    width: 88px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    margin:0  8px;
    display: inherit;
}
.disk-select-wrapper .left-group .item.active,.disk-select-wrapper .left-group .item:hover{
    color: #FF8C28;
    border:1px solid #FF8C28;
}
.disk-select-wrapper .volume-group{
    display: -webkit-box;
    display: flex;
    position: relative;
    align-items: center;
}

.disk-select-wrapper .volume-group  .volume-title{
    color: rgba(0,0,0,.85);
    font-size: 14px;
    font-weight: bold;
}
.disk-select-wrapper .volume-group  .volume-num{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.45);
}
.disk-select-wrapper .volume-group .progress {
    width: 152px;
    margin:0 12px;
    height: 4px;
}
.disk-select-wrapper .volume-group .progress .progress-bar-warning{
    background:-webkit-linear-gradient(right, rgba(255,192,81,1) 0%, #FF8C28 100%);
    background:-o-linear-gradient(right, rgba(255,192,81,1) 0%, #FF8C28 100%);
    background:linear-gradient(to left, rgba(255,192,81,1) 0%, #FF8C28 100%);
}
.operotra-left .item{
color: rgba(0,0,0,.45);
}
.operotra-left .item a{
    color: rgba(0,0,0,.45);
}

.operotra-left .item.upright{
    margin:0 12px;
}

.set-share-wapper {
    padding: 0;
    margin:0;
    position: relative;
    height: 500px;
}
.set-share-wapper .over-style{
    padding: 0;
    margin:0;
    position: relative;
    height: 460px;
    overflow-y: auto;
}
.set-share-wapper .over-style .over-style-time{
    display: -webkit-box;
    display: flex;
    margin: 24px 12px 12px;
}
.set-share-wapper .over-style .over-style-time .k-btn{
    border: none;
    border-bottom: 1px solid #E8E8E8;
    height: 32px;
    line-height: 32px;
    width: 120px;
    padding-left: 10px;
    outline: none;
    margin-right: 10px;
}
.set-share-wapper .cross{
    margin:12px 0;
    background-color: #DDD;
}

.set-share-wapper .select2-container--default.select2-container--focus .select2-selection--multiple {
    outline: 0;
    border: none;
    border-bottom: 1px solid #DDD;
    border-radius:0;
}
.set-share-wapper .select2-container--default .select2-selection--multiple {
    outline: 0;
    border: none;
    border-bottom: 1px solid #DDD;
    border-radius:0;
}
.set-share-wapper .over-style .over-style-time .left-td{
    position: relative;
    padding-left: 18px;
    height: 28px;
    line-height: 28px;
}
.set-share-wapper .selects {
    width: 100%;
    margin: 10px auto;
    justify-content: center;
    display: -webkit-box;
    display: flex;
    position: relative;
}
.set-share-wapper .selects-title{
    height: 32px;
    line-height: 32px;
    width: 80px;
    padding-left: 18px;
    margin-left: 12px;
    position: relative;
    display: inline;
}
.set-share-wapper .selects-title .red-star:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 0px;
    width: 18px;
    height: 18px;
    background-image: url(/images/icons/icon_red_star.png);
    background-position: left;
    background-repeat: no-repeat;
}
.set-share-wapper .selects .set-disk-labels,.set-share-wapper .selects .set-motif-labels{
    width: 676px;
}
.set-share-wapper .selects .select2.select2-container{
    height: 36px;
}

.set-share-wapper .recommend,.set-share-wapper .motif-recommend{
    width: 676px;
    margin: 10px 24px;
}

.set-share-wapper .operate {
    height: 42px;
    width: 724px;
    display: -webkit-box;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 24px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top:1px solid #E8E8E8;
}
.set-share-wapper .operate .butt{
    margin:0 0 0 12px;
}

.disk-forever{
    display: inline-block;
    text-align: center;
    width:40px;
    height:20px;
    line-height:20px;
    background:#52C41A !important;
    border-radius:10px;
    color:#FFF !important;
    font-size: 12px;
}
.disk-overdue{
    width:40px;
    height:20px;
    line-height:20px;
    background:#B2B2B2 !important;
    border-radius:10px;
    color:#FFF !important;
    font-size: 12px;
    display: inline-block;
    text-align: center;
}
.disk-su{
    display: inline-block;
    height:20px;
    line-height:20px;
    font-size:12px;
    color:#52C41A !important;
}
.article-title .disk-forever,.title .disk-forever{
    margin-left: 12px;
}
.article-title .disk-overdue,.title .disk-overdue{
    margin-left: 12px;
}
.article-title .disk-su,.title .disk-su{
    margin-left: 12px;
}
/*论文集等列表页样式 end*/


/*浮窗样式*/
.floating-window{
    position:fixed;
    bottom:100px;
    right:20px;
    z-index: 99;
    width: 60px;
    height: 240px;
}
.floating-window .item{
    position: relative;
    width: 60px;
    height: 60px;
    background-color: #FFF;
    cursor: pointer;
    border-bottom:1px solid #E8E8E8;
    padding-top: 0px;
    text-align: center;
}
.floating-window .item:first-child{
/*  border-top-left-radius:4px;
    border-top-right-radius:4px;*/
}

.floating-window .item:last-child{
    border-bottom:0px solid #E8E8E8;
/*  border-bottom-left-radius:4px;
    border-bottom-right-radius:4px; */
}
.floating-window .item.top{
    display: none;
    /*background-color: rgba(255,255,255,.5);*/
}


.floating-window .item:hover,.floating-window .item.active{
    background-color: #FF8C28;
}
.floating-window .item:before{
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0px;
    top: 0px;
}

.floating-window .item .tip{
    display:inline-block;
    height:15px;
    font-size:12px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height:15px;
}
.floating-window .item.active .iconfont{
    color: rgba(0,0,0,0.65);
}

.floating-window .item .icon-kefu{
    color: #F13625;
}
.floating-window .item .icon-fankuitianxie{
    color: #2BE76F;
}
.floating-window .item .icon-weixin1{
    color: #2B70E7;
}
.floating-window .item .icon-top{
    color: #7B89A5;
}

.floating-window .item:hover .tip,.floating-window .item.active .tip,.floating-window .item:hover .iconfont, .floating-window .item.active .iconfont{
    color: #FFF;
}

/*客服*/
.floating-window .item.customer:before{
/*    background:url(/images/icons/floating_customer.png) no-repeat center 10px;
    background-size: 20px;*/
}
.floating-window .item.customer:hover:before,.floating-window .item.customer.active:before{
/*    background:url(/images/icons/floating_customer_h.png) no-repeat center 10px;
    background-size: 20px;
    box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);*/
}
.floating-window .item.customer .customer-info{
    width: 160px;
    height: 240px;
    background: #FF8C28;
    position: absolute;
    top: 0px;
    right: 60px;
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
    display: block;
}
.floating-window .item.customer:hover .customer-info{
    display: block;
}
.floating-window .item .customer-info .top{
    width: 160px;
    height: 180px;
    border-bottom: 1px solid #FFF;
    font-size:0px;
    padding:12px 0;
}
.floating-window .item .customer-info .top img{
    width: 120px;
    height: 120px;
    border:5px solid #FFF;
}
.floating-window .item .customer-info .top h4{
    width:140px;
    height:22px;
    line-height:22px;
    font-size:14px;
    font-weight:500;
    color:rgba(255,255,255,1);
    margin-top: 6px;
}
.floating-window .item .customer-info .bottom{
    padding: 0px 0px;
    font-size:0px;
}
.floating-window .item .customer-info .bottom p{
    height: 16px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: rgba(255,255,255,1);
    margin-top: 8px;
    text-align: center;
}

.floating-window .item .customer-info .bottom p{
    height: 16px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: rgba(255,255,255,1);
    margin-top: 8px;
    text-align: center;
}

/*社区建议*/
.floating-window .item.suggestions:before{
/*    background:url(/images/icons/floating_suggest.png) no-repeat center 10px;
    background-size: 20px;*/
}
.floating-window .item.suggestions:hover:before{
/*    background:url(/images/icons/floating_suggest_h.png) no-repeat center 10px;
    background-size: 20px;*/
}

/*关注我们*/
.floating-window .item.us:before{
/*    background:url(/images/icons/floating_us.png) no-repeat center 10px;
    background-size: 20px;*/
}
.floating-window .item.us:hover:before{
/*    background:url(/images/icons/floating_us_h.png) no-repeat center 10px;
    background-size: 20px;*/
}
.floating-window .item.us .customer-info{
    width: 160px;
    height: 240px;
    background: #FF8C28;
    position: absolute;
    top: -120px;
    right: 60px;
/*  border-top-left-radius:4px;
    border-bottom-left-radius:4px;*/
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
    display: none;
}
.floating-window .item.us:hover .customer-info{
    display: block;
}

/*回到顶部*/
.floating-window .item.top:before{
/*    background:url(/images/icons/floating_top.png) no-repeat center 10px;
    background-size: 20px;*/
}
.floating-window .item.top:hover:before{
/*    background:url(/images/icons/floating_top_h.png) no-repeat center 10px;
    background-size: 20px;*/
}
/*浮窗样式end*/

/*个人主页样式*/
/**
* 页面 动态页 样式
*/
.dynamic-wraper .dynamic-top{
    position: relative;
    height: 138px;
}
.dynamic-wraper .dynamic-top .bg-about{
    width: 100%;
    padding: 0px;
    position: relative;
}
.dynamic-wraper .dynamic-top img{
    width: 1000px;
    height: 138px;
    padding: 0;
    margin: 0;
    min-width: 1000px;
}
.dynamic-top .change-btn{
    display: none;
    position: absolute;
    right: 48px;
    top: 22px;
    width: 80px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #FFF;
    border-radius: 2px;
    background-color: rgba(0,0,0,.5);
}
.dynamic-wraper .dynamic-top .bg-about:hover .change-btn{
    display: block;
}

.dynamic-top .change-btn:hover{
    background-color: rgba(0,0,0,.8);
    cursor: pointer;
}

.main-user{
    position: relative;
    margin-bottom: 12px;
    background-color: #FFF !important;
    display: -webkit-box;
    display: flex;
}
.main-user .user-info{
    display: -webkit-box;
    display: flex;
    flex-direction: row;
}

.main-user .user-info .header-info{
    position: relative;
    width: 180px;
    min-width: 180px;
    height: 20px;
}
.main-user .user-info .header-info img{
    width: 120px;
    height: 120px;
    border-radius: 4px;
    border: 2px solid rgba(255,255,255,1);
    position: absolute;
    top: -30px;
    left: 40px;
    background-color: #E8E8E8;
}
.main-user .user-info .user-left-wrap .user-name{
    font-size: 20px;
    font-weight: 500;
    color: rgba(0,0,0,0.85);
    line-height: 24px;
    height: 24px;
    margin: 8px 0;
}
.main-user .user-info .user-left-wrap .user-name .identity{
    display: inline-block;
    padding: 0 8px;
    font-size: 14px;
    color:rgba(0,0,0,0.65);
}
.main-user .user-info .user-left-wrap .user-bot{
    display: -webkit-box;
    display: flex;
}
.main-user .user-info .user-left-wrap .user-signature{
    color: rgba(0,0,0,.65);
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 6px;
}
.main-user  .user-edit{
    position: absolute;
    right: 12px;
    bottom: 12px;
    width:88px;
    height:30px;
    line-height: 30px;
    text-align: center;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid #FF8C28;
    cursor: pointer;
}
.main-user  .user-edit a {
    color: #FF8C28;
}
.gender{
    position: relative;
    height: 20px;
    width: 30px;
    display: inline-block;
}
.gender-male:before{
    content: '';
    position: absolute;
    left: 8px;
    top: 4px;
    width: 18px;
    height: 18px;
    background-image: url(/images/icons/icon_male.png);
    background-position: left;
    background-repeat: no-repeat;
}
.gender-female:before{
    content: '';
    position: absolute;
    left: 8px;
    top: 4px;
    width: 18px;
    height: 18px;
    background-image: url(/images/icons/icon_female.png);
    background-position: left;
    background-repeat: no-repeat;
}

.main-user .user-info .user-left-wrap .user-detail{
    height:24px;
    line-height:24px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    margin-right: 10px;
}

.main-user .user-info .user-left-wrap{
    position: relative;
    min-height: 96px;
    margin-bottom: 12px;
}
.main-user .user-info .user-left-wrap .opera-more-wraper{
    display: inline-block;
    height: 24px;
}
.main-user .user-info .user-left-wrap .more-up,.main-user .user-info .user-left-wrap .more-down{
    position: relative;
    width:130px;
    height:30px;
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    /*border: 1px solid rgba(204,204,204,1);*/
    border-radius: 4px;
    justify-content: flex-start;
    margin-left: 0px;
}
.main-user .user-info .user-left-wrap .btn-more:focus{
    border:1px solid rgba(204,204,204,0.9);
    color: #212529;
    box-shadow:none;
}

.main-user .user-info .user-left-wrap .btn-more:hover{
    color: #303030;
}


.user-other-wraper{
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:space-between;
}

.user-other-wraper .user-other{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content:center;
}
.user-other-wraper .upright{
    height: 40px;
}
.user-other-wraper .user-other .user-other-num{
    height: 26px;
    font-size: 24px;
    color: #FF8C28;
    line-height: 26px;
    margin-bottom: 10px;
    /*width: 75px;*/
    overflow: hidden;
    padding: 0 5px;
    text-align: center;
}
.user-other-wraper .user-other .user-other-num a{
    font-size: 24px;
    color: #FF8C28;
}
.user-other-wraper .user-other .user-other-explain{
    height:14px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height:14px;
}
i.orange-i.read-num{
    color: #FF8C28;
    font-style:normal;
    font-size: 12px;
}

/*基本资料样式*/

.basic-info  {
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding:0;
    margin:0;
    border-bottom: 1px solid #E8E8E8 !important;
}

.basic-info  .basic-info-top{
    position: relative;
    height: 44px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    padding-left: 14px;
}
.base-data .table{
    margin-bottom:6px;
}
.individual-option .over-style{
    display:none;
    border-top: 1px solid #EEE;
    overflow: hidden;
}
.individual-option .option{
    display: block;
    margin: 0 auto;
    text-align: center;
    width:120px;
    height:30px;
    padding-top:4px;
    border-radius:4px;
    border:1px solid #CCC;
}
.individual-option .option:hover{
    border:1px solid #FF8C28;
}
.individual-option .option:hover .icon{
    color:#FF8C28;
}
.individual-option .option:hover .icon:after{
    border-color: #FF8C28;
}
.infomation-table .no-border{
    border: 0px solid;
}
.infomation-wraper{
    display: -webkit-box;
    display: flex;
    align-items: flex-start;
}

.infomation-wraper .item{
    color:rgba(0,0,0,0.65);
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.infomation-wraper .item .green {
    padding: 0 3px;
    font-size: 16px;
}
.infomation-wraper .item.inline{
    display: inline-block;
    margin-right: 12px;
}
.infomation-wraper a .item.inline:hover{
    color: #FF8C28;
}

.details-edit{
    margin-top: 20px;
}

.details-edit .details-edit-title,.about-scholar{
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    padding: 0 24px;
}
.details-edit .details-edit-title{
    background-color: #F8F8F8;
}
.about-Scholar{
    background-color: #FFF;
}

.details-edit .details-info{
    padding: 10px;
}

.details-edit .definition{
    font-size:14px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    line-height:22px;
    display: inline-flex;
}

.details-edit .attribute{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height:22px;
    display: inline-flex;
}

.s-banner ul{
    display: -webkit-box;
    display: flex;
    flex-direction: row;
}

.s-banner ul li{
    font-size:16px;
    font-weight:400;
    color:rgba(0,0,0,0.85);
    margin-right: 60px;
}

.s-banner ul li.active{
    font-weight:500;
    color: #FF8C28;
}

.my-article,.my-follow{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    width: 88px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    margin-right: 16px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.65);
}

.my-article.active,.my-follow.active{
    color:#FF8C28;
    border:1px solid #FF8C28;
}
.my-article:hover,.my-follow:hover{
    cursor: pointer;
    color:#FF8C28;
    border:1px solid #FF8C28;
}


.article-list{
    border-bottom: 1px solid #E8E8E8;
    margin:10px 0;
    padding-bottom: 10px;
}
.article-list-top{
    display: -webkit-box;
    display: flex;
    align-items: center;
/*  padding-left: 10px;*/
}
.article-list-top img{
    width:32px;
    height:32px;
    border-radius: 50%;
}


.article-list-top .author-name{
    font-size:14px;
    font-weight:500;
    color:#FF8C28;
    line-height:22px;
    margin-left: 8px;
}


.article-list-top .add-time{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.35);
    margin-left: 16px;
}

.article-list-content{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height:24px;
}

.article-list .article-list-other{
    width: 100%;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.article-list .article-list-other span{
    margin:0  10px;
}

.not-more-wraper{
    background: #FFF;
    padding: 0 32px;
    position: relative;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    border-top: 1px solid #E8E8E8 !important;
}
.partner-asks .not-more-wraper{
    border-top: 0px solid #E8E8E8 !important;
}
.not-more{
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.45);
    text-align: center;
    background: #FFF;
    border-top: 2px solid #E8E8E8;
    padding-top: 6px;
}
.not-search{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    margin:30px auto;
}
.not-more-wraper .not-user,.not-search .not-search-tips{
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.45);
    text-align: center;
    background: #FFF;
    border-top: 0px solid #E8E8E8;
}
.not-data{
    text-align: center;
    margin: 10px;
    color:rgba(0,0,0,0.45);
    margin:30px auto;
}
.max-len-tips{
    font-size: 14px;
    color: #FF8C28;
}
/*动态下 交流列表样式*/
.list-group-item.trends-list-wraper {
    padding:0 32px;
}
.trends-list-wraper  .trends-list-info{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #E8E8E8;
    margin: 0 -32px;
    padding: 12px 32px;
}

.trends-list-wraper  .trends-list-info:last-child{
    border-bottom: 0px solid #E8E8E8;
}

.trends-list-wraper  .trends-list-info .trends-list-top{
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
.trends-list-wraper  .trends-list-info .trends-list-top div{
    margin-right: 8px;
}

.trends-list-wraper  .trends-list-info .trends-list-top  .header-wraper img{
    height:32px;
    width: 32px;
    border-radius: 50%;
}

.trends-list-wraper  .trends-list-info .trends-list-top  .name-wraper{
    color: #FF8C28;
    font-weight:600;
    font-size:14px;
    height:22px;
    line-height:22px;
}
.trends-list-wraper  .trends-list-info .trends-list-top  .trends-time{
    height:22px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.35);
    line-height:22px;
}
.trends-list-wraper  .trends-list-info .trends-list-content{
    width:856px;
    min-height: 48px;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height:24px;
}
.trends-list-wraper  .trends-list-info .trends-list-content .see-more{
    color: #FF8C28;
}
.trends-list-wraper  .trends-list-info .trends-list-content .see-more:hover{
    cursor: pointer;
}
.trends-list-wraper  .trends-list-info .trends-list-operotra{
    display: -webkit-box;
    display: flex;
    justify-content:flex-end;
}
/**/
.action-wraper{
    height: 24px;
    line-height: 24px;
    position: relative;

    display: box;              /* OLD - Android 4.4- */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: -webkit-box;
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: baseline;
}
.action-wraper>span{
    margin:0;
    display: inline-block;
}
.action-wraper>span.mr24{
    margin-right: 24px;
}
.action-wraper>a{
    margin:0px;
    display: inline-block;
}
.action-wraper>span.upright {
    height: 10px;
    margin: 0 8px;
    display: inline-block;
    width: 1px;
    background: #999;
}

/*个人页发表动态*/
.trends-content{
    position: relative;
    display: -webkit-box;
    display: flex;
    margin: 0 12px;
     -webkit-flex-direction: column;
    flex-direction: column;
}
.create-trends textarea{
    width: 668px;
    height: 120px;
    background: #F8F8F8;
    border-radius:2px ;
    resize: none;
    border: none;
    outline: none;
    padding:10px;
}
.trends-options{
    width: 668px;
    position: relative;
    display: -webkit-box;
    display: flex;
    margin: 10px 12px;
}
.trends-options .option-action{
    position: absolute;
    right: 4px;
    top: 2px;
}

.trends-options .item {
    position: relative;
    color: rgba(129,147,163,1);
    height: 24px;
    padding-right: 40px;
    padding-left: 2px;
    font-size: 0;
}
.trends-options .item  .iconfont{
    line-height: 24px;
}

.trends-options .item .icon{
    color: #8193A3;
}
.trends-options .item  .icon:hover, .trends-options .item  .somehting:hover{
    color: #FF8C28;
 }

.trends-options .item  .icon-pic-n:hover:before {
    background: url(/images/icons/icon_add_pic_h@2x.png) center no-repeat;
    background-size: 19px 17px;
    width: 19px;
    height: 17px;
    left: -2px;
    top: 3px;
}
.trends-options .item  .icon-add-doc:hover:before {
    background: url(/images/icons/icon_add_doc_h@2x.png) center no-repeat;
    background-size: 19px 17px;
    width: 19px;
    height: 17px;
    left: -2px;
}

.trends-options .item:hover{
    cursor: pointer;
}
.trends-options .item span:hover{
    cursor: pointer;
}
.trends-options .item #serach_at_some,.trends-options .item #serach_topic_some{
    position: absolute;
    width: 264px;
    min-height: 218px;
    padding: 12px;
    background: rgba(255,255,255,1);
    border-radius: 4px;
    border: 1px solid rgba(217,217,217,1);
    top: 24px;
    left: 0;
    display: none;
    z-index: 10;
}
.at-some .search {
    border-radius: 10px;
    position: relative;
    padding-bottom: 12px;
}
.at-some .search .serach-icon {
    position: absolute;
    top: 0px;
    left: 8px;
}
.at-some .search textarea.user {
    width: 240px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    border: none;
    outline: none;
    background: #F8F8F8;
    overflow: hidden;
    padding: 0;
    padding-left: 35px;
}
.at-some .user-list{
    border-top: 1px solid #E8E8E8;
    padding: 8px 0;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
}
.at-some .user-list .title{
    height:17px;
    font-size:12px;
    color:rgba(0,0,0,0.45);
    line-height:17px;
}
.at-some .not-user {
    display: none;
}
.create-trends .trends-content .num-unit{
    position: absolute;
    right: 0px;
    bottom: 2px;
    color: rgba(0,0,0,0.25);
    z-index: 99;
}

/*默认列表 start*/

.list-def-wraper{
    position: relative;
    min-height: 780px;
    background: #FFF;
}
.list-def-wraper.auto-height{
    min-height: 0;
}
.list-def-wraper.disk-recommend{
    margin-top: 20px;
}
 .list-nav-wraper{
    border-bottom: 1px solid #E8E8E8;
    padding: 16px 16px 16px 24px;
    position: relative;
}

.js_sticky .list-nav-wraper.has-bottom{
    border-bottom: 1px solid #E8E8E8;
}
.lunwen .list-nav-wraper {
    border-bottom: 1px solid #E8E8E8;
    padding: 16px 16px 16px 32px;
    position: relative;
    margin: 0 -16px;
}
.lunwen .list-group-item.serach-wrapper{
    margin-bottom: 0px;
    margin: 0 -16px;
    border: none;
    border-bottom: 1px solid #E8E8E8;
    padding: 0px 12px;
}
.lunwen .list-nav-wraper   .item {
    font-size: 16px;
    font-weight: bold;
    color: rgba(0,0,0,0.85);
    height: 22px;
    line-height: 22px;
    padding:0px;
    margin:0px;
    margin-right:32px;
}

 .list-nav-wraper.no-border{
    border-bottom: 0px solid #E8E8E8;
}
.onlyself{
    min-height: 30px;
    margin-bottom:0px;
}
.onlyself  .list-nav-wraper {
    border-bottom: 1px solid #E8E8E8;
}
.list-nav.journal-nav{
    width: 688px;
    height: 24px;
    margin-left: -24px;
}
.list-nav-wraper .create-res{
    position: absolute;
    right: 32px;
    top: 14px;
    display: -webkit-box;
    display: flex;
}
.list-nav-wraper .journal-res.create-res {
    position: absolute;
    right: 0px;
    top: 14px;
    display: -webkit-box;
    display: flex;
}
.list-nav-wraper .create-button,.comment-send .create-button,.detail-option-show .create-button{
    background: #FF8C28;
    border: 1px solid #FF8C28;
    color: #FFF;
    border-radius: 4px;
    text-align: center;
    padding: 0 8px;
    display: inline-block;
    width: 86px;
    height: 30px;
    line-height: 30px;
    margin-left: 16px;
    cursor: pointer;
}
.list-nav-wraper .more-button{
    color: rgba(0,0,0,.85);
    font-size: 14px;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
}
.list-nav-wraper .more-button:hover{
    color: #FF8C28;
}
.list-nav-wraper .create-theme,.detail-option-show .create-theme{
    background: #FF2828;
    border: 1px solid #FF2828;
    color: #FFF;
    border-radius: 4px;
    text-align: center;
    padding: 0 8px;
    display:inline-block;
    width: 86px;
    height: 30px;
    line-height: 30px;
    margin-left: 16px;
    cursor: pointer;
}
.list-nav-wraper .create-theme:hover,.list-nav-wraper .create-button:hover,.comment-send .create-button{
    opacity: .9;
}

.list-def-wraper .list-group-item {
    margin-bottom: 0px;
    border:0px solid #E8E8E8;
}
.list-def-wraper .list-group-item.has-bottom {
    border-bottom: 1px solid #E8E8E8;
}


 .list-nav .item {
    font-size: 16px;
    font-weight: bold;
    color: rgba(0,0,0,0.85);
    height:22px;
    line-height: 22px;
    margin: 0px 32px 0px 0;
}
.list-nav .item.active {
    color: #FF8C28;
}
.list-nav .item.anchor{
    padding-top: 90px;
}
.list-def-wraper .list-nav .item.date{
    margin: 0px 20px 0px 0;
    font-size: 15px;
}
.list-def-wraper .list-nav .select-wrapper{
    margin-right: 20px;
}
.list-def-wraper .list-nav .upright{
    margin-right: 20px;
    height: 12px;
}
.list-def-wraper .list-nav .check-wrapper{
    display: inline-flex;
}
.create-trends  .list-nav{
    height: 32px;
    line-height: 32px;
}
.create-trends  .list-nav .title-item{
    font-size: 16px;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    height:22px;
    line-height: 22px;
    margin: 0px 32px 0px 0;
}
.list-def-wraper .list-nav .title-item{
    font-size: 16px;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    height:22px;
    line-height: 22px;
    margin: 0px 32px 0px 0;
}
.list-def-wraper .list-nav .item.active {
    color: #FF8C28;
}
.list-def-wraper .list-nav .item:hover {
    color: #FF8C28;
    cursor: pointer;
}

.trends-min-nav {
    padding-left: 24px;
}
.trends-min-nav .item a{
    height: 32px;
    line-height: 32px;
    background: rgba(255,255,255,1);
    border: 1px solid rgba(217,217,217,1);
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(0,0,0,0.85);
    margin-top: 0px;
    margin-right: 8px;
    text-align: center;
    display: inline-block;
    padding: 0px 5px;
    min-width: 54px;
    max-width: 165px;
    overflow: hidden;
}

.trends-min-nav .item.active a, .trends-min-nav .item:hover a {
    border: 1px solid #FF8C28;
    color: #FF8C28;
}

.list-def-wraper .list-operate-wraper,.list-def-wraper .list-over-wraper{
    padding-left: 32px;
}
.list-def-wraper .list-operate-wraper .item,.list-def-wraper .list-over-wraper .item{
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    color: rgba(0,0,0,0.65);
    margin: 0 16px 16px 0;
    padding: 0 16px;
}
.list-def-wraper .list-operate-wraper .item.active,.list-def-wraper .list-over-wraper .item.active{
    border:1px solid #FF8C28;
    color:#FF8C28;
}
.list-def-wraper .list-operate-wraper .item.active{
    color:#FF8C28;
}
.list-def-wraper .list-over-wraper{
    position:relative;
    min-height: 24px;
    width: 100%;
    margin-top: 12px;
}
.list-def-wraper .list-over-wraper .over-lables-wraper{
    position:relative;
    min-height: 24px;
    width: 100%;
    padding-right: 60px;
}
.list-def-wraper .list-over-wraper .item a{
    color:inherit;
}
.list-def-wraper .list-over-wraper .operate{
    position: absolute;
    right: 24px;
    top: 4px;
}
.list-def-wraper .list-over-wraper  .over-hide{
    height: 48px;
    overflow: hidden;
}

.list-def-wraper  .h-orange:hover{
    color: #FF8C28;
    cursor: pointer;
    border-color: #FF8C28
}
.list-def-wraper .list-info-wraper{
    padding: 0px 32px;
}
.list-def-wraper .list-info-wraper.bd-top{
    border-top: 1px solid #E8E8E8;
}
.list-def-wraper .list-info-wraper .list-info-item{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0 -32px;
    padding: 12px 32px 0px;
}

.list-def-wraper .list-info-wraper .list-info{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding-bottom:12px;
    border-bottom: 1px solid #E8E8E8;
}
.list-def-wraper .list-info-wraper .list-info-item:last-child .list-info{
    border-bottom: 1px solid #FFF;
}

.list-def-wraper .list-info-wraper .list-info .bottom-wrapper{
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    width: 100%;
}
.list-def-wraper .list-info-wraper .list-info .left{
    width: 212px;
    height:125px;
    margin-right: 16px;
}
.list-def-wraper .list-info-wraper .list-info .left img{
    width: 212px;
    height:125px;
    border-radius: 4px;
}
.list-def-wraper .list-info-wraper .list-info  .top-wraper{
    position: relative;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}
.list-def-wraper .list-info-wraper .list-info  .top-wraper .top-left{
    display: -webkit-box;
    display: flex;
    align-items: center;
    height:24px;
}
.list-def-wraper .list-info-wraper .list-info  .top-wraper .top-left{
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.list-def-wraper .list-info-wraper .list-info  .top-wraper .top-right{
    float: right;
}

.list-def-wraper .list-info-wraper .list-info  .top-wraper .user{
    display: -webkit-box;
    display: flex;
    align-items: center;
}
.list-def-wraper .list-info-wraper .list-info  .top-wraper .user img{
    border-radius: 50%;
    height:24px;
    width: 24px;
    margin-right: 4px;
}
.list-def-wraper .list-info-wraper .list-info  .top-wraper .user span{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.85);
}
.list-def-wraper .list-info-wraper .list-info  .top-wraper .title{
    height: 24px;
    font-size: 15px;
    font-weight: bold;
    color: rgba(0,0,0,0.85);
    line-height: 24px;
    margin-right: 15px;
    overflow: hidden;
    /*max-width: 326px;*/
    text-overflow: ellipsis;
}
.list-def-wraper .list-info-wraper .list-info  .top-wraper .title a:hover{
    color:#FF8C28;
}
.list-def-wraper .list-info-wraper .list-info  .top-wraper .time{
    height:24px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.35);
    line-height:24px;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 12px;
}

.list-def-wraper .list-info-wraper .list-info .right .content{
    max-height: 72px;
    min-height: 48px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    overflow: hidden;
    margin-bottom: 6px;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
    text-align: justify;
}
.list-def-wraper .list-info-wraper .list-info .right .content.auto-height{
    min-height: 0px;
}
.list-def-wraper .list-info-wraper .list-info .right .content .upright{
    margin: 0 6px;
    display: inline-block;
    height: 10px;
}
.list-def-wraper .list-info-wraper .list-info .right .operotra-wraper{
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    height: 24px;
    line-height: 24px;
}
.list-def-wraper .list-info-wraper .list-info .right .operotra-wraper .operotra-left{
    display: -webkit-box;
    display: flex;
    align-items: center;
}
.operotra-wraper>.operotra-left>a:hover{
    color: #FF8C28 !important;
}
.list-def-wraper .list-info-wraper .list-info .right .operotra-wraper .operotra-left a{
   color: rgba(0,0,0,.45);
    font-size: 14px;
    font-weight: 400;
}
.list-def-wraper .list-info-wraper .list-info .right .operotra-wraper .operotra-left a.topic-link{
    color: rgba(0,0,0,.45);
}
.list-def-wraper .list-info-wraper .list-info .right .operotra-wraper .operotra-left a.topic-link:hover{
    color: #FF8C28;
}
.list-def-wraper .list-info-wraper .list-info.has-left .left{
    display: block;
}
.list-def-wraper .list-info-wraper .list-info.has-left .right{
    width:630px;
    position: relative;
}

.list-def-wraper .list-info-wraper .list-info.has-left .right .news-rule{
    width:630px;
    position: relative;
    height: 106px;
    overflow:hidden;
}
.list-def-wraper .list-info-wraper .list-info.has-left .right .disk-rule{
    width:630px;
    position: relative;
    height: 106px;
    overflow:hidden;
}
.list-def-wraper .list-info-wraper .list-info .right.news .operotra-wraper{
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 134px;
    right: 0;
    background: #FFF;
    width: inherit;
}
.list-def-wraper .list-info-wraper .list-info .right.news .operotra-wraper.news-operotra{
    position: relative;
    top: 0;
    right: 0;
}
.list-def-wraper .list-info-wraper .list-info.has-left .right .top-right{
    /*display: none;*/
}

.list-def-wraper .list-info-wraper .list-info.not-left .left{
    display: none;
}
.list-def-wraper .list-info-wraper .list-info.not-left .right{
    width: 100%;
    position: relative;
}
.list-def-wraper .list-info-wraper .list-info.not-left .right .top-right{
    display: block;
}
.list-def-wraper .list-labels{
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2px;
    align-items: center;
    min-height: 0px;
    max-height: 48px;
    overflow: hidden;
}

/*灰色色标签样式 默认*/
.list-def-wraper .label-def{
    height:24px;
    line-height:24px;
    background:#F3F3F3;
    border-radius:4px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    padding:0 8px;
    margin-right: 12px;
    margin-bottom: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 120px;
}

.list-def-wraper .list-info-wraper .list-info  a{
    color: inherit;
    font-size: inherit;
}

/*关注话题 topic-maidan-mark  部分样式*/
.list-def-wraper .list-info-wraper .topic-maidan-mark  .top-wraper{
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
}
.list-def-wraper .list-info-wraper .topic-maidan-mark .top-wraper  .operate .attention{
    color: #FF8C28;
}

.list-def-wraper .list-info-wraper .topic-maidan-mark  .top-wraper  .operate .attention:hover{
    cursor:  pointer;
}

.list-def-wraper .list-info-wraper .topic-maidan-mark  .top-wraper .operate .followed:hover{
    cursor:  pointer;
}
.list-def-wraper .list-info-wraper .topic-maidan-mark .list-info .right  .content{
    min-height: 96px;
    max-height: 96px;
}
.list-def-wraper .list-info-wraper .topic-maidan-mark .list-info .right  .bottom-operotra >span{
    height: 24px;
    line-height: 24px;
}
.list-def-wraper .list-info-wraper .topic-maidan-mark .list-info .right  .bottom-operotra{
    height: 24px;
    line-height: 24px;
    display: -webkit-box;
    display: flex;
    align-items: center;
}
.list-def-wraper .list-info-wraper .topic-maidan-mark .list-info .right  .bottom-operotra .upright{
    margin-left: 8px;
    margin-right: 8px;
    height: 14px;
}

.user_detail_top{
    width: 180px;
    align-items: center;
    display: inline-flex;
    padding-left: 20px;
    justify-content: space-between;
}
.user_detail_top .concerned-wraper{
    width: 100%;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
}
.user_detail_top .concerned-wraper .concerned-info{
    min-width: 60px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.45);
}
.user_detail_top .concerned-wraper .concerned-chat{
    min-width: 60px;
    font-size:14px;
    font-weight:400;
    color:#FF8C28;
}
.user_detail_top .concerned-wraper:hover{
    cursor: pointer;
}

.user_detail_top .scholar-follow-do{
    font-size:14px;
    font-weight:400;
    color:#FF8C28;
}
.user_detail_top .scholar-follow-do:hover{
    cursor: pointer;
}
.user_detail_top .scholar-follow-done{
    font-size:14px;;
    font-weight:400;
    color:rgba(0,0,0,0.45);
}
.user_detail_top .scholar-chat{
    margin-left: 40px;
    color:#FF8C28;
}
/*个人主页 end


/*登录样式*/
.login-wraper{
    width:620px;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);
    border-radius:4px;
    padding-top: 50px;
    padding-bottom: 50px;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
}

.login-wraper .login-top-title{
    height: 26px;
    line-height: 26px;
    width: 380px;
    position: relative;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    text-align: center;
}
.login-wraper .reg-img img{
    width: 320px;
    height:320px
}
.login-wraper .login-top-title:after{
    width: 100%;
    position: absolute;
    content: "";
    height: 0px;
    top: 15px;
    left: 0px;
    border: 2px solid #E8E8E8;
    border-top: none;
    border-left: none;
    border-right: none;
}
.login-wraper .login-top-title .title{
    min-width: 40px;
    height: 26px;
    padding: 0 14px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    position: absolute;
    z-index: 10;
    font-family: 黑体;
}
.login-wraper .login-top-title .title.wechat{
    font-size: 24px;
}
.login-wraper .login-mode{
    width: 380px;
    padding-left: 63px;
    padding-right: 63px;
    height: 40px;
    margin: 33px auto 24px;
}

.login-wraper .login-mode span{
    display: block;
    padding-bottom: 14px;
    font-size:16px;
    font-weight:bold;
    color:rgba(0,0,0,0.65);
}
.login-wraper .login-mode span.active{
    color:#FF8C28;
    border-bottom:2px solid #FF8C28;
}

.login-wraper .login-info{
    position: relative;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    width: 380px;
    margin-bottom: 24px;
}
.login-wraper  .login-by-code{
    display: none;
}
.login-wraper .login-info input{
    width:380px;
    height:40px;
    line-height: 40px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(217,217,217,1);
    outline: none;
    padding-left: 10px;
    -webkit-appearance:none;
}

.login-wraper .login-info>.input-title{
    width: 200px;
    height: 28px;
    font-size: 14px;
    font-weight: bold;
    color: rgba(0,0,0,0.85);
    line-height: 28px;
    margin-bottom: 8px;
}
.login-wraper .login-info .input-wraper{
    display: -webkit-box;
    display: flex;
    justify-content: baseline;
}
.wap .identity-wraper{
    width: 70%;
    display: -webkit-box;
    display: flex;
    justify-content: baseline;
}
.wap .identity-wraper select.btn-short{
    width: 85px !important;
}

.login-wraper .login-info input.short{
    width: 270px;
}
.login-wraper .login-info img.captcha{
    width: 100px;
    height:40px;
    margin-left: 8px;
}
.login-wraper .login-info img.captcha:hover{
    cursor: pointer;
}
.login-wraper .login-info .get-code{
    color: #FF8C28;
    border: 1px solid #FF8C28;
    height: 38px;
    line-height: 38px;
    width: 96px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    margin-left: 8px;
}
.login-wraper .login-info .get-code.disable{
    color: #D9D9D9;
    border: 1px solid #D9D9D9;
}

.login-wraper  .login-other{
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    width: 380px;
}
.login-wraper  .login-other .wechat-login{
    display: -webkit-box;
    display: flex;
    color:rgba(0,0,0,0.65);
    height:22px;
    line-height:22px;
}
.login-wraper  .login-other .wechat-login span{
    margin-right: 12px;
}
.login-wraper  .login-other .forget a{
    color: #FF8C28;
    height:22px;
    line-height: 22px;
    text-decoration: underline;
}
.login-wraper  .login-other .forget-center{
    text-align: center;
    width: 100%;
}
.login-wraper  .login-other .forget-center a{
    color: #FF8C28;
    height:22px;
    line-height: 22px;
    font-size: 16px;
    text-decoration: underline;
}

.login-wraper  .login-other .wechat-login{
    display: -webkit-box;
    display: flex;
    color:rgba(0,0,0,0.65);
    height:22px;
    line-height:22px;
}
.login-wraper  .login-btn{
    width: 380px;
    height:40px;
    background:#FF8C28;
    border:1px solid #FF8C28;
    border-radius:4px;
    margin-top: 24px;
    margin-bottom: 16px;
    outline: none;
    color: #FFF;
    font-size:17px;
    font-weight:400;
}
.login-wraper  .login-tips{
    width:380px;
    height:44px;
    font-size:13px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height:22px;
}
.login-wraper .reset-by-email{
    display: none;
    position: relative;
}
.login-wraper .red-star{
    padding-left: 20px;
}

.login-wraper .login-info input::-webkit-input-placeholder {
    font-size:16px;
}
.login-wraper .login-info input:focus::-webkit-input-placeholder {
     font-size:16px;
}
/* Firefox < 19 */
.login-wraper .login-info input:-moz-placeholder {
    font-size:16px;
}
.login-wraper .login-info input:focus:-moz-placeholder {
     font-size:16px;
}
/* Firefox > 19 */
.login-wraper .login-info input::-moz-placeholder {
    font-size:16px;
}
.login-wraper .login-info input:focus::-moz-placeholder {
     font-size:16px;
}

/* Internet Explorer 10 */
.login-wraper .login-info input:-ms-input-placeholder {
    font-size:16px;
}
.login-wraper .login-info input:focus:-ms-input-placeholder {
    font-size:16px;
}
.wechat-login-auth iframe {
    height: 400px;
    width: 400px;
    overflow: hidden;
}
.open-wechat-login-auth{
    text-align: center;
}
.open-wechat-login-auth .wx_default_tip {
    margin-top: 10px;
    text-align: center;
}
/*完善资料*/
.login-wraper .perfect-top-title{
    margin-bottom: 24px;
}
.login-wraper .perfect-tips{
    width: 500px;
    font-size:13px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height:22px;
}
.login-wraper .header-img{
    position: relative;
    width: 120px;
    height: 120px;
    margin-top: 32px;
    margin-bottom: 24px;
}
.login-wraper .header-img img{
    position: relative;
    width: 120px;
    height: 120px;
}
.login-wraper .header-img .user-header:hover{
    cursor: pointer;
}

.login-wraper .header-img .setting{
    width: 120px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    background: rgba(0,0,0,.5);
    opacity: .5;
    cursor: pointer;
    color: #FFF;
}

.login-wraper .wechat-img{
    position: relative;
    width: 380px;
    text-align: center;
    margin-bottom: 0px;
}

.wechat-img-postion iframe{
    height:200px;
    width: 200px;
}
.login-wraper .wechat-tips{
    font-size:13px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height:22px;
}

.login-wraper .agreement{
    margin-top: 32px;
    width: 260px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}
.login-wraper .agreement  .k-checkbox-wraper{
    margin-right: 12px;
}

.login-wraper  .perfect-btn{
    width: 260px;
    height:40px;
    background:#FF8C28;
    border:1px solid #FF8C28;
    border-radius:4px;
    margin-top: 6px;
    margin-bottom: 16px;
    outline: none;
    color: #FFF;
    font-size:16px;
    font-weight:400;
}

.login-wraper .login-info .input-wraper select{
    width: 380px;
    height: 40px;
}
.login-wraper .login-info .input-wraper .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 4px;
    height: 40px;
    outline:none;
}
.login-wraper .login-info .input-wraper .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(0,0,0,0.65);
    line-height: 40px;
}
.login-wraper .login-info .input-wraper  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;

}

.login-wraper  .perfect-btn:hover{
    background:#FF8C28CC;
    border:1px solid #FF8C28CC;
}
.protocol-specifications{
    width: 100%;
    padding: 16px;
    line-height: 28px;
}
.protocol-specifications h2{
    text-align: center;
    margin: 10px;
}
.mini-login-wraper{
    width: 270px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}
.mini-login.login-wraper {
    width: 270px;
    background: rgba(255,255,255,1);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05);
    border-radius: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
}
.mini-login.login-wraper .title{
    margin: 0;
    height: 32px;
    width: 270px;
    border-bottom: 1px solid #E8E8E8;
    font-size: 16px;
    font-weight: bold;
}
.mini-login.login-wraper .login-mode {
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    width: 270px;
    padding: 0;
    height: 40px;
    margin:0 0  20px;
}
.mini-login.login-wraper .login-mode span {
    padding-bottom: 14px;
    font-size: 16px;
    font-weight: bold;
    color: rgba(0,0,0,0.65);
    width: 135px;
    text-align: center;
    border-top: 2px solid #E8E8E8;
    border-bottom:none;
    background: #F8F8F8;
    height: 40px;
    line-height: 40px;
}

.mini-login.login-wraper .login-mode span.active {
    color: #FF8C28;
    border-top: 2px solid #FF8C28;
    border-bottom:none;
    background: #FFF;
}


.mini-login.login-wraper .login-info {
    position: relative;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    width: 270px;
    margin-bottom: 24px;
    align-items: center;
}
.mini-login.login-wraper .login-other {
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    width: 270px;
    padding-left: 16px;
}
.mini-login.login-wraper .login-info input {
    width: 238px;
    height: 32px;
    line-height: 32px;
    background: rgba(255,255,255,1);
    border-radius: 4px;
    border: 1px solid rgba(217,217,217,1);
    outline: none;
    padding-left: 10px;
}
.mini-login.login-wraper .login-btn {
    width: 238px;
    height: 32px;
    background: #FF8C28;
    border: 1px solid #FF8C28;
    border-radius: 4px;
    margin-top: 24px;
    margin-bottom: 16px;
    outline: none;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
}
.mini-login.login-wraper .login-info input.short {
    width: 154px;
}
.mini-login.login-wraper .login-info img.captcha {
    width: 76px;
    height: 32px;
    margin-left: 8px;
}
.mini-login.login-wraper .login-info .get-code {
    color: #FF8C28;
    border: 1px solid #FF8C28;
    height: 32px;
    line-height: 32px;
    width: 76px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    margin-left: 8px;
    font-size: 12px;
}
.mini-login.login-wraper .normal-login-option{
    height: 46px;
    width: 270px;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    padding: 0 42px;
    border-top: 2px solid #E8E8E8;
    align-items: center;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}
.mini-login.login-wraper .normal-login-option .item{
    cursor: pointer;
}
.mini-login.login-wraper .wechat-login-dom {
    height: 200px;
}
.mini-login.login-wraper .wechat-login-dom iframe{
    height: 280px;
    width: 270px;
}

.mini-login.login-wraper .wrp_code{
    width: 100%;
    text-align: center;
}
.mini-login.login-wraper .wrp_code .qrcode{
    width: 140px;
    height: 140px;
    margin-top: 16px;
    margin-bottom: 6px;
}
.mini-login.login-wraper .wx_default_tip{
    margin-top: 10px;
    text-align: center;
}
.wx_default_tip .tips{
    height:13px;
    font-size:13px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height:13px;
}
/*登录样式 end */

/*弹出是否继续完善资料样式*/
.perfect-information{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
}
.perfect-information  .perfect-title{
    text-align: center;
    margin: 20px auto;
    font-weight: bold;
}
.perfect-information  .perfect-tips{
    text-indent: 30px;
    margin: 10px auto;
    padding: 0 20px;
    word-break: break-all;
    word-wrap: break-word;
    width:350px;
}
.perfect-information  .perfect-user-tips{
    text-indent: 30px;
    margin: 10px auto;
    padding: 0 20px;
    word-break: break-all;
    word-wrap: break-word;
    width:350px;
}
.perfect-information  .perfect-btn-wraper{
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 100%;
    margin-top: 24px;
}

.perfect-information  .perfect-btn-wraper .sub-btn-small{
    width: 120px;
    height: 32px;
    border-radius: 4px;
    background-color: #FF8C28;
    border:1px solid #FF8C28;
    font-weight:500;
    font-size: 16px;
    color: #fff;
    outline: none;
    margin: 0 12px;
}
.perfect-information  .perfect-btn-wraper .sub-btn-small:hover{
    cursor: pointer;
}
.perfect-information  .perfect-btn-wraper .sub-btn-small.sec{
    background-color: #FFF;
    border:1px solid #AAA;
    color: rgba(0,0,0,.65);
}

.perfect-information  .agreement{
    padding: 0 6px;
}
/*弹出是否继续完善资料样式 end*/

/*期刊查询样式 start*/

.periodical-list {
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.periodical-list.web-wrap{
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.periodical-item{
    width: 180px;
    height: 275px;
    margin: 16px 20px 16px 26px;
}
.periodical-list.web-wrap .periodical-item{
    display: inline-block;
}
.periodical-list.web-wrap .periodical-item:nth-child(3n){
    margin-right: 0px;
}

.periodical-item .img-wrapper{
    width:180px;
    height: 224px;
    position: relative;
}
.periodical-item .img-wrapper .no-img-title{
    display: block;
    width:180px;
    height:56px;
    background:rgba(0,0,0,0.4);
    padding:6px 12px;
    line-height: 22px;
    position: absolute;
    left: 0;
    bottom:0;
    color: #FFF;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
.periodical-item .img-wrapper img{
    width:180px;
    height: 224px
}
.periodical-item .opinion-wp{
    padding-top: 6px;
}

.periodical-item .opinion-wp .item{
    display: -webkit-box;
    display: flex;
    padding: 0 4px;
    justify-content: space-between;
}
.periodical-item .opinion-wp .item .name{
    display: inline-block;
    margin-right: 12px;
    font-size:14px;
    color:rgba(0,0,0,0.85);
    height: 24px;
    line-height: 24px;
}
.periodical-item .opinion-wp .item .star-wrapper{
    width: 120px;
    color: #FF8C28;
    display: -webkit-box;
    display: flex;
    height: 24px;
    justify-content: space-between;
}
.periodical-item .opinion-wp .item  .percentage{
    color: #FF8C28;
    height: 24px;
    line-height: 24px;
}

.periodical-item .opinion-wp .labels>.lab{
    text-align: center;
    height:24px;
    line-height: 24px;
    background:rgba(243,243,243,1);
    border-radius:4px;
    font-size:12px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    margin: 0 3px;
    padding:0 6px;
}
.periodical-item .opinion-wp .item .star-wrapper .stars {
    width: 90px;
    height: 20px;
    padding: 0px;
}
.periodical-item .opinion-wp .item .star-wrapper .star {
    width: 14px;
    height: 20px;
    display: inline-block;
    padding: 0 !important;
}
.at.flow-meet{
    font-size:12px;
    font-weight:400;
    color:rgba(0,0,0,0.45);
    display: inline-block;
    margin:6px 0;
}

.select_labels_ele .right-details .tool-mold-wrapper {
    position: relative;
    margin-left: 0px;
    margin-top: 2px;
}
.select_labels_ele  .right-details .tool-mold-wrapper .top {
    min-height: 32px;
    border: solid #AAA 1px;
    outline: 0;
    background-color: white;
    border-radius: 4px;
    display: inline-block;
    padding-left: 8px;
    width: 750px;
}
.select_labels_ele .hot-lables-tips {
    height: 24px;
    margin: 0;
    padding: 0;
    margin-top: 24px;
    margin-left: 6px;
    color: rgba(0,0,0,.45);
    padding-left: 20px;
    display: block;
}
.select_labels_ele .tool-mold-wrapper .research-serach {
    background-color: #FFF;
     -webkit-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
    padding: 2px 0;
    border: 1px solid #EEE;
    width: 750px;
    position: absolute;
    z-index: 999;
    display: none;
    margin-top: 2px;
    box-shadow: 0 2px 2px 2px #E8E8E8;
}
/*end*/


/*文献 start*/

.document-search-wrapper .item{
    display: -webkit-box;
    display: flex;
    margin: 12px 0;
}
.document-search-wrapper .item.range{
    margin: 35px 0 20px;
}
.document-search-wrapper  .doc-title-wrapper{
    padding-left: 20px;
}
.document-search-wrapper  .lt-title{
    width: 70px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    margin-right: 20px;
}

input[type=range] {
    -webkit-appearance: none;
    width: 300px;
    background: -webkit-linear-gradient(#059CFA, #059CFA) no-repeat; background-size: 0% 100%;
    border-radius: 10px; /*这个属性设置使填充进度条时的图形为圆角*/
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;/*隐藏滑块*/
}
input[type=range]::-webkit-slider-runnable-track {
    height: 15px;
    border-radius: 10px; /*将轨道设为圆角的*/
    box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112; /*轨道内置阴影效果*/
}
input[type=range]:focus {
    outline: none;/*原始的控件获取到焦点时，会显示包裹整个控件的边框，所以还需要把边框取消。*/
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 25px;
    width: 25px;
    margin-top: -5px; /*使滑块超出轨道部分的偏移量相等*/
    background: #ffffff;
    border-radius: 50%; /*外观设置为圆形*/
    border: solid 0.125em rgba(205, 224, 230, 0.5); /*设置边框*/
    box-shadow: 0 .125em .125em #3b4547; /*添加底部阴影*/
}

.time .hour-minute-wp{
    margin: 5px 0;
    display: block;
}
.normal-top .start-day,.normal-top .end-day{
    font-size: 12px;
}
/*时间控件下的 样式补丁*/
.time input[type=range] {
    -webkit-appearance: none;
    width: 140px;
    background: -webkit-linear-gradient(#059CFA, #059CFA) no-repeat; background-size: 0% 100%;
    border-radius: 10px; /*这个属性设置使填充进度条时的图形为圆角*/
}
.time  input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    margin-top: -5px; /*使滑块超出轨道部分的偏移量相等*/
    background: #ffffff;
    border-radius: 50%; /*外观设置为圆形*/
    border: solid 0.125em rgba(205, 224, 230, 0.5); /*设置边框*/
    box-shadow: 0 .125em .125em #3b4547; /*添加底部阴影*/
}

.document-search-wrapper .item.range .range-wrapper{
    position: relative;
    width: 580px;
    height: 40px;
    line-height: 40px;
}
.document-search-wrapper .item.range .range-wrapper .num{
    position: absolute;
    top:-30px;
    color: #FF8C28;
}
.document-search-wrapper .item .input-wrapper .search-input{
    border: 1px solid #D9D9D9;
    width: 460px;
    height: 40px;
    line-height: 40px;
    outline: none;
    border-radius:0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    float: left;
    padding-left: 12px;
}
.document-search-wrapper .item .input-wrapper  .search-bt{
    width:121px;
    height:40px;
    background: #FF8C28;
    border: 1px solid #FF8C28;
    border: none;
    border-radius:0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #FFF;
    font-size: 15px;
    float: left;
}

.doc-type-item{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    margin-right: 16px;
    width:72px;
    height:28px;
    line-height: 28px;
    text-align:center;
    background:rgba(243,243,243,1);
    border-radius:4px;
    display: inline-block;
    cursor: pointer;
    margin-top: 6px;
}
.doc-type-item.active,.doc-type-item:hover{
    color:#FF8C28;
    background:#FFF3E9;
}
.doc-title-list{
    margin-top: 8px;
    width:750px;
    padding: 4px 16px;
    background:rgba(248,248,248,1);
}
.doc-title-list .item{
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    /*line-height: 22px;*/
    padding:4px 0;
}
.doc-title-list .item .content{
    line-height: 22px;
    display: inline-block;
}
.doc-title-list .item .content:hover{
    color:#FF8C28;
    cursor: pointer;
}
.doc-title-list .item .su{
    color: green;
}
.doc-author-wrapper .item {
    margin-bottom: 10px;
    height: 24px;
    display: -webkit-box;
    display: flex;
}
.doc-author-wrapper  .add-dom{
    margin-bottom:6px;
    width:116px;
    height:32px;
    line-height: 32px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px dashed rgba(217,217,217,1);
    text-align: center;
    font-size:14px;
    color:rgba(0,0,0,0.65);
    cursor: pointer;
    display: inline-block;
}
.doc-author-wrapper .item .del{
    width: 24px;
    height: 24px;
    position: relative;
    display: inline-block;
    background:url(/images/icons/icon_reduce.png) center no-repeat;
    background-size: 24px 24px;
    margin-left: 12px;
    cursor: pointer;
}
/*.doc-author-wrapper .item .del:hover{
    border: 1px solid #FF8C28;
}*/
.doc-author-wrapper .item .tips{
    text-align: center;
    color:rgba(0,0,0,0.4);
}
.doc-nomrol-wrapper .k-btn{
    width: 266px;
    line-height: 32px;
    height: 32px;
}
.doc-nomrol-wrapper .k-btn.len-unit{
    width: 400px;
}
.doc-page-wrapper .k-btn{
    width: 111px;
    line-height: 32px;
    height: 32px;
}
.author-list-wrapper{
    width: 572px;
    padding: 0;
    background: #FFF;
    display: -webkit-box;
    display: flex;
    margin-bottom: 6px;
    border: 1px solid #E8E8E8;
     -webkit-flex-direction: column;
    flex-direction: column;
}
.doc-company-wraper select{
    width: 572px;
}
.author-list-wrapper .item{
    height: 36px;
    line-height: 36px;
    background:#FFF;
    padding: 0 10px;
    font-size:14px;
    color:rgba(0,0,0,0.65);
    cursor: pointer;
}
.author-list-wrapper .item:hover{
    background:#F8F8F8;
}
.doc-add-author-wrapper>div{
    margin:12px 0;
}
.doc-add-author-wrapper .soft-select>div.tool-soft {
    position: relative;
    line-height: 20px;
    margin-right: 120px;
}
.doc-company-msg{
    color:#FF8C28;
    margin-top: 3px;
}
.create-document .is-meeting{
    display: none;
}
.soft-select.papers-type-select>div.tool-soft {
    position: relative;
    line-height: 20px;
    margin-right: 130px;
}
.soft-select.papers-type-select>div>label>span {
    position: absolute;
    left: 25px;
    width: 100px;
}
.create-document .do-sub-center{
    padding-top:48px;
    padding-bottom: 48px;
}
.create-topics.create-document .upload-wrap img {
    width: 160px;
    height: 214px;
}
.create-document .del-tools-wrap .upload-wrap .del-img {
     height: 214px;
}
.create-document  .upload-wrap .del-img .del-img-tips {
    width: 160px;
}
.new-document .new-document-li:hover{
    z-index: 1;
}
.new-document .new-document-li .top{
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
}
.new-document .new-document-li .top .author-step{
    height: 18px;
    line-height: 18px;
    padding: 0 8px;
    background: rgba(82,196,26,0.2);
    border-radius: 6px;
    color: #52C41A;
    font-size: 12px;
    font-weight: 400;
}
.new-document .new-document-li .top .num{
    color: #FF8C28;
}
.new-document .new-document-li .authors{
    padding-top:6px;
    font-size:12px;
    line-height: 16px;
    font-weight:400;
    color:rgba(0,0,0,0.45);
}
.new-document .new-document-li .bottom{
    padding:6px 0 0;
    font-size:12px;
    line-height: 16px;
    font-weight:400;
    color:rgba(0,0,0,0.45);
}

.tool-detail-wraper .article-detail .top {
    margin: 0px 0 8px;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.tool-detail-wraper .top-right{
    position: relative;
}
.tool-detail-wraper .list-recommends .recommend{
    position: absolute;
    right: 0px;
    color: rgba(0, 0, 0, 0.45);
    margin-top: 0px;
}
.tool-detail-wraper .recommend{
    position: absolute;
    right: 0px;
    color: rgba(0, 0, 0, 0.45);
    margin-top: 8px;
}
.tool-detail-wraper .authors{
    color: rgba(0, 0, 0, 0.45);
}
.tool-detail-wraper .article-editor{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height:24px;
    text-align: justify;
}

.tool-detail-wraper .operotra-left{
    display: -webkit-box;
    display: flex;
}
.tool-detail-wraper .operotra-left .msg{
    margin-right: 12px;
}
.tool-detail-wraper .operotra-left .edit{
    color:rgba(0,0,0,0.45);
    cursor: pointer;
    margin-left: -20px;
}
.tool-detail-wraper .operotra-left .star-wrapper{
    cursor: pointer;
}

.operotra-left {
    display: -webkit-box;
    display: flex;
    height: 32px;
    line-height: 24px;
    align-items: center;
}


.tool-detail-wraper .operotra-left.document-style .star-wrapper {
    cursor: pointer;
    padding-top: 4px;
}

.detail-page .detail-option .operotra-wraper {
    position: relative;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #E8E8E8;
    margin-top: 6px;
    padding-top: 16px;
}
.doc-detail-edit-wrapper .star-option-wapper{
    display: -webkit-box;
    display: flex;
}
.doc-detail-edit-wrapper .star-option-wapper{
    display: -webkit-box;
    display: flex;
}
.doc-detail-edit-wrapper .star-option-wapper .grade{
    height: 28px;
    line-height: 28px;
    display: inline-block;
    color: rgba(0,0,0,65);
    padding-left: 12px;
    font-size: 14px;
}
.doc-detail-edit-wrapper .document-commont-wrapper textarea{
    width:594px;
    height:160px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(217,217,217,1);
    outline: none;
    padding: 10px;
    resize: none;
}
.doc-detail-edit-wrapper .normal-lables-title{
    margin-top: 12px;
    width: 80px;
    min-width: 80px;
    margin-left: 8px;
    color: rgba(0,0,0,.45);
    display: inline-block;
    text-align-last: justify;
    -moz-text-align-last: justify;
    text-align: justify;
    text-justify: distribute-all-lines;
    white-space: nowrap;
}
.doc-detail-edit-wrapper .doc-detail-edit-labels{
    margin-top: 12px;
}
.doc-detail-edit-wrapper  .right-details .recommend-labels {
    width: 594px;
}

.help .create-button{
    background: #FF8C28;
    border: 1px solid #FF8C28;
    color: #FFF;
    border-radius: 4px;
    text-align: center;
    padding: 0 8px;
    display: inline-block;
    width: 82px;
    height: 24px;
    line-height: 24px;
    margin-left: 8px;
    cursor: pointer;
}
.action-wraper>span.help{
    margin-left:0px;
}
.help-tips{
    color: rgba(0,0,0,.45);
}
.help .create-button.dis{
    background:rgba(217,217,217,1);
    border-color:rgba(217,217,217,1);
    color: #FFF;
}
.help .create-button.correct{
    background:#52C41A;
    border-color:#52C41A;
    color: #FFF;
}
.help .create-button.error{
    background:#FFF;
    border-color:#CCC;
    color:rgba(0,0,0,0.65);
}

.doc-labels-wrapper p{

}
.doc-labels-wrapper .labels{
    position: relative;
}
.doc-labels-wrapper .labels .item{
    display: inline-block;
    height:28px;
    line-height: 28px;
    background:rgba(243,243,243,1);
    border-radius:4px;
    padding-left: 24px;
    padding-right: 6px;
    position: relative;
    cursor: pointer;
}
.doc-labels-wrapper .tp{
    margin-top: 6px;
    display: block;
}
.doc-labels-wrapper .tp img{
    width: 24px;
    margin-left: 6px;
}
.doc-labels-wrapper .tp .tips{
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.doc-labels-wrapper .tp .tips .msg{
    display: none;
    position: absolute;
    z-index: 99;
    bottom: 30px;
    left: 6px;
    color: #FFF;
    border-radius: 3px;
    padding: 6px;
    width:130px;
    background:rgba(0,0,0,1);
    box-shadow:0px 2px 8px 0px rgba(0,0,0,0.15);
}
.doc-labels-wrapper .tp .tips .msg:before{
    background: rgba(0,0,0,1) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 10px;
    left: 10px;
    position: absolute;
    bottom: 4px;
    transform: rotate(45deg) translate(6px,6px);
    width: 10px;
}
.doc-labels-wrapper .tp .tips:hover .msg{
    display: inline-block;
}
.doc-labels-wrapper .tp img{
    width: 20px;
    height: 20px;
    margin-left: 9px;
}
.doc-labels-wrapper .labels .item{
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    margin-right: 8px;
    margin-bottom: 8px;
}
.doc-labels-wrapper .labels .item>i{
    font-style: normal;
}
.doc-labels-wrapper .labels .item:before{
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    width: 20px;
    height: 20px;
    background: url(/images/icons/icon_up_de.png) center no-repeat;
    background-size:12px  10px;
}

.doc-labels-wrapper .labels .item.active{
    color: #FFF;
    background-color: #FF8C28;
}
.doc-labels-wrapper .labels .item.active>i{
    color: #FFF;
}

.doc-labels-wrapper .labels .item.active:before{
    background: url(/images/icons/icon_up_hi.png) center no-repeat;
    background-size:12px  10px;
    width: 20px;
    height: 20px;
}
.doc-labels-wrapper .labels .item:hover{
    color: #FF8C28;
    background: rgba(243,243,243,1);
}
.doc-labels-wrapper .labels .item:hover i{
    color: #FF8C28;
}
.doc-labels-wrapper .labels .item:hover:before,.doc-labels-wrapper .labels .item.active:hover:before{
    background: url(/images/icons/icon_up_h.png) center no-repeat;
    background-size:12px  10px;
    width: 20px;
    height: 20px;
}
.detail-page .img-wrapper{
    width: 224px;
    margin-right: 8px;
}
.detail-page .img-wrapper img{
    width: 224px;
    height: 300px;
}
.detail-page .article-detail .has-cover{
    display: -webkit-box;
    display: flex;
}


.article-detail .has-cover .top {
    width: 470px;
}

.page-detail  .article-detail .has-cover .top .article-title {
    max-width: 470px;
}
.list-group .list-group-item.new-document-li {
    border-top: 1px solid #E8E8E8;
}
.list-group .list-group-item.new-document-li:nth-child(2){
    border-top: 0px solid #E8E8E8;
}

.new-document .change-list .item{
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0 8px;
    cursor:pointer;
}
.new-document .change-list .item.pev{
    background: url(/images/icons/icon_doc_left.png) center no-repeat;
    background-size: 24px 24px;
}
.new-document .change-list .item.pev.hi{
    background: url(/images/icons/icon_doc_left_hi.png) center no-repeat;
    background-size: 24px 24px;
}

.new-document .change-list .item.next{
    background: url(/images/icons/icon_doc_right.png) center no-repeat;
    background-size: 24px 24px;
}
.new-document .change-list .item.next.hi{
    background: url(/images/icons/icon_doc_right_hi.png) center no-repeat;
    background-size: 24px 24px;
}


.search-order{
  width: 100px;
  margin-left: 12px;
  z-index: 99;
}
.search-order  ul {
    padding: 0px;
    background: #FFF;
}
.search-order  ul li{
    list-style: none;
  }
.search-order  .input{
    width: 120px;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    border: 0px solid #cccccc;
    position: relative;
  }
.search-order  .input input{
    cursor: pointer;
    border: none;
    outline: none;
    width: 90px;
  }
.search-order  .input img{
    position: absolute;
    right: 20px;
    top: 34%;
    width: 14px;
  }
 .list-nav .tips{
    height: 20px;
    line-height: 20px;
    display: inline-block;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.45);
 }
.list-nav .tips.about-doc{
    font-size:16px;
    font-weight:bold;
    color:rgba(0,0,0,0.85);
 }

.search-order  .option-list{
    width: 117px;
    border: 1px solid #E8E8E8;
    border-radius: 2px;
    overflow: hidden;
    display: none;
  }
.search-order  .option-list ul li{
    width: 100%;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    line-height: 30px;
    padding-left: 10px;
    cursor: pointer;
  }
.search-order  .option-list ul li:hover{
    background-color: #F8F8F8;
  }
.list-def-wraper .list-recommends {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin : 6px 0px;
    align-items: center;
    min-height: 0px;
    max-height: 48px;
    overflow: hidden;
    justify-content: space-between;
    position: relative;
}
.list-def-wraper .list-recommends>span{
    font-size:13px;
    color:rgba(0,0,0,0.45);
}
.list-def-wraper .list-recommends>span .hi{
    color: #FF8C28;
}
.star-wrapper{
    width: 130px;
    color: #FF8C28;
    display: -webkit-box;
    display: flex;
    height: 24px;
    justify-content: space-between;
}
.star-wrapper .stars{
    width: 100px;
    height: 20px;
}
.star-wrapper .star{
    width: 16px;
    height: 20px;
    display: inline-block;
}
.star-wrapper .star-number{
    width: 30px;
    display: inline-block;
    text-align: right;
    overflow: hidden;
    font-weight:500;
}
.star-wrapper .no-score{
    font-size: 14px;
    color: rgba(0,0,0,.45);
    margin-left: 24px;
}
.star-de{
    background: url(/images/icons/icon-star-de.png)no-repeat center center;
    background-size: 16px 16px;
}
.star-hi{
    background: url(/images/icons/icon-star-hi.png)no-repeat center center;
    background-size: 16px 16px;
}
.star-ha{
    background: url(/images/icons/icon-star-ha.png)no-repeat center center;
    background-size: 16px 16px;
}


.help-trends-group{
    background: rgba(255,255,255,1);
    border-radius: 2px;
    border: 0px solid rgba(233,233,233,1);
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
}
.help-trends-group .bottom {
    border-top: 0px solid #EFEFEF;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 72px;
    width: 100%;
    padding: 10px 20px;
}
.user-group.help-trends-group .bottom .item {
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    width: 75px;
}
.list-group-item  .week-group{
    margin-bottom:28px;
    padding-left: 6px;
}
.list-group-item  .week-group:last-child{
    margin-bottom:0px;
}
.list-group-item  .week-group .lt{
    height:24px;
    font-size:14px;
    font-weight:bold;
    color:rgba(0,0,0,0.85);
    margin-right: 56px;
    display: inline-block;
    width: 60px;
}
.list-group-item  .week-group .rt{
    height:24px;
    font-size:14px;
    color:rgba(0,0,0,0.45);
}
.doc-fileuploader {
    display: -webkit-box;
    display: flex;
    padding:24px 24px 0;
}
.doc-fileuploader .left-name{
    display: inline-block;
    margin-right: 6px;
    width:70px;
    height:28px;
    font-size:14px;
    font-weight: bold;
    font-weight:500;
    color:rgba(0,0,0,0.85);
}
.doc-fileuploader .ajax-file-upload-statusbar {
    width: 500px;
    margin-top:0;
    padding:0px;
}
.doc-factor-wrapper,.doc-Way-wrapper{
    width: 750px;
}
.doc-factor-wrapper .item-warpper,.doc-Way-wrapper .item-warpper{
    display: -webkit-box;
    display: flex;
    margin-bottom:16px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.doc-factor-wrapper .item-warpper>span,.doc-Way-wrapper .item-warpper>span{
    margin-right: 12px;
}
.doc-factor-wrapper .item-input {
    width: 185px;
    height: 32px;
    line-height: 32px;
    background: rgba(255,255,255,1);
    border-radius: 4px;
    border: 1px solid #AAA;
    outline: none;
    padding-left: 10px;
}
.doc-factor-wrapper .short-input,.cycle .short-input{
    width: 100px;
    height: 32px;
    line-height: 32px;
    background: rgba(255,255,255,1);
    border-radius: 4px;
    border: 1px solid #AAA;
    outline: none;
    padding-left: 10px;
}
.doc-Way-wrapper .long-input{
    width: 382px;
    height: 32px;
    line-height: 32px;
    background: rgba(255,255,255,1);
    border-radius: 4px;
    border: 1px solid #AAA;
    outline: none;
    padding-left: 10px;
}
.doc-Way-wrapper .normal-input{
    width: 185px;
    height: 32px;
    line-height: 32px;
    background: rgba(255,255,255,1);
    border-radius: 4px;
    border: 1px solid #AAA;
    outline: none;
    padding-left: 10px;
}

.doc-factor-wrapper .push,.doc-Way-wrapper .push{
    height: 32px;
    width: 32px;
    display: inline-block;
    background: url(/images/icons/icon_push.png) center no-repeat;
    background-size: 24px 24px;
    cursor: pointer;
}
.doc-factor-wrapper .reduce,.doc-Way-wrapper .reduce{
    height: 32px;
    width: 32px;
    display: inline-block;
    background: url(/images/icons/icon_reduce.png) center no-repeat;
    background-size: 24px 24px;
    cursor: pointer;
}
.doc-nomrol-wrapper.cycle  .moon{
    color:rgba(0,0,0,0.65);
    margin-right: 6px;
}
.doc-nomrol-wrapper.cycle  .other{
    color: rgba(0,0,0,.45);
}
.tool-detail-wraper .secondary {
    color: rgba(0, 0, 0, 0.45);
    height: 22px;
}

.article-detail.periodical-detail-wp .main{
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.periodical-detail-wp .main .left-info{
    width: 475px;
    min-height: 280px;
}
.periodical-detail-wp .main .right-info{
    position: absolute;
    top: 12px;
    right: 0px;
}
.periodical-detail-wp .main .right-info .img-wp {
    position: relative;
}
.periodical-detail-wp .main .right-info .img-wp img{
    width: 180px;
    height: 245px;
}

.periodical-detail-wp .main>.left-info .item{
    display: -webkit-box;
    display: flex;
    margin-bottom: 12px;
}
.periodical-detail-wp .main>.left-info .item.direction{
    display: block;
    margin: 12px 0;
}
.periodical-detail-wp .main>.left-info .item .periodical-title{
    min-height:24px;
    font-size:18px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    margin-top: 12px;
}
.periodical-detail-wp .main>.left-info .left-title,.direction .left-title{
    width: 100px;
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: 500;
}
.periodical-detail-wp .main>.left-info .right-content{
    width: 370px;
    word-break: break-all;
    word-wrap: break-word;
}
.periodical-detail-wp .main>.left-info .direction .right-content{
    width: 430px;
}
.periodical-detail-wp .main>.left-info .right-content .website{
    text-decoration:underline;
    color: rgba(24, 144, 255, 1);
}

.periodical-page .lab{
    display: inline-block;
    text-align: center;
    height: 24px;
    line-height: 24px;
    background: rgba(255, 243, 233, 1);
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #FF8C28;
    margin: 6px 6px 6px 0;
    padding: 0 6px;
}
.periodical-page .factor{
    height: 24px;
    line-height: 24px;
    background: #F3F3F3;
    border-radius: 4px;
    padding: 0 8px;
    margin-right: 5px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
}
.periodical-detail-wp .main>.left-info .left-title .article-title,.direction .left-title .article-title{
    width: 70px;
    display: inline-block;
    text-align-last: justify;
    padding-left: 0px;
    font-weight: bold;
    position: relative;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
}
.periodical-detail-wp .main>.left-info .right-content .block{
    margin-bottom: 6px;
    display: block;
}
.periodical-detail-wp .main>.left-info .right-content .block:last-child{
    margin-bottom: 0px;
}
.periodical-detail-wp .main>.left-info .right-content .block .line{
    vertical-align: top;
    padding-top: 2px;
    display:inline-block;
}

.help-question{
    width: 24px;
    height: 24px;
    position: relative;
    display: inline-block;
    background:url(/images/icons/icon_help_doc.png) center no-repeat;
    background-size: 24px 24px;
    cursor: pointer;
}
.help-question .msg{
    display: none;
    position: absolute;
    z-index: 99;
    bottom: 30px;
    left: 6px;
    color: #FFF;
    border-radius: 3px;
    padding: 6px;
    width: 130px;
    background: rgba(0,0,0,1);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
}
.help-question .msg:before {
    background: rgba(0,0,0,1) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 10px;
    left: 10px;
    position: absolute;
    bottom: 4px;
    transform: rotate(45deg) translate(6px,6px);
    width: 10px;
}
.help-question:hover .msg{
    display: block;
}

.img-wp .no-img-title{
    display: block;
    width:224px;
    height:56px;
    background:rgba(0,0,0,0.6);
    padding:6px 12px;
    line-height: 22px;
    position: absolute;
    left: 0;
    bottom:0;
    color: #FFF;
    overflow: hidden;
}
.periodical-detail-wrapper>.right-info .opinion-wp{
    padding-top: 12px;
}
.periodical-detail-wrapper>.right-info .opinion-wp .item{
    display: -webkit-box;
    display: flex;
    justify-content: flex-end;
}
.periodical-detail-wrapper>.right-info .opinion-wp .item{
    display: -webkit-box;
    display: flex;
    margin:10px  0;
}
.periodical-detail-wrapper>.right-info .opinion-wp .item .name{
    display: inline-block;
    margin-right: 12px;
}
.periodical-detail-wrapper>.right-info .reco{
    font-size:13px;
    color: rgba(0, 0, 0, 0.45);
}
.biased-wrapper{
    border-top: 0px solid #E8E8E8;
    margin-top: -12px;
}
.biased-wrapper .direction{
    display: -webkit-box;
    display: flex;
    margin-top: 12px
}
.biased-wrapper   .article-conent{
    width:672px;
    line-height:24px;
    margin:0 auto;
    color: rgba(0,0,0,.65);
}

.biased-wrapper .right-content .month{
    display: inline-block;
    margin-right: 6px;
}
.doc-detail-edit-wrapper .month-wp {
    margin-top: 12px;
}
.doc-detail-edit-wrapper .month-wp .short-input{
    width: 100px;
    height: 32px;
    line-height: 32px;
}
.doc-detail-edit-wrapper .month-wp .title{
    color: rgba(0,0,0,.85);
}
.doc-detail-edit-wrapper .month-wp .normal{
    color: rgba(0,0,0,.45);
}

/*文献 end*/

/*消息样式 start*/

/*消息样式*/
.list-def-wraper .list-nav .item .msg-number {
    display: inline-block;
    color: #FFF;
    width:30px;
    max-width: 30px;
    height:16px;
    background:rgba(239,72,72,1);
    border-radius:7px;
    text-align: center;
    line-height:16px;
    font-size:12px;
    font-weight:400;
    padding:0 6px;
    overflow:hidden;
}
.send-msg-wraper .send-msg .item{
    margin: 16px 0 16px 12px;
}
.send-msg-wraper .send-msg .item .all-user-wrapper{
    margin-left: 20px;
}
.send-msg-wraper .send-msg .item .all-user-wrapper label:hover{
    cursor: pointer;
}
.send-msg-wraper .send-msg .item.add-annex{
    display: -webkit-box;
    display: flex;
}
.send-msg-wraper .list-border{
    border-top: 1px solid #E8E8E8;
    padding-top: 16px;
}
.send-msg-wraper .send-msg .item.add-annex .do-upload-file{
    display: inline-block;
    width: 86px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid rgba(204,204,204,1);
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    margin-left: 16px;
    margin-right: 8px;
}

.send-msg-wraper .send-msg .item .item-title{
    display: inline-block;
    min-width: 76px;
    width: 76px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(0,0,0,0.85);
}
.send-msg-wraper .send-msg select{
    width: 588px;
    height:32px;
}
.send-msg-wraper .send-msg .send-title{
    width: 588px;
    height: 32px;
    border-radius: 4px;
    outline: none;
    padding-left: 10px;
    border: 1px solid #AAA;
    color: rgba(0,0,0,0.65);
}
.send-msg-wraper .file-list .file-list-item{
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    margin: 8px 0px;
    display: block;
}
.send-msg-wraper .file-list .file-list-item .file-info:hover{
    color: #FF8C28;
    cursor:pointer;
}
.send-msg-wraper .file-list .file-list-item .file-info i{
    color:rgba(0,0,0,0.35);
    font-style:normal;
    margin-left: 10px;
    margin-right: 23px;
}
.send-msg-wraper .file-list .file-list-item .del-file{
    font-weight:400;
    color:#FF8C28;
}
.send-msg-wraper .file-list .file-list-item .del-file:hover{
    cursor: pointer;
}
.send-msg-wraper .item .btn-wraper{
    margin: 40px 0;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    padding: 0 210px;
}
.send-msg-wraper .btn-sec, .send-msg-wraper .btn-send{
    width:200px;
    height:52px;
    background:#FFF;
    border-radius:4px;
    border:1px solid rgba(0,0,0,0.45);
    font-size:20px;
    font-weight:500;
    color:rgba(0,0,0,0.65);
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
}

.send-msg-wraper .btn-send{
/*  background:rgba(255,186,126,1);
    border: 1px solid rgba(255,186,126,1);*/
    color: #FFF;
    background: #FF8C28;
    border: 1px solid #FF8C28;
}
.send-msg-wraper .btn-sec:hover{
/*  color:rgba(0,0,0,0.65);
    border: 1px solid rgba(0,0,0,0.65);*/
}
.send-msg-wraper .btn-send:hover{
/*  background: #FF8C28;
    border: 1px solid #FF8C28;*/
}

.search-scholar{
  width: 270px;
  margin:0;
  background: #FFF;
}
.search-scholar .select-top{
  width: 270px;
  height: 40px;
  display: -webkit-box;
  display: flex;
}
.search-scholar .select-top .scholar-option{
  width: 135px;
  height: 40px;
  border-top: 2px solid #E8E8E8;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:14px;
  font-weight:600;
  color:rgba(0,0,0,0.65);
  background: #E8E8E8;
}
.search-scholar .select-top .scholar-option.active{
  border-top: 2px solid #FF8C28;
  color:#FF8C28;
  background: #FFF;
}
.search-scholar .select-top .scholar-option:hover{
  cursor: pointer;
}

.search-scholar .search{
  margin:16px 16px 0px;
  border-radius: 10px;
  position: relative;
  padding-bottom: 12px;
}
.search-scholar .search .serach-icon {
    position: absolute;
    top: 5px;
    left: 10px;
}
.search-scholar .search  input {
    width: 238px;
    font-size: 14px;
    color: #333;
    border: none;
    outline: none;
    background: #F8F8F8;
    padding-left: 35px;
    height: 30px;
    line-height: 30px;
}
.not-scholar{
    width: 270px;
    height: 86px;
    padding:16px;
    color: rgba(0,0,0,.65);
    background: #FFF;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-bottom{
    width: 270px;
    padding:16px;
    border-top: 0px solid #E8E8E8;
    background: #FFF;
    border-radius: 4px;
}
.page-bottom-wraper{
    width: 238px;
    display: -webkit-box;
    display: flex;
    font-size: 12px;
    align-items: baseline;
    justify-content: space-between;
}
.page-bottom-wraper .page-bottom-item {
  display: inline-block;
}

.page-bottom-wraper .page-bottom-item span{
  font-size: 12px;
}
.page-bottom-wraper .page-bottom-item .number{
  color:rgba(0,0,0,0.45);
}
.page-bottom-wraper .page-bottom-item input{
  width:40px;
  height:24px;
  background:rgba(255,255,255,1);
  border-radius:4px;
  border:1px solid rgba(217,217,217,1);
  outline: none;
  padding-left: 4px;
}
.page-bottom-wraper .page-bottom-item button{
  font-size: 12px;
  margin:4px;
  font-weight:400;
  color:rgba(0,0,0,0.65);
  min-width: 36px;
  height: 24px;
  background: #FFF;
  border: none;
  outline: none;
}
.inbox-option{
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.inbox-option .dels{
  display: -webkit-box;
  display: flex;
}
.inbox-option .dels button{
  height:30px;
  line-height: 30px;
  background:rgba(255,255,255,1);
  border-radius:4px;
  border:1px solid rgba(204,204,204,1);
  outline: none;
  margin:0 16px;
  padding:0 16px;
}
.table-item{
    min-height: 584px;
}
.table.inbox-table th {
    border-top: 0px solid #dee2e6;
    background-color: #FAFAFA;
    text-align: left;
    padding:16px;
}

.table.inbox-table td {
  text-align: left;
  padding:18px 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  color: rgba(0,0,0,65)
}
.table.inbox-table td.option {
  max-width: 50px;
}
#list_ele td{
    line-height: 26px;
}
.table.inbox-table td.todo>a.edit{
    width:60px;
    height:26px;
    line-height: 26px;
    background:#FF8C28;
    border-radius:4px;
    color: #FFF;
    display: inline-block;
    text-align: center;
}
.table.inbox-table td.todo>a.edit:hover{
  color:#FFF;
}
.table.inbox-table td.todo>.upright{
  margin: 0 12px;
  background: #BBB;
}

.table.inbox-table td.title {
    word-break: break-all;
    word-wrap: break-word;
    white-space: normal;
    width: 350px;
    font-size:14px;
    font-weight:bold;
}

.table.inbox-table td.sender {
  max-width: 50px;
}
.table.inbox-table td.there {
  max-width: 350px;
}
.table.inbox-table td.status {
  max-width: 80px;
}
.table.inbox-table td.date {
  max-width: 140px;
}

.table.inbox-table .checked-flag{
    position: relative;
    height: 16px;
    width: 16px;
    background: #FF8C28;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 12px;
}
.table.inbox-table .unread .status{
  color: #52C41A;
}
.table.inbox-table .unread .there a{
  font-size:14px;
  font-family:PingFangSC-Medium;
  font-weight:600;
  color:rgba(0,0,0,0.85);
}
.list-group-item.notices-wraper{
  padding-left: 28px;
  padding-right: 28px;
}
.notices-list{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #E8E8E8;
    padding: 12px 0;
}
.wap .notices-list{
    padding: 12px 6px;
}

.notices-list:hover{
    /*background: #F8F8F8;*/
}
.notices-list .list-top{
  display: -webkit-box;
  display: flex;
  align-items: baseline;
}
.notices-list .list-top .header{
  height: 32px;
  width: 32px;
  margin-right: 5px;
}
.notices-list .list-top .header img{
    height: 32px;
    width: 32px;
    border-radius: 50%;
    box-shadow: 0 0 4px 0px rgba(0,0,0,.35);
}
.notices-list .list-top .name{
  height: 22px;
  line-height: 22px;
  margin-left: 8px;
  font-size:14px;
  font-weight:400;
  color:rgba(0,0,0,0.35);
  max-width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.notices-list .list-top .option-title{
  height: 22px;
  line-height: 22px;
  font-size:14px;
  color:rgba(0,0,0,0.85);
  margin-left: 8px;
  max-width: 600px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.notices-list .list-top .date{
  height: 22px;
  line-height: 22px;
  font-size:14px;
  color:rgba(0,0,0,0.35);
  margin-left: 16px;
}
.notices-list .list-top a{
  color: inherit;
  font-size: inherit;
}
.notices-list .notices-depict{
    width: 625px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    line-height: 24px;
    margin: 8px 0 8px 40px;
    display: inline-block;
    word-break: break-all;
    word-wrap: break-word;
}
.wap .notices-list .notices-depict {
    width: 88%;
}
.notices-list .notices-depict a{
  color: inherit;
}

.notices-list .notices-main{
  width: 625px;
  margin:8px 0 16px 40px;
  padding: 16px;
  display: -webkit-box;
  display: flex;
  background: #F8F8F8;
}
.wap .notices-list .notices-main{
    width: 88%;
}

.notices-list .notices-main .info-img{
  width: 76px;
  height: 56px;
  border-radius: 2px;
  margin-right: 16px;
}
.notices-list .notices-main .notices-main-title{
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
}
.send-msg-wraper .detail-option{
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
}
.send-msg-wraper .detail-option button{
  width:60px;
  height:30px;
  background:rgba(255,255,255,1);
  border-radius:4px;
  border:1px solid rgba(204,204,204,1);
  outline: none;
}
.send-msg-wraper  .detail-option a{
  height:20px;
  font-size:14px;
  font-weight:400;
  color:rgba(0,0,0,0.65);
  line-height:20px;
}
.send-msg-wraper  .detail-mark{
  width:668px;
  height:112px;
  background:#F8F8F8;
  display: -webkit-box;
  display: flex;
   -webkit-flex-direction: column;
    flex-direction: column;
  padding: 16px;
}
.wap .send-msg-wraper  .detail-mark{
  width:88%;
}

.send-msg-wraper  .detail-mark span{
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin-bottom: 6px;
  font-size:14px;
  font-weight:400;
  color:rgba(0,0,0,0.65);
}
.send-msg-wraper  .item .detail-content{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height:24px;
}
/*end*/
/*列表页未登录提示 start*/
.not-login-me-wrapper{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    margin-bottom: 24px;
}
.not-login-me-wrapper .not-login-img{
    width: 200px;
    height: 140px;
    margin-bottom:12px;
}
.not-login-me-wrapper .not-login-msg{
    font-size: 16px;
    font-weight: bold;
    color: rgba(0,0,0,.45);
}
.not-login-me-wrapper .not-login-msg .do-login{
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    color: #FF8C28;
}
/*列表页未登录提示 end*/

/*首页动态会议*/
.meeting .list-group-item{
    padding-top: 10px;
    padding-bottom: 10px;
}

.meeting .meeting-tilte-wraper{
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    margin: 0 22px;
}

.meeting .meeting-tilte-wraper .title{
    height:22px;
    font-size:16px;
    font-weight:bold;
    color:rgba(0,0,0,0.85);
    line-height:22px;
}
.meeting .meeting-tilte-wraper .publish{
    height:22px;
    line-height:22px;
}
.meeting .meeting-tilte-wraper .publish a{
    color: #FF8C28;
    font-size:15px;
}
.meeting .meeting-wraper{
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    margin: 0 12px 0 22px;
    min-height: 407px;
}
.meeting .meeting-wraper .meeting-option{
    width:372px !important;
    min-height:340px;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.08);
    border-radius:2px;
}

.meeting .meeting-wraper .meeting-option .option-top{
    height:48px;
    background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
    border-radius:2px 2px 0px 0px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    padding:6px  12px;
    justify-content: space-between;
}

.meeting .meeting-option .option-top .option-left,.meeting .meeting-option .option-top .option-right{
    display: inline-block;
    padding: 0 12px;
}
.meeting .meeting-option .option-top .option-left:hover,.meeting .meeting-option .option-top .option-right:hover{
    cursor: pointer;
}
.meeting .option-date{
    font-size: 16px;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    width: 400px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.meeting .meeting-wraper .meeting-option .meeting-week-wraper{
    display: -webkit-box;
    display: flex;
    padding: 5px 10px 0px;
    justify-content: space-between;
}
.meeting .meeting-wraper .meeting-option .meeting-week-wraper .item{
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 10px;
    font-size: 14px;
    font-weight:400;
    color: rgba(129,147,163,1);
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content:center;
}
.meeting .meeting-wraper .meeting-option .meeting-day-wraper{
    display: -webkit-box;
    display: flex;
    padding: 0 10px;
    justify-content:flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.meeting .meeting-wraper .meeting-option .meeting-day-wraper .day{
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 6px 10px 18px;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border:1px solid #FFF;
}
.meeting .meeting-wraper .meeting-option .meeting-day-wraper .day span{
    visibility: hidden;
}
.meeting .meeting-wraper .meeting-option .meeting-day-wraper .day.active{
    background:rgba(255,243,233,1);
    border:1px solid #FF8C28;
    color: #FF8C28;
    font-weight: bold;
}
.meeting .meeting-wraper .meeting-option .meeting-day-wraper .day.is-hover:hover{
    cursor: pointer;
    background:rgba(255,243,233,1);
    color: #FF8C28;
}
.meeting .meeting-wraper .meeting-option .meeting-day-wraper .day.has-meet .meet-num{
    visibility: visible;
    position: absolute;
    right: -12px;
    top: -4px;
    color: #FFF;
    background: #FF8C28;
    font-size: 12px;
    height: 14px;
    width: 16px;
    border-radius: 50%;
    border-bottom-left-radius: 0;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}
.meeting .meeting-wraper .meeting-option .meeting-day-wraper .day.today{
    color: #FF8C28;
    font-weight: bold;
}
.meeting .meeting-wraper .meeting-option .meeting-day-wraper .day.today .is-today{
    visibility: visible;
    position: absolute;
    bottom: -16px;
    left: 0;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    width: 30px;
    text-align: center;
    font-weight: 400;
}

.meeting .meeting-list-wraper{
    overflow: auto;
    position: relative;
    padding: 20px 0;
    background: rgba(255,255,255,1);
    margin: -10px 0px -10px 30px;
    width: 464px;
    height: 420px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    display:block;
    background-color: rgba(0,0,0,0.25);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #BBB;
    height: 14px;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px;
    background-color: #BBB;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #AAA;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}
.mCSB_inside > .mCSB_container {
     margin-right: 0px;
}

.meeting .meeting-list-wraper .meeting-list-item{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #E8E8E8;
    padding: 0 0 16px;
    margin: 0 0 8px;
}
.meeting .meeting-list-wraper .meeting-list-item:last-child{
    border-bottom: 0px solid #E8E8E8;
}
.meeting .meeting-list-wraper .meeting-list-item .item-title{
    width:450px;
    line-height:24px;
    /*max-height:48px;*/
    overflow: hidden;
    font-size:14px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    margin-bottom: 6px;
    padding-right: 24px;
}
.meeting .meeting-list-wraper .meeting-list-item .item-title a{
    font-weight:bold;
    color:rgba(0,0,0,0.85);
    word-break: break-all;
    word-wrap: break-word;
}
.meeting .meeting-list-wraper .meeting-list-item .item-other{
    width:450px;
    line-height:20px;
    font-size:13px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}
.meeting .meeting-list-wraper .meeting-list-item .item-other>span{
    margin-right: 8px;
    word-break: break-all;
}
.create-article .left-td.news-cover-left-title{
    display: inline-block;
}
.meet-status{
    color: #FF8C28 !important;
}
.meet-status .gray{
    color: rgba(0,0,0,.45);
}
.meet-status .green{
    color: #52C41A;
}
.meet-status .orange{
    color: #FF8C28;
}
.meet-status .red{
    color: #FF2828;
}
.nai-meeting{
    margin: 80px auto 0;
    width: 450px;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nai-meeting .tips{
    width: 128px;
    height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: rgba(0,0,0,0.4);
    line-height: 22px;
    margin-top: 20px;
}
/*消息 end*/

/*修改多文件上传file-upload样式 start*/
.ajax-file-upload-statusbar {
    /* border: 1px solid #0ba1b5; */
    border: 1px solid #FFF;
    margin-top: 10px;
    width: 620px;
    margin-right: 10px;
    margin: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 5px 0px 0px;
    display: -webkit-box;
    display: flex;
    position: relative;
}
.ajax-file-upload-red {
    -moz-box-shadow: inset 0 0px 0 -0px #e67a73;
    -webkit-box-shadow: inset 0 0px 0 -0px #e67a73;
    box-shadow: inset 0 0px 0 0px #e67a73;
    background-color: #FFF;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 4px;
    display: inline-block;
    font-family: arial;
    font-weight: normal;
    padding: 4px 15px;
    text-decoration: none;
    text-shadow: 0 0px 0 #b23e35;
    cursor: pointer;
    vertical-align: top;
    color: #FF8C28;
    font-size: 13px;
    margin: 0px 10px 0px 0px;
    font-weight: normal;
    padding: 4px 15px;
}
.ajax-file-upload-bar {
    background-color: #FF8C28;
    width: 0;
    height: 4px;
    border-radius: 3px;
    color: #FFFFFF;
}
.ajax-file-upload-progress {
    margin: 5px 10px 5px 0px;
    position: absolute;
    width: 250px;
    border: 0px solid #ddd;
    padding: 1px;
    border-radius: 3px;
    display: inline-block;
    color: #FFFFFF;
    left: 0px;
    bottom: -10px;
}
.ajax-file-upload-filename {
    max-width: 450px;
    height: auto;
    margin: 0 5px 0px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ajax-upload-dragdrop {
    border: 0px dotted #A5A5C7;
    width: 120px;
    color: #DADCE3;
    text-align: left;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    position: relative;
}
.ajax-file-upload-white {
    display: inline-block;
    width: 86px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    border: 1px dashed rgba(204,204,204,1);
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    color: rgba(0,0,0,0.65);
    margin-left: 0px;
    margin-right: 0px;
    cursor: pointer;
}

.textarea{
    width: 824px;
    background: #FFF;
    min-height: 44px;
    line-height: 24px;
    padding: 10px 6px;
    outline: none;
}
.textarea:empty:before{
    content:attr(data-text);
    color:#ddd;
}

/*修改多文件上传file-upload样式 end*/

/*问答页面样式 start*/
/*邀您回答*/
#invite_asks_li {
    padding-top: 12px;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}
#invite_asks_li .invite-asks-wrapper{
    min-height: 220px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 6px 32px 0px;
}
#invite_asks_li .invite-asks-wrapper #new-crop-avatar{
    margin-top:0px;
}
#invite_asks_li .invite-asks-wrapper .top-wraper{
    margin-bottom: 12px;
}
#invite_asks_li .invite-asks-wrapper .top-wraper .title{
    font-size:16px;
    font-weight: bold;
    color: rgba(0,0,0,0.85);
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#invite_asks_li .invite-asks-wrapper .top-wraper .title a:hover{
    color: #FF8C28;
}
#invite_asks_li .invite-asks-wrapper .labels-wrapper{
    display: -webkit-box;
    display: flex;

}
#invite_asks_li .invite-asks-wrapper .content{
    word-break: break-all;
    word-wrap: break-word;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    min-height: 48px;
}
#invite_asks_li .invite-asks-wrapper .comment-main{
    background-color: #FFF;
    width: auto;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    padding: 0px;
    margin-bottom: -20px;
}
#invite_asks_li .comment-main .comment-top {
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 0px;
}
#invite_asks_li .asks-comment-wrapper.comment-main .comment-top .comment-content textarea {
    width: 680px;
    height: 120px;
    background: #F8F8F8;
    border-radius: 2px;
    resize: none;
    border: none;
    outline: none;
    padding: 10px;
}
#invite_asks_li .invite-asks-wrapper .comment-main {
    background-color: #FFF;
    width: 680px;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    padding: 0px;
    margin-bottom: -20px;
    margin-left: 0px;
}

#invite_asks_li .asks-comment-wrapper .comment-file-wraper{
    margin-bottom: 0;
}
#invite_asks_li .asks-comment-wrapper  #new-crop-avatar{
    margin-top:0px;
}

/*问答页面样式 end*/

/**
* 页面 用户个人资料 样式
*/
.user-set-wraper .user-set{
    display: -webkit-box;
    display: flex;
}

.user-set-wraper .right-main{
    padding-left: 10px;
    background: #FFF;
    width: 100%;
}
.user-set-wraper .table td {
    padding-top:12px;
    padding-bottom: 12px;
}
.user-set-wraper  .infomation-label .no-border{
    border: 0px solid;
}
.user-set-wraper .set-wrap{
    display:flex;
}
.user-set-wraper  .infomation-wraper{
    position: relative;
    display: -webkit-box;
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
    padding-left: 0px;
    margin-left: 0px;
}
.user-set-wraper .name-wrap-80{
    margin-right: 20px;
    height: 30px;
    line-height: 30px;
}
.user-set-wraper .name-wrap-80.red-star:before {
    left: -12px;
}

.user-set-wraper   .apend-wraper{
    display: none;
    margin-top: 20px;
    margin-left: 97px;
}
.user-set-wraper   .add-wraper{
        margin-top: 20px;
}
.user-set-wraper   .research-wraper{
    display: none;
    margin-top: 20px;
}
.user-set-wraper  .infomation-wraper input[type="text"] {
    width: 400px;
    height: 32px;
    line-height: 32px;
    text-align: justify;
    text-align-last: justify;
}


.user-set-wraper  .infomation-wraper  .apend-label{
    border: 1px dashed rgba(0,0,0,0.65);
}
.user-set-wraper   input:focus{
    outline: none;
}

.user-set-wraper  .infomation-wraper  .add-action,.user-set-wraper  .infomation-wraper  .sec-action{
    width:74px;
    height:28px;
    border-radius:4px;
    margin-left: 16px;
}
.user-set-wraper .add-research{
    width:74px;
    height:28px;
    border-radius:4px;
    margin-left: 16px;
    border: 1px solid #FF8C28;
    background:#FF8C28;
    color: #FFF;
}

.user-set-wraper .sec-research{
    width:74px;
    height:28px;
    border-radius:4px;
    margin-left: 16px;
    color: rgba(0,0,0,0.65);
    border:1px solid rgba(204,204,204,1);
    background:#FFF;
}
.user-set-wraper  .infomation-wraper  .add-action{
    border: 1px solid #FF8C28;
    background:#FF8C28;
    color: #FFF;
}
.user-set-wraper  .infomation-wraper  .sec-action{
    color: rgba(0,0,0,0.65);
    border:1px solid rgba(204,204,204,1);
    background:#FFF;
}

.user-set-wraper  .infomation-wraper select{
    width: 400px;
}
.user-set-wraper  .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 4px;
    height: 32px;
    outline:none;
}
.user-set-wraper  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(0,0,0,0.65);
    line-height: 32px;
}
.user-set-wraper   .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}

.user-set-wraper  .infomation-wraper .item{
    color:rgba(0,0,0,0.65);
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.user-set-wraper  .infomation-wraper  .infomation-wraper-right .wrapper-add-detaill{
    display:none;}
.user-set-wraper  .infomation-wraper  .infomation-wraper-right .label-wrapper{
    padding-top: 12px;
}
.user-set-wraper  .infomation-wraper  .infomation-wraper-right .label-wrapper{
    position: relative;
    /*min-height: 42px;*/
}
.user-set-wraper  .infomation-wraper  .infomation-wraper-right .label-wrapper .label{
    position: relative;
    display: inline-block;
    background: #F3F3F3;
    border-radius: 4px;
    height: 28px;
    line-height: 28px;
    padding-left: 8px;
    padding-right: 16px;
    margin: 0px 16px 0 0;
    font-size: 12px;
    color: rgba(0,0,0,0.65);
    cursor: pointer;
}

.user-set-wraper  .add-new-label-show,.user-set-wraper .add-new-research-show{
    display: inline-block;
    width: 86px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background: rgba(255,255,255,1);
    border-radius: 4px;
    border: 1px dashed rgba(217,217,217,1);
    color:rgba(0,0,0,0.65);
}
.user-set-wraper  .add-new-label-show:hover,.user-set-wraper .add-new-research-show:hover{
    cursor: pointer;
}
.user-set-wraper .set-user-header{
    position: relative;
    margin-top: 10px;
    height: 160px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.user-set-wraper .set-user-header .set-tips{
    width: 160px;
    padding-left: 40px;
    position: absolute;
    left:0;
    bottom: 0px;
    font-size:12px;
    font-weight:400;
    background: rgba(0,0,0,.5);
    opacity: .5;
    cursor: pointer;
    color: #FFF;
}
.user-set-wraper  .list-labels {
    width: 100%;
    position: relative;
    padding-right: 80px;
}
.user-set-wraper  .list-labels.list-labels-max{
    max-height: 40px;
    overflow:hidden;
}
.user-set-wraper  .list-labels .item-label {
    position: relative;
    display: inline-block;
    background: rgba(243,243,243,1);
    border-radius: 4px;
    margin-right: 32px;
    font-size: 14px;
    line-height: 28px;
    height: 28px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 6px 10px;
}

.user-set-wraper .soft-select>div {
    position: relative;
    line-height: 20px;
    margin-right: 80px;
    margin-left: -6px;
}
.user-set-wraper .soft-select.group-radio-wrapper>div {
    position: relative;
    line-height: 20px;
    margin-right: 140px;
    margin-left: -6px;
}
.user-set-wraper .soft-select>div>label>span {
    position: absolute;
    left: 25px;
    width: 76px;
    font-size: 14px;
    color: rgba(0,0,0,.65);
}
.user-set-wraper .soft-select.group-radio-wrapper>div>label>span {
    position: absolute;
    left: 25px;
    width: 90px;
    font-size: 14px;
    color: rgba(0,0,0,.65);
}

.user-set-wraper  .list-labels .item-label.active{
    color: #FF8C28;
    border: #FF8C28;
    background: rgba(255,243,233,1);
}
.user-set-wraper  .list-labels .item-label:hover {
    color: #FF8C28;
    border: #FF8C28;
    /*background:  rgba(52, 144, 220, 0.25);*/
    cursor: pointer;
}


.user-set-wraper .set-user-header .uer-set-tips{
    margin-left: 10px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}
.user-set-wraper  .infomation-wraper  .brief,.user-set-wraper  .infomation-wraper  .hobby{
    height: 160px;
    width: 750px;
    border-radius: 4px;
    padding-left: 10px;
    outline: none;
}
.user-set-wraper  .infomation-wraper   .signature{
    height: 80px;
    width: 750px;
    border-radius: 4px;
    padding-left: 10px;
    outline: none;
}
.user-set-wraper  .infomation-wraper  .brief-len,.user-set-wraper  .infomation-wraper  .hobby-len{
    position: absolute;
    right: 32px;
    bottom: 0px;
    color:rgba(0,0,0,0.25);
}

.user-set-wraper  .infomation-wraper  .sub-btn-wraper {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.user-set-wraper  .labels-group{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
}
.user-set-wraper  .select-wraper{
    border:1px solid #E8E8E8;
    border-radius: 4px;
    background: #FFF;
    padding:6px 0px;
    margin-bottom: 20px;
}
.user-set-wraper  .list-labels .operate{
    position: absolute;
    right: 10px;
    top: 10px;
}

.user-set-wraper  .infomation-wraper  textarea{
    resize:none;
}

.user-set-wraper  .pass-wraper{
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 16px;
}
.user-set-wraper  .password-set-title{
    margin-top: 8px;
    margin-left: 16px;
    font-size:14px;
    font-weight:600;
    color:rgba(0,0,0,0.85);
}

.user-set-wraper  .pass-wraper  .pass-left-nav{
    display: inline-block;
    width: 80px;
    min-width: 80px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    margin-right: 8px;
    text-align: right;
}

.user-set-wraper  .pass-wraper .bind-left-nav{
    font-weight:400;
    color:rgba(0,0,0,0.65);
    display: inline-block;
}
.user-set-wraper  .pass-wraper .bind-operate{
    display: inline-block;
    margin-left: 16px;
    color: #FF8C28;
}

.user-set-wraper  .pass-wraper .bind-operate a{
    font-size: 14px;
    color: #FF8C28;
}

.user-set-wraper  .pass-wraper  input{
    width: 300px;
    height: 32px;
    line-height: 32px;
}

.bind-wechat{
    display: inline-block;
    background: url(/images/icons/icon-wechat.png) center center no-repeat;
    width: 24px;
    height: 20px;
    margin: 0 3px;
    margin-bottom: -3px;
}
.user-set-wraper .invite-top-nav{
    height: 54px;
    width: 100%;
    display: -webkit-box;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
    margin-left: -10px;
}
.user-set-wraper .invite-top-nav .invite-item {
    margin-left: 29px;
    margin-right: 60px;
}
.user-set-wraper .invite-top-nav .invite-item a{
    font-size: 16px;
    color:rgba(0,0,0,0.85);
    font-weight: 500;
}
.user-set-wraper .invite-top-nav .invite-item.active a{
    font-size: 16px;
    color:#FF8C28;
    font-weight: 500;
}

.user-set-wraper  .invite-info-wraper{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
}

.user-set-wraper  .invite-info-wraper .mode-list{
    margin: 16px;
    margin-right: 0px;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    width: 856px;
    height: 228px;
    background-color: #F8F8F8;
    padding: 28px 20px;
}
.user-set-wraper  .invite-info-wraper .mode-list>div{
    margin-bottom: 24px;
}

.user-set-wraper  .invite-info-wraper .mode-list .mode-title{
    font-size:14px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
}
.user-set-wraper  .invite-info-wraper .mode-list .mode-title .soft-select>div>label>span {
    position: absolute;
    left: 25px;
    width:200px;
    height:20px;
    line-height: 20px;
    font-size:14px;
    font-weight:600;
    color:rgba(0,0,0,0.85);
}
.user-set-wraper .mode-list .mode-detail input{
    width: 240px;
    margin-right: 24px;
    height:32px;
    line-height:32px;
}
.user-set-wraper .mode-list .mode-detail input.short{
    width: 160px;
    margin-right: 24px;
}

.user-set-wraper .mode-list .add-action {
    width: 72px;
    font-size: 14px;
    border: 1px solid #FF8C28;
    background: #FF8C28;
    color: #FFF;
}
.user-set-wraper .mode-list .add-action.dis {
    background:rgba(242,242,242,1);
    color: rgba(0,0,0,.25);
    border: 0px;
}


.user-set-wraper .mode-list .mode-detail .mode-detail-name{
    display: inline-block;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    width: 116px;
    min-width: 116px;
}
.user-set-wraper .surplus {
    margin-left: 16px;
}
.user-set-wraper .surplus .surplus-number{
    display: inline-block;
    color: #FF2D0A;
    padding: 0;
    margin:0 -2px;
}
.user-set-wraper .surplus .surplus-number i{
    display: inline-block;
    font-size:14px;
    font-style: normal;
}


.user-set-wraper .other-tips{
    border-top: 1px solid #E8E8E8;
    padding-top: 30px;
    margin: 16px;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
}
.user-set-wraper  .tips-title{
    margin-bottom: 12px;
    font-size:14px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
}
.user-set-wraper  .tips-content{
    margin-bottom: 12px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height: 24px;
    padding-right: 20px;
}
.user-set-wraper .invite-logs .table{
    width: 668px;
    min-width: 668px;
    margin: 32px 20px;
}
.user-set-wraper .invite-logs .table  th{
    padding-left: 32px;
    border-top: 0px solid #dee2e6;
    background-color: #FAFAFA;
    text-align: center;
}
.user-set-wraper .invite-logs .table  td{
    padding-left: 32px;
    font-size:14px;
    color:rgba(0,0,0,0.65);
    text-align: center;
    max-width: 300px;
    overflow:hidden;
}

.user-set-wraper .invite-logs .table  td .cen{
    min-height: 44px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 150px;
}
.user-set-wraper .invite-logs .table  td .option{
    justify-content: center;
    min-width: 150px;
}
.user-set-wraper .invite-logs .table  td .cen .remark{
    font-size:14px;
    color:rgba(0,0,0,0.65);
}
.user-set-wraper .invite-logs .table  td.full_name_td .user-wrapper{
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-set-wraper .invite-logs .table  td.full_name_td .user-wrapper .left{
    width: 50px;
}
.user-set-wraper .invite-logs .table  td.full_name_td .user-wrapper .right{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    padding-left: 12px;
}
.user-set-wraper .invite-logs .table  td.full_name_td .user-wrapper .university{
    max-width: 180px;
    text-align: left;
}
.user-set-wraper .invite-logs .table  td.full_name_td .user-wrapper .right .name {
    font-size: 15px;
    font-weight: bold;
    color: rgba(0,0,0,0.85);
    height: 24px;
    text-align: left;
}
.user-set-wraper .invite-logs .table  td.full_name_td .user-wrapper .right .university .item{
    font-size:13px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    margin-right: 12px;
}
.user-set-wraper .invite-logs .table  td .log-header{
    border-radius: 50%;
    width: 44px;
    height:44px;
}
.user-set-wraper .invite-logs .table  td a{
    font-size:14px;
    color:rgba(0,0,0,0.65);
}
.user-set-wraper .invite-logs .table  td .su{
    color: #52C41A;
}
.user-set-wraper .invite-logs .table  td .fail{
    color:rgba(0,0,0,0.65);
}
.user-set-wraper .password-wraper{
    background:#F8F8F8;
    width: 100%;
}
.user-set-wraper .password-wraper .list-group{
    margin-bottom: 10px;
    width: 100%;
    width: 920px;
}
/*绑定手机或Email弹层样式*/
.module-bind-wraper{
    width: 428px;
    background: #FFF;
    padding:24px;
}
.module-bind-wraper .item{
background: #FFF;
margin-bottom: 24px;
}
.module-bind-wraper .item input{
    width:380px;
    height:40px;
    line-height:40px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(217,217,217,1);
    padding-left: 10px;
}
.module-bind-wraper .item input.short{
    width:270px;
}
.module-bind-wraper .item .title{
    font-size:14px;
    font-weight:600;
    color:rgba(0,0,0,0.85);
    margin-bottom: 8px;
}
.module-bind-wraper .item .content{
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.module-bind-wraper .item .captcha{
    width:102px;
    height:40px;
    background:rgba(255,255,255,1);
    color:#FF8C28;
    border-radius:4px;
    border:1px solid #FF8C28;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    outline: none;
}
.module-bind-wraper .item .captcha.disable{
    color:rgba(0,0,0,.45);
    border:1px solid rgba(0,0,0,.45);
}
.module-bind-wraper  #wechat_element{
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 320px;
    overflow:hidden;
}
.module-bind-wraper  #wechat_element iframe{
    height: 320px;
}
    /*注销样式 start*/
    .cancellation-wraper{
        padding:24px 24px 12px;
    }
    .cancellation-wraper .cancellation-title{
        height:24px;
        font-size:14px;
        font-weight: 600;
        color:rgba(0,0,0,0.85);
        margin-bottom:4px;
    }
    .cancellation-wraper .cancellation-content{
        height:24px;
        font-size:14px;
        font-weight:400;
        color:rgba(0,0,0,0.65);
        line-height:24px;
        margin-bottom:24px;
    }
    .cancellation-wraper .cancellation-btn{
        width: 100%;
        display: -webkit-box;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cancellation-wraper .cancellation-btn .cancel-btn{
        width: 170px;
        height: 32px;
        background: url(/images/icons/risk_recognition.png) no-repeat;
        margin-left: 8px;
        outline: none;
        border: none;
    }
    .cancellation-wraper .cancellation-btn button:focus {
        outline: 1px dotted;
        outline: 1px auto -webkit-focus-ring-color;
    }
    /*注销样式 end*/
/*个人主页修改 end*/


/*部件样式 start*/
.del-unit-wrap .upload-wrap{
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 130px;
    overflow-x: hidden;
    margin-bottom: 16px;;
}
.del-unit-wrap .upload-wrap>div{
  width: 180px;
  margin-right: 12px;
  margin-bottom: 10px;
  position: relative;
}
.del-unit-wrap .upload-wrap  .del-img-tips{
    text-align: center;
    width: 180px;
    height: 32px;
    line-height: 32px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    display: none;
    position: absolute;
    left: 0;
    bottom: 0px;
}

.del-unit-wrap .upload-wrap>.img-btn-unit{
  width: 180px;
  height: 120px;
  position: relative;
}
.del-unit-wrap .upload-wrap  img{
  width: 180px;
  height: 120px;
}
.del-qrcode-wrap .upload-wrap  img{
  width: 100px;
  height: 100px;
}
.tools-img-action{
    position: relative;
}
.tools-img-action img:hover{
    cursor: pointer;
}
.crop-list-flex{
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
}

.upload-wrap .del-img:hover {
  cursor: pointer;
}


.upload-wrap .del-img:hover .del-img-tips{
  display: block;
}

#new-crop-avatar{
  margin-top: 30px;
}

.crop-list-flex .unit-list-info{
    width: 214px;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    background: rgba(255,255,255,1);
    border-radius: 2px;
    border: 1px solid rgba(233,233,233,1);
    margin-right: 24px;
    margin-bottom:12px;
}

.crop-list-flex .unit-list-info .img-wraper{
  width: 212px;
  height: 125px;
}
.crop-list-flex .unit-list-info .img-wraper img{
  width: 212px;
  height: 125px;
}

.crop-list-flex .unit-list-info .name-wraper{
  width: 100%;
  padding-left: 15px;
  margin-top: 12px;
}
.crop-list-flex .unit-list-info .name-wraper-detail{
    font-size: 14px;
    font-weight: 600;
    color: rgba(0,0,0,0.85);
    line-height: 16px;
}

.crop-list-flex .unit-list-info .type-num-wraper{
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height:16px;
  font-size:12px;
  font-weight:400;
  color:rgba(0,0,0,0.65);
  line-height:16px;
  padding: 0 16px;
  margin-top: 16px;
}
.crop-list-flex .unit-list-info .text-detail-wraper{
  margin-top: 12px;
  margin-bottom: 12px;
}
.crop-list-flex .unit-list-info .text-detail{
  height:60px;
  font-size:12px;
  font-weight:400;
  color:rgba(0,0,0,0.45);
  line-height:20px;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  word-break: break-all;
  word-wrap: break-word;
}

.crop-list-flex .unit-list-info .list-info-done{
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 6px 20px;
  border-top: 1px solid #E8E8E8;
}
.crop-list-flex .unit-list-info .list-info-done .info-done-del,.crop-list-flex .unit-list-info .list-info-done .info-done-edit{
  width: 80px;
  height:22px;
  font-size:14px;
  font-weight:400;
  color:rgba(0,0,0,0.45);
  line-height:22px;
  text-align: center;
}

.crop-list-flex .unit-list-info .list-info-done span:hover{
  color: #FF8C28;
  cursor: pointer;
}

.modal-header {
    padding: .3rem 1rem;
}
.avatar-body {
  padding-right: 15px;
  padding-left: 15px;
}

.avatar-upload {
  overflow: hidden;
  height: 0px;
}

.avatar-upload label {
  display: block;
  float: left;
  clear: left;
  width: 100px;
}

.avatar-upload input {
  display: block;
  margin-left: 110px;
}

.avater-alert {
  margin-top: 10px;
  margin-bottom: 10px;
}
/*部件样式 end*/


/*上传附件 start*/
.process-bar-wrapper{
    background-color: #FFF;
    width: 360px;
    height: 34px;
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 2px;
}
.process-bar-wrapper .title{
    background-color: #FFF;
    width: 360px;
    height: 20px;
    line-height: 20px;
    position: relative;
    padding: 0;
    margin: 0;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    padding: 0;
    margin:0;
    border-radius: 2px;
}
.process-bar-wrapper .bar{
    background-color: #FF8C28;
    height: 14px;
    display: inline-block;
    padding: 0;
    margin: 0;
    position:absolute;
    top: 20px;
    left: 0;
    opacity: 1;
}
/*上传附件 end*/

/*更多 ... 样式 start*/
*鼠标移入 显示*/
.more-oper{
    position: relative;
    height: 16px;
    line-height: 24px;
}
.more-oper .location{
    position: absolute;
    top: 12px;
    right: -5px;
    width:118px;
    padding-top:15px;
    background:rgba(255,255,255,0);
    display: none;
    z-index: 99;
}
.more-oper .more-actions-list-wraper{
    width:118px;
    background:rgba(255,255,255,1);
    border-radius:2px 0px 0px 0px;
    border:1px solid rgba(232,232,232,1);
}
.more-oper .location:hover{
    color:rgba(0,0,0,0.65);
}
.more-oper .more-alt{
    position: relative;
    width: 100%;
    height: 2px;
    margin: 0;
}
.more-oper .more-alt:before{
    content: '';
    height: 8px;
    width: 8px;
    display: block;
    border:  1px solid rgba(232,232,232,1);
    background: rgba(255,255,255,1);
    border-right-width: 0;
    border-top-width: 0;
    position: absolute;
    top: -5px;
    right: 6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
}

.more-oper .more-actions-list{
    padding: 0;
    margin: 0;
    list-style: none;
    width: 118px;
    line-height:34px;
    text-align: center;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}
.more-oper .more-actions-list .item:hover{
    background:rgba(248,248,248,1);
    color:rgba(0,0,0,0.65);
}
.header-top .top-link .is-login .more-oper .more-actions-list .item{
    width: 116px;
    height: 34px;
    line-height: 34px;
    text-align: left;
    padding-left: 12px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
}
.header-top .top-link .is-login .more-oper .more-actions-list .item a{
    width: 102px;
    display: inline-block;
}
.header-top .top-link .is-login .more-oper .more-actions-list .item .msg-number{
    height:14px;
    background:rgba(239,72,72,1);
    border-radius:7px;
    font-size:12px;
    color: #FFF;
    font-weight:400;
    padding-left:4px;
    padding-right: 4px;
}
.header-top .top-link .more-oper:hover .location{
    display: block;
}

/*end*/


/*用户选择标签 弹层 start*/
.user-labels-wrapper{
    width: 750px;
    height: 480px;
    overflow-y: auto;
}
.upload-file-action .ajax-file-upload-container {
    margin: 0px;
}

.user-labels-wrapper .title{
    line-height:24px;
    height: 24px;
    margin:16px 0;
    font-weight:bold;
    color:rgba(0,0,0,0.85);
    padding: 0 24px;
}

.user-labels-wrapper .list{
    display: -webkit-box;
    display: flex;
    padding: 0 16px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.user-labels-wrapper .list .item{
    display: inline-block;
    background: #E8E8E8;
    padding: 0 8px;
    /*height: 28px;*/
    line-height: 28px;
    margin:6px;
    border-radius:4px;
    cursor: pointer;
}
.user-labels-wrapper .list .item.active{
    color:#FF8C28;
    background: #FFF3E9;
}
.user-labels-wrapper .list .item:hover{
    color:#FF8C28;
    background: #FFF3E9;
}

/*用户选择标签 弹层 end*/

/*自定义模态框 start*/
#unit-modal-bg{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
  z-index: 1043;
  display: none;
}

.zhe_con_wrap{
  position: fixed;
  top: 45px;
  width:752px;
  box-shadow:0px 0px 25px 0px rgba(0,0,0,0.2);
  border-radius:2px;
  background: rgba(255,255,255,1);
  z-index: 1044;
}


#compary_modal_bg{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
  z-index: 1043;
  display: none;
}
.compary-con-wrap{
  position: fixed;
  top: 45px;
  width:752px;
  box-shadow:0px 0px 25px 0px rgba(0,0,0,0.2);
  border-radius:2px;
  background: rgba(255,255,255,1);
  z-index: 1044;
}

.zhe_con{
  width: 100%;
  position: relative;
  margin: 0;
  padding:0;
  border-radius:4px;
}
.zhe_con .zhe_con_title{
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    font-weight: bold;
    border-radius: 2px 2px 0 0;
    margin-bottom: 10px;
}
.zhe_con .unit-left-nav {
  min-width:110px;
  height:28px;
  font-size:14px;
  font-weight:500;
  color:rgba(0,0,0,0.85);
  line-height:28px;
  margin-bottom: 12px;
}
.zhe_con .unit-left-nav.red-star{
    padding-left:20px;
    position: relative;
}

.zhe_con   .unit-name{
  width:572px;
  height:32px;
  background:rgba(255,255,255,1);
  border-radius:4px;
  border:1px solid rgba(0,0,0,0.15);
}

.zhe_con  .unit-num{
  width:88px;
  height:32px;
  background:rgba(255,255,255,1);
  border-radius:4px;
  border:1px solid rgba(0,0,0,0.15);
}

.zhe_con   .unit-textarea{
  width:572px;
  height:100px;
  padding-left: 12px;
  background:rgba(255,255,255,1);
  border-radius:4px;
  border:1px solid rgba(217,217,217,1);
  resize:none;
  margin-bottom:12px;
  outline: none;
}

.zhe_con  .unit-modal-footer{
  display: -webkit-box;
  display: flex;
  justify-content : flex-end;
  padding-right: 32px;
  box-shadow:0px -2px 4px 0px rgba(0,0,0,0.05);
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn-unit-sec,.btn-unit-sure{
  font-size:14px;
  font-weight:400;
  color:rgba(0,0,0,0.65);
  height: 32px;
  line-height: 32px;
  padding:0 16px;
  margin-left: 16px;
}
.btn-unit-sure{
  background-color: #FF8C28;
  color: #FFFFFF;
}
.btn-unit-sure:hover{
  background-color: #FF8C28;
  color: rgba(255,255,255,.8);
}
.btn-unit-sec{
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(204,204,204,1);
}
.avatar-wrapper {
  width: 745px;
  height: 444px;
  box-shadow: inset 0 0 5px rgba(0,0,0,.25);
  background-color: #fcfcfc;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 5px;
}

.avatar-wrapper img {
  display: block;
  height: auto;
  max-width: 100%;
}
.avatar-btns  .create-tips{
    color: #FF8C28;
    margin-left: 20px;
    height: 24px;
    line-height: 24px;
    font-weight:normal;
}
.avatar-preview {
  float: left;
  margin-top: 15px;
  margin-right: 15px;
  border: 1px solid #eee;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
}

.avatar-preview:hover {
  border-color: #ccf;
  box-shadow: 0 0 5px rgba(0,0,0,.15);
}

.avatar-preview img {
  width: 100%;
}

.preview-lg {
  height: 184px;
  width: 184px;
  margin-top: 15px;
}

.preview-md {
  height: 100px;
  width: 100px;
}

.preview-sm {
  height: 50px;
  width: 50px;
}

.avatar-btns {
    margin-top: 15px;
    margin-bottom: 0px;
}
.avatar-btns .btn-group {
  margin-right: 5px;
}
.avatar-btns  .avatar-btns-bottom{
    display: -webkit-box;
    display: flex;
}
/*自定义模态框 end*/


/*动态列表*/
.list-def-wraper .list-info-wraper .list-info .right .top-wraper .tends-top-left{
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.list-def-wraper .list-info-wraper .list-info .tends-top-left .user{
    margin-right: 12px;
}
.list-def-wraper .list-info-wraper .list-info .pic-wraper{
    display: -webkit-box;
    display: flex;
    width: inherit;
}
.list-def-wraper .list-info-wraper .list-info .pic-wraper>div{
    display: -webkit-box;
    display: flex;
}
.list-def-wraper .list-info-wraper .list-info .pic-wraper>div img{
    display: -webkit-box;
    display: flex;
}
.list-def-wraper .list-info-wraper .list-info .pic-wraper .img-len-four .gallery{
    width:668px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list-def-wraper .list-info-wraper .list-info .pic-wraper .img-len-other .gallery{
    width:668px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.list-def-wraper .list-info-wraper .list-info .pic-wraper .gallery>img{
    width: 212px;
    height: 125px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.list-def-wraper .list-info-wraper .list-info .pic-wraper .gallery>img:nth-child(3n){
    margin-right: 0px;
}
.list-def-wraper .list-info-wraper .video-wraper{
    position: relative;
    margin-bottom: 10px;
}

.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper{
    width:668px;
    background:rgba(248,248,248,1);
    padding:8px 16px;
    margin-bottom: 10px;
}
.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper.user{
    /*width:300px;*/
}
.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper .doc-wraper{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
}
.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper .doc-wraper .item{
    margin: 8px 0;
}
.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper .doc-wraper .item span{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}
.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper .doc-wraper .item a{
    color: #FF8C28;
    font-size:14px;
    font-weight:400;
}
.list-def-wraper .list-info-wraper .list-info-item .topic-wraper{
    margin-bottom: 10px;
}
.list-def-wraper .list-info-wraper .list-info-item .topic-wraper .topic{
    height:22px;
    font-size:14px;
    font-weight:400;
    color:rgba(129,147,163,1);
    line-height:22px;
    display: inline-block;
    margin-right: 8px;
}
.list-def-wraper .list-info-wraper .list-info-item  .content-news{
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    min-height: 24px;
    overflow: hidden;
    line-height: 24px;
    margin-bottom: 8px;
    max-width: 856px;
    word-break: break-all;
    word-wrap: break-word;
}
.list-def-wraper .list-info-wraper .content-news .at{
    font-size: 14px;
    color: rgba(0,0,0,.35);
    display: inline-block;
    margin-right: 8px;
}
.list-def-wraper .list-info-wraper .content-news .at:hover{
    color: rgba(0,0,0,.65);
}
.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper>a{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-bottom: 4px;
}
.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper .title{
    display: inline-block;
    height: 24px;
    font-size: 15px;
    font-weight: bold;
    color: rgba(0,0,0,0.85);
    line-height: 24px;
    overflow: hidden;
}

.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper .news-wraper{
    display: -webkit-box;
    display: flex;
    flex-direction: row;
}
.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper .news-wraper img{
    width: 110px;
    height: 65px;
    margin-right: 8px;
}
.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper .news-wraper .news-wraper-main{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
}
.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper .news-wraper .title{
    height:24px;
    font-size:16px;
    font-weight:bold;
    color:rgba(0,0,0,0.85);
    line-height:24px;
    margin-bottom: 12px;
    overflow: hidden;
}
.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper .news-wraper .content{
    max-height: 72px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    min-height: 24px;
    overflow: hidden;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    max-width: 635px;
    margin-bottom: 0px;
}

.list-def-wraper .list-info-wraper .list-info-item  .content.has-img{
        width: 520px;
}
.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper .scholar-wraper {
display: -webkit-box;
display: flex;
}
.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper .scholar-wraper .main{
display: -webkit-box;
display: flex;
flex-direction:column;
}

.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper .scholar-wraper img{
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin: 10px 20px 10px 0;
}

.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper .scholar-wraper .name{
    height: 24px;
    font-size: 16px;
    font-weight: bold;
    color: rgba(0,0,0,0.85);
    line-height: 24px;
    margin-bottom: 0px;
    margin-top: 4px;
}

.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper .news-wraper .unit{
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    min-height: 24px;
    overflow: hidden;
    line-height: 24px;
    margin-bottom: 8px;
}
.list-def-wraper .ashy-wraper .new.unit{
    display:flex;
     -webkit-flex-direction: column;
    flex-direction: column;
}
.list-def-wraper .ashy-wraper .new.unit span{
    height:18px;
    line-height:18px;
    font-size:12px;
    font-weight:400;
    color:rgba(0,0,0,0.65);

}
.list-def-wraper .list-info-wraper .list-info-item .ashy-wraper .news-wraper .unit span{
    display: inline-block;
    margin-left: 8px;
}
.user-serch-list{
    list-style-type: none;
    padding: 0;
}
.user-serch-list .user-item{
    height: 34px;
    line-height: 34px;
    border: none;
    margin: 0px -10px;
    padding: 0 5px;
    color:rgba(0,0,0,0.65);
}
.user-serch-list .user-item:hover{
    background: #E8E8E8;
    cursor: pointer;
}

.user-serch-list .user-item .user-pic{
    width: 26px;
    height: 34px;
    display: inline-block;
}
.user-serch-list .user-item .user-pic img{
    width: 22px;
    height: 22px;
    border-radius: 50%;
}
 .trends-options .item #serach_topic_some {
    position: absolute;
    width: 320px;
    min-height: 218px;
    padding: 12px;
    background: rgba(255,255,255,1);
    border-radius: 4px;
    border: 1px solid rgba(217,217,217,1);
    top: 24px;
    left: 0;
    display: none;
    z-index: 10;
}

.at-some .search textarea.topic {
    width: 290px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    border: none;
    outline: none;
    background: #F8F8F8;
    overflow: hidden;
    padding: 0;
    padding-left: 35px;
}
#serach_topic_some .hot-topic-list-wrapper{
    margin-right: -10px;
    margin-left: -10px;
}
#serach_topic_some  .topic-list{
    border-top: 1px solid #E8e8e8;
}
#serach_topic_some  .hot-wraper{
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 6px;
}
#serach_topic_some .hot-topic-title{
    display: inline-block;
    padding-left: 12px;
    padding-top: 8px;
}
#serach_topic_some  .hot-wraper .item-label{
    width: 88px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    color: rgba(0,0,0,0.65);
    margin: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 6px;
    white-space: nowrap;
}

#serach_topic_some  .hot-wraper .item-label.active{
    border: 1px solid #FF8C28;
    color: #FF8C28;
}
#serach_topic_some  .hot-wraper .item-label:hover{
    border: 1px solid #FF8C28;
    color: #FF8C28;
    cursor: pointer;
}
.topic-serch-list{
    list-style-type: none;
    padding: 0;
}
.topic-serch-list .user-item{
    height: 34px;
    line-height: 34px;
    border: none;
    margin: 0px -10px;
    padding: 0 8px;
    color:rgba(0,0,0,0.65);
}
.topic-serch-list .user-item:hover{
    background: #E8E8E8;
    cursor: pointer;
}
#files_list{
    margin: 10px 0;
    padding: 0 0 0 10px;
}

#files_list .pics-wraper,#files_list .video-wraper{
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px;
}
#files_list .pics-wraper .upload-img-item{
    position: relative;
    width:212px;
    height:125px;
    background:rgba(248,248,248,1);
    border-radius:3px;
    border:1px solid rgba(217,217,217,1);
    margin-right: 10px;
    margin-bottom: 8px;
}
#files_list .pics-wraper .upload-img-item:nth-child(3n){
    margin-right: 0px;
}
#files_list .pics-wraper .upload-img-item img{
    width: 212px;
    height: 125px;
}
#files_list .pics-wraper .upload-img-item span.del,#files_list .video-wraper .upload-video-item span.del{
    width:212px;
    height:22px;
    text-align: center;
    line-height: 22px;
    background: rgba(0,0,0,.5);
    color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
}
#files_list .pics-wraper .upload-img-item:hover,#files_list .video-wraper .upload-video-item:hover{
    cursor:pointer;
}

#files_list .pics-wraper .upload-img-item:hover span.del,#files_list .video-wraper .upload-video-item:hover span.del{
    display: inline-block;
}
#files_list .video-wraper .upload-video-item{
    position: relative;
    width:212px;
    height:125px;
    border-radius:3px;
    margin-right: 16px;
    margin-bottom: 8px;
    background: rgba(0,0,0,.85);
}
#files_list .upload-video-item  img{
    width: 108px;
    height: 68px;
    margin: 30px 50px;
}
#files_list .doc-wraper{
    padding: 0 16px;
}
#files_list .doc-wraper .doc-list-item{
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    display: block;
    margin-bottom: 6px;
}
#files_list .doc-wraper .doc-list-item .del-doc{
    color: #FF8C28;
    cursor: pointer;
    display: inline-block;
    margin-left: 8px;
}
.create-trends .trends-content .num-unit{
    position: absolute;
    right: 0px;
    bottom: 2px;
    color: rgba(0,0,0,0.25);
    z-index: 99;
}

/*动态页列表 end */

/*短信验证码弹层 start*/
.send-code-open{
    display:flex;
    justify-content: center;
    padding: 24px;
}
.send-code-open .btn-short{
    border:  1px solid #CCC;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    width: 170px;
    padding-left: 10px;
    outline: none;
    margin-right: 10px;
    outline: none;
}
/*短信验证码弹层  end*/

/*
*
 手机端样式
*/
.wap{
    background-color:#FFF;
    min-height: 100vh;
}
.wap .py-4{
    margin:0 !important;
    padding: 0 !important;
    overflow-x: hidden;
    min-height: 100vh;
}
.wap .inviter-wraper{
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
}
.wap .inviter-wraper .inviter-info {
    padding-top: 24px;
/*    background: #E8E8E8;
    padding-bottom: 24px;*/
}
.wap .inviter-wraper .reg-tips{
    padding: 24px 0 0;
    width: 100%;
    text-align: center;
    color: rgba(0,0,0,.65);
    font-size: 14px;
}
.wap .inviter-wraper .inviter-info .inviter-p{
    height: 24px;
    line-height: 24px;
    margin: 0 18px 0;
}
.wap .inviter-wraper .inviter-info .header-img{
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wap .inviter-wraper .inviter-info .inviter-name{
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:16px;
    font-weight:bold;
    margin:12px auto;
}
.wap .inviter-wraper .inviter-info .inviter-other-wraper{
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:14px;
    margin:12px auto 0;
}
.wap .inviter-wraper .inviter-info .inviter-other-wraper .item{
    margin: 0 6px;
    display: block;
}
.wap .inviter-wraper .inviter-info .header-img img{
    border-radius: 50%;
    height: 120px;
    width: 120px;
}

.wap .inviter-wraper .post-info{
    margin-top: 0px;
    padding: 0 10px;
    display: -webkit-box;
    display: flex;
    background: #FFF;
    width: 100%;
}
.wap .inviter-wraper .post-info>form{
    width: inherit;
 }
.wap .inviter-wraper .perfect-info{
    display: -webkit-box;
    display: flex;
    align-items: center;
    padding: 8px 0;
    position: relative;
    border-bottom: 1px solid #E5E5E5;
    width: 100%;
    justify-content: space-between;
}
.wap .inviter-wraper .perfect-info.mobile-code-wp{
    padding: 8px 30px;
}

.mobile-code-wp .get-code{
    color: #FF8C28;
    border: 1px solid #FF8C28;
    height: 30px;
    line-height: 30px;
    width: 120px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    margin-left: 8px;
}
.mobile-code-wp .get-code.disable{
    color: #D9D9D9;
    border: 1px solid #D9D9D9;
}


.wap .inviter-wraper .perfect-info.set-header{
    align-items: flex-start;
}

.wap .inviter-wraper .perfect-info .input-title{
    width: 30%;
    min-width: 100px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    color: rgba(0,0,0,.65);
    font-weight: bold;
    position: relative;
}
.wap .inviter-wraper .perfect-info .input-wraper{
    width: 70%;
}
.wap .inviter-wraper .perfect-info .input-wraper.short {
    width: 50%;
}
.wap .inviter-wraper .perfect-info .checkbox-wraper{
    width: 20%;
    align-items: center;
}
.wap .inviter-wraper .perfect-info .input-wraper .soft-select {
    display: -webkit-box;
    display: flex;
    height: 28px;
}
.wap .inviter-wraper .perfect-info .red-star:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 10px;
    width: 18px;
    height: 18px;
    background-image: url(/images/icons/icon_red_star.png);
    background-position: left;
    background-repeat: no-repeat;
}
.wap .inviter-wraper .perfect-info .header-wrapper img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #F8F8F8;
}
.wap .inviter-wraper .perfect-info input,.wap .inviter-wraper .perfect-info select{
    width: 100%;
    height: 32px;
    line-height: 14px;
    padding: 8px 6px;
    background: rgba(255,255,255,1);
    border-radius: 0px;
    border: 0px solid rgba(217,217,217,1);
    outline: none;
    -webkit-appearance: none;
    color: rgba(0,0,0,.65);
    margin-bottom: 0px;
    font-size: 14px;
}
.wap .inviter-wraper .perfect-info.remark {
    align-items: flex-start;
    border-bottom: 0px;
}
.wap .inviter-wraper .perfect-info.remark textarea{
    border: none;
    padding-top: 9px;
    resize:none;
}
.wap .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 32px;
    line-height: 32px;
    user-select: none;
    outline: none;
    -webkit-user-select: none;
    border: 0px solid #AAA;
}
.wap .inviter-wraper .perfect-info textarea{
    width: 180px;
    height: 96px;
    background: rgba(255,255,255,1);
    border-radius: 4px;
    border: 1px solid rgba(217,217,217,1);
    outline: none;
    padding-left: 10px;
    -webkit-appearance: none;
    color: rgba(0,0,0,.65);
}
.wap .inviter-wraper .agreement .k-checkbox-wraper {
    margin-right: 6px;
}
.wap .inviter-wraper .perfect-btn-wraper{
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 100%;
    margin: 0px auto;
}
.wap .inviter-wraper .perfect-btn-wraper .sub-btn{
    width: 260px;
    height: 46px;
    border-radius: 4px;
    background-color: #FF8C28;
    border:1px solid #FF8C28;
    font-weight:500;
    font-size: 18px;
    color: #fff;
    outline: none;
}
.wap .inviter-wraper .perfect-btn-wraper .sub-btn.dis{
    background-color: #E8E8E8;
    border: 1px solid #E8E8E8;
    color: rgba(0,0,0,.25);
}
.wap .inviter-wraper .perfect-btn-wraper .sub-btn:hover {
    color: #fff;
    background-color: #FF8C28;
    border-color: #FF8C28;
}
.wap .inviter-wraper .perfect-btn-wraper .sub-btn.dis:hover {
    background-color: #E8E8E8;
    border: 1px solid #E8E8E8;
    color: rgba(0,0,0,.25);
}

.wap .inviter-wraper .perfect-btn-wraper .sub-btn-small{
    width: 120px;
    height: 52px;
    border-radius: 4px;
    background-color: #FF8C28;
    border:1px solid #FF8C28;
    font-weight:500;
    font-size: 20px;
    color: #fff;
    outline: none;
    margin: 0 12px;
}
.wap .inviter-wraper .perfect-btn-wraper .sub-btn-small.sec{
    background-color: #FFF;
    border:1px solid #AAA;
    color: rgba(0,0,0,.65);
}

.wap .inviter-wraper .agreement{
    text-align: center;
    display: flex;
    width: 260px;
    margin: 16px auto 8px;
    justify-content: center;
}
.wap .inviter-wraper .agreement label{
    margin:0 4px 0 0;
}

.wap  .layui-m-layerbtn span[yes] {
    color: #FF8C28;
}
.wap .inviter-wraper .agreement .hight{
    color: #FF8C28;
}
.wap .wap-specifications{
    max-height: 360px;
    overflow-y: auto;
    margin: -30px -12px;
    padding: 12px;
    text-align: left;
}
.wap-specifications h2{
    font-size:18px;
    font-weight:bold;
    margin: 12px 0 24px;
    text-align: center;
}
.wap-specifications p,.wap-specifications ul{
    margin-bottom:12px;
}
.wap-specifications p{
    text-align: left;
}
.wap-specifications ul li{
    text-align: left;
}
.wap .wap-specifications .layer-cosle-wrapper{
    width: 100%;
    text-align: center;
}
.wap .wap-specifications .layer-cosle-wrapper .layer-sure{
    width: 80px;
    display: inline-block;
    font-size:14px;
    height:32px;
    line-height: 32px;
    border-radius: 4px;
    background-color: #FF8C28;
    border:1px solid #FF8C28;
    font-weight: 400;
    color: #fff;
    outline: none;
    margin:0 12px;
}
.wap .wap-specifications .layer-cosle-wrapper .layer-cosle{
    width: 80px;
    display: inline-block;
    font-size:14px;
    height:32px;
    line-height: 32px;
    border-radius: 4px;
    background-color: #FFF;
    border:1px solid #FF8C28;
    font-weight: 400;
    color: #FF8C28;
    outline: none;
    margin:0 12px;
}

.wap .upload-img-wrapper{
    position: relative;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
     -webkit-flex-direction: column;
    flex-direction: column;
}

.wap .upload-img{
    position: relative;
}
.wap .upload-img .user-header{
    border-radius: 0px;
    height: 150px;
    width: 150px;
}
.wap .img-tips{
    color: rgba(0,0,0,.45);
    width: 150px;
    text-align: center;
    border-radius:0px;
}

.wap .examine{
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 20px;
     -webkit-flex-direction: column;
    flex-direction: column;
}
.wap .examine .tips{
    color: rgba(0,0,0,.65);
    font-size: 14px;
    margin-top: 20px;
}

.inviter-wraper-bottom .img-heng{
    width:100%;
    padding: 20px 12px;
}
.inviter-wraper-bottom .img-heng{
    width:inherit;
    padding: 20px 16px;
}
.inviter-wraper-info{
    background:#E8E8E8;
    margin:0 -12px;
     -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom:20px;
    padding-top: 12px;
}
.inviter-wraper-info .left{
/*  width: 120px;
    height:120px;*/
}
.inviter-wraper-info .left h4{
    font-size: 14px;
    color: rgba(0,0,0,.65);
    font-weight: bold;
    padding: 0 24px;
    margin:0;
}
.inviter-wraper-info .right{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 0 24px;
}
.inviter-wraper-info .right .user-header{
    border-radius: 50%;
    width: 80px;
    height: 80px;
}
.inviter-wraper-info p{
    margin: 6px;
}
.inviter-wraper-info .right .inviter-name{
    text-align: left;
    margin: 6px;
    font-size: 16px;
    font-weight:bold;
}
.inviter-wraper-info .right .inviter-other-wraper{
    width: inherit;
    display: -webkit-box;
    display: flex;
    justify-content: center;
}
.inviter-wraper-info .right .inviter-other-wraper .item{
    max-width: 160px;
    color: rgba(0,0,0,.45);
    margin:0 12px;
}
.wap label {
    display: inline-block;
    margin-bottom: 0;
}
.wap .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: none;
}
.wap .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: 0;
    box-shadow: none;
}

/*文章详情样式*/
.wap-wrapper{
    background: #FFF;
    padding: 0 12px;
}
.wap-wrapper.article-bottom{
    padding-bottom: 80px;
}
.wap-wrapper .news-wrapper{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
    background:#FFF;
    justify-content: center;
}
.wap-wrapper .news-wrapper>.title{
    padding: 16px 10px 10px;
    line-height: 24px;
    font-size:16px;
    font-weight:500;
    color:rgba(0,0,0,0.9);
    word-break: break-all;
    word-wrap: break-word;
    text-align: center;
}
.align-left{
    text-align: left !important;
}
.wap-wrapper .other-info{
    display: -webkit-box;
    display: flex;
    height: 32px;
    align-items: baseline;
    justify-content: space-between;
    padding: 0 16px;
}
.wap-wrapper .other-info .header-img{
    width:32px;
    height:32px;
    border-radius: 50%;
}
.wap-wrapper .other-info .right{
    font-size:13px;
    font-weight:400;
    color:rgba(0,0,0,0.45);
}
.wap-wrapper .other-info .right .upright{
    margin: 0 8px;
}
.wap-wrapper .news-wrapper .des,.news-wrapper .doc,.news-wrapper .meet-wrapper{
    margin: 15px;
    padding: 8px 10px;
    background: #E8E8E8;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.8);
    line-height:24px;
    word-break: break-all;
    word-wrap: break-word;
}
.news-wrapper .doc .dowm-list-title{
    font-size:14px;
    font-weight:bold;
    color:rgba(0,0,0,0.9);
}
.news-wrapper .doc .dowm-list-title .tips{
    font-size:12px;
    font-weight:400;
    color:#FF8C28;
    line-height:28px;
}
.news-wrapper .doc .dowm-list{
    display: -webkit-box;
    display: flex;
    flex-direction:  column;
}
.news-wrapper .doc .dowm-list>span{
    margin:  2px 0;
    font-size:13px;
    font-weight:400;
    color:rgba(0,0,0,0.8);
    line-height:24px;
}

.wap .from-wechat-info{
    padding:10px 20px 0;
}
.wap .from-wechat-info .from{
  height: 24px;
  line-height: 24px;
}
.wap .from-wechat-info .form-top{
  position: relative;
  display: -webkit-box;
  display: flex;
  font-size: 0;
  font-weight: 400;
  margin-top: 6px;
  margin-bottom: 6px;
  background: #f8f8f8;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 10px;
}
.wap .from-wechat-info .form-top .left{
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.wap .from-wechat-info .form-top .left img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-top: 5px;
}

.wap .from-wechat-info .form-top .name {
    width:85%;
}

.wap .from-wechat-info .form-top .main{
    padding: 10px 0 0;
    max-width: 60%;
}
.wap .from-wechat-info .form-top  h4{
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    width: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.wap .from-wechat-info .form-top  .w-des{
    color: rgba(0,0,0,0.5);
    font-size: 14px;
    padding-top: 4px;
    width: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.wap .from-wechat-info  .qrcode{
    width: 60px;
    height: 60px;
    padding:0 5px;
}
.wap .from-wechat-info  .qrcode img{
    width: 60px;
    height: 60px;
}

.wap-wrapper .news-wrapper>.content{
    margin: 6px auto;
    word-break: break-all;
    word-wrap: break-word;
    width: 100% !important;
    padding:0 10px;
}

.wap-wrapper .news-wrapper>.content *{
    max-width: 100% !important;
}
.wap-wrapper .news-wrapper .btn-down {
    width: 180px;
    height: 40px;
    line-height: 40px;
    border: none;
    color: #FFF;
    border-radius: 4px;
    background: #FF8C28;
    outline: none;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    padding-left: 24px;
}

.wap-wrapper .news-wrapper .btn-down.play:before {
    content: '';
    position: absolute;
    left: 12px;
    top: 6px;
    width: 30px;
    height: 30px;
    background: url(/images/icons/icon_play.png) no-repeat center center;
    -webkit-background-size: 30px;
    background-size: 26px;
}

.wap-wrapper .news-wrapper>.content  img {
    -ms-interpolation-mode: bicubic;
 }

.wap-wrapper .news-wrapper>.content  img {
    max-width: 100% !important;
}
.wap-wrapper table {
     width: 100% !important;
}
.wap-wrapper .news-wrapper>.content  table {
    max-width: 100% !important;
    /*table-layout:fixed;*/
}
.wap-wrapper .news-wrapper>.content  table  td{
    word-break: break-all;
    word-wrap: break-word;
    padding: 4px !important;
}
.wap-wrapper .news-wrapper .meet-wrapper .meet{
    display: -webkit-box;
    display: flex;
    padding:0px 12px;
    word-break: break-all;
    word-wrap: break-word;
}
.wap-wrapper .news-wrapper .meet-wrapper .meet .title{
    min-width: 75px;
}
.wap-wrapper .news-wrapper .meet-wrapper .meet .content{
    word-break: break-all;
    word-wrap: break-word;
}
.wap-wrapper .community-wrapper{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 0 15px;

}
.wap-wrapper .community-wrapper .top{
    border-top: 1px solid #E8E8E8;
    margin-bottom: 15px;
}
.wap-wrapper .community-wrapper h4{
    height:28px;
    font-size:15px;
    font-weight:500;
    color:rgba(0,0,0,0.9);
    margin: 0;
}
.wap-wrapper .community-wrapper .tips{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.8);
    line-height:24px;
    margin: 5px 0 15px 0;
}
.wap-wrapper .community-wrapper .link a{
    color: #FF8C28;
    text-decoration: underline;
}
.wap-wrapper .login-wrapper {
    position: fixed;
    bottom: 0px;
    width: 100%;
    display: -webkit-box;
    display: flex;
    height: 80px;
    padding: 6px;
    align-items: center;
    justify-content:space-between;
    background: #FFF;
    box-shadow:0px -3px 3px 3px rgba(0,0,0,0.05);
}
.wap-wrapper .login-wrapper .login-left{
    display: -webkit-box;
    display: flex;
}
.wap-wrapper .login-wrapper .login-left .logo img{
    width:50px;
    height: 50px;
    border-radius: 50%;
}
.wap-wrapper .login-wrapper .content{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    margin-left:10px;
    margin-right:10px;
}
.wap-wrapper .login-wrapper .content .h-name{
    font-weight: bold;
    font-size: 18px;
    color: rgba(0,0,0,.8);
}
.wap-wrapper .login-wrapper .content .h-name img{
    width: 60px;
    height: 23px;
}
.wap-wrapper .login-wrapper .content .c-name{
    font-size: 12px;
    color: rgba(0,0,0,.65);
    padding-left: 3px;
}


.wap-wrapper .login-wrapper .more {
    height: 24px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.8);
    text-align: center;
    margin: 15px;
}
.wap-wrapper .login-wrapper .login-right{
    font-size: 0;
}
.wap-wrapper .login-wrapper .btn-wrapper,.wap-wrapper .login-wrapper .join-wrapper{
    height: 36px;
    display: inline-block;
}


.wap-wrapper .login-wrapper .join-wrapper{
    margin-left: 6px;
    margin-right: 2px;
}
.wap-wrapper .login-wrapper .btn-wrapper>a{
    height: 36px;
    line-height: 36px;
    background: #FF8C28;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #FFF;
    display: inline-block;
    outline: none;
    text-align: center;
    border: none;
    padding: 0 16px;
}
.wap-wrapper .login-wrapper .btn-wrapper.reg>a{
    padding: 0 10px;
}


.wap-wrapper .login-wrapper .join-wrapper>a {
    height: 36px;
    line-height: 36px;
    background: #f92e00;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #FFF;
    display: inline-block;
    outline: none;
    text-align: center;
    border: none;
    padding: 0 16px;
}


.wap-wrapper .login-user-wrapper{
    width:315px;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 15px 0px rgba(0,0,0,0.08);
    border-radius:4px;
    margin: 15px 0;
}
.wap-wrapper .hot-list-wrapper{
    margin: 0px;
    width: 100%;
    padding: 0 15px;
}
.wap-wrapper .hot-list-wrapper .article-title{
    height:28px;
    font-size:15px;
    font-weight:bold;
    color:rgba(0,0,0,0.9);
}
.wap-wrapper .hot-list-wrapper .list-wrapper .item{
    display: -webkit-box;
    display: flex;
    margin: 6px 0;
    border-bottom: 1px solid #E8E8E8;
    padding: 10px 0;
    justify-content: space-between;
}
.wap-wrapper .hot-list-wrapper .list-wrapper .item .content{
    word-break: break-all;
    word-wrap: break-word;
}
.wap-wrapper .hot-list-wrapper .list-wrapper .item:last-child{
    border-bottom: 0px solid #E8E8E8;
}
.wap-wrapper .hot-list-wrapper .list-wrapper .item .img-wrapper{
    margin-left: 12px;
}
.wap-wrapper .hot-list-wrapper .list-wrapper .item .img-wrapper img{
    width: 100px;
    height: 68px;
}

/*审核资料样式*/
.wap-wrapper .auditing-wrapper{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0;
    width: 100%;
    background:#FFF;
    justify-content: center;
}
.wap-wrapper .auditing-wrapper .meet-wrapper{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    padding: 12px 0;
}
.wap-wrapper .auditing-wrapper .meet-wrapper .meet{
    display: -webkit-box;
    display: flex;
    padding:6px 12px;
}
.wap-wrapper .auditing-wrapper .meet-wrapper .meet .title{
    display: block;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.85);
    width: 72px;
    min-width: 72px;
    line-height: 24px;
    white-space:nowrap;
}
.wap-wrapper .auditing-wrapper .meet-wrapper .meet .content{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
    line-height: 24px;
}
.wap-wrapper .auditing-wrapper .todo_list{
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    padding: 12px;
    background:#F8F8F8;
}


.wap-wrapper .auditing-wrapper .todo_list .list-name{
    font-size:14px;
    font-weight:bold;
    color:rgba(0,0,0,0.85);
    margin:3px 0;
    padding-left: 12px;
}
.wap-wrapper .auditing-wrapper .todo_list .user-list {
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px;
}
.wap-wrapper .auditing-wrapper .todo_list .user-list .item{
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding:5px  8px;
}
.wap-wrapper .auditing-wrapper .todo_list .user-list .item img{
    border-radius: 50%;
    width: 32px;
    height: 32px;
}
.wap-wrapper .auditing-wrapper .todo_list .user-list .item .name{
    max-width: 106px;
    white-space: nowrap;
    overflow: auto;
    padding-top: 0px;
}


.wap-wrapper .auditing-wrapper .auditing-title{
    background:#F8F8F8;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    display: inline-block;
    padding-left: 16px;
    margin:0;
}
.wap-wrapper .auditing-wrapper .auditing-title .num{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}

.wap-wrapper .auditing-wrapper>.item{
    display: -webkit-box;
    display: flex;
    border-bottom: 1px solid #F0F1F2;
    width: 98%;
}
.wap-wrapper .auditing-wrapper .left{
    width: 20%;
    min-width: 50px;
    display: -webkit-box;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 16px;
}
.wap-wrapper .auditing-wrapper .left .header-img{
    width: 44px;
    height: 44px;
    border-radius: 50%;
}
.wap-wrapper .auditing-wrapper .right{
    width: 80%;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
}
.wap-wrapper .auditing-wrapper .right .top{
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    height: 40px;
    align-items: center;
    width: 100%;
    padding: 0 12px 0 0;
}
.wap-wrapper .auditing-wrapper .right .top .name{
    font-size: 14px;
    font-weight: bold;
    color: rgba(0,0,0,0.85);
    max-width: 102px;
    overflow: hidden;
}
.wap-wrapper .auditing-wrapper .right .top .time{
    font-size:12px;
    font-weight:400;
    color:rgba(0,0,0,0.35);
}
.wap-wrapper .auditing-wrapper .right .university{
    display: -webkit-box;
    display: flex;
    margin-top: 5px;
}
.wap-wrapper .auditing-wrapper .right .university>.item{
    margin-right: 12px;
    color: rgba(0,0,0,.65);
    max-width: 102px;
    overflow: hidden;
}
.wap-wrapper .auditing-wrapper .right .remark{
    background:#F8F8F8;
    padding: 12px;
    line-height: 28px;
    margin-top: 10px;
    font-size:12px;
    font-weight:400;
    color:rgba(0,0,0,0.4);
}
.wap-wrapper .auditing-wrapper .right .option-wrapper{
    display: -webkit-box;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 12px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}
.wap-wrapper .auditing-wrapper .right .option-wrapper .butn{
    margin-left: 12px;
    width:60px;
    height:30px;
    border-radius:4px;
    line-height: 30px;
    text-align: center;
}
.wap-wrapper .auditing-wrapper .right .option-wrapper .butn.sure{
    background:#FF8C28;
    border:1px solid #FF8C28;
    color: #FFF;
}
.wap-wrapper .auditing-wrapper .right .option-wrapper .butn.refuse{
    background:#FFF;
    border:1px solid rgba(204,204,204,1);
    color: rgba(0,0,0,.65);
}
.loading-wrapper>.tips{
    color: rgba(0,0,0,.45)
    height:32px;
    line-height: 32px;
}
.wap-wrapper  textarea,.wap-wrapper  input{
    outline: none;
}
.follow-public-wrapper{
    width: 100%;
    height: 100vh;
    background: #E8E8E8;
    background: url(/images/icons/wap/pic_bg.jpg)no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    padding-top: 4vh;
    position: relative;
}
.follow-public-wrapper>.success{
    font-size: 16px;
    font-weight: bold;
    position: relative;
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    padding-left: 36px;
    color: #7ecb4b;
}

.follow-public-wrapper>.success:before{
    content: '';
    position: absolute;
    left: 8px;
    top: 10px;
    width: 20px;
    height: 20px;
    background-image: url(/images/icons/icon_success@2x.png);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
}
.follow-public-wrapper>.tilte{
    font-size:16px;
    font-weight:bold;
    color:rgba(0,0,0,0.8);
    text-align: center;
    margin-top: 2vh;
    line-height: 28px;
}
.follow-public-wrapper>.follow_public{
    width:120px;
    height: 120px;
    margin: 12px auto 12px;
}
.follow-public-wrapper>.s-tilte{
    height:26px;
    font-size:15px;
    color:rgba(0,0,0,0.8);
    text-align: center;
    margin-top: 0px;
}
.follow-public-wrapper>.s-tilte.wechat{
    height:26px;
    font-size:15px;
    color:#FF8C28;
}
.follow-public-wrapper>.s-tilte.chi{
    height:26px;
    font-size:16px;
}
.follow-public-wrapper>.follow-logo-wrapper{
    position: absolute;
    height: 22vh;
    display: -webkit-box;
    display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    bottom: 65px;
    width: 100%;
    align-items: center;
}
@media screen and (max-width: 350px) {
    .follow-public-wrapper>.follow-logo-wrapper{
        bottom: 10px;
    }
}
.follow-public-wrapper>.follow-logo-wrapper>.follow-logo{
    /*width:180px;*/
    height: 80px;
}
.follow-public-wrapper>.follow-logo-wrapper>.text{
    font-size:12px;
    font-weight:400;
    /*color:rgba(231,120,23,1);*/
    color:rgba(0,0,0,.6);
    line-height:20px;
    margin-top: 6px;
}


/*手机端样式 end
/*tour 样式补丁*/
.tour-button{
    padding: 2px 10px;
    border: 1px solid #E8E8E8;
    border-radius: 2px;
    color: #333;
}

#doc_file_Comment{
    display: none;
}
/*2020-09-04 H5 样式start*/
.mobile-search-nav-01{
    padding-top: 5px;
    border-top: 1px solid #F8F8F8;
    border-bottom: 1px solid #F8F8F8;
    padding-bottom: 5px;
}
.mobile-search-nav-01 input,.mobile-search-nav-01 select{
    height: 32px;
    line-height: 32px;
    width: 98%;
    margin-bottom: 0;
    padding: 0px 10px;
    -webkit-user-select: text;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    outline: none;
    background-color: #fff;
    -webkit-appearance: none;
    font-size:14px;
}
.mobile-search-nav-01 button{
    height: 32px;
    line-height: 32px;
    width: 98%;
    margin-bottom: 0;
    padding: 0px 10px;
}
.wap  .mobile-search-nav-01 .select2-container .select2-selection--single {
    width: 98%;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 32px;
    line-height: 32px;
    user-select: none;
    outline: none;
    -webkit-user-select: none;
    border: 1px solid rgba(0, 0, 0, .2);
}

#pullrefresh,#pullrefresh *{touch-action: none;}
.touch-none{ touch-action: none; }
.ling-nav{touch-action: pan-x;}
.ling-nav>*{touch-action: pan-x;}
.ling-slider-y {
    touch-action: pan-y;
}
.mui-bar-tab {
    bottom: 0;
    display: table;
    width: 100%;
    height: 62px;
    padding: 6px 0;
    table-layout: fixed;
    border-top: 0;
    border-bottom: 0;
    -webkit-touch-callout: none;
}
.mui-pull {
    font-weight: 400;
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    text-align: center;
    color: #999;
}
.has-serach-img{
    position: relative;
    padding-left: 20px !important;
    background: url(/images/icons/icon_search@2x.png) 2px no-repeat;
    background-size:15px  15px;
    width: 19px;
    height: 17px;
    left: 2px;
}
/*修改通用底部高亮颜色*/
.mui-bar-tab .mui-tab-item.mui-active {
    color: #FF8C28;
}
.mui-bar-tab .mui-tab-item.mui-active.unset-mui {
    color: #929292;
}
.mui-bar-tab .mui-tab-item.active.unset-mui {
    color: #FF8C28;
}
.ling-header .pull-left-logo{
    position: relative;
    z-index: 20;
    height: 22px;
    margin-right: -10px;
    margin-left: -10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 0px;
}

.kongbai{
    width: 100%;
    height: 48px;
}
.mui-bar-nav ~ .mui-content.p-140{
    padding-top: 140px;
}

.ling-header.mui-bar .mui-title {
    left: 80px;
    right: 80px;
}
.ling-header .mui-input-group .mui-input-row
{
    height: 40px;
    width: 60%;
}
.ling-header .mui-search.mui-active:before {
    font-size: 16px;
    right: auto;
    left: 5px;
    display: block;
    margin-right: 0;
    margin-top: -20px;
    height: 20px;
    top: 20px;
}
.ling-header .mui-bar input[type='search'] {
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    text-align: center;
    border: 0;
    border-radius: 6px;
    background-color: #FFF;
}
.mui-content {
    background-color: #FFF;
    -webkit-overflow-scrolling: touch;
}
.ling-list .ling-title{
    height: 48px;
    line-height: 24px;
    position: relative;
    display: block;
    padding: inherit;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    color: inherit;
    overflow: hidden;
}
.ling-list{
    width: 96%;
    margin-left: 2%;
}
.ling-list .mui-table-view-cell:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
}

.mui-table-view .mui-media-object.ling-img {
    line-height: 48px;
    max-width: 85px;

}
.mui-table-view .mui-media-object.ling-img-tool{
    height: 60px;
    max-width: 108px;

}
.ling-list .ling-tool-des{
    height: 40px;
    line-height: 20px;
    position: relative;
    display: block;
    padding: inherit;
    white-space: pre-wrap;
    text-overflow: ellipsis;
     color: rgba(0,0,0,.65);
    overflow: hidden;
}
.ling-option{
    height: 24px;
    line-height: 24px;
    width: 100%;
    margin:0px 0 4px;
}

.ling-option .date{
    height: 24px;
    line-height: 24px;
    color: rgba(0,0,0,.45);
}
.ling-option  .right .item{
    font-size: 12px;
    color: rgba(0,0,0,.45);
    margin-left: 12px;
}
.ling-option  .right .item .mui-icon-extra,.ling-option  .right .item .mui-icon{
    font-size: 12px;
    color: rgba(0,0,0,.45);
    margin-right: 6px;
}

.ling-option  .right .item .mui-icon-star-filled{
    font-size: 16px;
}
.ling-option  .right .item.active .mui-icon-extra,.ling-option  .right .item.active .mui-icon{
    color: #FF8C28;
}
.partners-info .mui-pull-left{
    border-radius:50%;
}
.partners-info .mui-ellipsis .item{
    width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.partners-info  .u-name{
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.partners-info  .at{
    font-size:12px;
}

input[name="partner_name"].ling-btn-def{
    font-size:14px;
}
.partners-info  .partner-action .not-concerned{
    width: 100%;
    margin: 0;
    font-size: 14px;
    color: rgba(0,0,0,0.45);
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
}
.partners-info  .partner-action .concerned{
    width: 100%;
    margin: 0;
    font-size: 14px;
    color: rgba(0,0,0,0.45);
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
}

.partners-info  .partner-action .item .action{
    background: #FF8C28;
    border-radius: 3px;
    border: 1px solid #FF8C28;
    color: #FFF;
    padding: 0px 4px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    width: 60px;
    text-align: center;
}


.partners-info  .partner-action .item .followed{
    background: #E8E8E8;
    border-radius: 3px;
    border: 1px solid #E8E8E8;
    color: #999;
    padding: 0px 4px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    width: 60px;
    text-align: center;
}




.ling-nav-wp{
    overflow: hidden;
    height: 48px;
    line-height: 48px;

}
.ling-nav{
    padding: 4px 0;
    white-space: nowrap;/*文本不会换行，文本会在在同一行上继续*/
    overflow-y:auto;/*可滑动*/
    border-bottom: 1px solid #F8F8F8;
}

.mui-scroll-wrapper.p-100-scroll{
    margin-top: 100px;
    padding-top: 0px;
}
.mui-scroll-wrapper.p-140-scroll{
    margin-top: 140px;
    padding-top: 0px;
}
.mui-scroll-wrapper.p-300-scroll{
    margin-top: 300px;
    padding-top: 0px;
}
.mui-scroll-wrapper.p-44-scroll{
    margin-top: 44px;
    padding-top: 0px;
}


/*自定义滚动条的伪对象选择器, CSS 可以隐藏滚动条*/
.ling-nav::-webkit-scrollbar{
    display: none;
}
.ling-nav .item{
    height: 28px;
    line-height: 28px;
    background: #fff;
    display: inline-block;/*行内块元素*/
    color: rgba(0,0,0.85);
    border-bottom: 2px solid #FFF;
    padding:0 2px;
    margin: 0 4px;
    font-size: 16px;
}
.ling-nav .item.active{
    font-size: 20px;
    /*border-bottom: 2px solid #81ba5c;*/
    color: #FF8C28;
    border-bottom: 2px solid #FF8C28;
}

.ling-nav .item_topic{
    height: 28px;
    line-height: 28px;
    background: rgba(255,255,255,1);
    border: 1px solid rgba(217,217,217,1);
    border-radius: 5px;
    font-size: 13px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    margin: 0 4px;
    text-align: center;
    display: inline-block;
    padding: 0 6px;
    min-width: 80px;
    max-width: 165px;
    overflow: hidden;
}
.ling-nav .item_topic.active{
    border: 1px solid #FF8C28;
    color: #FF8C28;
}
.footer-tab-kongbai{
    width: 100%;
    height: 62px;
}
.detail-tab-kongbai{
    width: 100%;
    height: 1px;
}

.ling-bar-detail a{
    vertical-align: middle;
    display: -webkit-box;
    display: flex;
}
.ling-bar-detail a .logo{
    height: 18px;
    width: 40px;
    margin-top: 5px;
}

.mui-bar.ling-bar-detail .mui-title {
    right: 100px;
    left: 100px;
    display: inline-block;
    overflow: hidden;
    width: auto;
    margin: 0;
    text-overflow: ellipsis;
    font-size: 12px;
}
.mui-bar.ling-bar-title .mui-title {
    right: 100px;
    left: 100px;
    text-align:left;
    display: inline-block;
    overflow: hidden;
    width: auto;
    margin: 0;
    text-overflow: ellipsis;
    font-size: 12px;
}

.ling-bar-detail .user {
    margin:0 0 0 16px;
}
.ling-bar-detail .user .user-img{
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.ling-bar-detail .mui-icon  .mui-badge {
    font-size: 10px;
    line-height: 1.2;
    position: absolute;
    top: 10px;
    right: 2px;
    left: unset;
    margin-left: -10px;
    padding: 1px 5px;
    color: white;
    background: red;
}

.ling-tab-news-detail .mui-tab-item{
    width: 20%;
}
.ling-tab-news-detail .mui-tab-item .mui-icon-star-filled{
    font-size: 30px;
}
.ling-tab-news-detail .mui-tab-item:first-child{
    width: 40%;
}
.ling-tab-news-detail .ling-footer-btn{
    width: 40%;
    padding: 0 10px;
    display: table-cell;
    overflow: hidden;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #929292;
}
.ling-tab-news-detail .ling-footer-btn .mui-btn-block {
    font-size: 16px;
    top: 0px;
    margin-bottom: 0;
    padding: 3px 0;
}

.ling-tab-news-detail .ling-footer-btn .mui-btn-block.now-download{
    background: #999;
    border-color: #999;
    color: #FFF;
    font-size:13px;
}
.ling-tab-news-detail .mui-tab-item .mui-btn-block {
    width: 92%;
    font-size: 13px;
    top: 0px;
    margin: 0 4%;
    padding: 2px 6px;
    color: #FF8C28;
    border-color: #FF8C28;
    background:#FFF;
}


.mobile-disk-types {
    width: 100%;
    margin: 6px auto;
}
.mobile-disk-types .unit {
    display: -webkit-box;
    display: flex;
    align-items: center;
    margin-right: 4px;
    width: 100px;
}
.mobile-disk-types .unit:last-child {
    margin-right: 0px;
    justify-content: flex-end;
    width: 100px;
}

.wap .mobile-disk-types .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(0,0,0,.65);
    line-height: 32px;
    border: 1px solid rgba(0,0,0,.35);
    border-radius: 6px;
}
.mobile-disk-types .unit .mui-btn{
    padding:3px 12px;
}
.mobile-disk-types .unit .ling-btn-def{
    color: rgba(0,0,0,.65);
    height: 34px;
    line-height: 34px;
    border: 1px solid rgba(0,0,0,.35);
    border-radius: 6px;
    margin:0;
}
.ling-about-tools {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}
.ling-about-tools  .article-title{
    padding: 5px 15px;
    font-size:16px;
}
.ling-about-tools .mui-table-view:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
     height: 0px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
}

.ling-about-tools  .mui-table-view:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
}
.ling-about-tools  .mui-table-view .mui-media-object {
    height: 42px;
    line-height: 42px;
    max-width: 75px;
}
.ling-about-tools  .mui-table-view .mui-media-body{
    max-height:42px;
    line-height: 21px;
    word-wrap:normal !important;
    white-space: normal !important;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box-flex;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ling-about-tools  .more{
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    padding: 3px 0px 3px 6px;
    color: #333;
    border-radius: 100px;
    background-color: #FFF;
}
/*悬浮邀请*/
.suspension{
    position:fixed;
    height: 28px;
    line-height: 28px;
    background:#FF8C28;
    width: 100px;
    right:0px;
    top: 160px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 0px 6px;
    z-index:999;
}
.suspension a{
    color: #FFF;
    font-size: 12px;
}

.footer-option.mui-popover{
   z-index: 9999;
}




.ling-index-99{
    z-index:99 !important;
}
.footer-plus-option{
    position: fixed;
    z-index: 33;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
}
.footer-plus-option .mui-grid-view.mui-grid-9 {
    width: 280px;
    margin: 50vh auto 50px;
    border-radius: 12px;
    overflow: hidden;
}
.footer-plus-option .mui-grid-view.mui-grid-9 .mui-table-view-cell {
    margin: 0;
    padding: 11px 8px;
    vertical-align: top;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    width: 33.33%;
}
.footer-plus-option .mui-grid-view.mui-grid-9 .mui-table-view-cell > a:not(.mui-btn) {
    margin: 0;
    padding: 2px 0;
}
.footer-plus-option .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
    font-size: 12px;
    line-height: 18px;
    display: block;
    width: 100%;
    height: 36px;
    margin-top: 4px;
    text-overflow: ellipsis;
    color: #333;
}

.footer-plus-option .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body .tips{
    font-size: 12px;
    color: red;
}
.footer-plus-option .btn-panel img{
    width: 36px;
    height: 36px;
}
.wap-create {
    padding: 10px;
    position:relative;
}
.wap-create .mui-input-row{
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid #F8F8F8;
}
.wap-create .mui-input-row textarea{
    padding: 5px;
    border-radius: 5px;
    font-size: 13px;
}
.wap-create .mui-input-row label {
    height: 32px;
    line-height: 32px;
    float: left;
    width: 20%;
    padding: 0 6px;
}
.wap-create .mui-input-row label ~ input, .wap-create .mui-input-row label ~ select,.wap-create .mui-input-row label ~ textarea {
    float: right;
    width: 78%;
    margin-bottom: 0;
    padding-left: 0;
    border: 0;
    padding: 0 6px;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
}
.ling-center{
    width: 100%;
    text-align: center;
    color: rgba(0,0,0,85);
    margin-top: 12px;
    margin-bottom: 12px;
}
.dynamic-wraper .ling-point  .point-top {
    box-sizing: content-box;
    padding-bottom: 10px;
    margin-bottom: 0px;
}
.ling-point .point-top{
    position:relative;
    background:#FF8C28;
    width: 100%;
    height:130px;
    color: #FFF;
    padding-top: 10px;
    margin-bottom: 20px;
}
.container.ling-point {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.ling-point .point-top.user{
    height: 72px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 8px 15px;
    overflow: hidden;
}

.ling-point .point-top .score{
    height: 30px;
    line-height: 30px;
    font-size: 28px;
    font-weight:600;
    margin: 10px 0;
    text-align: center;
}

.ling-point .point-top.user .score{
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding-right: 12px;
}

.ling-point .point-top .top{
    margin: 5px 0;
    text-align: left;
}
.ling-point .point-top .top.center{
    margin: 5px 0;
    text-align: center;
}
.ling-point .point-top.user .top .item{
    text-align: left;
    height: 24px;
    line-height: 24px;
    padding-right: 12px;
    color: #FFF;
}


.ling-point .point-top.user   .user-set{
    position: absolute;
    right: 20px;
    top: 24px;
    color: #FFF;
}
.ling-point .point-top.user   .user-set  .mui-icon{
    font-size: 20px;
}

.ling-point .point-top .score-option{
    width: 240px;
    height: 60px;
    background:#FFF;
    border-radius: 10px;
    margin: 10px auto -10px;
}
.ling-point .point-top .score-option{
    width: 270px;
    height: 40px;
    background: #FFF;
    margin: 10px auto -10px;
    border-radius: 5px;
    background-clip: padding-box;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    overflow: hidden;
}
.ling-point .point-top .score-option .mui-grid-view.mui-grid-9 {
    margin: 0;
    padding: 0;
     border-top: 0px solid #eee;
     border-left: 0px solid #eee;
    background-color: #FFF;
}
.ling-point .point-top .score-option .mui-table-view-cell a{
    display: flex;
    align-items: center;
}
.ling-point .point-top .score-option .mui-grid-view.mui-grid-9 .mui-table-view-cell > a:not(.mui-btn) {
    margin: 0;
    padding: 0px 0;
}
.ling-point .point-top .score-option .mui-grid-view.mui-grid-9 .mui-table-view-cell {
    margin: 0;
    padding: 15px 4px;
    /* vertical-align: top; */
    border-right: 0px solid #eee;
    border-bottom: 0px solid #eee;
    background: #FFF;
}
.ling-point .point-top .score-option .mui-grid-view.mui-grid-9 .mui-table-view-cell > a:not(.mui-btn) {
    margin: 0;
    padding: 0px 0;
}
.ling-point .point-top .score-option .mui-grid-view.mui-grid-9 .mui-media .mui-icon {
    font-size: 16px;
    position: relative;
}
.ling-point .point-top .score-option .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
    height: 16px;
    line-height: 16px;
    display: block;
    width: 100%;
    font-size: 13px;
    margin-top: 0px;
    text-overflow: ellipsis;
    color: #333;
}
.ling-point .point-top .score-option  .mui-table-view-cell:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #FFF;
}
.ling-point .mui-badge-tips{
    background:#FFF;
    color: rgba(0,0,0,45);
}
.ling-point .mui-card .red{
    color: #f54546;
}
.ling-point .mui-card .explain{
    color: rgba(0,0,0,85);
    font-size: 15px;
}
.ling-point .mui-card .left-info p{
    line-height: 24px;
}
.ling-point  .user-img{
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.ling-point .link-center{
    height: 42px;
    line-height: 42px;
    text-align: center;
}
.ling-point-rule .p-tips{
    width: 90%;
    margin: 10px auto;
    background: #FFF;
    color:rgba(0,0,0,.65);
}
.ling-point-rule .p-tips .wx-border{
    font-weight: 600;
    font-size: 18px;
    color: #FF8C28;
}
.ling-points-table.mui-grid-view.mui-grid-9{
    width: 90%;
    margin: 10px auto;
    background: #FFF;
}
.ling-points-table.mui-grid-view.mui-grid-9 .mui-table-view-cell {
    margin: 0;
    padding: 0;
    vertical-align: top;
    border-right: 01px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    background: #FFF;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-align: left;
    padding-left: 6px;
}

.ling-point-rule  .follow_public{
    width:120px;
    height: 120px;
    display: block;
    margin: 12px auto 12px;
}

.ling-calendar{
    width: 190px;
    height: 30px;
    margin:10px auto;
    display: flex;
}

.ling-calendar>input{
    width: 160px;
    height: 30px;
    /*border:1px solid #F8F8F8;*/
    margin:0;
}
.ling-calendar .mui-icon-extra {
    font-family: MuiiconSpread;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}
/*时间轴的样式*/
.single-wrapper{
    width: 90%;
    max-width:1024px;
    margin:10px auto;
}
.timeline-item {
    padding: 24px 10px 10px;
    position: relative;
    color: rgba(0, 0, 0, 0.7);
    border-left: 2px solid rgba(0, 0, 0, 0.3);
    border-right: 0px;
    min-height: 72px;
}
.timeline-item h1{
    float: left;
    font-size: 16px;
    line-height: 24px;
    width: 80%;
}
.timeline-item .point{
    float: right;
    width: 18%;
    line-height: 24px;
}
.timeline-item p {
  font-size: 14px;
  line-height: 24px;
}
.timeline-item::before {
    content: attr(date-is);
    position: absolute;
    left: 10px;
    font-weight: bold;
    top: -4px;
    display: block;
    font-weight: 500;
    color: rgba(0,0,0,.35);
    font-size: 12px;
}
.timeline-item::after {
  width: 10px;
  height: 10px;
  display: block;
  top: 2px;
  position: absolute;
  left: -6px;
  border-radius: 10px;
  content: '';
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
}
.timeline-item:last-child {
    -o-border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, transparent) 1 100%;
    border-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 60%, transparent) 1 100%;
    border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, transparent) 1 100%;
}

.ling-single-wrapper{
    width: 90%;
    margin:10px auto;
}
.mui-slider .mui-slider-group .mui-slider-item video{
    width: 100%;
}
.wap .name-blod{
    font-size: 16px;
    font-weight: 600;
    margin:5px 0;
}
.wap .tool-base .mui-card-content-inner {
    position: relative;
    padding: 8px 15px;
}

.wap .tool-des-wrapper .more{
    font-style:normal;
    color: #52C41A;
    margin:0 3px;
}
.wap .tool-base .tell-link .mui-icon-phone-filled{
    color: red;
}
.wap .tool-base .tell-link .tell,.wap .tool-base .wx-link .weixin{
    color: #FF8C28;
    padding-left: 6px;
}
.wap .tool-base .wx-link .mui-icon-weixin{
    color: green;
}

.ling-part-wrapper .part-item{
    margin: 5px auto;
    text-align: center;
    padding: 0 6px;
}
.ling-part-wrapper .part-item .name{
    margin: 5px 0;
    text-align: center;
}
.ling-part-wrapper .part-item img{
    width: 100%;
}
.mb-200{
    margin-bottom: 200px;
}
.mui-slider-title {
    line-height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    margin: 0;
    text-align: left;
    text-indent: 12px;
    opacity: 1;
    color: #FFF;
    background-color: rgba(0,0,0,.5);
}
.mui-pull-bottom-pocket {
    margin-bottom: 20px;
}


/*聊天室样式*/
.caption {
    width: 100%;
    padding: 15px;
}
.caption .speech_item{
    margin-bottom: 6px;
    color: rgba(0,0,0,.65);
}
.caption .speech_item .triangle-isosceles{
    margin-bottom: 6px;
    color: rgba(0,0,0,.85);
    padding: 0px 10px 5px 30px;
}
.caption .speech_item img{
    height: 24px;
    width: 24px;
    border-radius: 50%;
    margin-right: 6px;
}
.write-model{
    position: fixed;
    bottom: 62px;
    display: table;
    width: 100%;
    height: 62px;
    table-layout: fixed;
    border-top: 0;
    border-bottom: 0;
    -webkit-touch-callout: none;
    z-index: 99;
    left: 0;
    padding: 6px;
    background:#F3F3F3;
}
.write-model textarea.thumbnail{
    width: 98%;
    background: #FFF;
    min-height: 44px;
    line-height: 24px;
    padding: 10px 6px;
    outline: none;
    margin: 0 auto;
    overflow: auto;
}
.write-model .option>span {
    line-height: 32px;
    padding: 5px 0;
}
.write-model .option>span select{
    font-size: 14px;
    height: auto;
    margin-top: 1px;
    background-color: #fff;
    width: 100%;
    height: 32px;
    line-height: 32px;
    margin-bottom: 0px;
    padding: 0px 15px;
    -webkit-user-select: text;
    border: 1px solid #E8E8E8 !important;
    border-radius: 3px;
    outline: none;
    background-color: #fff;
    -webkit-appearance: none;
    width: 90%;
}

.write-model .mui-badge {
    font-size: 12px;
    line-height: 1.2;
    top: 10px;
    right: 10px;
    left: unset;
    padding: 1px 5px;
    color: white;
    background: red;
}


.moblie-search .search-m{
    padding: 4px 0;
    white-space: nowrap;
    overflow-y: auto;
    border-bottom: 1px solid #F8F8F8;
}


.moblie-search .search-nav-item{
    display: inline-block;
    width: 72px;
    height: 28px;
    line-height: 28px;
    color: rgba(0,0,0,.65);
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 6px;
    text-align: center;
    cursor: pointer;
}
.moblie-search .search-nav-item:hover,.moblie-search .search-nav-item.active{
    color: #FF8C28;
    border:1px solid #FF8C28;
}
.moblie-search .search-nav-item a{
    width:72px;
    color: inherit;
    display: inline-block;
}
.moblie-search .search-nav-item:hover a{
    color: #FF8C28;
}
/*textarea 原样输出*/
.pre-text {
    white-space: pre-wrap !important;
}
.mui-table-view-cell.ling-knowledge-wrapper > a:not(.mui-btn) {
    position: relative;
    display: block;
    overflow: hidden;
    margin: -11px -15px;
    padding: inherit;
    white-space: normal;
    text-overflow: ellipsis;
    color: inherit;
}
.mui-table-view-cell.ling-knowledge-wrapper .icon-m .mui-icon,.mui-table-view-cell.ling-knowledge-wrapper .icon-m .mui-icon-extra{
    font-size:18px;
}
/*H5 end*/

#doc_file_Comment{
    display: none;
}


.alert-mask-dark {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 100;
    display: none;
}

.alert-box {
    transform: none;
    margin-left: -250px;
    padding: 16px;
    position: fixed;
    top: 25%;
    left: 50%;
    width: 500px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    z-index: 9999;
}
.alert-box .download_content{
    position: relative;
}
.download_box .download_content .pop_close {
    position: absolute;
    color: #333;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    right: 0;
    background: url(/images/icons/icon_close.png) center center no-repeat #e5e5e5;
    top: 4px;
}

.download_box .download_content .resource_img {
    margin: -48px auto 0;
    padding: 28px;
    width: 100px;
    border-radius: 100%;
    background-color: #e5e5e5;
}

.download_box .download_content .resource_img img {
    display: block;
    width: 44px;
    height: 50px;
}
.download_box .download_content .normal_tips {
    margin-top: 15px;
}
.download_box .download_content .normal_tips ul {
    line-height: 28px;
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
.download_box .download_content .normal_tips .cost_tips {
    font-size: 18px;
    color: #4d4d4d;
    text-align: center;
    margin: 8px 0;
}
.download_box .download_content .normal_tips ul li {
    display: inline-block;
    width: 120px;
}
.download_box .download_content .normal_tips ul li .asset_name {
    font-size: 14px;
    color: #999;
}
.download_box .download_content .normal_tips ul li .asset_point {
    font-size: 20px;
    font-weight: 400;
}
.download_box .download_content .normal_tips .color_y {
    color: #f90;
}
.download_box .download_content .normal_tips .color_r {
    color: #ca0c16;
}
.download_box .download_content .resource_dl_btn {
    text-align: center;
    padding: 20px 0 30px;
}
.download_box .download_content .resource_dl_btn .dl_btn:active, .download_box .download_content .resource_dl_btn .dl_btn:hover, .download_box .download_content .resource_dl_btn .dl_btnvisited {
    background: #f66;
    color: #fff;
    text-decoration: none;
}
.download_box .download_content .resource_dl_btn .dl_btn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 44px;
    background: #e33e33;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
}



.label-badge {
    font-size: 12px;
    line-height: 1.2;
    display: inline-block;
    padding: 6px 10px;
    border-radius: 100px;
    background-color: rgba(0, 0, 0, .15);
    color: #333;
    min-width: 68px;
    text-align: center;
}
.label-badge:hover {
    cursor: pointer;
    opacity: .9;
}

.label-badge.def{
    color: #fff;
    background-color: #f0ad4e;
}
.label-badge.su{
    color: #fff;
    background-color: #4cd964;
}
.label-badge.danger{
    color: #fff;
    background-color: #dd524d;
}

.socre-rule-page .p-tips{
    line-height: 24px;
    color: rgba(0,0,0,.65);
    margin: 5px 0px;
}
.socre-rule-page .row.rule-table{
    widows: 600px;
    margin: 0 auto;
    border-top: 1px solid #E8E8E8;
    border-left:1px solid #E8E8E8;
}
.socre-rule-page .row.rule-table>div{
    border-right: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    height: 32px;
    line-height: 32px;
}

.socre-rule-page .follow_public{
    height: 120px;
    width: 120px;
    margin: 10px auto;
    display: block;
}
.time-search.btn-short {
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 1px solid #CCC;
    height: 32px;
    line-height: 32px;
    width: 200px;
    padding-left: 10px;
    outline: none;
    margin-right: 10px;
}

/*学者风采样式 start*/
.create-xz>.left{
    margin-right: 60px;
}

.create-xz .user-set-wraper .set-user-header {
    position: relative;
    margin-top: 0px;
    height: 200px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.create-xz .user-set-wraper .set-user-header .set-user>img{
    height: 200px;
    width: 200px;
    cursor: pointer;
}



.create-xz .user-set-wraper .set-user-header .set-tips {
    width: 200px;
    padding-left: 00px;
    position: absolute;
    left: 0;
    bottom: 0px;
    font-size: 12px;
    font-weight: 400;
    background: rgba(0,0,0,.5);
    opacity: .5;
    cursor: pointer;
    color: #FFF;
    text-align:center;
}
.page-xzfc.page-user-set .create-wp .create-item .name {
    width: 120px;
    margin-right: 2px;
    text-align:right;
    padding-right: 20px;
    font-size:16px;
}

.page-xzfc .textarea-wrapper {
    position: relative;
    display: block;
    width: 580px;
}
.page-xzfc .textarea-wrapper .field-textarea {
    width: 600px;
}
.page-xzfc .campus-select{
    width: 336px;
}
.page-xz-detail .detail-wp {
    padding: 24px;
    min-height: 80vh;
}
.page-xz-detail .detail-wp .left{
    margin-right: 30px;
    width: 160px;
}
.page-xz-detail .detail-wp .user-info{
    width: 150px;
    background: #FFFFFF;
    border: 1px solid #E9E9E9;
    box-shadow: 0 0 8px 0 #E9E9E9;
    padding:12px 0;
}
.page-xz-detail .detail-wp .user-info .user-header{
    width: 100px;
    height: 100px;
    margin: 0px auto 12px;
}

.page-xz-detail .detail-wp .user-info .user-header img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.page-xz-detail  .user-info{
    position: relative;
}
.page-xz-detail .user-info .set-user{
    position: absolute;
    right: 7px;
    top: 7px;
    font-size: 12px;
}
.page-xz-detail .user-info .set-user:hover{
    cursor: pointer;
    color: #FF8C28;
}


.page-xz-detail  .user-info .user-name{
    height: 24px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
}
.page-xz-detail  .user-info .user-tips{
    /*height: 24px;*/
    line-height: 24px;
    font-size: 13px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    text-align: center;
    margin-top: 6px;
}


.page-xz-detail .detail-wp .right{
    width: 470px;
    position: relative;
}

.page-xz-detail .detail-wp .right .title{
    height: 24px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.85);
    margin-bottom: 6px;
}
.page-xz-detail .detail-wp .right .des{
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    line-height: 24px;
}
.page-xz-detail .detail-wp .right .content{
    margin: 0px 0;
    width: 100%;
    word-break: break-all;
    min-height: 40px;
    overflow: hidden;
}

.page-xz-detail .detail-wp .right .from{
    margin: 10px 0;
}
.page-xz-detail .detail-wp .right .from>span{
    margin-right:12px;
    font-weight: 700;
    font-size:14px;
}
.page-xz-detail .detail-wp .right .from>a{
    color: rgba(0,0,0,.45);
    font-size: 15px;
    word-break: break-all;
}
.page-xz-detail .detail-wp .right .from>a:hover{
    color: #FF8C28;
}

/*学者风采 start*/
.xz-item {
    display: -webkit-box;
    display: flex;
    height: 148px;
    border-bottom: 1px solid #E8E8E8;
    padding: 12px 0;
}
.xz-item:last-child{
    border-bottom: 0px solid #E8E8E8;
}
.xz-item .header-wraper{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow: 0px 2px 2px 0px rgba(233,233,233,1);
}

.xz-item .xz-right{
    width: 568px;
    padding: 0 10px;
}
.xz-item .header-wraper img{
    width: 100px;
    height: 100px;
    border-radius:  50%;
    border: 4px solid #FFF;
}

.xz-item  .name-wp .name,.xz-item  .name-wp .identity{
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
}
.xz-item  .name-wp a{
    width: 100%;
    display: inline-block;
}
.xz-item  .name-wp a:hover span{
    color: #FF8C28;
}
.xz-item .colleges>span,.xz-item .field-wp {
    min-height: 24px;
}
.xz-item .colleges>span,.xz-item .field-wp>span{
    margin-right: 12px;
    color: rgba(0,0,0,.55);
}
.xz-item  .option{
    /*overflow: hidden;*/
}


/*学者风采 相关推荐*/
.xzfc-reco-list .user-item{
    padding: 6px 0;
    border-bottom: 1px solid #E8E8E8;
}
.xzfc-reco-list .user-item:last-child{
    border-bottom: 0px solid #E8E8E8;
}

.xzfc-reco-list .scholar-header{
    width: 40px;
    height: 40px;
    margin-right: 12px;
    margin-left: 12px;
}

.xzfc-reco-list .scholar-header img{
    width: 40px;
    height: 40px;
    border-radius:50%;
}
.xzfc-reco-list .scholar-name{
    width:180px
}
.xzfc-reco-list .scholar-name>p{
   height: 18px;
   line-height: 1;
}

.xzfc-reco-list .scholar-name  a{
    width:180px;
    display:inline-block;
}

/*移动端头像*/
.mui-table-view .mui-media-object.user-img {
    height: 48px;
    width: 48px;
    max-width: 48px;
    border-radius: 50%;
    box-shadow: 0 0 6px 1px #DDD;
}

.list-group-item.no-border{
    border: none;
}
/*学者风采样式end*/

/*移动端创建会议 start*/
.m-create .m-create-title{
    text-align:center;
    margin: 20px auto 30px;
}
.m-create  .mui-input-row textarea{
    line-height: 21px;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px 15px;
    -webkit-user-select: text;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 3px;
    outline: 0;
    background-color: #fff;
    -webkit-appearance: none;
    font-size: 14px;
}
.m-create  .mui-input-row input{
    font-size: 14px;
}
.m-create  .mui-radio input[type='radio']:checked:before, .m-create  .mui-checkbox input[type='checkbox']:checked:before {
    color: #FF8C28;
}
.m-create  .mui-radio input[type='radio']:before,.m-create   .mui-checkbox input[type='checkbox']:before {
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    color: #aaa;
    border-radius: 0;
    background: none;
    -webkit-font-smoothing: antialiased;
}
.m-create .mui-input-row.text-wp textarea{
    width: 96%;
    border: 1px solid #E8E8E8;
    padding: 10px;
    margin-left: 2%;
}

.m-create .radio-wp{
    width: 100%;
    display: -webkit-flex;
    display: flex;
}
.m-create .radio-wp>.mui-input-row{
    width: 25%;
}
.m-create .radio-wp>.mui-input-row>b{
    line-height: 1.1;
    float: left;
    padding: 11px 15px;
}
.m-create .radio-wp .mui-radio.mui-left label{
    padding-right: 5px;
    padding-left: 30px;
}

.m-create .radio-wp .mui-radio.mui-left input[type='radio'],.m-create .radio-wp .mui-checkbox.mui-left input[type='checkbox'] {
    left: 0px;
    top: 8px;
}
.m-create .mui-input-row .title-label {
    width: 85px;
    padding-right: 0px;
    position: relative;
}
.m-create .mui-input-row{
    margin: 10px 0;
}
.m-create .mui-input-row label ~ input,.m-create .mui-input-row label ~ select,.m-create .mui-input-row label ~ textarea {
    float: left;
    width: 65%;
}
.m-create .mui-input-row label ~ input[type='text'],.m-create .mui-input-row label ~ input[type='number']{
    border-bottom: 1px solid #E8E8E8;
    height: 32px;
    padding: 5px 15px;
}

.m-create .ling-calendar {
    width: 190px;
    height: 30px;
    margin:0;
    display: flex;
}
.m-create .post-button-wp{
    display: flex;
    justify-content: space-around;
    padding: 20px 10%;
}
.m-create button[disabled],.m-create  input[disabled] {
    background: #E8E8E8 !important;
}
.m-create .ling-calendar>input {
    width: 180px;
    height: 30px;
    border: 0px solid #F8F8F8;
    margin: 0;
    border-bottom: 1px solid #E8E8E8;
}
.m-create .mui-input-row select {
    font-size: 14px;
    height: 37px;
    padding: 0;
    padding-left: 12px;
    border-bottom: 1px solid #E8E8E8  !important;
}
/*end


/*课程 模块 start  ------------------------------------       */
.page-kecheng.index .box{
    background: #F5F5F5;
    box-shadow: none;
    border-radius: 4px;
}


.page-kecheng.index .swiper-wp{
    width: 1000px;
    height: 360px;
    position: relative;
}

.page-kecheng.index .swiper-wp>div{
    width: 1000px;
    height: 360px;
    position: relative;
    overflow: hidden;
}

.page-kecheng.index .swiper-wp .swiper-slide{
    width: 1000px;
    height: 360px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    background-color: #FFF;
}


.page-kecheng.index .swiper-wp .swiper-b-p{
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    height: 50px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 40px 40px;
    background-position: center;
    background-repeat: no-repeat;
    width: 68px;
    height: 68px;
    background-image: url(/images/icons/icon_w_left.png);
    background-size: 16px 24px;
    background-color: #999;
    opacity: 0.5;
    border-radius: 0px 34px 34px 0px;
}

.page-kecheng.index .swiper-wp .swiper-b-n {
    position: absolute;
    top: 50%;
    right: 0;
    width: 50px;
    height: 50px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 40px 40px;
    background-position: center;
    background-repeat: no-repeat;
    width: 68px;
    height: 68px;
    background-image: url(/images/icons/icon_w_right.png);
    background-size: 16px 24px;
    background-color: #999;
    left: auto;
    opacity: 0.5;
    border-radius: 34px 0px 0px 34px ;
}




.page-kecheng.index .swiper-wp  .swiper-pagination{
    height: 30px;
    line-height: 30px;
    opacity: 0.5;
    border-radius: 17px;
    background: #999;
    width: 10%;
    left: 45%;
}

.page-kecheng.index .swiper-wp  .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border-radius: 50%;
    opacity: 0.36;
}

.page-kecheng.index .swiper-wp  .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 26px;
    height: 10px;
    background: #FFFFFF;
    opacity: 1;
    border-radius: 5px;
}

.page-kecheng.index .swiper-wp  .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border-radius: 50%;
    opacity: 0.36;
}

.page-kecheng.index .swiper-wp  .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-prev{
    width: 26px;
    height: 10px;
    background: #FFFFFF;
    opacity: 1;
    border-radius: 5px;
}


.page-kecheng.index .swiper-wp .swiper-slide img {
    width: 1000px;
    height: 360px;
}

.page-kecheng.index .ke-title{
    height: 32px;
    line-height: 32px;
    font-size: 24px;
    font-weight: 600;
    color: #333333;
    margin-top: 32px;
    margin-bottom: 16px;
}


.page-kecheng.index .search-wp{
    width: 1000px;
    background-color: #FFF;
    border-radius: 10px;
    padding: 20px;
}


.page-kecheng.index .search-wp .item{
    position: relative;
    padding-left: 88px;
    padding-right: 40px;
    line-height: 24px;
    margin-bottom: 10px;
}

.page-kecheng.index .search-wp .item.zhide{
    height: 31px;
    overflow: hidden;
}


.page-kecheng.index .search-wp .item .title{
    position: absolute;
    left: 0px;
    top: 1px;
    color: #999;
}



.page-kecheng.index .search-wp .item li{
    display: inline-block;
    padding: 0 8px;
    margin-right: 15px;
    line-height: 24px;
    color: #666;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 160px;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}

.page-kecheng.index .search-wp .item li.active{
    color: #FF8C28;
}

.page-kecheng.index .search-wp .item li:hover{
    background: #FF8C28;
    border-radius: 12px;
    cursor: pointer;
    color: #FFF;
}

.page-kecheng.index .search-wp .item .show{
    position: absolute;
    right: 0px;
    top: 0px;
}

.page-kecheng.index .search-wp .item .show .icon-up:after {
    content: '';
    height: 8px;
    width: 8px;
    display: block;
    border: 1px solid rgba(0,0,0,0.45);
    border-left-width: 0;
    border-bottom-width: 0;
    position: absolute;
    top: 9px;
    right: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.page-kecheng.index .search-wp .item .show .icon-up:hover:after {
    color: #FF8C28;
}

.page-kecheng.index .list-wp{
    margin: 8px -8px;
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}

.page-kecheng.index .list-wp .vi-item{
    width: 238px;
    height: 264px;
    background: #FFFFFF;
    opacity: 1;
    border-radius: 5px;
    margin: 8px;
    overflow: hidden;
}
.page-kecheng.index .list-wp .vi-item:hover{
    transform: translateY(-2px);
    box-shadow: 0 12px 20px 0 rgb(95 101 105 / 15%);
}

.page-kecheng.index .list-wp .vi-item .cover{
    width: 238px;
    height: 146px;
}
.page-kecheng.index .list-wp .vi-item .cover>img{
    width: inherit;
    height: inherit;
}

.page-kecheng.index .list-wp .vi-item .title{
    width: 238px;
    height: 36px;
    line-height: 36px;
    margin-top: 5px;
    font-size: 16px;
    color: #333;
    padding: 0 16px;

    max-width: 238px;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;

}

.page-kecheng.index .list-wp .vi-item .zjr{
    width: 238px;
    height: 40px;
    line-height: 20px;
    font-size: 12px;
    color: #666666;
    padding: 0 16px;

    max-width: 238px;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;

}

.page-kecheng.index .list-wp .vi-item .bottom{
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    padding: 0 16px;
}

.page-kecheng.index .list-wp .vi-item .bottom .jishu{
    display: inline-block;
    float: left;
}

.page-kecheng.index .list-wp .vi-item .bottom .bofang{
    float: right;
    display: inline-block;
    font-size: 12px;
}

.page-kecheng.index .list-wp .pagin-style{
    margin: 20px;
    width: 100%;
}

.page-kecheng.create .box{
    background: #F5F5F5;
    box-shadow: none;
    border-radius: 4px;
}


.page-kecheng.create .ke-title{
    width: 1000px;
    height: 64px;
    line-height: 64px;
    background: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    padding-left: 24px;
    box-sizing: border-box;
    border-radius: 5px;
}



.m-b-10{
    margin-bottom: 10px;
}

.page-kecheng.create .ke-content{
    width: 1000px;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}

.page-kecheng.create .ke-content .title{
    height: 60px;
    line-height: 60px;
    background: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    padding-left: 24px;
    border-bottom: 1px solid #E5E5E5;
}

.page-kecheng.create .ke-content .main{
    padding-top: 30px;
    padding-left: 16px;
    padding-bottom: 6px;
}

.page-kecheng.create .ke-content .item{
    width: 430px;
    display: inline-block;
    margin-bottom: 20px;
}

.page-kecheng.create .ke-content .item .left{
    width: 100px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #666666;
    display: inline-block;
    text-align: right;
    padding-right: 6px;
}
.page-kecheng.create .ke-content .item .red-star{
    color: #FF8C28;
}

.page-kecheng.create .ke-content .item .inp{
    width: 320px;
    height: 48px;
    line-height: 48px;
    background: #F5F5F5;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    padding-left: 12px;
    outline: none;
}


.page-kecheng.create .ke-content .item.long{
    width: 100%;
}
.page-kecheng.create .ke-content .item.long .input-wp{
    position: relative;
    width: 755px;
    height: 48px;
    display: inline-block;
}

.page-kecheng.create .ke-content .item.long  .num{
        position: absolute;
        top: 12px;
        right: 12px;
        font-weight: 400;
        color: rgba(0,0,0,0.25);
        z-index: 99;
}

.page-kecheng.create .ke-content .item.long .inp{
    width: 755px;
    padding-right: 72px;
}


.page-kecheng.create .ke-content .item .select-wp{
    position: relative;
    width: 320px;
    min-height: 48px;
    display: inline-block;
}

.page-kecheng.create .ke-content .item .select-wp .sel{
    width: 320px;
    height: 48px;
    background: #F5F5F5;
    border: 1px solid #E5E5E5;
}


.page-kecheng.create .ke-content .item .select-wp  .select2-hidden-accessible {
    border: 1px solid #E5E5E5 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 48px !important;
    background: #F5F5F5 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.page-kecheng.create .ke-content .item .select-wp .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #E5E5E5 ;
    background: #F5F5F5 !important;
    min-height: 48px;
}

.page-kecheng.create .ke-content .item .select-wp .select2-container--default .select2-selection--multiple {
    background-color: #F5F5F5;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    cursor: text;
    min-height: 48px;
    padding-top: 5px;
}

.page-kecheng.create .ke-content  .select2-container--default .select2-search--inline .select2-search__field {
    padding-left: 5px;
    padding-top: 5px;
}

.page-kecheng.create .ke-content .select2-container .select2-selection--single {
    height: 48px;
    line-height: 48px;
    border: 0px solid #AAA;
}

.page-kecheng.create .ke-content .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    position: absolute;
    top: 4px;
    right: 1px;
    width: 20px;
    display: none;
}

.page-kecheng.create .ke-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #F5F5F5;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    cursor: text;
    min-height: 48px;
    padding-top: 5px;
}


.page-kecheng.create .ke-text{
    width: 1000px;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}

.page-kecheng.create .ke-text .title{
    height: 60px;
    line-height: 60px;
    background: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    padding-left: 24px;
    border-bottom: 1px solid #E5E5E5;
}

.page-kecheng.create .ke-text .main{
    padding-top: 20px;
    padding-left: 24px;
    padding-bottom: 26px;
}

.page-kecheng.create .ke-text  .main .fro-wp{
    margin-left: 100px;
}

.page-kecheng.create .ke-text  .main .textarea-wp{
    width: 847px;
    height: 258px;
    background: #F5F5F5;
    border: 1px solid #E5E5E5;
    opacity: 1;
    border-radius: 5px;
    position: relative;
}

.page-kecheng.create .ke-text  .main textarea {
    width: 845px;
    height: 256px;
    background: #F5F5F5;
    outline: none;
    padding: 20px;
    resize: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #999999;
    border: none;
    border-radius: 5px;
}
.page-kecheng.create .ke-text  .main .num-unit{
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #999;
}



.page-kecheng.create .ke-video{
    width: 1000px;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}

.page-kecheng.create .ke-video .title{
    height: 60px;
    line-height: 60px;
    background: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    padding-left: 24px;
    border-bottom: 1px solid #E5E5E5;
}

.page-kecheng.create .ke-video .title .tips{
    color: #999999;
    margin-left: 16px;
    font-weight: 400;
}

.page-kecheng.create .ke-video .main{
    padding-top: 20px;
    padding-left: 24px;
    padding-bottom: 20px;
}

.page-kecheng.create .ke-video .main .item{
    padding-top: 40px;
    border-top: 1px solid #E5E5E5;
    margin-bottom: 40px;
}

.page-kecheng.create .ke-video .main .item:first-child{
    padding-top: 20px;
    border-top: 0px solid #E5E5E5;
}


.page-kecheng.create .ke-video .main .item:last-child{
    margin-bottom: 20px
}


.page-kecheng.create .ke-video .main  .top{
    position: relative;
}
.page-kecheng.create .ke-video .main .video-order {
    position: absolute;
    right: 140px;
    top: 6px;
}
.page-kecheng.create .ke-video .main .video-order i{
font-size: 16px;
    color: #999999;
    font-style: normal;
}


.page-kecheng.create .ke-video .main .cover-wraper {
    width: auto;
    height: 146px;
    display: flex;
    isplay: -webkit-box;
    -webkit-flex-direction: row;
    flex-direction: row;
/*
    border-radius: 4px;
    padding: 0px;
    margin:0;*/
}
.page-kecheng.create .ke-video .main .cover-wraper .cover-img-action {

    background: rgba(245,245,245,1);
    width: 238px;
    height: 146px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
}

.page-kecheng.create .ke-video .main .cover-wraper .cover-title{
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 16px;
    color: #666;
}

.page-kecheng.create .ke-video .main .cover-wraper .cover-img-action img{
    width: 34px;
    height: 34px;
    margin: 10px auto;
}

.page-kecheng.create .ke-video .main .cover-wraper .cover-img-action .tips {
    width: 160px;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    cursor: pointer;
    display: block;
    margin: 0 auto;

}
.page-kecheng.create .ke-video .main .cover-wraper .cover-del-wraper {
    background: rgba(245,245,245,1);
    width: 238px;
    height: 146px;
    padding: 0;
    margin: 0;
    position: relative;
    border: none;
}
.page-kecheng.create .ke-video .main .cover-wraper .cover-del-wraper img {
    width: 238px;
    height: 146px;
    padding: 0;
    margin: 0;
    position: relative;
}
.page-kecheng.create .ke-video .main .cover-wraper .cover-del-wraper .del-msg {
    width: 24px;
    height: 24px;
    font-size: 14px;
    position: absolute;
    top: -10px;
    right: -10px;
    text-align: center;
/*    background: #919191;*/
    cursor: pointer;
    border-radius: 100%;
    color: #FFF;
}

.page-kecheng.create .ke-video .main .cover-wraper .cover-del-wraper .del-msg  .del {
    width: 24px;
    height: 24px;
}

.page-kecheng.create .ke-video .main .create-cover{
    width: 126px;
    height: 110px;
    background: #F5F5F5;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    cursor: pointer;
}

.page-kecheng.create .ke-video .main .create-cover .c-t{
    width: 34px;
    height: 34px;
    background: #FF8C28;
    border-radius: 50%;
    color: #FFF;
    display: block;
    text-align: center;
    line-height: 34px;
    font-size: 700;
    font-size: 20px;
    margin: 23px auto 10px;
}

.page-kecheng.create .ke-video .main .create-cover .c-b{
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.page-kecheng.create .ke-video .cen{
    margin-top: 20px;
}
.page-kecheng.create .ke-video .cen p{
    height: 48px;
    margin-bottom: 20px;
    line-height: 48px;
}

.page-kecheng.create .ke-video .cen .r_info{
    width: 799px;
    height: 48px;
    background: #F5F5F5;
    border: 1px solid #E5E5E5;
    padding-left: 20px;
    border-radius: 5px;
    outline: none;
    color: #999;
}

.page-kecheng.create .ke-video .cen span.r_info{
    display: inline-block;
}

.page-kecheng.create .ke-video .cen .auto .text_tips{
    width: auto;
    padding: 0 20px;
    min-width: 160px;
    max-width: 800px;
    overflow: hidden;
    line-height: 48px;
    display: inline-block;
    word-break: break-all;
    box-sizing: border-box;
    margin-left: 48px;
}

.page-kecheng.create .ke-video .cen .auto .l_name{
    position: absolute;
}

.page-kecheng.create .ke-video .cen   .pop_close {
    display: none;
}

.page-kecheng.create .ke-video .cen p{
    position: relative;
    display: inline-block;
}

.page-kecheng.create .ke-video .cen .auto .pop_close {
    display: block;
    position: absolute;
    color: #333;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border-radius: 50%;
    right: -5px;
    top: -5px;
    background: url(/images/icons/icon_close_2@2x.png) center center no-repeat #e5e5e5;
    background-color: #919191;
    background-size: 16px;
    cursor: pointer;
}


.page-kecheng.create .ke-video .bottom .btnn{
    width: 120px;
    height: 52px;
    line-height: 52px;
    margin-right: 20px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.page-kecheng.create .ke-video .bottom .btnn:active{
    background: #F5F5F5;
    color: #666;
}



.page-kecheng.create .ke-video .bottom .create{
    width: 120px;
    background: #FF8C28;
    color: #FFF;
}

.page-kecheng.create .ke-video .bottom .more{
    width: 120px;
    background: #FFF;
    color: #333;
    border: 1px solid #E5E5E5;
}

.page-kecheng.create .ke-video .bottom .del{
    width: 142px;
    background: #FFF;
    color: #666666;
    border: 1px solid #E5E5E5;
}





.page-kecheng.create .ke-option .bottom .btnn{
    width: 120px;
    height: 52px;
    line-height: 52px;
    margin-right: 20px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.page-kecheng.create .ke-option .bottom .more:active{
    background: #F5F5F5;
    color: #666;
}

.page-kecheng.create .ke-video .bottom .create:active{
    opacity: .8;
}



.page-kecheng.create .ke-option .bottom .create{
    width: 120px;
    background: #FF8C28;
    color: #FFF;
}

.page-kecheng.create .ke-option .bottom .more{
    width: 120px;
    background: #FFF;
    color: #333;
    border: 1px solid #E5E5E5;
}

/*select2  优化*/

.page-kecheng.create  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    max-width: 148px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding-right: 14px;
    position: relative;
}

.page-kecheng.create  .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{
    position: absolute;
    right: 0px;
    top: 0px;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
    overflow: hidden;
    max-width: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*select2  优化 end*/


.kecheng.page-detail .box{
    background: #FFF;
    box-shadow: none;
    border-radius: 4px;
}


.kecheng.page-detail .bgf{
    background: #FFF;
}

.kecheng.page-detail .ke-title{
    line-height: 30px;
    font-size: 22px;
    font-weight: 500;
    color: #333333;
    margin-top: 27px;
    margin-bottom: 16px;
    padding-left: 20px;
    word-break: break-all;
}

.kecheng.page-detail .iframe{
    width: 700px;
    height: 360px;
    margin-left: 20px;
    padding-top: ;
}

/*.kecheng.page-detail .aspect-ratio {
  margin-top: -30px;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}

.kecheng.page-detail .aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}*/

.kecheng.page-detail .iframe iframe{
    width: 700px;
    height: 360px;
}


.kecheng.page-detail .play{
     width: 700px;
     height: 360px;
     margin-left: 20px;
}

.kecheng.page-detail .down-oper .top {
    width: 720px;
}

.kecheng.page-detail .down-oper .top .oper {
    width: 720px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
}


.kecheng.page-detail .down-oper .top .oper .left{
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
}

.kecheng.page-detail .down-oper .top .oper .right {
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
}

.kecheng.page-detail .down-oper .top .oper .right .from,.kecheng.page-detail .down-oper .top .oper .right .play-num {
    font-size: 12px;
    color: #666666;
}

.kecheng.page-detail .introduce {
    margin-top: 30px;
    padding: 0 20px;
}
.kecheng.page-detail .introduce h4.title{
    margin-bottom: 20px;
}

.kecheng.page-detail .article-editor {
    margin: 12px 0;
    width: 100%;
    word-break: break-all;
    min-height: 40px;
    overflow: hidden;
}

.kecheng.page-detail .xuanji-nav{
    margin-top: 24px;
    width: 244px;
    height: 48px;
    line-height: 48px;
    background: #F5F5F5;
    position: relative;
    padding-left: 20px;
}

.kecheng.page-detail .xuanji-nav .s-title{
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.kecheng.page-detail .xuanji-nav .s-title i{
    font-size: 14px;
    font-weight: 600;
    color: #999999;
    padding-left: 5px;
    font-style: normal;
}

.kecheng.page-detail .xuanji-nav .option{
    position: absolute;
    right: 20px;
    color: #666;
    cursor: pointer;
}

.kecheng.page-detail .xuanji-th{
    margin-top: 20px;
}
.kecheng.page-detail .xuanji-th .title{
    width: 150px;
    display: inline-block;
    font-size: 12px;
    color: #999999;
    padding-left: 12px;
}

.kecheng.page-detail .xuanji-th .play-num{
    width: 65px;
    display: inline-block;
    font-size: 12px;
    color: #999999;
    padding-left: 12px;
}


.kecheng.page-detail .xuanji-list{
    width:  240px;
    max-height: 300px;
    margin-bottom: 20px;
}

.kecheng.page-detail .xuanji-list .item{
    border: 1px solid #FFF;
    display: flex;
    align-items: center;
    padding-top: 3px;
    height: 24px;
    margin: 4px 0;
    width: 100%;
}

.kecheng.page-detail .xuanji-list .item.active{
    height: 28px;
    background: #FFF8F3;
    border: 1px solid #FF9F4C;
    border-radius: 5px;
}
.kecheng.page-detail .xuanji-list .item:hover{

}


.kecheng.page-detail .xuanji-list .item .title{
    width: 150px;
    overflow: hidden;
    display: inline-block;
    padding-left: 12px;
    font-size: 12px;
    color: #333333;
}

.kecheng.page-detail .xuanji-list .item .play-num{
    width: 65px;
    padding-left: 12px;
    overflow: hidden;
    display: inline-block;
    font-size: 12px;
    color: #333333;
}



.kecheng.page-detail .xuanji-list .item:hover  .title,.kecheng.page-detail .xuanji-list .item.active .title{
    color: #FF9F4C;
}

.kecheng.page-detail .xuanji-list .item:hover  .play-num,.kecheng.page-detail .xuanji-list .item.active .play-num{
    color: #FF9F4C;
}


.kecheng.page-detail .about-list{
    width: 244px;
    height: 175px;
    position: relative;
    margin-top: 20px;
}

.kecheng.page-detail .about-list .tj-title{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 90px;
    height: 34px;
    line-height: 34px;
    background: #303030;
    opacity: 1;
    border-radius: 5px 0px 25px 0px;
    font-size: 15px;
    font-weight: 600;
    color: #E5E5E5;
    z-index: 999;
    padding-left: 12px;
}


.kecheng.page-detail .JS_ad_swiper {
    overflow: hidden;
    width: 244px;
    height: 175px;
    margin: 0;
    display: block;
    position:relative;
}

.kecheng.page-detail .JS_ad_swiper .swiper-slide img{
    width: 244px;
    height: 175px;
}

.kecheng.page-detail .JS_ad_swiper .swiper-slide .swiper-title{
    width: 244px;
    background: linear-gradient(180deg, rgba(49, 82, 105, 0) 0%, #000000 100%);
    height: 40px;
    line-height: 40px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    color: rgba(0,0,0,.85);
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 14px;
    color: #FFFFFF;
    padding: 0 10px;
}

.kecheng.page-detail .JS_ad_swiper .swiper-b-p,
.kecheng.page-detail .JS_ad_swiper .swiper-b-n{
  display: none;
  position: absolute;
  top: 45%;
  width: 30px;
  height: 30px;
  margin-top: -12px;
  z-index: 10;
  cursor: pointer;
  background-size: 28px 28px;
  background-position: center;
  background-repeat: no-repeat;
}

.kecheng.page-detail .JS_ad_swiper .swiper-b-p:focus,
.kecheng.page-detail .JS_ad_swiper .swiper-b-n:focus{
    outline: none;
}

.kecheng.page-detail .JS_ad_swiper .swiper-b-p{
    background-image: url(/images/icons/icon_banner_prev.png);
    left: 0px;
    right: auto;
}

.kecheng.page-detail .JS_ad_swiper  .swiper-b-n {
    background-image: url(/images/icons/icon_banner_next.png);
    right: 0px;
    left: auto;
}



.about-kecheng-list{
    width: 244px;
    min-height: 160px;
    background: #F8FBFF;
    opacity: 1;
    padding: 10px;
    margin-top: 20px;
}
.about-kecheng-list .ttil{
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    padding-left: 12px;
    margin-bottom: 12px;
}

.about-kecheng-list .list .item{
    margin-bottom: 16px;
    cursor: pointer;
}
.about-kecheng-list .list .item:last-child{
    margin-bottom: 6px;
}


.about-kecheng-list .list .left{
    width: 100px;
    height: 90px;
    border-radius: 5px;
    overflow: hidden;
}

.about-kecheng-list .list .left img{
    width: 100px;
    height: 90px;
}

.about-kecheng-list .list .right{
        width: 100px;
        margin-left: 20px;
}

.about-kecheng-list .list .right .title{
    width: 100px;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 5px;
}
.about-kecheng-list .list .right .play-num{
    width: 100px;
    font-size: 12px;
    font-weight: 500;
    color: #999999;
    margin-bottom: 9px;

}

.about-kecheng-list .list .right .zjr{
    width: 100px;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
}

.kecheng.page-detail  .clear{
    height: 10px;
    width: 100%;
    clear: both;
}
.kecheng.page-detail  .wr{
    padding-left: 10px;
}


.page-entry {
    background-color: #FFF;
}



.page-entry .top-info{
    width: 100%;
    height: 182px;
    background: rgba(255, 255, 255, 0.39);
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
}

.page-entry  .k-main{
    width: 1000px;
    margin: 0 auto;
}

.page-entry .top-info .k-main .option-search{
    margin-top: 60px;
}
.page-entry .top-info .k-main .option-search input.search{
    width: 736px;
    height: 44px;
    background: rgba(255, 255, 255, 0.39);
    border: 1px solid #FF8C28;
    outline: none;
    border-radius: 5px;
}

.page-entry .top-info .k-main .option-search input.search:focus{
    width: 736px;
    height: 44px;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid #FF8C28;
    outline: none;
    box-shadow:none
}

.page-entry .top-info .k-main .option-search .search-btn{
    width: 117px;
    height: 44px;
    background: rgba(255, 140, 40, 0.6);
    color: #FFF;
    margin-left: 20px;
}
.page-entry .top-info .k-main .option-search .search-btn:hover{
   background: rgba(255, 140, 40, 0.8);
}

.page-entry .top-info .k-main .world-list{
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    margin-top: 20px;
}


.page-entry .top-info .k-main .world-list .lab{
    color: #333;
    display: block;
    margin:0 5px;
}
.page-entry .top-info .k-main .world-list .word-space{
    display: block;
    margin:0px;
    width: 12px;
    position: relative;
    color: #999;
}

.page-entry .top-info .k-main .world-list .word-space::before{
    content: '/';
    position: absolute;
    left: 0;
    color: #999;
    display: block;
    width: 12px;
    font-size: 12px;
}

.page-entry .top-info .k-main .world-list .lab:hover{
    color: #FF8C28;
    cursor: pointer;
}
.page-entry .center-info{
    min-height: calc(100vh - 282px);
    padding-top: 72px;
}
.page-entry .center-info .k-main{
    width: 1000px;
    margin: 0 auto;
}

.page-entry .center-info  .word-base{
    margin-bottom: 12px;
}

.page-entry .center-info  .word-base h4{
    line-height: 32px;
    font-size: 24px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 10px;
    word-break: break-all;
}


.page-entry .center-info  .word-base .chinese_entry{
    color: #666;
    margin-left: 10px;
    line-height: 32px;
    display: inline-block;
}
.page-entry .center-info  .word-base p{
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 10px;
    word-break: break-all;
}

.page-entry  .word-fy-wp .nav-options{
    height: 48px;
    padding: 12px 0;
    width: 700px;
    border-bottom: 1px solid #E5E5E5;
    margin-top: 32px;
}

.page-entry  .word-fy-wp{
    width: 700px;
}
.page-entry  .word-fy-wp .nav-options .option{
    width: 72px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    margin-right: 24px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-align: center;
}
.page-entry  .word-fy-wp .nav-options .option.active{

    font-size: 18px;
    font-weight: 600;
    color: #333333;
}
.page-entry  .word-fy-wp .nav-options .option.active::after{
    content: '';
    position: absolute;
    width: 72px;
    height: 4px;
    left: 0;
    bottom: -14px;
    background-color: #FF9030;
}

.page-entry  .word-fy-wp .unit-list-wrap {
    padding: 12px 12px 12px 0;
}
.page-entry  .word-fy-wp .unit-list-wrap .item{
    margin:12px  0px 32px;
}

.page-entry .word-fy-wp .unit-list-wrap .item:last-child{
    margin: 12px 0px 12px;
}
.page-entry  .word-fy-wp .unit-list-wrap .item .word-text{
    line-height: 28px;
    word-break: break-all;
    margin-bottom: 10px;
}

.page-entry  .word-fy-wp .unit-list-wrap .item .word-text i.more{
    color: #FF8C28;
    font-style: normal;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-right: 22px;
}

.page-entry  .word-fy-wp .unit-list-wrap .item .word-text i.more::after{
    content: '';
    position: absolute;
    color: #FF8C28;
    width: 20px;
    height: 28px;
    background: url(/images/icons/ico_zhankai.png) center no-repeat;
    background-size: 20px;
    right: 0px;
    top: 0;
}


.page-entry  .word-fy-wp .unit-list-wrap .item .word-from{
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
}


.page-entry  .word-about-wp .nav-about{
    height: 48px;
    padding: 12px 0;
    width: 700px;
    border-bottom: 1px solid #E5E5E5;
    margin-top: 24px;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
}

.page-entry  .word-about-wp .unit-list-wrap {
    padding: 12px 12px 12px 0;
}
.page-entry  .word-about-wp .unit-list-wrap .item{
    margin:12px  0px 32px;
    padding-left: 22px;
    position: relative;
}
.page-entry  .word-about-wp .unit-list-wrap .item:last-child{
    margin: 12px 0px 12px;
}

.page-entry  .word-about-wp .unit-list-wrap .item .NO{
    position: absolute;
    top: 3px;
    left: 0px;
    font-size: 14px;
    color: #333;
}

.page-entry  .word-about-wp .unit-list-wrap .item .word-name{
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #333333;
    word-break: break-all;
    margin-bottom: 5px;
    cursor: pointer;
}

.page-entry  .word-about-wp .unit-list-wrap .item .word-name:hover{
    color: #FF8C28;
}

.page-entry  .word-about-wp .unit-list-wrap .item .word-text{
    line-height: 20px;
    word-break: break-all;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
}
.page-entry  .word-about-wp .unit-list-wrap .item .word-from{
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #B4B4B4;
}


.page-entry .selection{
    position: absolute;
    left: 34px;
    top: 28px;
    width: 180px;
    height: 96px;
    border-radius: 3px;
    border:1px solid #EEE;
    background: #F2F2F2;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
    z-index: 999;
}

.page-entry .selection .top{
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #FFF;
    background-color: #ff8c2899;
    padding: 0 12px;
}

.page-entry .selection .top .close{
    position: absolute;
    right: 10px;
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
}

.page-entry .selection .top .close:hover{
    cursor: pointer;
    color: #aa0000;
}

.page-entry .selection h4{
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #333333;
    word-break: break-all;
    margin-bottom: 5px;
    padding: 0 12px;
}

.page-entry .selection .des{
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: #666;
    word-break: break-all;
    margin-bottom: 5px;
    padding: 0 12px;
}


.page-entry.center-style{

}


.page-entry.center-style .top-info {
    width: 100%;
    height: 80vh;
    background: rgba(255, 255, 255, 0.39);
    box-shadow: none;
    opacity: 1;
    padding-top: 20vh;
}

.page-entry.center-style .top-info .k-main .option-search .search-btn {
    width: 117px;
    height: 44px;
    background: rgba(255, 248, 243, 0.39);
    border: 1px solid #FF8C28;
    color: #FF8C28;
    margin-left: 20px;
}


.page-entry.center-style .top-info .cidian-logo{
    width: 250px;
    height: 72px;
    margin: 36px auto;
    display: block;
}