@charset "utf-8";

/* CSS Document */
html,
body {
    outline: 0;
    margin: 0;
    padding: 0px;
    background: #F4F6F8;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.bomb-box {
    display: none;
    background-color: rgba(000, 000, 000, 0.5);
    padding: 6px 15px;
    border-radius: 50px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 25%;
    z-index: 10;
}

.contentBody2 {
    max-width: 640px;
    margin: auto;
    overflow: hidden;
}

.bannerA {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #FF9900;
}

.logoA {
    width: 24%;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -12%;
    top: 6%;
    z-index: 2
}

.bannerA img {
    display: block;
    margin-top: 10%;
}

.search-wrap {
    position: absolute;
    bottom: 16px;
    height: 40px;
    padding: 0 10px;
    width: 96%;
    left: 50%;
    margin-left: -48%;
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
    overflow: hidden;
}

.search-wrap .search-icon {
    margin: 10px 4px;
}

.search-wrap .search-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 10px 0 40px;
    font-size: 14px;
    background: none;
    height: 40px;
    line-height: 24px;
    border: none
}

.iconfontnew {
    display: inline-block;
    width: 18px;
    height: 18px;
    *margin-right: .3em;
    line-height: 18px;
    vertical-align: text-top;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.icon-address {
    width: 11px;
    height: 14px;
    background-image: url("../images/personal_icon_dizhi_nor@3x.png");
    line-height: 14px;
}

.icon-shoucang {
    background-image: url("../images/h5_img/article_button_shoucang_nor@3x.png");
}

/*input输入相关*/
.frmbtn {
    width: 100%;
    margin: 4% auto;
    font-size: 14px;
    line-height: 24px;
    padding: 2%;
    border: 1px solid #FF9900;
    border-radius: 6px;
    color: #FF9900;
    outline: none;
}

.frmactive {
    color: #fff;
    background-color: #FF9900;
    border: 1px solid #FF9900;
}

/*移动端网站或APP点击后出现闪动或灰色背景,只需对绑定事件添加class样式 使其触发事件时背景为透明色*/
.activeThis {
    -webkit-tap-highlight-color: transparent;
}

/*--------------------邀请好友注册科袖2017.4.28--------------*/
@media (min-width: 768px) {
    .invitebody .form-inline .form-group {
        display: block;
        margin-bottom: 10px;
        vertical-align: middle;
    }
}

.invitebody .form-control:-moz-placeholder {
    color: rgba(256, 256, 256, 1);
}

.invitebody .form-control::-moz-placeholder {
    color: rgba(256, 256, 256, 1);
}

.invitebody input.form-control:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: rgba(256, 256, 256, 1)
}

.invitebody input.form-control::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: rgba(256, 256, 256, 1)
}

.invitebody .form-group {
    overflow: hidden;
}

.invitebody .input-group {
    position: relative;
    width: 100%;
    border: 1px solid #FFFFFF;
    margin: 16px 0;
    border-radius: 6px;
}

.invitebody .form-control {
    width: 100%;
    border: none;
    background: none;
    box-shadow: none;
    height: 42px;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    padding-left: 44px;
    background-position: 14px center;
    background-repeat: no-repeat;
    background-size: auto 20px;
}

.invitebody .form-control:focus {
    box-shadow: none;
}

.invitebody .form-control.input_name {
    background-image: url(../images/wechat_icon_xingming_nor@3x.png);
}

.invitebody .form-control.input_phone {
    background-image: url(../images/wechat_icon_shouji_nor@3x.png);
}

.invitebody .form-control.input_code {
    background-image: url(../images/wechat_icon_yanzhengma_nor@3x.png);
}

.invitebody .form-control.input_pwd {
    background-image: url(../images/wechat_icon_mima_nor@3x.png);
}

.invitebody .form-control.input_mail {
    background-image: url(../images/wechat_icon_mail_nor@3x.png);
}

.invitebody .form-control.input_org {
    background-image: url(../images/wechat_icon_org_nor@3x.png);
}

.invitebody .btn {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #FFFFFF;
    margin: 16px 0 16px;
    padding: 12px 16px;
}

.invitebody .btn[disabled] {
    background: rgba(256, 256, 256, .6);
    color: #AAAAAA;
}

.invitebody .btn.input-group-addon {
    width: auto;
    border: none;
    position: absolute;
    right: -1px;
    top: 50%;
    margin-top: -22px;
    cursor: pointer;
    padding: 14px 24px 14px;
    border-radius: 6px;
}

.invitebody .input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 5px;
}

.invitebody .protocollink {
    color: #FFFFFF;
}

.invitebody .checkReg.checkboxT {
    padding: 0;
    margin-top: -22px;
    color: #FFFFFF;
    font-size: 14px;
}

.invitebody .checkBg {
    background: url(../images/checkApp.png) 0 center no-repeat;
    padding-left: 18px;
    line-height: 18px;
    margin: 10px 0 30px;
    background-size: auto 14px;
}

.invitebody .canPoint {
    background: rgba(256, 256, 256, 1);
    color: #ff9900;
    opacity: 0.8;
}

/*按钮可点击状态*/
.invitebody .canPoint:hover {
    box-shadow: 0px 0px 16px rgba(255, 255, 255, 0.2) inset;
    outline: none;
}

