portal-front/cmp-portal/css/common.css

@charset "utf-8";
/* CSS Document */
/*reset--base*/
p,dl,dt,dd,ul,ol,li,a,em,div,span,th,td{margin:0;padding:0; word-break:break-all; font-family: PingFang SC,Arial,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;}
form,label,button,input,select,textarea{font-size:14px; font-family: PingFang SC,Arial,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;margin:0;padding:0; font-family: PingFang SC,Arial,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;}
html,body{height:100%; width:100%; margin:0;padding:0;font-family: PingFang SC,Arial,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;}
input{vertical-align:middle; outline:none;}
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic;border:0;padding:0; margin:0;}
small{font-size:12px;}
ul,ol{list-style:none;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
a,a:active,a:hover{outline:0;text-decoration:none;}
/*reset--base///*/
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  margin-top: 1px;
}
/* White icons with optional class, or on hover/active states of certain elements */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: url("../images/glyphicons-halflings-white.png");
}
.icon-glass {
  background-position: 0  0;
}
.icon-music {
  background-position: -24px 0;
}
.icon-search {
  background-position: -48px 0;
}
.icon-envelope {
  background-position: -72px 0;
}
.icon-heart {
  background-position: -96px 0;
}
.icon-star {
  background-position: -120px 0;
}
.icon-star-empty {
  background-position: -144px 0;
}
.icon-user {
  background-position: -168px 0;
}
.icon-film {
  background-position: -192px 0;
}
.icon-th-large {
  background-position: -216px 0;
}
.icon-th {
  background-position: -240px 0;
}
.icon-th-list {
  background-position: -264px 0;
}
.icon-ok {
  background-position: -288px 0;
}
.icon-remove {
  background-position: -312px 0;
}
.icon-zoom-in {
  background-position: -336px 0;
}
.icon-zoom-out {
  background-position: -360px 0;
}
.icon-off {
  background-position: -384px 0;
}
.icon-signal {
  background-position: -408px 0;
}
.icon-cog {
  background-position: -432px 0;
}
.icon-trash {
  background-position: -456px 0;
}
.icon-home {
  background-position: 0 -24px;
}
.icon-file {
  background-position: -24px -24px;
}
.icon-time {
  background-position: -48px -24px;
}
.icon-road {
  background-position: -72px -24px;
}
.icon-download-alt {
  background-position: -96px -24px;
}
.icon-download {
  background-position: -120px -24px;
}
.icon-upload {
  background-position: -144px -24px;
}
.icon-inbox {
  background-position: -168px -24px;
}
.icon-play-circle {
  background-position: -192px -24px;
}
.icon-repeat {
  background-position: -216px -24px;
}
.icon-refresh {
  background-position: -240px -24px;
}
.icon-list-alt {
  background-position: -264px -24px;
}
.icon-lock {
  background-position: -287px -24px;
}
.icon-flag {
  background-position: -312px -24px;
}
.icon-headphones {
  background-position: -336px -24px;
}
.icon-volume-off {
  background-position: -360px -24px;
}
.icon-volume-down {
  background-position: -384px -24px;
}
.icon-volume-up {
  background-position: -408px -24px;
}
.icon-qrcode {
  background-position: -432px -24px;
}
.icon-barcode {
  background-position: -456px -24px;
}
.icon-tag {
  background-position: 0 -48px;
}
.icon-tags {
  background-position: -25px -48px;
}
.icon-book {
  background-position: -48px -48px;
}
.icon-bookmark {
  background-position: -72px -48px;
}
.icon-print {
  background-position: -96px -48px;
}
.icon-camera {
  background-position: -120px -48px;
}
.icon-font {
  background-position: -144px -48px;
}
.icon-bold {
  background-position: -167px -48px;
}
.icon-italic {
  background-position: -192px -48px;
}
.icon-text-height {
  background-position: -216px -48px;
}
.icon-text-width {
  background-position: -240px -48px;
}
.icon-align-left {
  background-position: -264px -48px;
}
.icon-align-center {
  background-position: -288px -48px;
}
.icon-align-right {
  background-position: -312px -48px;
}
.icon-align-justify {
  background-position: -336px -48px;
}
.icon-list {
  background-position: -360px -48px;
}
.icon-indent-left {
  background-position: -384px -48px;
}
.icon-indent-right {
  background-position: -408px -48px;
}
.icon-facetime-video {
  background-position: -432px -48px;
}
.icon-picture {
  background-position: -456px -48px;
}
.icon-pencil {
  background-position: 0 -72px;
}
.icon-map-marker {
  background-position: -24px -72px;
}
.icon-adjust {
  background-position: -48px -72px;
}
.icon-tint {
  background-position: -72px -72px;
}
.icon-edit {
  background-position: -96px -72px;
}
.icon-share {
  background-position: -120px -72px;
}
.icon-check {
  background-position: -144px -72px;
}
.icon-move {
  background-position: -168px -72px;
}
.icon-step-backward {
  background-position: -192px -72px;
}
.icon-fast-backward {
  background-position: -216px -72px;
}
.icon-backward {
  background-position: -240px -72px;
}
.icon-play {
  background-position: -264px -72px;
}
.icon-pause {
  background-position: -288px -72px;
}
.icon-stop {
  background-position: -312px -72px;
}
.icon-forward {
  background-position: -336px -72px;
}
.icon-fast-forward {
  background-position: -360px -72px;
}
.icon-step-forward {
  background-position: -384px -72px;
}
.icon-eject {
  background-position: -408px -72px;
}
.icon-chevron-left {
  background-position: -432px -72px;
}
.icon-chevron-right {
  background-position: -456px -72px;
}
.icon-plus-sign {
  background-position: 0 -96px;
}
.icon-minus-sign {
  background-position: -24px -96px;
}
.icon-remove-sign {
  background-position: -48px -96px;
}
.icon-ok-sign {
  background-position: -72px -96px;
}
.icon-question-sign {
  background-position: -96px -96px;
}
.icon-info-sign {
  background-position: -120px -96px;
}
.icon-screenshot {
  background-position: -144px -96px;
}
.icon-remove-circle {
  background-position: -168px -96px;
}
.icon-ok-circle {
  background-position: -192px -96px;
}
.icon-ban-circle {
  background-position: -216px -96px;
}
.icon-arrow-left {
  background-position: -240px -96px;
}
.icon-arrow-right {
  background-position: -264px -96px;
}
.icon-arrow-up {
  background-position: -289px -96px;
}
.icon-arrow-down {
  background-position: -312px -96px;
}
.icon-share-alt {
  background-position: -336px -96px;
}
.icon-resize-full {
  background-position: -360px -96px;
}
.icon-resize-small {
  background-position: -384px -96px;
}
.icon-plus {
  background-position: -408px -96px;
}
.icon-minus {
  background-position: -433px -96px;
}
.icon-asterisk {
  background-position: -456px -96px;
}
.icon-exclamation-sign {
  background-position: 0 -120px;
}
.icon-gift {
  background-position: -24px -120px;
}
.icon-leaf {
  background-position: -48px -120px;
}
.icon-fire {
  background-position: -72px -120px;
}
.icon-eye-open {
  background-position: -96px -120px;
}
.icon-eye-close {
  background-position: -120px -120px;
}
.icon-warning-sign {
  background-position: -144px -120px;
}
.icon-plane {
  background-position: -168px -120px;
}
.icon-calendar {
  background-position: -192px -120px;
}
.icon-random {
  background-position: -216px -120px;
  width: 16px;
}
.icon-comment {
  background-position: -240px -120px;
}
.icon-magnet {
  background-position: -264px -120px;
}
.icon-chevron-up {
  background-position: -288px -120px;
}
.icon-chevron-down {
  background-position: -313px -119px;
}
.icon-retweet {
  background-position: -336px -120px;
}
.icon-shopping-cart {
  background-position: -360px -120px;
}
.icon-folder-close {
  background-position: -384px -120px;
}
.icon-folder-open {
  background-position: -408px -120px;
  width: 16px;
}
.icon-resize-vertical {
  background-position: -432px -119px;
}
.icon-resize-horizontal {
  background-position: -456px -118px;
}
.icon-hdd {
  background-position: 0 -144px;
}
.icon-bullhorn {
  background-position: -24px -144px;
}
.icon-bell {
  background-position: -48px -144px;
}
.icon-certificate {
  background-position: -72px -144px;
}
.icon-thumbs-up {
  background-position: -96px -144px;
}
.icon-thumbs-down {
  background-position: -120px -144px;
}
.icon-hand-right {
  background-position: -144px -144px;
}
.icon-hand-left {
  background-position: -168px -144px;
}
.icon-hand-up {
  background-position: -192px -144px;
}
.icon-hand-down {
  background-position: -216px -144px;
}
.icon-circle-arrow-right {
  background-position: -240px -144px;
}
.icon-circle-arrow-left {
  background-position: -264px -144px;
}
.icon-circle-arrow-up {
  background-position: -288px -144px;
}
.icon-circle-arrow-down {
  background-position: -312px -144px;
}
.icon-globe {
  background-position: -336px -144px;
}
.icon-wrench {
  background-position: -360px -144px;
}
.icon-tasks {
  background-position: -384px -144px;
}
.icon-filter {
  background-position: -408px -144px;
}
.icon-briefcase {
  background-position: -432px -144px;
}
.icon-fullscreen {
  background-position: -456px -144px;
}


