@charset "utf-8";
/* CSS Document */
html,body {
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family:"arial","微软雅黑", "Helvetica", "Helvetica Neue";
	color: #020817;
	line-height: 1.5;
	text-align: center;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

input,textarea {
	font-family: "arial","微软雅黑", "Helvetica", "Helvetica Neue";
	color: #020817;outline:none;
}
input:focus,textarea:focus { outline: none; }
ul,li {	list-style: none;	padding: 0;	margin: 0;}

h1,h2,h3,h4,h5,h6,p,dl,dd,dt {	margin: 0;	padding: 0;}

a {	text-decoration: none;	color: #020817;}
a:hover {	color: #0066ff;	text-decoration: none;}
a img {	border: 0;}

input::-webkit-input-placeholder{	color: #666;}
input::-moz-placeholder{	color: #666;}
input:-ms-input-placeholder{	color: #666;}

textarea::-webkit-input-placeholder{	color: #666;}
textarea::-moz-placeholder{	color: #666;}
textarea:-ms-input-placeholder{	color: #666;}

.wrap { padding-top: 4em;}

.con { max-width:1368px; width: 100%;  margin: 0 auto;}

	.font48 { font-size: 48px;}
	.font36 { font-size: 36px;}
	.font32 { font-size: 32px;}
	.font30 { font-size: 30px;}
	.font24 { font-size: 24px;}
	.font20 { font-size: 20px;}
	.font18 { font-size: 18px;}
	.font16 { font-size: 16px;}
	.font14 { font-size: 14px;}
	.font12 { font-size: 12px;}

@media only screen and (max-width:1400px) {
	.con {    margin: 0 1em; width: auto; }
}
@media only screen and (max-width:828px) {
	.wrap { padding-top: 4em;}
	.wrap2 {padding-top: 15em;}
}

/*头部*/
.headerW {position: fixed; z-index: 500; left: 0; top: 0; width: 100%;
background-color: #fff;
 padding: 0.9em 0 0.8em;
transition: all 0.5s;
-webkit-transition:all 0.5s;
box-shadow: 2px 2px 2px 2px #0003;}
.header { margin: 0 auto; height: 100%;  
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.header .con { max-width:1216px; height: 100%; overflow: visible;
 display: flex; justify-content:space-between; align-items: center; flex-wrap: wrap;}
 @media only screen and (max-width:1248px) {
	.header .con { width: auto; } 
 }
.header .logo a { display: flex; justify-content: center; align-items: center;}
.header .logo .pic { display: flex; width: 2.25em; height: 2.25em;
 background: linear-gradient(-45deg, #2563eb, #9333ea);
justify-content: center; align-items: center;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
}
.header .logo .pic svg {color: #fff; width: 1.5em; height: 1.5em;}
.header .logo .name { font-weight: 700; font-size: 1.25em; margin-left: 0.4em;
  font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
   background: #2563eb; /* Old browsers */
   background: -moz-linear-gradient(45deg,  #2563eb 0%, #9333ea 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(45deg,  #2563eb 0%,#9333ea 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(45deg,  #2563eb 0%,#9333ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2563eb', endColorstr='#9333ea',GradientType=0 ); /* IE6-9 */
   background-clip:text;
   -webkit-background-clip:text ;
   color: transparent;
}
.header .hr { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
@media only screen and (max-width:828px) {	
	.header .hr { width: 100%; display: none; }
}

.header .c-switch-w { font-size: 1em; display: inline-block;
width: 36px; height: 36px;  margin-right: -0.5em;
display: none; justify-content: center; align-items: center;
background-color: #f1f5f9;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
}
.header .c-switch {  display: inline-block; color: #fff;
transition: all 0.5s;
-webkit-transition:all 0.5s;
width: 13px; height:13px; cursor: pointer; position: relative; z-index: 0;} 
.header .c-switch i {
	position: relative;
	display: block;
	height: 2px;
	background: #0f172a;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;}
.header .c-switch i:nth-child(1) {	top: 0;}
.header .c-switch i:nth-child(3) {	bottom: 0;}
.header .c-switch i:nth-child(2) {	margin: 3px 0; }

.header .c-switch.show i:nth-child(2) {	opacity: 0;}
.header .c-switch.show i:nth-child(1) {
	top:5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.header .c-switch.show i:nth-child(3) {
	bottom: 5px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media only screen and (max-width:828px) {	
	.header .c-switch-w { display: flex; margin-left: 0.4em;}
	.header .c-switch.show::after { left: -30%; top: -30%; width: 160%; height: 160%;}
}

.searchBox {width: 17em; border: 1px solid #e2e8f0;
  overflow: hidden; color: #000;
 -moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
.searchBox.on { border: 1px solid #020817;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 1);}
.searchBox form {display: flex; justify-content: space-between; align-items: center; }
.searchBox .pics { margin-left: 0.8em; width: 1em; height: 1em;}
.searchBox .pics img { width: 1em; height: 1em;
filter:alpha(opacity=40);-moz-opacity:0.4; opacity:0.4;}
.searchBox .pics svg { width: 1em; height: 1em;
filter:alpha(opacity=40);-moz-opacity:0.4; opacity:0.4;}
.searchBox form .iw { flex: 1; padding: 0 1em 0 0.8em;}
.searchBox form .iw .input { font-size: 1em; line-height: 2.4em; height: 2.4em;
 width: 100%; outline-width: 0; border: 0; margin: 0; padding: 0;
 background-color: transparent; color: #64748b;}
.searchBox form .iw .input::-webkit-input-placeholder{	color: #64748b;}
.searchBox form .iw .input::-moz-placeholder{	color: #64748b;}
.searchBox form .iw .input:-ms-input-placeholder{	color: #64748b;}

@media only screen and (max-width:828px) {
	.searchBox {width: 100%; margin:1.5em 0 0;}
}

/*头部导航*/
.nav>ul {display: flex; justify-content: flex-end; align-items: center;}
.nav>ul>li { margin-left: 1.1em;line-height: 2.3;}
.nav>ul>li>a {  display: block; 
	-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
    padding:0.1em 1em 0;color: #020817; height: 100%;cursor: pointer;
	transition: all 0.3s;
	-webkit-transition:all 0.3s;}
.nav>ul>li>a:hover {color: #020817; background-color: #f1f5f9;}
.nav>ul>li.cur>a,.nav>ul>li.cur>a:hover { background-color: #0f172a; color: #fff;}

@media only screen and (max-width:828px) {
	.nav { width: 100%;}
	.nav>ul { display: block; text-align: left; padding-bottom: 0.4em;}
	.nav>ul>li { margin-left:auto; margin-top: 0.8em;line-height: 2.5;}
	
	.nav>ul>li>a:hover {color: #020817;  background-color:transparent;}
	.nav>ul>li.cur>a,.nav>ul>li.cur>a:hover { background-color: #eff6ff; color: #2563eb;}
}

.picBox { position: relative; z-index: 0; height:24em;
display: flex; justify-content: center; align-items: center;
 background: linear-gradient(-20deg, #db2777,#9333ea, #2563eb );}
.picBox .pic { display: block; position: absolute; z-index: 0; left: 0; top: 0; 
width: 100%; height: 100%;
object-fit: cover;}
.picBox::after{ display: block; content: ""; position: absolute; z-index:2; left: 0; top: 0;
 width: 100%; height: 100%; 
background-color: rgba(0,0,0,0.2);}
.picBox .txtb { color: #fff; position: relative; z-index: 4;
display: flex; flex-direction: column; justify-content: center; align-items: center;}
.picBox .txtb .tit{ font-weight: bold; 
font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}
.picBox .txtb .tit2 { margin-top: 0.6em; line-height: 1.2; color: rgba(255,255,255,0.85);}
.picBox .txtb .intro { margin-top: 1.2em; color: rgba(255,255,255,0.8);}

.searchBoxD { margin-top: 1.7em; display: flex; justify-content: flex-start; align-items: center;}
.searchBoxD form { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.searchBoxD .pics { width: 1.35em; height: 1.35em; margin-right: 0.8em;}
.searchBoxD .pics img {width: 1.35em; height: 1.35em;
filter:alpha(opacity=40);-moz-opacity:0.4; opacity:0.4;}
.searchBoxD .pics svg {width: 1.35em; height: 1.35em;
filter:alpha(opacity=40);-moz-opacity:0.4; opacity:0.4;}
.searchBoxD form .iw { padding: 0.1em 1em 0 1.1em;
display: flex; justify-content: space-between; align-items: center;
width: 45em; border: 1px solid #e2e8f0;
  overflow: hidden; color: #000;
 -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;
  background-color: #fff;
  -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.searchBoxD form .iw.on { border: 1px solid #020817;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 1);}
.searchBoxD form .iw .input { font-size: 1em; line-height: 3.4em; height: 3.4em;
 width: 100%; outline-width: 0; border: 0; margin: 0; padding: 0;
 background-color: transparent; color: #64748b;}

.searchBoxD form .iw .input::-webkit-input-placeholder{	color: #64748b;}
.searchBoxD form .iw .input::-moz-placeholder{	color: #64748b;}
.searchBoxD form .iw .input:-ms-input-placeholder{	color: #64748b;}

.searchBoxD .btnSearch { background-color: #fff; color: #2563EB; display: block;
height: 3.5em; line-height: 3.5em; padding: 0 2.3em; margin-left: 0.6em;
 border: 1px solid #fff;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
transition: all 0.5s;
-webkit-transition:all 0.5s; cursor: pointer;
}
.searchBoxD .btnSearch:hover { background-color: #f3f4f6;}
@media only screen and (max-width:828px) {
	.picBox .con{ width: 100%;}
	.searchBoxD { width: 100%;}
	.searchBoxD form .iw { flex: 1; width: auto;}
}

.picBoxS { position: relative; z-index: 0; padding: 2.7em 0 2.9em;
display: flex; justify-content: center; align-items: center;
 background: linear-gradient(-90deg, #9333ea, #2563eb );}
.picBoxS .con { flex: 1;}
.picBoxS .pic { display: block; position: absolute; z-index: 0; left: 0; top: 0; 
width: 100%; height: 100%;
object-fit: cover;}
/* .picBoxS::after{ display: block; content: ""; position: absolute; z-index:2; left: 0; top: 0;
 width: 100%; height: 100%; 
background-color: rgba(0,0,0,0.2);} */
.picBoxS .txtb { color: #fff; position: relative; z-index: 4; text-align:left;}
.picBoxS .txtb .tit{ font-weight: bold; 
font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}
.picBoxS .txtb .tit2 { margin-top: 0.6em; line-height: 1.2; color: rgba(255,255,255,0.85);}
.picBoxS .txtb .intro { margin-top: .1em; color: rgba(255,255,255,0.8);}

.goback { background-color: #2a61eb; 
display: inline-block;
color: #fff;
padding: 0.1em 1.3em 0 1.1em; line-height: 2.8em;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
transition: all 0.1s;
-webkit-transition:all 0.1s;}
.goback svg { position: relative; z-index: 0; top: 0.3em; color:#fff ; 
width: 1.2em; height: 1.2em; margin-right: 0.9em;}
.goback:hover { background-color: rgba(255,255,255,0.2); color: #0f172a;}
.goback:hover svg { color: #0f172a;}

/*底部*/
.footer { padding: 2.8em 0 2.8em; text-align: center; width: 100%;  
 background: #161d2c;color: #D1D5D8;}
.footer .con { max-width:1216px; }
.footer .footerTop { display: flex; justify-content: space-between; align-items: flex-start;
text-align: left; line-height: 2.1;}
.footer .footerTop .tit { font-weight: bold;color: #fff;margin-bottom: 0.4em; }
.footer .fInfo { flex: 1;   margin-right: 1em;}
.footer .fInfo .logo {  display: inline-block;}
.footer .fInfo .logo a { display: flex; justify-content: center; align-items: center;}
.footer .fInfo .logo .pic { display: flex; width: 2.25em; height: 2.25em;
 background: linear-gradient(-45deg, #2563eb, #9333ea);
justify-content: center; align-items: center;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
}
.footer .fInfo .logo .pic svg {color: #fff;}
.footer .fInfo .logo .name { font-weight: 700; font-size: 1.25em; margin-left: 0.4em;
font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
   color: #fff;  }
.footer .fNav {flex: 1;  margin-right: 1em;}
.footer a {color: #D1D5D8; }
.footer a:hover {  color: #60A5FA;}

.footer .fContact { flex: 0.8;}

.footer .copyRight { margin-top: 1.8em; padding: 1.8em 0 0;
 border-top:1px solid #374151; color: #9ca3af;}

 @media only screen and (max-width:1248px) {
	.footer .con { width: auto; } 
 }

@media only screen and (max-width:828px) {
	.footer .footerTop { display: block;}
}

/*首页*/

.navDBox { padding:3.5em 0 4.5em; background-color: #f9fafb;}
.navDBox .list ul {  display: flex; flex-wrap: wrap; justify-content: flex-start;
align-items: stretch;}
.navDBox .list li { width: 32.2%;  margin-top: 1em; margin-right: 1.7%;}
.navDBox .list li:nth-child(3n) { margin-right: 0;}
.navDBox .list a { display: block; cursor: pointer; background-color: #fff; 
border: 1px solid #e2e8f0; padding: 1.6em 0; 
-moz-border-radius:0.75em; -webkit-border-radius:0.75em; border-radius:0.75em;
transition: all 0.2s;
-webkit-transition:all 0.2s;}
.navDBox .list a:hover {   
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.navDBox .list .pics { width: 4.5em; height: 4.5em; margin: 0 auto; background-color: #dbeafe;
display: flex; justify-content: center; align-items: center;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.navDBox .list .pics img { display:block; margin: 0 auto;
width: 2em; height:2em ; object-fit: contain;}
.navDBox .list .pics svg {width: 2em; height:2em ;  color: #2563eb;}

.navDBox .list li:nth-child(2) .pics { background-color: #f3e8ff;}
.navDBox .list li:nth-child(2) .pics svg { color: #9333ea;}

.navDBox .list li:nth-child(3) .pics { background-color: #dcfce7;}
.navDBox .list li:nth-child(3) .pics svg { color: #16a34a;}

.navDBox .list .name { font-weight: bold; color: #020817;margin: 1.2em 1em 0;}
.navDBox .list .intro { color: #64748B; margin: 0.3em 1em 0;}
@media only screen and (max-width:828px) { 
	.navDBox .list li { width: 100%;  margin-right: auto;}
}

.zyBox { padding:4.5em 0 4.5em;}
.zyBoxGray {padding:2.3em 0 2.3em; background: #f9fafb;}
.zyBox .tit { flex-wrap: wrap; display: flex; justify-content: space-between; align-items: center;}
.zyBox .tit .tab { margin-right: 1em; background-color: #f1f5f9;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.zyBox .tit .tab ul { padding: 0.3em; display: flex; justify-content: flex-start; align-items: stretch;}
.zyBox .tit .tab li { cursor: pointer; line-height: 2.2em; padding: 0.1em 0.6em 0;
 display: flex; justify-content: center; align-items: center;
 -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.zyBox .tit .tab li svg,.zyBox .tit .tab li img { margin-right: 0.6em; width: 1em; height: 1em;  }
.zyBox .tit .tab li.cur{background-color: #fff;}
.zyBox .tit .more {  display: inline-block; line-height: 2.4;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
padding:0.1em 1em 0;height: 100%;cursor: pointer;
	transition: all 0.3s;
	-webkit-transition:all 0.3s;
background-color: #0f172a; color: #fff;}
.zyBox .tit .more:hover { color: #fff;}

.zyBox .conY { display: none;}
.zyBox .conY.show { display: block;}

.zyBox .list ul {  display: flex; flex-wrap: wrap; justify-content: flex-start;
align-items: stretch;}
.zyBox .list li { width: 32.2%;  margin-top: 1.7%; margin-right: 1.7%;}
.zyBox .list li:nth-child(3n) { margin-right: 0;}
.zyBox .list a { display: block; cursor: pointer; background-color: #fff; 
border: 1px solid #e2e8f0; padding: 1.7em; text-align: left; color: #64748B;
-moz-border-radius:0.75em; -webkit-border-radius:0.75em; border-radius:0.75em;
transition: all 0.2s;
-webkit-transition:all 0.2s;}
.zyBox .list a:hover {   
	color: #64748B;
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.zyBox .list .pics { margin-top: 0.1em; display: inline-block;}
.zyBox .list .pics img { display:block; margin: 0 auto;
width: 1em; height:1em ; object-fit: contain;}
.zyBox .list .pics svg ,.zyBox .list .pics img { margin-right: 0.4em;  width: 1.2em; height:1.2em ;  color: #020817;}
.zyBox .list .txtT { display: flex; justify-content: space-between; align-items: center;
flex-wrap: wrap;}
.zyBox .list .name { flex: 1; line-height: 1.1; height: 1.1em; overflow: hidden;
 display: flex; justify-content: flex-start; 
align-items:center;
 font-weight: bold; color: #020817;margin: 0 1em 0 0;}
 .zyBox .list .cate { color: #0F172A; line-height: 1.8; padding: 0.1em 0.8em 0;
  background-color: #f1f5f9; border: 1px solid #f1f5f9;
  -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.zyBox .list .intro {  margin: 0.4em 0 0; height: 1.5em; overflow: hidden;}
.zyBox .list  .info {margin-top: 1em;}
.zyBox .list  .info dl { line-height: 2; display: flex; justify-content: space-between; align-items: flex-start;}
.zyBox .list  .info dl dt { height: 2em; overflow: hidden;}
.zyBox .list  .info dl dd {height: 2em; overflow: hidden; margin-left: 1em; text-align: right; flex:1; color: #020817;}
.zyBox .list .label { height: 2.7em; overflow: hidden;}
.zyBox .list .label span { display: inline-block; margin-right: 0.2em; margin-top: 0.5em;
 color: #0F172A; line-height: 1.8; padding: 0.1em 0.8em 0;
  background-color: #fff; border: 1px solid #e2e8f0;
  -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
@media only screen and (max-width:828px) { 
	.zyBox .list li { width: 100%;  margin-right: auto;}
}

/*弹出框 发布资源*/
.popupRele{ position: fixed; z-index: 1000; left: 0; top: 0;
width: 100%; height: 100%; display: none; justify-content: center; align-items: center;
background-color: rgba(0,0,0,0.5);}
.popupRele.show { display: flex;}
.popupRele .popupBox { position: relative; z-index: 0;
 max-width: 560px; background-color: #fff;
 width: 80%;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
 .popupRele .popupBox .close { cursor: pointer; 
 position: absolute; right:1em; top: 1em;
 width: 1.8em; height: 1.8em; color: #999;}
.popupRele .popupBox .conP{ padding: 1em 1em;}
.popupRele .popupBox .tit { font-weight: bold; color: #000;}

.popupRele .popupBox .iW {  margin-top: 0.9em; padding:0 1em;
 line-height: 3;  border: 1px solid #e0e0e0; cursor: pointer;
 -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.popupRele .popupBox .input { font-size: 1em; width: 100%; border: 0; outline-width: 0;
 line-height: 2.6em; height: 2.6em; color: #000; background-color: transparent;}
 .popupRele .popupBox .select { font-size: 1em; width: 100%; border: 0; outline-width: 0;
  line-height: 2.6em; height: 2.6em; color: #000; background-color: transparent;}
.popupRele .popupBox .star { color: #ff0000;}

.popupRele .popupBox .list dl { line-height: 2.6em;
 margin-top: 0.5em; color: #000; border: 1px solid #e0e0e0;
display: flex; justify-content: flex-start; align-items: flex-start;
padding:0 0.5em 0 1em;
 -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.popupRele .popupBox .list dt { text-align: right; width: 5.8em;}
.popupRele .popupBox .list dd { flex: 1;}
.popupRele .popupBox .list .tW { padding: 0.6em 0;}
.popupRele .popupBox .list .textarea { display: block; flex: 1;
 border: 0; margin: 0; padding: 0;
width: 100%; font-size: 1em; line-height: 1.3; height: 5.2em; background-color: transparent;}

.popupRele .popupBox .btnW { margin-top: 0.5em;}
.popupRele .popupBox .btnSubmit { cursor: pointer;
 line-height: 2.7; color: #fff; display: block; background-color: #0f172a;
padding: 0 3.5em;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.popupRele input::-webkit-input-placeholder{	color: #000;}
.popupRele input::-moz-placeholder{	color: #000;}
.popupRele input:-ms-input-placeholder{	color: #000;}

.popupRele textarea::-webkit-input-placeholder{	color: #ccc;}
.popupRele textarea::-moz-placeholder{	color: #ccc;}
.popupRele textarea:-ms-input-placeholder{	color: #ccc;}

@media only screen and (max-width:828px) {
	.popupRele .popupBox { 
	 -moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;}
}

/*下拉框 start*/
.selBoxW { display: flex; justify-content: center; align-items: center;}
.selBoxW .pics { margin-top: 0.3em; margin-right: 0.4em;}
.selBoxW .pics svg { width: 1.3em; height: 1.3em; display: block;}
.selBox {
  position: relative;
  /*display: inline-block;*/
  /*z-index: 10;*/
  /*width: 12em;*/
  /*height: 2.7em; text-align: left;*/
}

.selBox.show {  z-index: 11;}

.selBox .btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
  /*position: relative;*/
  /*z-index: 0;*/
  /*cursor: pointer;*/
  /*padding: 0.1em 2em 0 0.9em;*/
  /*line-height: 2.7em;*/
  /*color: #020817;*/
  /*border: 1px solid #e2e8f0;*/
  /* -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;*/
  /*  -moz-box-shadow: 0 0.06em 0.1em rgba(0, 0, 0, .05);*/
  /*  -webkit-box-shadow: 0 0.06em 0.1em rgba(0, 0, 0, .05);*/
  /*  box-shadow: 0 0.06em 0.1em rgba(0, 0, 0, .05);*/
}

.selBox .btn .txt {  display: inline-block;  vertical-align: middle;}

.selBox .btn .arr {
  position: absolute;
  right: 0.8em;
  top: 50%;
  margin-top: -0.5em;
  display: flex;
  vertical-align: middle;
  width: 1em;  height: 1em;}
.selBox .btn .arr svg { width: 1em;  height: 1em;}
.selBox .dropDown {
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  top: 3.2em;
  width: auto; line-height: 2.6em; padding: 0.35em;
  border: 1px solid #e2e8f0; background-color: #fff;
   -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
    -moz-box-shadow: 0 0.06em 0.1em rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 0.06em 0.1em rgba(0, 0, 0, .05);
    box-shadow: 0 0.06em 0.1em rgba(0, 0, 0, .05);
  max-height: 18.9em;  overflow-y: auto;}
.selBox .dropDown li { display: flex; position: relative; z-index: 0; cursor: pointer;  padding: 1px 1.5em 0 0.5em;  color: #020817;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.selBox .dropDown li a {  color: #020817;}
.selBox .dropDown li .liPicS { display: none; position: absolute; top: 50%; right: 0.5em;
width: 1em; height: 1em; margin-top: -0.5em;}
.selBox .dropDown li .liPicS svg { display: block; width: 1em; height: 1em;}
.selBox .dropDown li.cur {background-color: #f1f5f9;}
.selBox .dropDown li:hover {  background-color: #f1f5f9;}
.selBox .dropDown li.cur .liPicS { display: block;}
.selBox .dropDown ul:hover li.cur { background-color: transparent;}
.selBox .dropDown ul:hover li:hover {  background-color: #f1f5f9;}
/*下拉框 end*/

.detailBox {padding:2.3em 0 2.3em; background: #f9fafb;}
.detailBox .con { display:  flex; justify-content: space-between; align-items: flex-start;}
.detailBox .conL { width: 66%;}
.detailBox .conR { width: 32%;}

@media only screen and (max-width:828px) {
	.detailBox .con { display: block;}
	.detailBox .conL { width: 100%;}
	.detailBox .conR { width: 100%;}
}

.deBox { border: 1px solid #e2e8f0; background-color: #fff; padding: 1.7em;
-moz-border-radius:0.7em; -webkit-border-radius:0.7em; border-radius:0.7em;
}
.deBox .txtT { display: flex; justify-content: space-between; align-items: flex-start;
flex-wrap: wrap;}

.deBox .pics { margin-right: 1em; margin-top: 0.3em; width: 3.3em; height: 3.3em;  display: flex;
justify-content: center; align-items: center;
background-color: #dbeafe;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
}
.deBox .pics img { display:block; margin: 0 auto;
width: 1.5em; height:1.5em ; object-fit: contain;}
.deBox .pics svg {  width: 1.5em; height:1.5em ;  color: #020817;}

.deBox .txtb { flex: 1; text-align: left;}
.deBox .name { line-height: 1.1;
 font-weight: bold; color: #020817;margin: 0 1em 0 0;}
.deBox .intro { color: #64748B;  margin: 0.4em 0 0; height: 1.5em; overflow: hidden;}

.deBox .cate { color: #0F172A; line-height: 1.8; padding: 0.1em 0.8em 0;
  background-color: #f1f5f9; border: 1px solid #f1f5f9;
  -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}

.deBox .info {margin-top: 1em;}
.deBox .info dl { line-height: 2; display: flex; justify-content: space-between; align-items: flex-start;}
.deBox .info dl dt { height: 2em; overflow: hidden;}
.deBox .info dl dd {height: 2em; overflow: hidden; margin-left: 1em; text-align: right; flex:1; color: #020817;}

.deBox .label { margin-top: 1.5em; text-align: left;}
.deBox .label span { display: inline-block; margin-right: 0.2em; margin-top: 0.5em;
 color: #0F172A; line-height: 1.8; padding: 0.1em 0.8em 0;
  background-color: #fff; border: 1px solid #e2e8f0;
  -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
  
.deBox .btnW { display: flex; justify-content: space-between; align-items: center;}
.deBox .btnW .btnL { flex: 1; margin-top: 1.8em; color: #fff;
background-color: #0f172a; height: 2.6em; padding: 0 1.3em;
	-moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em;
display: flex; justify-content: center; align-items: center;}
.deBox .btnW .btnL svg { margin-right: 1.1em; width: 1.2em; height: 1.2em; color: #fff;}
.deBox .btnW .btnR { margin-left: 1em; margin-top: 1.8em;
background-color: #0f172a; height: 2.6em; padding: 0 1.3em; color: #fff;
	-moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em;
	display: flex; justify-content: center; align-items: center;}
.deBox .btnW .btnR svg { margin-right: 1.1em; width: 1.2em; height: 1.2em; color: #fff;}

.link { margin-top: 1.7em; padding-top: 1.7em; border-top:1px solid #e2e8f0 ;
text-align: left;} 
.link .tits{ font-weight: bold;}
.link .txts { margin-top: 1.1em; display: flex; justify-content: space-between; align-items: center;}
.link .txts .add {  margin-right: 0.65em; padding: 0 1em;
 line-height: 3.1em; height: 3.1em; overflow: hidden;
flex: 1; color: #020817;background-color: #f3f4f6;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.link .txts .btnCopy { color: #fff; background-color: #0f172a; width: 2.6em; height: 2.6em;
	-moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em;
	display: flex; justify-content: center; align-items: center;
}
.link .txts .btnCopy svg { width: 1.2em; height: 1.2em; color: #fff;}

.verBox { margin-top: 1.6em; border: 1px solid #e2e8f0; background-color: #fff; 
padding:1.4em 1.7em; text-align: left;color: #020817;
-moz-border-radius:0.7em; -webkit-border-radius:0.7em; border-radius:0.7em;}
.verBox .tit { font-weight: bold; color: #020817;}
.verBox .tit2 {color: #64748B; margin-top: 0.2em;}
.verBox .tableW { overflow-x: auto;}
.verBox .table { min-width: 440px; margin-top: 1em; width: 100%; line-height: 1.7;}
.verBox .table th { padding: 1em 0.7em 0.9em; font-weight: normal;}
.verBox .table td { padding: 1em 0.7em 0.9em; border-top:1px solid #e2e8f0 ;}
.verBox .table .ver { padding: 0.1em 0.7em 0; line-height: 1.9em;
 display: inline-block; color: #fff; background-color: #0f172a;
 -moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em;
}

.infoBox {  border: 1px solid #e2e8f0; background-color: #fff; 
padding: 1.4em 1.7em; text-align: left;color: #020817;
-moz-border-radius:0.7em; -webkit-border-radius:0.7em; border-radius:0.7em;}
.infoBox .tit { font-weight: bold; color: #020817;}
.infoBox .list { margin-top: 0.3em;}
.infoBox .list dl { border-bottom: 1px solid #e2e8f0; display: flex; justify-content: flex-start;
 align-items: center; padding: 1em 0;}
 .infoBox .list dl dt svg{ color: #64748b; width: 1.25em; height: 1.25em;}
 .infoBox .list dl dd { flex: 1; margin-left: 0.8em; text-align: left;}
.infoBox .list .t1 {color: #64748B; }
.infoBox .list .t2 { margin-top: 0.2em; color: #020817; font-weight: bold;}
.infoBox .list span{ margin: 0.5em 0.2em 0 0; display: inline-block;
 color: #0F172A; line-height: 1.6; padding: 0.1em 0.8em 0;
  background-color: #f1f5f9; border: 1px solid #f1f5f9;
  -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}

.cateBox { margin-top: 1.6em; border: 1px solid #e2e8f0; background-color: #fff; 
padding:1.4em 1.7em; text-align: left;color: #020817;
-moz-border-radius:0.7em; -webkit-border-radius:0.7em; border-radius:0.7em;}
.cateBox .tit { font-weight: bold; color: #020817;}
.cateBox .list { margin-top: 0.8em;}
.cateBox .list span{ margin: 0.5em 0.2em 0 0; display: inline-block;
 color: #0F172A; line-height: 1.6; padding: 0.1em 0.8em 0;
  background-color: #f1f5f9; border: 1px solid #f1f5f9;
  -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}