
/*可点击连接样式*/
.publicLinksStyle{
	color:rgba(74,144,226,1);
	cursor: pointer;
	text-decoration: none;
}
.publicLinksStyle:hover{
	color:rgba(115,171,236,1);
	text-decoration: none;
}
/*可点击连接样式*/

.publicLinksStyle:active{
	color:rgba(28,107,199,1);
}


.pageBox{
	position: relative;
	height: 100%;
	overflow: auto;
}

/*公共的面包屑导航*/
.breadcrumbTrail{
	padding:9px 16px;
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
}

.breadcrumbTrail .links{
	color:#4A90E2;
}

.breadcrumbTrail .links:hover{
	color:#73ABEC;
	text-decoration: none;
}

.breadcrumbTrail .links:active{
	color:#1C6BC7;
}

.breadcrumbTrail .noLinks{
	color:rgba(140,140,140,1);
}

.breadcrumbTrail .cutApart{
	padding:0px 8px;
}
/*公共的面包屑导航*/

/*公共的导航标题*/
.pagePublicNav{
	padding:16px;
	margin:0px 16px;
	background: #fff;
}

.pagePublicNav .title{
	color: rgba(38,38,38,1);
	font-family: PingFang SC;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: 0px;
	text-align: left;
}
/*公共的导航标题*/

/*公共的主体部分*/
.pagePublicCenterBox{
	margin:16px;
	min-height: calc(100% - 136px);
	background: #FFF;
	position: relative;
}

.pagePublicCenterBox2{
	margin:0px 16px 0px 16px;
	min-height: calc(100% - 60px);
	min-width: 1000px;
	background: #FFF;
	position: relative;
}

.pagePublicCenterNav{
	min-height: 48px;
	padding:10px 20px 0px 24px;
	border-radius: 4px 4px 0px 0px;
	background: rgba(250,250,250,1);
	box-shadow: inset 0px -1px 0px 0px rgba(229,229,229,1);
}

.pagePublicCenterNav ul{
	min-height: 38px;
	margin: 0px;
}
.pagePublicCenterNav ul li{
	min-width: 120px;
	float: left;
	text-align: center;
	padding:9px 0px;
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0px;
	cursor: pointer;
	color: rgba(38,38,38,1);
	position: relative;
}

.pagePublicCenterNav ul li span{
	position: absolute;
	background: #ffe2e2;
	font-size: 10px;
	color:#595959;
	width: 50px;
	border-radius: 4px;
	top:0px;
	right: -25px;
}

.pagePublicCenterNav .active{
	border-radius: 4px 4px 0px 0px;
	background: rgba(255,255,255,1);
	box-shadow: inset 1px 1px 0px 0px rgba(228,231,237,1),inset 0px 1px 0px 0px rgba(228,231,237,1),inset -1px 0px 0px 0px rgba(228,231,237,1);
	color: rgba(74,144,226,1);
}

.pageLeftBox{
	width: 81.25%;
	float: left;
	min-height: calc(100% - 48px);
}
/*资源描述*/
.pageLeftBox .dataDescribe{
	padding:12px;
	background: #F6FAFF;
	border-radius: 4px;
	margin:24px 0px 24px 24px;
}