/*logo盒子的相关*/
.invitebody .logobox {
    padding: 0 6% 3% 6%;
    margin: 14% auto 10px;
}

.invitebody .logolink {
    display: block;
    max-width: 36%;
    min-width: 100px;
    margin: auto;
}

.invitebody .logoimg {
    width: 100%;
    margin: auto;
    text-align: center;
}

.invitebody .inviteTit {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    margin: 20px 0;
    color: #FFFFFF;
}

.invitebody .inviteTit span {
    font-size: 18px;
    line-height: 44px;
    padding: 0 6px;
}

.invitebody .inforbox {
    padding: 20px 0 10px;
}

.invitebody .inforbox ul {
    padding: 10px 0;
}

.invitebody .inforbox ul li {
    position: relative;
    margin: 12px 0;
}

.invitebody .inforbox .lefticon {
    position: absolute;
    top: 4px;
    width: 28px;
    height: 28px;
}

.invitebody .inforbox .rightcon {
    padding-left: 40px;
    color: #FFFFFF;
}

.invitebody .inforbox .rightcon h2 {
    font-size: 17px;
    line-height: 26px;
}

.invitebody .inforbox .rightcon p {
    font-size: 14px;
    line-height: 20px;
}

/*****************************2017.05新版文章资源样式************************/
.flexCenter {
    position: relative;
    min-height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.flex-pright {
    padding-right: 64px;
}

/*文章浏览*/
.topFu {
    background: rgba(0, 0, 0, .6);
    padding: 10px 15px;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 200;
}

.topLogo {
    width: 60px;
    height: 30px;
    background: url(../images/home_icon_logo_orange.png);
    background-size: cover;
}

.goSpan {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 0;
}

.goSpan span {
    background: #ff9900;
    display: inline-block;
    text-align: center;
    width: 48px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    padding: 4px;
}

.goSpan .attenSpan {
    position: relative;
    padding-left: 14px;
    background-image: url(../images/g_article_icon_jia_nor.png);
    background-size: 12px 12px;
    background-position: 8px center;
    background-repeat: no-repeat;
}

.goSpan .attenedSpan {
    background: #ccc;
    padding-left: 16px;
}

.showDetail {
    padding: 15px;
    padding-top: 10px;
}

.showDetail .hWeight {
    font-weight: bold;
}

.showDetail .h1Font {
    font-size: 20px;
    margin: 8px 0;
    line-height: 30px;
    color: #333;
}

.showDetail .showFont {
    font-size: 16px;
    margin-top: -4px;
    line-height: 24px;
    color: #333;
}

.showDetail .h2Font {
    font-size: 14px;
    color: #666;
    line-height: 16px;
}

.showDetail .madiaInfo .h2Font {
    font-size: 14px;
    color: #999;
}

.showDetail .h3Font {
    font-size: 13px;
    color: #999;
    line-height: 24px;
}

.showDetail .showMain {
    font-size: 15px;
    color: #333;
    line-height: 28px;
    word-break: break-word;
}

.showDetail .showMain img {
    max-width: 100%;
}

.showDetail .showMain p {
    margin-bottom: 16px;
    font-size: 15px;
    color: #333;
    text-align: justify
}

#articleContent ul,
#articleContent ol {
    padding-left: 20px;
}

#articleContent ul {
    list-style-type: disc;
}

#articleContent ol {
    list-style-type: decimal;
}

#articleContent ul>li,
#articleContent ol>li {
    padding-left: 0px;
}

#articleContent ul>li>p,
#articleContent ol>li>p {
    margin: 0;
}

ul.tagList {
    padding: 0;
    margin: 18px 0 8px;
    overflow: hidden;
}

ul.tagList>li {
    list-style: none;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 4px 12px;
    color: #666;
    background: #EFEFEF;
}

ul.tagList>li .h2Font {
    font-size: 14px;
    color: #666;
    line-height: 16px;
}

.madiaBlock {
    clear: both;
}

.madiaBlock:before,
.madiaBlock:after {
    display: table;
    content: ""
}

.madiaBlock:after {
    clear: both;
}

.madiaBlock ul.mui-table-view {
    margin: 10px 0;
    overflow: hidden;
}

.madiaBlock ul.mui-table-view li {
    position: relative;
    cursor: pointer;
}

.madiaBlock .madiaTit {
    position: relative;
    font-size: 16px;
    color: #666;
    padding-left: 10px;
    margin-top: 15px;
    padding-bottom: 10px;
}

.madiaBlock .madiaTit:before {
    display: inline-block;
    content: "";
    width: 4px;
    height: 16px;
    position: absolute;
    top: 1px;
    left: 0;
    background: #ff9900;
}

.madiaBlock .madiaTit:after {
    position: absolute;
    bottom: 0;
    content: "";
    height: 1px;
    background: #E5E5E5;
    right: -15px;
    left: -15px;
}

.madiaBlock .madiaHead {
    width: 90px;
    height: 60px;
    margin-top: -30px;
    position: absolute;
    /*border:1px solid #E5E5E5;*/
    top: 50%;
    background-position: center;
    background-size: cover;
}

