|
@charset "utf-8";
/* CSS Document */
html,body {outline: 0;margin:0;padding:0px;background: #efeff4;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.contentBody2{max-width:640px;margin:auto;}
/*.contentBody2 *{-webkit-user-select: 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");background-size:cover;line-height: 14px;}
/*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 .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: 24px; 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 .bomb-box{background-color:rgba(000,000,000,0.5); padding:5px 15px; border-radius:50px; font-size: 12px; color: #fff; text-align:center; position: absolute; display: inline; left:50%; top:25%}
.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;}
/*文章浏览*/
.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 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 .h3Font{font-size:13px;color:#999; line-height:24px;}
.showDetail .showMain{font-size:15px;color:#333;line-height:28px;}
.showDetail .showMain img{max-width: 100%;}
.showDetail .showMain p{margin-bottom:10px;font-size:15px;color:#333;}
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{color: #666;}
.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:#FFFFFF;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 .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 .ellipsisSty-2{max-height: 44px;}
/*点赞模块*/
.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;}
/*留言*/
.madiaBlock .commentBlock li{padding:4px 0;}
.commentBlock .flexCenter{min-height:38px;}
.commentBlock .commenttime{margin-right:18px;}
.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:break-word;}
/*资源轮播图片样式*/
#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;}
/*新版用户和企业相关*/
.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: #c8c7cc;}
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: 0;}
.seeMore em:after{border: solid transparent;border-left-color:#fff;border-width: 5px;content: " ";position: absolute;left: 100%;top: 2px;}
.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;}
.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;}
.commentsArea .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;}
|