.b {font-weight: 700;}

/* 去除 ie6 & ie7 焦点点状线 */
a:focus,*:focus {
    outline:none;
}
/* 清除浮动 */
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
    overflow:hidden;
}
.clearfix {
    zoom:1; /* for ie6 & ie7 */
}
.clear {
    clear:both;
    display:block;
    font-size:0;
    height:0;
    line-height:0;
    overflow:hidden;
}
*, ::after, ::before {
    box-sizing: border-box;
}
/* 设置显示和隐藏，通常用来与 js 配合 */
.hide {
    display:none;
}
.block {
    display:block;
}
/* 设置浮动，减少浮动带来的 bug */
.fl,.fr {
    display:inline;
}
.fl {
    float:left;
}
.fr {
    float:right;
}
.tc{
	text-align: center !important;
}
.tr{
	text-align: right !important;
}
.red{
	 color: #f30;
}
.green{
	color: green;
}
.fc9{
	color: #999;
}
.fc3{
	color: #333;
}
.fb{
	font-weight: bold !important;
}
.f12{
	font-size: 12px;
}
.f16{
	font-size: 16px;
}
.f18{
	font-size: 18px;
}
.f20{
	font-size: 20px;
}


.bg-gray2 {background:#454850;}
.text-whiteOK {color: #FFFFFF;}
.text-blackOK {color: #1C1E23;}

[v-cloak] {
  display: none;
}
.cursor-pointer{
	cursor: pointer !important;
}

.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt100{margin-top: 100px !important;}
.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}
.ml40{margin-left: 40px !important;}
.ml50{margin-left: 50px !important;}
.mr10{margin-right: 10px !important;}
.mr20{margin-right: 20px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.pl20{padding-left: 20px !important;}
.pt50{padding-top: 50px !important;}
.pb50{padding-bottom: 50px !important;}
.pt100{padding-top: 100px !important;}
.pb100{padding-bottom: 100px !important;}
.pr20{padding-right: 20px !important;}
.pl20{padding-left: 20px !important;}
.w100{width: 100px !important;}
.w150{width: 150px !important;}
.w300{width: 300px !important;}
.w400{width: 400px !important;}
.w500{width: 500px !important;}
.w600{width: 600px !important;}
.wb20{width: 20% !important;}
.wb70{width: 70% !important;}
.wb80{width: 80% !important;}
.wb84{width: 84% !important;}
.wb90{width: 90% !important;}
.wb100{width: 100% !important;}

.e_color{color:#74757E;}

.e_color_dark{color:#74757E;}
.e_color_medium{color:#8F919C;}
.e_color_White{color:#CDD0DF;}

/* 首页 banner*/
.channel-banner-index {height:200px;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:0;padding:0;}
.channel-banner-index .image-overlay {background-color: rgba(0, 0, 0, 0);width: 100%;height: 100%;}
.channel-banner-index .banner-info {position:absolute;top:60%;margin-top:-80px;left:0;right:0;z-index:3}
.channel-banner-index .banner-info h3{font-size:18pt;font-weight:600;position:relative;margin-bottom:20px}
.channel-banner-index .banner-info h3:before {left:50%;margin-left:-15px;bottom:-10px;width:30px;height:3px;/*background:#ff9600;*/content:'';display:block;position:absolute;}
.channel-banner-index .banner-info p{font-size:36px;}
/* 首页 banner end*/

/* 首页软件单个 */
.img-responsive-softlogo {display:block;max-width:100%;height:65px;}
.home-soft-index{background-repeat:no-repeat;background-position:center 50%;background-size:cover}
.home-soft-index .padding-large{padding:20px}
.home-soft-index h2{
	position: relative;
    font-size:14pt;
    font-weight: 600;
    margin-bottom: 30px;
    word-break: break-all
	}
.home-soft-index h3{position:relative;font-size:12pt;line-height:1.0;font-weight:500;word-break:break-all;display:block;}
.home-soft-index p{position:relative;font-size:10pt;line-height:22px; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;}
.title-soft-index{position:relative;}
/*.title-soft-index h4{position:relative;font-size:30px;text-transform:uppercase;margin:0 auto 50px auto;font-weight:600}
.title-soft-index h4:before {background:#FF9600;content:'';display:block;position:absolute;width:50px;height:5px;bottom:-15px;left:50%;margin-left:-25px;}*/
.index-top-border {border-top: 1px solid #262b2f;}

.title-soft-index h4 {	
    padding:0;
    line-height: 34px;
    border-radius: 32px;
	border: 1px solid #4F555A;
    background: #292C33;
    text-align: center;
    color: #CDD0DF;
    font-size: 12pt;
    font-weight: 600;
	margin:0 30px 20px 30px;
}

.title-soft-index h5 .softbox{	
    width: 350px;
    height: 46px;
    line-height: 42px;
    border-radius: 42px;
	border: 1px solid #344700;
    background: #5A7B00;
    text-align: center;
    color: #FFF;
    font-size: 19pt;
    font-weight: 500;
	margin:0 auto;
}
.title-soft-index h5 {position:relative;
    /*background: url(../images/line.png) center repeat-x;*/
}
/* 首页软件单个 */

/* 首页软件授权在线申请 */
.container .custom-form .item-from-row{
	border-bottom: 1px dashed #E1E1E1;
}
.container .item-from-row{
	position: relative;
	min-height: 40px;
	line-height: 40px;
	padding: 5px;
	background-color: rgba(0,0,0,.2);
	border-radius: 6px;
	vertical-align: middle;
	width: 100%;
	display: inline-block;
}
.container .item-from-row:last-child{
	border: 0;
}
.container .item-from-row .el-input__inner{
	height: 36px;
	line-height: 36px;
}
.container .item-from-row .from-row-1,
.container .item-from-row .from-row-2,
.container .item-from-row .from-row-3{
	float: left;
}
.container .item-from-row .from-row-l{
	width: 16%;
	text-align: right;
	margin-right: 1%;
	color: #666;
}
.container .item-from-row .from-row-1{
	width: 50%;
}
.container .item-from-row .from-row-2{
	width: 20%;
}
.container .item-from-row .from-row-3{
	width: 10%;
}
.container .item-from-row p.notic {
    line-height: 20px;
    color: #F56C6C;
	font-size: 13px;
}
.container .item-from-row .err a{
	color: #ff7600;
}

 .container .input-file-show{
	position: relative;
	width: 80px;
	height: 80px;
	overflow: hidden;
}
.container .input-file-show img {
	position: absolute;
	width: 80px;
	height: 80px;
}
.container .input-file-show span {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 26px;
	line-height: 26px;
	text-align: center;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	z-index: 2;
}
.container .item-from-row .from-row-1 textarea,
.container .item-from-row .from-row-2 textarea,
.container .item-from-row .from-row-3 textarea{
	border: 1px solid #DCDFE6;
	border-radius: 4px;
	padding: 4px;
}

.container .select {
    height: 46px;
    line-height: 46px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding: 0;
    overflow: hidden;
    background-color: rgba(255,255,255,.9);
    color: #555;
    border: 1px solid #005A00; /*#DCDFE6*/
    text-shadow: none;
    border-radius: 4px;
    transition: box-shadow 0.25s ease;
    z-index: 2;
}

.container .select select {
    cursor: pointer;
    padding: 12px 10px;
    width: 100%;
    border: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	font-size: 100%;
	font: 11pt "microsoft yahei", arial, sans-serif;
    color: #005A00;
}

.container .on-off{
	font-size: 0;
	position: relative;
	overflow: hidden;
	display: block;
}
.container .on-off .cb-enable {
    color: #777;
    font-size: 12px;
    line-height: 20px;
    background-color: #f8f8f8;
    height: 24px;
    padding: 1px 9px;
    border-style: solid;
    border-color: #ddd;
    border-radius: 4px 0 0 4px;
}
.container .on-off .cb-enable {
    border-width: 1px 0 1px 1px;
}
.container .on-off .cb-disable.selected {
    color: #FFF;
    background-color: #ff7600;
    border-color: #ff7600;
    border-radius: 0 4px 4px 0;
}
.container .on-off .cb-disable {
    border-width: 1px 1px 1px 0;
}
.container .on-off .cb-disable {
    color: #777;
    font-size: 12px;
    line-height: 20px;
    background-color: #f8f8f8;
    height: 24px;
    padding: 1px 9px;
    border-style: solid;
    border-color: #ddd;
    border-radius: 0 4px 4px 0;
}
.container .on-off input[type="radio"] {
    position: absolute;
    top: 0;
    left: -999px;
}
.container .on-off .cb-enable.selected {
    color: #FFF;
    background-color: #ff7600;
    border-color: #ff7600;
    border-radius: 4px 0 0 4px;
}

.laydate_body .laydate_top{
	padding: 0px !important; 
}

.container .custom-form .item-from-row{
	border-bottom: 1px dashed #E1E1E1;
}



.el2-button {
    display: inline-block;    
    white-space: nowrap;
    cursor: pointer;
    background-color: #E98008;
    border: 1px solid #E98008;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    font-size: 11pt;
    border-radius: 4px;
	-webkit-user-select: none;
	width: 100%;
	line-height: 40px;
}
/* 首页软件授权在线申请 */


.article .tt {
    position: relative;
    height: 30px;
    line-height: 30px;
}
.article .tt::before {
  content: ".";
  display: block;
  position: absolute;
  top: 16px;
  left: 80px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  font-size: 0;
  background: #6A6C77;
}
.article .tt strong {
    display: block;
    float: left;
    padding-right: 15px;
    font-size: 13pt;
    font-weight: bold;
}

.article .ttt {
    position: relative;
    height: 30px;
    line-height: 30px;
}
.article .ttt::before {
  content: ".";
  display: block;
  position: absolute;
  top: 16px;
  left: 115px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  font-size: 0;
  background: #6A6C77;
}
.article .ttt strong {
    display: block;
    float: left;
    padding-right: 15px;
    font-size: 13pt;
    font-weight: bold;
}

.text-customize-blue {color:#0080FF;} /* 自定义亮蓝色 */
.text-customize-orange {color:#FF8C00;} /* 自定义橘黄 */
.text-customize-orange-red {color:#FF4500;} /* 自定义橘红 */
.text-customize-green {color:#9ACD32;} /* 自定义淡草绿、黄绿色 */

/* 软件页面授权在线申请链接 */
.title-soft-post h4 {	
    padding:0;
    line-height: 34px;
    border-radius: 32px;
	border: 1px solid #00FFFF;
    /*background: #292C33;*/
    text-align: center;
    color: #00FFFF;
    font-size: 12pt;
    font-weight: 600;
	margin:0 30px 20px 30px;
}
/* /软件页面授权在线申请链接 end */

/* 阅读页内容 TAB 选项卡 */
.view-tabs-box {
    margin-top: 20px;
}
.view-tabs {
    display: flex;
	border-bottom: 1px solid #B08153;
    margin-bottom: 30px;
}
.view-tab-button {
    color: #CDD0DF;
    padding: 10px 12px;
    cursor: pointer;
    border: none;
	border-top-left-radius: 5px; /* 左上角圆角半径 */
    border-top-right-radius: 5px; /* 右上角圆角半径 */
    border-bottom: none;
    background-color: rgba(54, 58, 67, 0.8);
    transition: background-color 0.3s;
    /*width:50%;*/
    font-size: 15px;
    margin-right: 2px;
}
.view-tab-button:nth-child(3n) {
	margin-right: 0px!important;
}
.view-tab-button:focus {outline: none;}
.view-tab-button.active {
    color: #FFFFFF;
	background: #B08153;
	background-origin: 0 center;
    background-size: 74px 45px;
}
.view-tab-content {
    display: none;
    padding: 0px;
}
.view-tab-content.active {
    display: block;
}
/* 阅读页内容 TAB 选项卡 end */