.madiaBlock .madiaHead.useHead {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background-image: url(../images/default-photo.jpg);
    border-radius: 50%;
}

.madiaBlock .madiaHead.resouseHead {
    background-image: url(../images/default-resource.jpg);
}

.madiaBlock .madiaHead.artHead {
    background-image: url(../images/default-artical.jpg);
}

.madiaBlock .madiaHead.cmpHead {
    background: #FFFFFF;
    border-radius: 0;
    border: none
}

.madiaBlock .madiaHead.cmpHead .boxBlock {
    width: 90px;
    height: 60px;
}

.madiaBlock .madiaHead.cmpHead2 {
    width: 50px;
    height: 40px;
    margin-top: -20px;
    background: none;
    border-radius: 0;
    border: none
}

.madiaBlock .madiaHead.cmpHead2 .boxBlock {
    width: 50px;
    height: 40px;
}

.madiaBlock .madiaHead.paperHead {
    background-image: url(../images/default-paper.jpg);
}

.madiaBlock .madiaHead.patentHead {
    background-image: url(../images/default-patent.jpg);
}

.madiaBlock .madiaInfo {
    padding-left: 62px;
    width: 100%;
    margin: 6px 0;
    overflow: hidden;
}

.madiaBlock .madiaInfo.OmadiaInfo {
    padding-left: 102px;
}

.madiaBlock .madiaInfo.OmadiaInfo.teamStyle {
    padding-left: 0px;
}



.madiaBlock .flexCenter {
    min-height: 64px;
}

.madiaBlock .flexCenter>a {
    display: block;
    width: 100%;
}

.madiaBlock .flexCenter>a .madiaInfo {
    width: auto;
}

.madiaBlock .flexCenter.OflexCenter {
    min-height: 72px;
}

.madiaBlock .madiaInfo .h1Font {
    font-size: 16px;
    margin: 0;
    line-height: 24px;
}

.madiaBlock .madiaInfo .h2Font {
    font-size: 14px;
    margin: 0;
    line-height: 22px;
    color: #999999;
}

.madiaBlock .madiaInfo .ellipsisSty-2 {
    max-height: 44px;
}

.madiaBlock .madiaInfo .time {
    font-size: 14px;
    color: #999;
}

.madiaBlock ul.mui-table-view.noactiveTab>li {
    padding: 0;
    position: relative;
}

/*点赞模块*/
.thumbBlock {
    text-align: center;
    margin: 30px 0;
}

.thumbBlock .thumbBtn {
    display: inline-block;
    position: relative;
    padding: 10px 24px;
    padding-left: 44px;
    font-size: 16px;
    color: #fff;
    background: url(../images/g_article_icon_dianzan_nor.png) no-repeat 24px center;
    background-size: 16px 16px;
    background-color: #ff9900;
    border-radius: 30px;
    cursor: pointer;
}

.thumbBlock .thumbBtn.thumbedBtn {
    background: #e0e0e0;
}

.thumbBlock .stepBtn {
    display: inline-block;
    position: relative;
    padding: 10px;
    padding-left: 30px;
    font-size: 16px;
    color: #666;
    background: url(../images/h5_img/g_article_icon_cai_nor.png) no-repeat 10px center;
    background-size: 16px 16px;
    cursor: pointer;
}

.thumbBlock .stepBtn.stepedBtn {
    opacity: .6;
}

/*留言*/
.commentBlock .flexCenter {
    min-height: 38px;
}

.commentBlock .operateSpan .spanitem {
    margin-right: 18px;
}

.commentBlock .operateSpan .spanitem>em {
    font-style: normal;
}

.commentBlock .madiaHead.useHead {
    width: 40px;
    height: 40px;
    margin-top: -20px;
}

/*小图像*/
.commentBlock .madiaInfo {
    padding-left: 52px;
    width: auto;
}

.commentBlock .operateSpan {
    margin: 8px 0 0;
    color: #9d9ea8;
    font-size: 13px;
    color: #999;
    cursor: pointer;
}

.commentBlock .madiaInfo .h2Font {
    -webkit-user-select: text;
    word-break\n: break-word;
}

.leaveWord .madiaInfo .h1Font {
    font-size: 14px;
    word-break: break-word;
}

.leaveWord .madiaInfo .h2Font {
    font-size: 14px;
    word-break: break-word;
}

.madiaBlock ul.mui-table-view.commentBlock {
    margin: 4px 0 10px
}

.madiaBlock ul.mui-table-view.noactiveTab>li.leaveWord {
    padding: 6px 0;
}

.hold-icon {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.icon-zan {
    background-image: url(../images/qa-icon-zan.png);
    background-position: 0 -14px;
}

/*资源轮播图片样式*/
#index-container {
    height: 300px;
    background: #f0f0f0;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

#index-container .swiper-wrapper {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

#index-container .swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    position: relative;
    float: left
}

#index-container .swiper-slide .tab-re {
    display: inline-block;
    text-align: center;
    max-width: 100%;
    width: 100%;
    height: 300px;
    overflow: hidden;
    vertical-align: middle;
}

#index-container .swiper-slide .tab-re img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    position: relative;
}

#index-container .swiper-slide .tab-re:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    overflow: hidden;
    margin-left: -6px;
}