body{height:auto;position: relative;min-height: 100%;}
a{text-decoration:none;}
a:focus{}
a:active,a:hover{outline:0;text-decoration:none;}
/*栅格化宽度类型*/
.col-w-1,.col-w-2,.col-w-3,.col-w-4,.col-w-5,.col-w-6,.col-w-7,.col-w-8,.col-w-9,.col-w-10,.col-w-11,.col-w-12{float:left;}
.col-w-1{width:8.333333333333332%}
.col-w-2{width:16.666666666666664%}
.col-w-3{width:25%}
.col-w-4{width:33.33333333333333%}
.col-w-5{width:41.66666666666667%}
.col-w-6{width:50%}
.col-w-7{width:58.333333333333336%}
.col-w-8{width:66.66666666666666%}
.col-w-9{width:75%}
.col-w-10{width:83.33333333333334%}
.col-w-11{width:91.66666666666666%}
.col-w-12{width:100%}

.floatL{ float:left;}
.floatR{float:right;}
.clearfix{ clear:both;}
.clearfix:before,.clearfix:after{display:table;content:" "}
.clearfix:after{clear:both}

/* 显示和隐藏样式 */
.inline {display:inline-block;}
.displayNone{display:none;}
.displayBlock{display:block;}
.ellipsisSty {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ellipsisSty-2 { display: -webkit-box;height:40px;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word; -webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
/*文字*/
.h1Font{font-size:22px; line-height:36px; color:#151520;} /*标题*/
.h2Font{font-size:18px; line-height:30px; color:#333; } 
.h3Font{font-size:16px; line-height:28px; color:#555; } 
.h4Font{font-size:14px; line-height:26px; color:#333;} 
.h5Font{font-size:14px; line-height:22px; color:#666;} 
.h6Font{font-size:13px;color:#888;margin-left:8px;} 
.fontweight{font-weight: bold;}
.smalltip{font-size:13px;line-height:24px;margin:8px 0;color:#888;}/*提示性语句*/
.pIndent{ padding-left: 13px;color: #888;font-size: 12px;}
.thistime{position:relative;padding:0 20px; font-size: 12px; color: #ccc;}
.thistime:before{content:"";display:inline-block;width:4px; height: 4px;border-radius:50%;background: #ccc;position: absolute;top:36%;left:10px;}
.paddingSpace{ padding:4px 0;}

.alignCenter{text-align: center;}
/*圆角*/
.headRadius{border-radius: 4px;}/*头像、资源圆角*/
.bgRadius{border-radius: 6px;}/*底板背景圆角*/
/*倒三角*/
.to-bottom {display: inline-block;overflow: hidden;width: 0px;height: 0px;border: 6px solid #ccc;border-color: #ccc #fff; border-width: 6px 6px 0 6px;position: absolute;right: 0;top: 40%;}
/*/////////////////////表单样式/////////////////////// */
.frmtype{border:1px #b5b5b5 solid;font-size:14px;line-height:16px;outline: none; padding:6px 20px 6px 10px;border-radius: 6px;}
.frmtype:focus{box-shadow: none;outline:none;border-color:#28b8fa;}
.frmtypeW{width:98%;margin: auto;}
textarea.frmtype{height:100px;}
/*只读状态input*/
input.frmtype[readonly]{background:#EFEFEF;color:#AAAAAA;}
input.frmtype[readonly]:focus{border:1px #b5b5b5 solid;}
/*小按钮*/
.btnModel{display:inline-block;color:#FFFFFF;border:none;background: #FFFFFF; padding:6px 20px;background:#28b8fa;}
.btnModel:hover{background:#1daaeb;}
/*取消按钮*/
.btnCancel{background:#edeff4;}
.btnCancel:hover{background:#d6d8de;}
/*按钮不可用状态*/
button.btnModel[disabled]{background:#d6d8de;}
button.btnModel[disabled]:hover{background:#d6d8de;}
/*大按钮*/
button.btnModelBig{
	background: url(../images/business_button_bg.png);background-size:cover;
	background: linear-gradient(left,#28b8fa,#558ded);
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#28b8fa), to(#558ded));}
button.btnModelBig:hover{
	background: url(../images/business_button_bg.png);background-size:cover;
	background: linear-gradient(left,#1daaeb,#487fde);
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#1daaeb), to(#487fde));}
.save-block{margin:20px auto 40px;padding:6px 40px;}/*保存按钮*/
.fontLink{background:none;border:none;}/*字体链接按钮*/
.limitNum{text-align: right;color:#AAAAAA;}/*限制字数*/
.requiredcon{ color:red; position:absolute;font-size:16px; top:8px; left:-10px;}/*必填项*/
/*表单消息提示*/
.frmmsg{background:url(../images/con_icon_info_warn.png) 0 center no-repeat;background-size: auto 50%;padding-left:18px;line-height:28px;}
/*色系*/
.cmpBg{background: #28b8fa;color:#FFFFFF;}
.cmpColor{color: #28b8fa;}
.cmpBorder{border-color:#28b8fa;}

/*弹出模态框*/
.blackcover{display:none;overflow-x: hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0; background:rgba(0,0,0,.6);z-index: 1050;}
.modelContain{display:none;position:relative;clear:both;margin:40px auto;width:600px;background:#fff;border-radius:8px;z-index:1056; 
 		 box-shadow: 2px 4px 10px 4px #555;
  -webkit-box-shadow: 2px 4px 10px 4px #555;}
.modelContain:before,.modelContain:after{display:table;content:" "}
.modelContain:after{clear: both;}
.modelClosebtn{position:absolute; top:0; right:-50px; display:block; width:20px; height:20px; background:url(../../images/workclose.png) center center no-repeat; padding:20px;cursor:pointer; z-index:1055;}  
.modelOpen{overflow: hidden;}

/*图片在容器中无变形居中显示*/
.boxBlock{width:200px; height:200px;display: table-cell;vertical-align:middle; text-align:center;overflow: hidden;}
.boxBlockimg{max-width: 100%;max-height: 100%;vertical-align:middle;height:auto !important; overflow-y:auto;}

/*认证标识相关*/
.authicon{display: inline-block;margin-left:4px;background-position: center;background-repeat: no-repeat;}
.authicon-pro{width:16px;height:16px;background-image:url(../images/porfile_icon_zhuanjia_nor.png);background-size: cover;}/*科袖认证专家*/
.authicon-com-ok{width:16px;height:16px;background-image:url(../images/porfile_icon_qiye_hig.png);background-size: cover;}/*认证企业*/
.authicon-com-no{width:16px;height:16px;background-image:url(../images/porfile_icon_qiye_nor.png);background-size: cover;}/*未认证企业*/
.authicon-staff-ok{width:44px;height:16px;background-image:url(../images/porfile_icon_yuangong_hig.png);background-size: cover;}/*企业认证员工*/
.authicon-staff-no{width:44px;height:16px;background-image:url(../images/porfile_icon_yuangong_nor.png);background-size: cover;}/*企业未认证员工*/
.authicon-real{width: 24px;height:16px;background-image:url(../images/porfile_icon_shimin_nor.png);background-size: cover;}/*实名认证用户*/

/*----------------------------分页-----------------------------*/
.tcdPageCode{ padding: 20px; margin: 10px 0;text-align: left;color: #333;text-align:center;font-size:14px;line-height:24px; }
.tcdPageCode a{display: inline-block;color: #428bca;display: inline-block;height: 30px;	line-height: 30px;	padding: 0 10px;border: 1px solid #e5e5e5;	margin: 0 8px;border-radius:5px; color:#333;}
.tcdPageCode a:hover{text-decoration: none;}
.tcdPageCode span.current{display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;color: #fff;background-color: #ff9900;border-radius:5px;}
.tcdPageCode span.disabled{	display: inline-block;height: 30px;line-height:30px;padding: 0 10px;margin: 0 8px;	color: #ccc;background: #fff;border: 1px solid #e5e5e5;border-radius:5px;}
.tcdPageCode li { display: inline;}
.tcdPageCode a.current{
	display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;color: #fff;background-color: #ff9900;border-radius:5px;
}
/*----------------------------分页------------------------*/


/***********************缺省页面*******************/
.nodatatip{width:40%;margin:100px auto;overflow:hidden;height:100px; font-size:16px; text-align:center;color:#aaa;}
.nodatabox{/*width:100%;*/height: 100%;padding:40px; margin:20px auto;text-align: center;}
.nodatabox .nodata{overflow:hidden; width:50%; margin:auto;}
.nodatabox .nodata li{float:left;}
.nodatabox .picbox{margin:30px auto;}
.nodatabox .picbox .defpic{display:block;margin: auto;width:160px;height:160px; background:url(../images/nodata.png) -12px -760px no-repeat;}
.nodatabox .txtbox { margin:86px auto;}
.nodatabox .currword{font-size: 18px;color: #777777;font-weight:bold;line-height:40px;}
.nodatabox .currtip{ font-size:14px;color: #AAAAAA;}
.nodatabox .keyword{font-size:20px; padding:0 6px;color:#555555;}
/***********************缺省页面*******************/

.containerCon{width:1100px;padding:0 20px;position:relative; margin:auto;}
.containerCon:before,.containerCon:after{display:table;content:" "}
.containerCon:after{clear: both;}
/*.overInitial{overflow:initial;}*/
/*新版footer*/
footer{position: absolute;right:0; left: 0;bottom:0;background: #373d41;color:#888;font-size:16px;line-height:30px;}
footer .containerCon{background: #373d41;}
footer a{color:#888;text-decoration: none;}
footer p .listlink{margin-right:25px;color:#888;}
footer .bottom-block{padding:30px 0;}
footer .logo-block{width:242px; height:60px;background:url(../images/business_icon_logo_nor.png);background-size:cover;margin-bottom:30px;}
footer .copy-block{color:#666;margin-top:10px;font-size:12px;}
footer .copy-block a{ color:#666;}
footer .copy-block a.beianbox em{display: inline-block;width:14px; height:14px;background:url(../images/home_icon_beian.png);background-size:cover;}
footer .code-block div{text-align: center;}
footer .code-block div:last-child{margin-left:80px;}
footer .codelist{margin:20px auto 10px;width:118px;height:118px;text-align:center;background-position: center center;background-repeat: no-repeat;}
footer .codelist span{display:inline-block;width:94px;height:94px;margin:12px auto; }
footer .appcode{background-image: url(../images/home_bg_xiazaiapp_nor.png);}
footer .appcode span{background-image:url(../images/home_code_app.jpg);background-size: cover;}
footer .weixincode{background-image: url(../images/home_bg_guanzhu_nor.png);}
footer .weixincode span{background-image:url(../images/home_code_weixin.jpg);background-size: cover;}

/*新版header*/
header{background: #373d41;color:#888;font-size:16px;line-height:32px;}
header .navheader .containerCon{background: #373d41;}
header .navheader{background: #373d41;height:60px;}
header .topheader{background: #000;height:30px;font-size:14px;line-height:30px;}
header .topheader .containerCon{background: #000;}
header .topheader a{padding:0 10px;margin-right:16px;color:#FFFFFF}
header .topheader .downicon{background: url(../images/top_icon_shouji_nor.png) 0 center no-repeat;padding-left:18px;}
header .headlogo h1 {width: 60px;height: 30px;margin:14px 14px 14px 0;padding: 0;background-image: url(../images/home_icon_logo2.png);background-size:contain;overflow: hidden;}
header .headnav{margin:0 14px;}
header .headnav li{float:left;margin:0 4px; padding:12px 0;}
header .headnav li a{ color:#FFFFFF; padding:14px 18px;}
header .headuser{overflow: hidden;border:1px solid #222222; width: 40px;height: 40px;margin:10px 0 10px 20px;cursor: pointer;}
header .headuserimg{position:relative;}
header .headnavbtn{margin:14px 6px;}
header .headnavbtn a{color:#FFFFFF;}
header .headnavbtn li{float:right;margin:0 6px;}
header .navbtn{width: 18px;height:20px;cursor: pointer; padding:10px 18px;background-position:center;background-repeat:no-repeat;}
header .navnews{background-image: url(../images/nav_button_news_nor.png);background-size:contain;}
header .navsearch{background-image: url(../images/nav_button_search_nor_2.png);background-size:contain;}
header .headnav li.navcurrent{border-bottom:4px solid #28b8fa;}

header .comuserSelf{width:180px; height:180px; position:absolute; top:40px; right:0;z-index: 100;}
header .triangleB{ display:block; width:0; height:0; border:8px solid transparent; border-bottom-color:#28b8fa; float:right; margin-right:12px; margin-top:14px;}
header .personal-box{ width:100%;background:#28b8fa; clear:both; overflow:hidden;}
header .personal-box a{ display:block; width:100%; height:40px;line-height:40px; font-size: 13px; color:#fff;}
header .personal-box a:hover{ background:#17a4e4;}
header .icon{ display:block; width:20px; height:20px; margin-left:15px; margin-right:12px; margin-top:10px; float:left;}
header .icon3{ background:url(../images/index-icon.png) no-repeat; background-position:-40px 0;}
header .icon4{ background:url(../images/index-icon.png) no-repeat; background-position:-20px 0;}