.pageLeftBox .dataDescribe .title{
	color: rgba(89,89,89,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: left;
	margin-bottom: 6px;
}

.pageLeftBox .dataDescribe .empower{
	margin-bottom: 8px;
}

.pageLeftBox .dataDescribe .time{
	margin-bottom: 0;
	color: rgba(191,191,191,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: left;
}

.pageLeftBox .dataDescribe .time span{
	margin-right: 15px;
}

/*表格*/
.publicResourceBox{
	padding-left: 24px;
}
.publicResourceBox table,.publicTableStyle{
	width: 100%;
}



.publicResourceBox table thead tr th,.publicTableStyle thead tr th{
	color: rgba(191,191,191,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: left;
	padding-left: 16px;
	padding-bottom: 4px;
	font-weight: 400;
}

.publicResourceBox table thead tr,.publicTableStyle thead tr{
	border-bottom: 1px solid #E5E5E5;
}

.publicResourceBox table tbody tr td,.publicTableStyle tbody tr td{
	padding: 16px;
	color: rgba(89,89,89,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: left;

}

.publicResourceBox table tbody tr,.publicTableStyle tbody tr{
	background: rgba(255,255,255,1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.publicResourceBox table tbody tr:hover,.publicTableStyle tbody tr:hover{
	background: #F6FAFF;
}
/*表格*/

.empowerNav{
	border-radius: 2px;
	background: rgba(236,245,255,1);
	border: 1px solid rgba(150,197,252,1);
	color: rgba(74,144,226,1);
	font-family: PingFang SC;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0px;
	padding:0px 6px;
	margin-right: 10px;
}

.pageRightBox{
	width: 18.75%;
	float: right;
	min-height: calc(100% - 48px);
	padding:34px 10px 34px 10px;
}

.pageRightBox .title{
	color: rgba(89,89,89,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 1px;
	text-align: left;
	margin-bottom: 6px;
}

.pageRightBox .list{
	color: rgba(74,144,226,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 1px;
	text-align: left;
	margin-bottom: 6px;
}

/*公共的主体部分*/

/*公共的条件搜索框*/
.publicConditionSearchBox{
	width: 640px;
	box-sizing: border-box;
	position: relative;
}

.publicConditionSearchBox .publicCondition{
	width: 143px;
	height: 34px;
	padding:6px 30px 6px 8px;
	border: 1px solid rgba(217,217,217,1);
	box-sizing: border-box;
	float: left;
	position: relative;
}

.publicConditionSearchBox .publicCondition span{
	color: rgba(89,89,89,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: normal;
	letter-spacing: 0px;
}

.publicConditionSearchBox .publicCondition img{
	width: 16px;
	position: absolute;
	right: 8px;
	top:8px;
}



.publicConditionSearchBox .publicCondition .selectDataList{
	position: absolute;
	border-radius: 2px;
	background: rgba(255,255,255,1);
	width: 100%;
	box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12), 0 6px 16px 0 rgba(0,0,0,0.08), 0 9px 28px 8px rgba(0,0,0,0.05);
	left: 0;
	margin-bottom: 0;
	top:36px;
	display: none;
}

.publicConditionSearchBox .publicCondition .selectDataList li{
	padding:5px 6px;
	color: rgba(89,89,89,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: left;
	cursor: pointer;
}

.publicConditionSearchBox .publicCondition .selectDataList .active{
	background: rgba(236,245,255,1);
}

.publicConditionSearchBox .publicCondition .selectDataList li:hover{
	background: rgba(245,245,245,1);
}

.publicConditionSearchBox .publicConditionSearch{
	width: 497px;
	height: 34px;
	position: relative;
	float: right;
	background: yellow;
}

.publicConditionSearchBox .publicConditionSearch .btn{
	width: 60px;
	height: 34px;
	margin:0;
	border:none;
	position: absolute;
	right: 0;
	border-radius: 0px 2px 2px 0px;
	background: rgba(74,144,226,1);
	border: 1px solid rgba(74,144,226,1);
	color: rgba(255,255,255,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: center;
}

.publicConditionSearchBox .publicConditionSearch .btn:hover{
	background: rgba(115,171,236,1)
}

.publicConditionSearchBox .publicConditionSearch .btn:focus{
	background: rgba(28,107,199,1);
}

.publicConditionSearchBox .publicConditionSearch .btn:blur{
	background: rgba(115,171,236,1);
}
/*公共的条件搜索框*/

/*标准术语资源页面结构*/

/*标准术语资源页面结构*/
.standardTermPageLeftBox{
	width: 81.25%;
    height: calc(100% - 48px);
    position: absolute;
}

.standardTermPageRightBox{
	width: 18.75%;
    height: calc(100% - 48px);
    position: absolute;
    right: 0;
    top: 48px;
    border-left: 1px solid rgba(0,0,0,0.15);
}

.standardTermClassBox{
	width: 232px;
	height: calc(100% - 50px);
	display: none;
	border: 1px solid rgba(0,0,0,0.15);
	position: absolute;
	margin-top: 50px;
	box-sizing: border-box;
}

.standardTermClassBox .standardTermClassTitle{
	position: absolute;
	top:-28px;
	color: rgba(38,38,38,1);
	font-family: PingFang SC;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
}
/*标准术语资源浏览筛选*/
.standardTermFilterInfo {
    width: 100%;
    background: #fff;
}

.standardTermFilterHead {
    padding: 0px 0px 6px 0px;
    margin:24px 16px 10px 16px;
    position: relative;
    font-weight: bold;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}

.standardTermFilterHead .standardTermFilterReset{
	position: absolute;
	right: 8px;
	font-weight: 400;
}

.standardTermFilterSearchFlag{
	margin:8px 16px 24px 16px;
}

.standardTermFilterSearchFlag p,.sourceTermTitle{
	margin-bottom: 4px;
	color: rgba(0,0,0,0.85);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: normal;
	letter-spacing: 0px;
}

.standardTermFilterMutual {
    position: absolute;
    right: 16px;
    top: 10px;
    cursor: pointer;
}

.standardTermFilterMutual img {
    margin-top: -3px;
}

.standardTermFilterMutual span {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(74,144,226,1);
}

.standardTermFilterBody {
    padding-bottom: 8px;
}

.filterMutual {
    padding: 6px 16px;
}

.filterMutual span {
    cursor: pointer;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    /* color: #338FE5; */
    color: rgba(0, 0, 0, 0.65);
}

.standardTermFilterData {
    padding: 0px 16px;
}

.standardTermFilterData .opt {
    position: relative;
    margin-bottom: 8px;
}

.standardTermFilterData label {
    font-size: 14px;
    color: rgba(0,0,0,0.65);
    font-weight: 400;
}

.standardTermNum {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: rgba(0,0,0,0.65);
}
/*标准术语资源浏览筛选*/
.downDataListNav{
	padding:0px 24px;
	color: rgba(0,0,0,0.65);
	font-family: PingFang SC;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0px;
	height: 34px;
	display: none;
}

.downDataListNav .active{
	color: rgba(74,144,226,1);
	border-bottom: 2px solid rgba(74,144,226,1);
}

.downDataListNav li{
	padding:6px 40px;
	float: left;
	cursor: pointer;
}
/*资源下载一级标题*/
.resourceOneTitle{
	color: rgba(26,26,26,1);
	font-family: PingFang SC;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0px;
	margin-top: 24px;
	position: relative;
	padding-left: 26px;
}

.resourceOneTitle img{
	position: absolute;
	width: 20px;
	left: 0;
	top:6px;
}
/*资源下载一级标题*/

/*资源下载二级标题*/
.resourceTwoTitle{
	color: rgba(26,26,26,1);
	font-family: PingFang SC;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	padding-left: 2px;
}
/*资源下载二级标题*/

/*文件下载Box*/
.publicResourceListBox{
	padding-left: 16px;
	margin-left: 8px;
}

.publicResourceListStyle{
	border-left: 1px dashed rgba(74,144,226,1);
	position: relative;
}

.publicResourceListStyle .superscript{
	width: 20px;
	height: 20px;
	padding-top: 10px;
	background: #fff;
	margin-left: -0.5px;
	position: absolute;
	left: -10px;
	top: 0;
}

.publicResourceListStyle .superscript div{
	width: 6px;
	height: 6px;
	background: #fff;
	border:1px solid rgba(74,144,226,1);
	margin:0 auto;
	transform: rotate(45deg);
}

/*文件下载Box*/


/*---------------------------资源检索------------------------------------*/

.resourceSearchTitle{
	color: rgba(38,38,38,1);
	font-family: PingFang SC;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0px;
	font-weight: bold;
	text-align: left;
	padding:16px 24px 0px 0px;
	margin-bottom: 0;
}
/*搜索框*/
.resourceSearchBox{
	padding:14px 0px 4px 0px;
	position: relative
}

.resourceSearchBox input{
	width: calc(100% - 58px);
	height: 32px;
	padding:8px 40px 8px 12px;
	border-radius: 4px;
	border: 1px solid rgba(229,229,229,1);
}

.resourceSearchBox input:focus{
	border-color: rgba(74,144,226,1);
}

.resourceSearchBox button{
	border-radius: 0px 2px 2px 0px;
	background: rgba(74,144,226,1);
	border: none;
	width: 60px;
	height: 32px;
	color: rgba(255,255,255,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: center;
	position: absolute;
	right:0;
}

.resourceSearchBox button:hover{
	background:rgba(115,171,236,1);
}

.resourceSearchBox button:active{
	background:rgba(28,107,199,1);
}

.resourceSearchBox .del{
	width: 16px;
	height: 16px;
	background-size: 100%;
	background-image: url("/img/public/empty1.png");
	display: none;
	cursor: pointer;
	position: absolute;
	right: 68px;
	top:23px;
}

.resourceSearchBox .del:hover{
	background-image: url("/img/public/empty2.png");
}

.resourceSearchBox .del:active{
	background-image: url("/img/public/empty3.png");
}


.resourceSortBox{
	/*padding:24px 0px 0px 0px;*/
	color:rgba(89,89,89,1);
	margin-bottom: 6px;
	position: relative;
	width: 100%;
}

.resourceSortBox .resourceNum{
	position: absolute;
	right: 0px;
	color: rgba(140,140,140,1);
	font-family: PingFang SC;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0px;
}
.resourceSortBox .title,
.resourceSortBox .default,
.resourceSortBox .time{
	float: left;
}

.resourceSortBox .default{
	margin-right: 20px;
	cursor: pointer;
}

.resourceSortBox .active{
	color:rgba(74,144,226,1);
}

.resourceSortBox .active:hover{
	color:rgba(115,171,236,1);
}

.resourceSortBox .active:active{
	color:rgba(28,107,199,1);
}

.resourceSortBox .time{
	padding-right: 30px;
	position: relative;
}

.resourceSortBox .time .resourceSort{
	position: absolute;
	right: 14px;
	top:6px;
}

.resourceSortBox .time .resourceSort .upper{
	width: 0;
    height: 0;
    border-bottom: 4px solid rgba(0,0,0,0.65);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-bottom: 2px;
    cursor: pointer;
}

.resourceSortBox .time .resourceSort .below{
	width: 0;
    height: 0;
    border-top: 4px solid rgba(0,0,0,0.65);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    cursor: pointer;
}

.resourceSortBox .time .resourceSort .actives[data-type="ASC"]{
	border-bottom:4px solid rgba(74,144,226,1);
}

.resourceSortBox .time .resourceSort .actives[data-type="DESC"]{
	border-top:4px solid rgba(74,144,226,1);
}



.resourceSearchFilterBox .resourceSearchFilter{
	padding-left: 70px;
	padding-top: 4px;
	width: 100%;
	min-height: 30px;
	position: relative;
	display: none;
}

.resourceSearchFilterBox .resourceSearchFilter .title{
	position: absolute;
	left:0px;
	top:6px;
}

.resourceSearchFilterBox .resourceSearchFilter .resourceSearchFilterList{
	float: left;
	border-radius: 2px;
	background: rgba(236,245,255,1);
	border: 1px solid rgba(150,197,252,1);
	padding:1px 24px 1px 8px;
	position: relative;
	color: rgba(140,140,140,1);
	font-family: PingFang SC;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
}

.resourceSearchFilterBox .resourceSearchFilter .resourceSearchFilterList .del{
	position: absolute;
	right: 6px;
	top:1px;
	cursor: pointer;
}

.resourceSearchFilterBox .resourceSearchFilter .resourceSearchFilterList .del:hover{
	color:rgba(255,120,117,1);
}

.resourceSearchFilterBox .resourceSearchFilter .resourceSearchFilterList .del:active{
	color: rgba(233,44,46,1);
}

.resourceSearchFilterBox .resourceSearchFilter .resourceSearchFilterRest{
	float: left;
	margin-left: 16px;
	color: rgba(74,144,226,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 0px;
	cursor: pointer;
}

.resourceSearchResultBox{
	margin:0px 24px 16px 24px;
}

.resourceSearchResult{
	float: left;
	width: calc(100% - 276px);
}

.resourceSearchResult .list{
	border-radius: 4px;
	border: 1px solid rgba(255,255,255,1);
	background: rgba(255,255,255,1);
	min-height: 100px;
	padding-bottom: 42px;
	position: relative;
	cursor: pointer;
}

.resourceSearchResult .list:hover{
	border: 1px solid rgba(150,197,252,1);
}

.resourceSearchResult .list .details{
	padding:16px 16px 0px 16px;
}

.resourceSearchResult .list .details {
	color: rgba(89,89,89,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
}

.resourceSearchResult .list .details .title{

	color: rgba(38, 38, 38, 1);
    font-family: PingFang SC;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 8px;
    font-weight: bold;
	position: relative;
}

.resourceSearchResult .list .details .title .resourceSource{
	position: relative;
	padding:1px 4px;
	font-family: PingFang SC;
	font-weight: 400;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 0px;
	margin-left: 16px;
	top:-2px;
	
}

.resourceSourceType1{
	color: rgba(15,175,185,0.8);
	border: 1px solid rgba(15,175,185,0.4);
}

.resourceSourceType2{
	color: rgba(74,144,226,0.8);
	border: 1px solid rgba(74,144,226,0.4);
}



.resourceSearchResult .list .details .title img{
	height: 20px;
	position: absolute;
	right: 0px;
}

.resourceSearchResult .list .details .time span{
	color: rgba(191,191,191,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
	margin-right: 24px;
}

.resourceSearchResult .list .otherTab{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 42px;
	padding:10px 16px;
}

.resourceSearchResult .list .otherTab .nav{
	float: left;
}

.resourceSearchResult .list .otherTab .nav a{
	color:rgba(74,144,226,1);
}

.resourceSearchResult .list .otherTab .nav .line{
	padding:0px 10px;
	color:rgba(191,191,191,1);
}

.resourceSearchResult .list .otherTab .empower{
	float: right;
	color: rgba(150,197,252,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
}

.resourceSearchResult .list .otherTab .empowe .title{

}

.otherTabType1{
	background: rgba(236,245,255,1);
}

.otherTabType2{
	background: rgba(242,242,242,1);
}

.otherTabType3{
	background: rgba(255,251,243,1);
}


.resourceSearchTab{
	float: right;
	width: 260px;
	padding-top: 58px;
}

.resourceSearchTab .resourceSearchTabList{
	border-radius: 4px;
	border: 1px solid rgba(229,229,229,1);
	margin-bottom: 16px;
}

.resourceSearchTab .resourceSearchTabList .head{
	color: rgba(38,38,38,1);
	font-family: PingFang SC;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0px;
	padding:6px 8px;
	background: #ECF5FF;
}

.resourceSearchTab .resourceSearchTabList .body{
	padding-top: 4px;
}

.resourceSearchTab .resourceSearchTabList .body ul{
	margin-bottom: 4px;
}

.resourceSearchTab .resourceSearchTabList .body ul li{
	color: rgba(0,0,0,0.65);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
	cursor: pointer;
}

.resourceSearchTab .resourceSearchTabList .body ul li div{
	padding:4px 16px 4px 8px;
	position: relative;
}

.resourceSearchTab .resourceSearchTabList .body ul li div span{
	position: absolute;
	right: 8px;
	top:4px;
	display: none;
}

.resourceSearchTab .resourceSearchTabList .body ul li div:hover{
	background: rgba(250,250,250,1);
}

.resourceSearchTab .resourceSearchTabList .body .active{
	background: rgba(246,250,255,1);
	color:rgba(74,144,226,1);
}

.resourceSearchTab .resourceSearchTabList .body .active span{
	display: block;
}
/*---------------------------资源检索------------------------------------*/

/*中间件列表And API密钥*/
.apiKeyHint{
	border-radius: 2px;
	background: rgba(250,173,20,0.05);
	border: 1px solid rgba(250,173,20,0.4);
	margin: 24px;
	padding:16px 46px;
}

.apiKeyHint .title{
	position: relative;
}

.apiKeyHint .title span{
	color: rgba(0,0,0,0.85);
	font-family: PingFang SC;
	font-weight: medium;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: left;
}

.apiKeyHint .title img{
	position: absolute;
	left:-22px;
	width: 16px;
	top:4px;
}

.apiKeyHint .describe{
	color: rgba(89,89,89,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
	margin-bottom: 0;
}

.apiKeyShow{
	padding:4px 10px;
	border-radius: 2px;
	background: rgba(74,144,226,1);
	color: rgba(255,255,255,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
	cursor: pointer;
	margin-left: 10px;
}

.productClassTab{
	border-radius: 0px 4px 4px 0px;
	background: rgba(74,144,226,1);
	width: 190px;
	padding:8px 0px 8px 26px;
	color: rgba(255,255,255,1);
	font-family: PingFang SC;
	font-weight: medium;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0px;
	margin-bottom: 24px;
}

.productClassTab img{
	width: 20px;
}

.productListBox{
	width: 857px;
	margin-bottom: 24px;
	margin-left: 24px;
	position: relative;
	padding-top: 19px;
	border-top: 1px dashed rgba(74,144,226,1);
}

.productListBox .tab{
	position: absolute;
	top:-11px;
	padding-right: 4px;
	background: #fff;
	color: rgba(38,38,38,1);
	font-family: PingFang SC;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0px;
}

.productListBox .circle{
	width: 7px;
	height: 7px;
	background: #fff;
	border:1px solid rgba(74,144,226,1);
	border-radius: 3.5px;
	position: absolute;
	top:-3.7px;
}

.productListBox .productList{
	width: 275px;
	height: 150px;
	border-radius: 4px;
	background: rgba(255,255,255,1);
	border: 1px solid rgba(229,229,229,1);
	float: left;
}

.productListBox .productList .productListBody{
	height: 111px;
	padding:16px;
}

.productListBox .productList .productListBody .title{
	color: rgba(0,0,0,0.85);
	font-family: PingFang SC;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0px;
	text-align: left;
	position: relative;
}

.productListBox .productList .productListBody .title .sign{
	border-radius: 38px;
	background: rgba(74,144,226,0.1);
	border: 1px solid rgba(115,171,236,1);
	color: rgba(74,144,226,1);
	font-family: PingFang SC;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0px;
	padding:2px 6px;
	position: absolute;
	right: 0;
}

.productListBox .productList .productListBody .describe{
	color: rgba(140,140,140,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
	padding-top: 5px;
}

.productListBox .productList .productListFoot{
	height: 37px;
	background: rgba(236,245,255,0.5);
	/*padding:8px 0px;*/
	color: rgba(74,144,226,1);
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: center;
	cursor: pointer;
}

.productListBox .productList .productListFoot a{
	display: block;
	width: 100%;
	height: 37px;
	line-height: 40px;
	text-decoration: none;
	color:rgba(74,144,226,1);
}

.productListBox .productList .productListFoot a:hover{
	color:rgba(115,171,236,1);
}

.productListBox .productList .productListFoot a:active{
	color:rgba(28,107,199,1)
}

/*中间件列表And API密钥*/

/*子集扩展*/
.subsetExpandTitle{
	color: rgba(89,89,89,1)
}

.subsetExpandList{
	background: #f5f5f5;
	padding:16px 70px 16px 16px;
	border-radius: 4px;
	margin-bottom: 20px;
	position: relative;
	color: rgba(89,89,89,1)

}

.subsetExpandList a{
	position: absolute;
	right: 16px;
	top:16px;
	padding:4px 8px;
	font-size: 12px;
}
/*子集扩展*/

/*获取原始文件*/
.getPrimaryFile{
	position: relative;
	padding-left: 20px;
	color:#0FAFB9;
	text-decoration: none;
}

.getPrimaryFile div{
	position: absolute;
	width: 16px;
	height: 16px;
	background-size: 100% 100%;
	background-image: url("/img/public/skip1.svg");
	top:2px;
}

.getPrimaryFile:hover{
	text-decoration: none;
}

.getPrimaryFile:hover > span{
	color:#1EBEC8;
	text-decoration: none;
}

.getPrimaryFile:hover > div{
	background-image: url("/img/public/skip2.svg");
}

.getPrimaryFile:active > span{
	color:#009BA5;
}

.getPrimaryFile:active > div{
	background-image: url("/img/public/skip3.svg");
}

.getPrimaryFile:visited{
	color:#0FAFB9;
	text-decoration: none;
}

.placeOnFileData td{
	background: rgba(242,242,242,0.5);
}

/*中间件跳转*/
/*获取原始文件*/
.openDataTool{
	position: absolute;
	right: 0;
	color:#DD7451;
	text-decoration: none;
	border:1px solid #DD7451;
	padding:4px 32px 4px 10px;
	border-radius: 4px;
	background: #FCF1EE;
	display: none;
}

.openDataTool div{
	position: absolute;
	width: 16px;
	height: 16px;
	background-size: 100% 100%;
	background-image: url("/img/public/dataSkip1.svg");
	top:6px;
	right: 10px;
}

.openDataTool:hover{
	text-decoration: none;
	border-color: #F19677;
}

.openDataTool:hover > span{
	color:#F19677;
	text-decoration: none;
}

.openDataTool:hover > div{
	background-image: url("/img/public/dataSkip2.svg");
}

.openDataTool:active > span{
	color:#C66646;
}

.openDataTool:active > div{
	background-image: url("/img/public/dataSkip3.svg");
}

.openDataTool:visited{
	color:#DD7451;
	border-color:#DD7451;
	text-decoration: none;
}