#index-container .swiper-pagination {
    bottom: 20px;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 2;
    text-align: center;
}

#index-container .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 10px;
    background: #ccc;
    display: inline-block;
    border-radius: 50%;
    opacity: 0.9;
}

#index-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff
}

/*轮播图片样式 end*/
.showMain>ul {
    margin: 0;
    padding: 0;
}

.showMain.showRes>ul>li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: none;
}

.showMain .showTit {
    position: relative;
    padding-left: 10px;
    text-indent: 0;
}

.showMain .showTit:before {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 0;
    display: inline-block;
    content: "";
    width: 4px;
    height: 16px;
    background: #ff9900;
}

/*--------------2017.07.12新功能论文和专利相关--------------*/
.showMainP {
    margin-top: 20px;
}

.showMainP li {
    overflow: hidden;
}

.showMainP .showTit {
    padding-left: 0;
    color: #666;
}

.showMainP .showTit:before {
    content: none;
}

.showMainP .showCon {
    color: #333;
    text-align: justify
}

/*新版用户和企业相关*/
.showCardI {
    overflow: hidden;
    background: url(../images/personal_img_bg_nor@3x.png) center 0 no-repeat;
    background-size: 100% 130px;
}

.cardTop {
    position: relative;
    text-align: center;
    min-height: 140px;
    margin: 15px 15px 6px;
    padding: 40px 40px 20px;
    background: rgba(256, 256, 256, .6);
    background: linear-gradient(rgba(256, 256, 256, .6), rgba(256, 256, 256, .9));
    border-radius: 6px;
    box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, .1);
}

.cardImg {
    position: absolute;
    margin-top: -15px;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    background-size: cover;
    /*border:1px solid #E5E5E5;*/
    background-color: #fff;
}

.cardImg.userCard {
    background-image: url(../images/default-photo.jpg);
    border-radius: 50%;
}

.cardImg.cmpCard {
    border-radius: 4px;
    width: 120px;
    margin-left: -60px;
    background: none;
}

.cardImg.cmpCard .boxBlock {
    width: 120px;
    height: 80px;
}

.cardInfo {
    margin-top: 82px;
}

.cardInfo .h1Font {
    font-size: 16px;
}

.cardInfo .h2Font {
    font-size: 14px;
    color: #666;
}

.cardInfo .h3Font {
    font-size: 13px;
    line-height: 16px;
    color: #666;
}

.cardInfo .icon-address {
    position: relative;
}

.mainbox {
    width: 100%;
    margin: 10px auto;
    background: #FFFFFF;
}

/*专家相关信息*/
.infocontit {
    font-size: 16px;
    line-height: 40px;
    min-height: 40px;
    position: relative;
    padding-left: 26px;
    color: #333
}

.infocontit:before {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 15px;
    ;
    display: inline-block;
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 10px;
    background: #ff9900;
}

.infocontit em {
    font-style: normal;
    position: absolute;
    right: 28px;
}

.infocontit em:before {
    border: solid transparent;
    border-left-color: #ccc;
    border-width: 7px;
    content: " ";
    position: absolute;
    left: 100%;
    top: 12px;
}

.infocontit em:after {
    border: solid transparent;
    border-left-color: #fff;
    border-width: 5px;
    content: " ";
    position: absolute;
    left: 100%;
    top: 14px;
}

.infocontitM {
    padding-left: 15px;
}

.infocontitM:before {
    content: none;
}

.OnetitM {
    border-color: transparent;
}

.infocon {
    padding: 15px;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    border-top: 1px solid #E5E5E5;
}

.infocon .breifinfo {
    display: -webkit-box;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 110px;
}

.infocon ul {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.infocon ul>li {
    list-style: none;
}

ul.mui-table-view>li {
    position: relative;
    overflow: hidden;
    padding: 11px 0px;
}

ul.mui-table-view>li:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #E5E5E5;
}

ul.mui-table-view>li:last-child:after {
    background: none;
}

.infocon.listArea>ul {
    overflow: hidden;
    margin-right: -10px;
    margin-top: -10px;
}

.infocon.listArea>ul>li {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
    padding: 2px 12px;
}

.infocon.madiaBlock>ul {
    margin: -15px;
}

.infocon.madiaBlock>ul>li {
    padding: 6px 15px;
}

.infocon.madiaBlock>ul>li:after {
    left: 15px
}

.infocon.madiaBlock .h1Font {
    font-size: 16px;
    margin: 0;
    line-height: 24px;
    color: #333333;
}

.infocon.madiaBlock .h2Font {
    font-size: 14px;
    margin: 0;
    line-height: 22px;
    color: #999999;
}

.seeMore {
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    color: #999;
    line-height: 40px;
    height: 40px;
    border-top: 1px solid #E5E5E5;
    position: relative;
}

.seeMore em {
    font-style: normal;
    position: relative;
    padding-right: 5px;
}

.seeMore em:before {
    border: solid transparent;
    border-left-color: #ccc;
    border-width: 7px;
    content: " ";
    position: absolute;
    left: 100%;
    top: 3px;
}

.seeMore em:after {
    border: solid transparent;
    border-left-color: #fff;
    border-width: 5px;
    content: " ";
    position: absolute;
    left: 100%;
    top: 5px;
}

.seeMore:active {
    background: none;
}

.detailInfo>ul>li {
    color: #333;
    padding-left: 0;
}

.detailInfo>ul>li>span {
    color: #666
}

.listbox {
    margin: 5px 0;
    max-width: 100%;
    overflow: hidden;
}

.listbrowse {
    border: 1px solid #FF9900;
    border-radius: 0 6px 6px 0;
    text-align: center;
    font-size: 13px;
    line-height: 27px;
    float: left;
    padding-right: 8px;
    max-width: 60%;
    overflow: hidden;
}

.plusbtn {
    font-size: 20px;
    line-height: 22px;
    color: #999999;
    margin-left: 4px;
    margin-top: 2px;
}

.plusbtn.icon-appreciatefill {
    color: #FF9900;
}

.like {
    display: block;
    float: left;
    width: 28px;
    font-size: 12px;
    background: #FF9900;
    color: #fff;
    line-height: 27px;
    margin-right: 5px;
}

.likenum {
    float: right;
    max-width: 130px;
    overflow: hidden;
}

.likenum .mui-icon {
    font-size: 24px;
    color: #CCCCCC;
}

.likepeople {
    width: 26px;
    height: 26px;
    float: left;
    overflow: hidden;
    margin-right: 5px;
}

.likepeople img {
    width: 100%;
    height: 100%;
}

.likemore {
    display: block;
    width: 26px;
    height: 26px;
    border: 1px solid #CCCCCC;
    background: url(../images/likemore.png) no-repeat center center;
}

.infoapply li {
    position: relative;
    padding-left: 12px;
    padding-right: 2px;
}

.infoapply li:before {
    content: '';
    background: #999;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 0;
}

/*星级*/
.infocon .starShow {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    overflow: hidden;
}

.infocon .starShow>li {
    float: left;
    margin: 0 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(../images/favoricon.png);
    background-size: 100% auto;
    background-position: 0 0;
}

.infocon .starShow>li.evastar {
    background-position: 0 -14px;
}

.commentBlock .madiaHead.useHeadMsg {
    top: 10px;
    margin-top: 0;
}

/*下载按钮及公众二维码*/
.shareEcode {
    padding: 20px 6px;
    background: #FFFFFF;
}

.Ecodecon {
    width: 100%;
    margin-bottom: 40px;
}

.Ecodeinfo {
    margin: -50px 10px 20px;
}

/*专利论文邀请作者*/
.invitebody2 {
    background: #ffbd51;
    padding-bottom: 20px;
}

.topSTit {
    position: relative;
    max-width: 640px;
    padding: 20px 0 0;
    text-align: center;
}

.topSTit img {
    width: 100%;
}

.topSTit .titSort {
    position: relative;
    padding: 0 50px;
    top: -68px;
}

.topSTit .titSort .biaoti {
    margin-bottom: 30px;
}

.invitebody2 .formblock {
    width: 90%;
    margin: -24px auto 0;
    padding: 30px 30px 20px;
    background: url(../images/share_bg_zhuce_nor@3x.png) right 0 no-repeat #ffe38d;
    background-size: 100%;
    border-radius: 6px;
}

.invitebody2 .form-control {
    background: #fff;
    border-radius: 6px;
    color: #666;
    font-size: 16px;
    padding-left: 12px;
}

.invitebody2 .form-control:-moz-placeholder {
    color: #bbb;
}

.invitebody2 .form-control::-moz-placeholder {
    color: #bbb;
}

.invitebody2 input.form-control:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #bbb;
}

.invitebody2 input.form-control::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #bbb;
}

.invitebody2 .canPoint {
    color: #fff;
    background: #f75243;
    opacity: 1;
}

.formTit {
    color: #781f1d;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    margin: 10px 0;
    max-height: 60px;
}

.invitebody2 .inforbox2 {
    width: 80%;
    margin: auto;
    text-align: center;
    font-size: 16px;
    color: #d79222;
}

.invitebody2 .inforbox2 .btn {
    margin: 10px 0 6px;
}

.invitebody2 .inforbox2 h4 {
    color: #781F1D;
    font-size: 17px;
}

.invitebody2 .inforbox2 .topIn {
    color: #781F1D;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 60px;
    margin-top: -20px
}

.invitebody2 .inforbox2 .topIn em {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: cover;
    position: relative;
    top: 10px;
    left: -6px;
}

.invitebody2 .inforbox2 .topIn .shibai {
    background-image: url(../images/share_icon_shibai_nor@3x.png);
}

.invitebody2 .inforbox2 .topIn .chenggong {
    background-image: url(../images/share_icon_chenggong_nor@3x.png);
}

.invitebody2 .inforbox ul {
    width: 280px;
    margin: auto;
}

.invitebody2 .inforbox .rightcon {
    color: #cc8610;
}

/*--------------新版需求相关--------------*/
.needList .madiaInfo {
    padding: 0;
}

.needList .madiaInfo .h1Font {
    font-size: 16px;
    margin-bottom: 10px;
}

.infocon.madiaBlock.needList .h2Font {
    font-size: 14px;
    line-height: 24px;
    margin: 4px 0;
    color: #666;
}

.needList .madiaInfo .h3Font {
    font-size: 12px;
    color: #999;
}

.infocon.madiaBlock.needList>ul>li {
    padding: 15px;
}

.showli {
    overflow: hidden;
}

.showli>span {
    padding-right: 10px;
    font-size: 12px;
    color: #999;
}

/*===========微信中指示浏览器打开===========*/
.strCss {
    background-image: url(../images/guideJump.png);
    background-size: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    z-index: 19999;
}

/*===========首页和搜索==============*/
.maintitbox {
    background: #FFFFFF;
}

.maintitbox .maintit {
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #FF9900;
}

.conblock {
    background: #FFFFFF;
    margin: 10px 0;
}

.gridbg {
    background: #FFFFFF;
    border: none;
    margin: auto;
}

.gridbg li {
    padding: 10px 4px;
    text-align: center;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.gridbg li>a {
    display: block;
    color: #333;
    font-size: 12px;
}

.btnLinkBox li {
    padding: 11px 15px;
}

.btnLinkBox li>a {
    display: block;
    margin: 0 15px
}

.btnLinkBox li:first-child {
    border-right: 2px dashed #E5E5E5;
}

.btnLinkBox .h1Font {
    font-weight: normal;
    color: #333333;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0;
}

.btnLinkBox .h2Font {
    color: #888;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 0;
}

.btnLinkIcon {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 50%;
    margin-top: -14px;
    left: 36px;
    text-align: center;
    vertical-align: middle;
    background-position: center;
    background-size: cover;
}

.btnLinkIcon.fabuBtn {
    background-image: url(../images/h5_img/home_faxuqiu_nor@3x.png);
}

.btnLinkIcon.proBtn {
    background-image: url(../images/h5_img/home_zhaozj_nor@3x.png);
}

.btnLink {
    padding-left: 40px;
}

/*热门领域*/
.fieldicon {
    display: block;
    width: 24px;
    height: 24px;
    margin: 10px auto;
    background-repeat: no-repeat;
    background-size: cover;
}

.fieldicon01 {
    background-image: url(../images/field_icon/home_field_youqi.png);
}

.fieldicon02 {
    background-image: url(../images/field_icon/home_field_luosi.png);
}

.fieldicon03 {
    background-image: url(../images/field_icon/home_field_banshou.png);
}

.fieldicon04 {
    background-image: url(../images/field_icon/home_field_6bian.png);
}

.fieldicon05 {
    background-image: url(../images/field_icon/home_field_jinshu.png);
}

.fieldicon-more {
    background-image: url(../images/field_icon/home_field_more.png);
}

.infocon.madiaBlock .h3Font {
    font-size: 13px;
    line-height: 22px;
    color: #666666;
}

/*搜索*/
.fixedBlock {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 640px;
    z-index: 3;
}

.searchBox {
    position: relative;
    height: 42px;
    background: #ff9900;
    overflow: hidden;
}

.searchBox input.form-control[type='search'] {
    border-color: #ff9900;
    background: #FFFFFF;
    vertical-align: middle;
    text-align: left;
    width: 98%;
    height: 30px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    margin: 6px auto;
}

.searchBox input.form-control[type='search']:focus {
    outline: none;
    box-shadow: none;
    border-color: #ff9900;
}

.searchboxNewT {
    padding-right: 34px;
}

.rightnav {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    padding: 0 8px;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    color: #FFFFFF;
}

.serchicon {
    margin: 0 2px;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../images/h5_img/search-icon-filter.png);
    background-repeat: no-repeat;
    background-size: 20px auto;
}

.icon-filter {
    background-position: 0 0;
}

.rightnav .badge {
    position: absolute;
    right: 4px;
    top: -1px;
    padding: 1px 4px;
    background: #FFFFFF;
    color: #FF9900;
}

/*筛选条件*/
.filterCon {
    position: relative;
    width: 85%;
    max-width: 435px;
    left: 65px;
    height: 100%;
}

.filterCon .toptit {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    background: #ff9900;
    color: #FFFFFF;
    text-align: center;
}

.filterListNew {
    padding: 14px 14px 8px;
}

.mmenu.mmenu-horizontal ul.filterUl {
    width: 100%;
    float: none;
}

.mmenu li {
    border: none;
}

#wrapper {
    position: absolute;
    z-index: 1;
    top: 42px;
    bottom: 40px;
    right: 0;
    width: 100%;
    overflow: hidden;
}

#scroller {
    position: absolute;
    z-index: 1;
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
}

.midCon {
    padding-bottom: 45px;
}

.filterUl {
    height: 80px;
    padding: 0;
    margin: 14px 0 0;
    margin-right: -2%;
    overflow: hidden;
}

.filterUl.filterUlactive {
    height: auto;
}

.filterUl li {
    list-style: none;
    float: left;
    text-align: center;
    padding: 8px 10px;
    margin: 0 2% 8px 0;
    font-size: 12px;
    background: #F6F6F6;
    color: #333;
    border-radius: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.filterUl li.filterCurrent {
    background: #ff9900;
    color: #FFFFFF;
}

.filterUl.fourUl li {
    width: 23%;
}

.filterUl.threeUl li {
    width: 31.3333%;
}

.rightbtn {
    color: #8f8f94;
    margin-bottom: 10px;
    cursor: pointer;
}

.rightbtn>span {
    color: #ff9900;
    margin-left: 15px;
}

.rightbtn {
    position: relative;
}

.rightbtn .foldtr {
    position: absolute;
    top: 8px;
    right: 42px;
}

.rightbtn .foldtr:after {
    border: solid transparent;
    border-top-color: #fff;
    border-width: 5px;
    content: " ";
    position: absolute;
    top: 100%;
    left: 20px;
}

.rightbtn .foldtr:before {
    border: solid transparent;
    border-top-color: #ccc;
    border-width: 7px;
    content: " ";
    position: absolute;
    top: 100%;
    left: 18px;
}

.rightbtn .unfoldtr {
    position: absolute;
    top: 15px;
    right: 42px;
}

.rightbtn .unfoldtr:after {
    border: solid transparent;
    border-bottom-color: #fff;
    border-width: 5px;
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 20px;
}

.rightbtn .unfoldtr:before {
    border: solid transparent;
    border-bottom-color: #ccc;
    border-width: 7px;
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 18px;
}

.submitBtn {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

.submitBtn>span {
    display: inline-block;
    line-height: 40px;
    color: #FFFFFF;
    width: 50%;
    text-align: center;
    background: #ffb649;
}

.submitBtn>span:last-child {
    background: #FF7600;
}

/*导航栏 */
.tabBox {
    height: 40px;
}

.swiper-wrapper-tab .swiper-slide-tab {
    line-height: 40px;
    font-size: 15px;
    text-align: center;
    background: #fff;
    width: auto;
    padding: 0 5%;
}

.swiper-wrapper-tab .swiper-slide-tab:after {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #dcdcdc;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scaleY(.5)
}

.swiper-wrapper-tab .swiper-slide-tab.active-tab {
    color: #ff9900;
}

.swiper-wrapper-tab .swiper-slide-tab.active-tab:after {
    opacity: 1;
    background-color: #ff9900;
    height: 4px;
}

.swiper-container-main {
    position: relative;
    margin-top: 80px;
    padding-bottom: 80px;
    overflow: visible;
    z-index: 2;
}

.swiper-container-main .swiper-slide ul.mui-table-view {
    background: #FFFFFF;
}

.swiper-container-main .swiper-slide ul.mui-table-view>li {
    padding: 11px 15px;
}

.refreshtip {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 10px 0;
    text-align: center;
    color: #999;
}

.init-loading {
    border: none;
    text-align: center;
}

.loadtip {
    position: fixed;
    display: block;
    width: 100%;
    line-height: 40px;
    height: 40px;
    text-align: center;
    color: #999;
    bottom: 20px;
    z-index: 0;
}

.swiper-container-main,
.w {
    height: calc(100vh - 80px);
}

.swiper-slide {
    height: auto;
}

/*缺省*/
.nodatabox .nodata {
    width: auto;
}

.nodatabox .picbox {
    width: 100px;
    height: 100px;
}

.nodatabox .noContip {
    font-size: 14px;
    line-height: 20px;
}

/*广告位的设计规则及尺寸    底部(760*220)*/
.advertItem .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
}

.advertsub {
    position: relative;
    display: block;
}

.advertsub:after {
    content: "广告";
    font-size: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    padding: 0 4px;
    right: 0;
    bottom: 0px;
}

/*问答 2017.12.26*/
.con-kong {
    line-height: 60px;
    color: #aaa;
    font-size: 14px;
    text-align: center;
    padding: 10% 0;
    background: none;
}

.txtbox {
    font-size: 14px;
}

.qa-count {
    position: relative;
    padding: 6px 15px;
    background: #fff;
}

.qa-count>span {
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background: url(../images/zan_qa_icon_hig@3x.png);
    background-size: cover
}

.qa-count>p {
    padding-left: 40px;
    margin: 0;
    line-height: 32px;
    font-size: 15px;
}

.qa-count>p>em {
    color: #FF9900;
    font-weight: bold;
}

.qa-owner {
    overflow: hidden;
    min-height: 40px;
    margin: 6px 0 2px;
}

.searchTab .qa-owner {
    min-height: 40px;
}

.qa-owner .owner-head {
    position: absolute;
    top: 50%;
    background-position: center;
    background-size: cover;
}

.qa-owner .owner-head.useHead {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background-image: url(../images/default-photo.jpg);
    border-radius: 50%;
}

.qa-owner .owner-info {
    padding-left: 38px;
    width: 100%;
    overflow: hidden;
    height: 30px;
}

.owner-name {
    float: left;
}

.owner-name .h1Font {
    font-size: 16px;
    line-height: 30px;
}

.owner-tit {
    padding-left: 10px;
    color: #888888;
    font-size: 14px;
}

.qa-con {
    font-size: 14px;
    line-height: 22px;
    color: #666;
}

.showliSpan {
    overflow: hidden;
    margin-top: 10px;
    margin-right: -10px;
}

.showliSpan>span {
    font-size: 13px;
    line-height: 22px;
    color: #999999;
    padding-right: 10px
}

.mui-table-view.partLine {
    background: none;
}

.mui-table-view.partLine>.mui-table-view-cell {
    margin-bottom: 10px;
    background: #fff;
    padding: 11px 15px;
}

.mui-table-view.partLine>.mui-table-view-cell:after {
    content: none;
}

.qa-btnlink {
    margin-bottom: 10px;
    background: #fff;
}

.qa-btnlink .mui-media-object.btnLinkIcon {
    width: 22px;
    height: 22px;
    margin-top: -11px;
    left: 8px;
}

.qa-btnlink .madiaBlock {
    overflow: hidden;
}

.qa-top {
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.qa-top em {
    font-style: normal;
    position: absolute;
    right: 24px;
    top: 12%;
}

.qa-top em:before {
    border: solid transparent;
    border-left-color: #ccc;
    border-width: 7px;
    content: " ";
    position: absolute;
    left: 100%;
    top: 12px;
}

.qa-top em:after {
    border: solid transparent;
    border-left-color: #fff;
    border-width: 5px;
    content: " ";
    position: absolute;
    left: 100%;
    top: 14px;
}

.qa-top .flexCenter {
    padding: 0 15px;
    min-height: 68px;
}

.qa-top .unlogin {
    font-size: 14px;
    color: #ff9900;
    line-height: 68px;
    text-align: center;
}

.qa-top .onlogin {
    position: relative;
}

.showDetail>.qa-top {
    margin: 0 -15px;
    padding: 0 15px;
    min-height: 48px;
}

.showDetail>.qa-top .flex-pright {
    padding-right: 26px;
}

.searchTab .qa-btnlink .mui-media {
    text-align: center;
}

.searchTab .qa-btnlink .mui-media-body.btnLink {
    display: inline-block;
    font-size: 15px;
    line-height: 24px;
    padding-left: 36px;
}

.searchTab .qa-btnlink .mui-table-view-cell {
    padding: 8px 15px;
    height: auto
}

.searchTab .qa-btnlink .mui-table-view-cell>div {
    position: relative;
    display: inline-block;
}

.show-item {
    overflow: hidden;
}

.show-item>span {
    padding-right: 10px;
}

.qa-title {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px;
}

.request-qa .yaoqing {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -16px;
    padding: 6px 14px;
    color: #fff;
    background: #ff9900;
    border-radius: 4px;
}

.request-qa .yiyaoqing {
    background: #ccc;
    padding: 6px 7px;
}

.searchTab .mui-table-view.myAllneeds>.mui-table-view-cell {
    height: auto;
}

.searchTab .mui-table-view.myAllneeds .madiaInfo {
    padding-left: 0;
}

.list-main ul {
    display: block;
    padding: 0;
    list-style-type: none;
    font-size: 0;
}

.list_content {
    background: #fff;
    margin-bottom: 10px;
}

.list_content .tagList {
    padding: 6px 15px;
}

.list-hold-count {
    padding: 0 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    line-height: 42px;
    overflow: hidden;
}

.list-hold-count>span {
    float: left;
}

.list-hold-count>ul {
    float: right;
}

.list-hold-count>ul>li {
    float: left;
    display: inline-block;
}

.list-hold-count>ul>li>span {
    position: relative;
    top: 5px;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    padding: 0 10px;
    border: 1px solid #e5e5e5
}

.list-hold-count>ul>li.active>span {
    background: #ff9900;
    color: #fff;
    border-color: #ff9900
}

.list-hold .qa-owner {
    margin: 0;
}

.list-hold .con-kong {
    background: #FFFFFF;
}

.item_detail {
    padding: 6px 15px;
}

.item_detail .h1Font {
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color: #000
}

.item_detail .list_con {
    font-size: 15px;
    color: #333;
    line-height: 24px;
    margin: 6px 0;
    text-align: justify;
    word-break: break-word;
}

.list-main .list_image {
    display: none;
}

.item_info .h3Font {
    font-size: 14px;
    color: #888
}

.item-btn {
    overflow: hidden;
}

.list_image li,
.item-btn li {
    display: inline-block;
    float: left;
    width: 33.3%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.list_image li>.imgspan {
    display: block;
    width: 98%;
    height: 90px;
    background-size: cover;
    background-position: center;
}

.list_image li>.imgspan img {
    opacity: 0;
    width: 100%;
    height: 100%
}

.item-btn {
    border-top: 1px solid #e5e5e5;
}

.item-btn li {
    border-right: 1px solid #e5e5e5;
}

.item-btn li>span {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #666;
    font-size: 14px;
    padding: 8px 0;
}

.item-btn li.answered>span {
    color: #FF0000
}

.item-btn li.collectBtn>span {
    position: absolute;
    width: 20px;
    left: 50%;
    margin-left: -10px;
    top: 8px;
    height: 4px;
}

/*附件提示*/
.atachList {
    color: #017eb8;
    background: #e7f5fb;
    padding: 10px 20px;
    text-align: center;
    font-size: 12px;
}


.infocon.madiaBlock>#hotTeam>li {
    padding: 0px 15px;
}

.tag-show {
    position: absolute;
    right: 36px;
    top: 10px;
}

.tag-show>span {
    display: block;
    margin-bottom: 2px;
    font-size: 10px;
    color: #ffffff;
    background: #ff0000;
    border-radius: 20px;
    padding: 2px 6px;
}