/**mobile 2023.12.16.1**/

.default-title
{
font-size:22px;
line-height:32px;
font-weight:600;
text-align:center;
color:#00e9d3;
width:100%;
}
.default-remark
{
font-size:16px;
line-height:26px;
text-align:center;
width:100%;
}



/**产品页图片样式**/
.pic-view-cvs{
    width: 296px;
    height: 296px;
}
.pic-view-cvs .pic-view{
    width: 296px;
    height: 296px;
    border: 1px solid #ffffff26;
    padding: 16px;
     text-align:center;
}

.pic-view-cvs .pic-view img{
  
    height: 264px;
}

.pic-item-cvs{
    width: 296px;
    display: flex;
    justify-content: center;
   padding: 8px 0px 0px 0px;
}


.pic-item-cvs .pic-item{
    flex-grow: 1;
    min-width: 25%;
    max-width: 25%;
    padding: 6px;
}
.pic-item-cvs .pic-item .pic{
    width: 62px;
    height: 62px;
    cursor: pointer;
    border: 1px solid #ffffff26;
    padding: 6px;
    text-align:center;
}
.pic-item-cvs .pic-item .pic:hover{
    width: 62px;
    height: 62px;
    padding: 6px;
    cursor: pointer;
    border: 1px solid #00D3BF;
    text-align:center;
}
.pic-item-cvs .pic-item .pic img{
   
    height: 48px;
    text-align:center;
}
.pic-item-cvs .pic-item .text{
    text-align: center;
    padding: 8px 0px 0px 0px;
    font-size: 14px;
}



/**首页code视图**/
.geek-code-menu{
  padding:5px 5px 7px 5px;
  font-size:12px;
  line-height:26px;
  border-bottom:hidden;
  cursor: pointer;
  flex-grow:1;
  text-align:center;
}
.geek-code-menu:hover{
  padding:5px 5px 5px 5px;
  font-size:12px;
  line-height:26px;
  border-bottom:2px solid #00e9d3;
  cursor: pointer;
  flex-grow:1;
  text-align:center;
}

.geek-code-menu-over{
  padding:5px 5px 5px 5px;
  font-size:12px;
  line-height:26px;
  border-bottom:2px solid #00e9d3;
  cursor: pointer;
  flex-grow:1;
  text-align:center;
}

.geek-code-content{
  display: none;
}
.geek-code-content-over{
  display: block;
}
.geek-code-content-over *{
  font-size: 16px;
  line-height: 26px;
}




/********页面内容高亮按钮 begin*********/

.button-light{

  background-color: #0ae1cd;
  color: #fff;
  padding: 8px 24px 8px 24px;
  border-radius: 50px;
  background: linear-gradient(90.00deg, #00cc86 0%, #00c9b6 48.7%, #00a5b4 100%);
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  min-width: 100px;
  text-align: center;
}

.button-light:hover{

  background-color: #05d7c4;
  color: #fff;
  padding: 8px 24px 8px 24px;
  border-radius: 50px;
  background: linear-gradient(90.00deg, #00aa70 0%, #00a798 48.7%, #008692 100%);
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  min-width: 100px;
  text-align: center;
}


.button-light2{

  background-color: #8872e7;
  color: #fff;
  padding: 8px 24px 8px 24px;
  border-radius: 50px;
  background: linear-gradient(90.00deg, #8a6dff 0%, #3982ff 100%);
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  min-width: 100px;
  text-align: center;
}

.button-light2:hover{

  background-color: #765edb;
  color: #fff;
  padding: 8px 24px 8px 24px;
  border-radius: 50px;
  background: linear-gradient(90.00deg, #6d48ff 0%, #166cff 100%);
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  min-width: 100px;
  text-align: center;
}

.button-light3{

  color: #00e9d3;
  padding: 8px 24px 8px 24px;
  border-radius: 50px;
  border: 2px solid #00e9d3;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  min-width: 100px;
  text-align: center;
}

.button-light3:hover{

  color: #00A798;
  padding: 8px 24px 8px 24px;
  border-radius: 50px;
  border: 2px solid #00A798;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  min-width: 100px;
  text-align: center;
}



.button-light-max{

  background-color: #0ae1cd;
  color: #fff;
 padding: 8px 24px 8px 24px;
  border-radius: 50px;
  background: linear-gradient(90.00deg, #00cc86 0%, #00c9b6 48.7%, #00a5b4 100%);
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  min-width: 100px;
  text-align: center;
}

.button-light-max:hover{

  background-color: #05d7c4;
  color: #fff;
  padding: 8px 24px 8px 24px;
  border-radius: 50px;
  background: linear-gradient(90.00deg, #00aa70 0%, #00a798 48.7%, #008692 100%);
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  min-width: 100px;
  text-align: center;
}


.button-light2-max{

  background-color: #8872e7;
  color: #fff;
  padding: 8px 24px 8px 24px;
  border-radius: 50px;
  background: linear-gradient(90.00deg, #8a6dff 0%, #3982ff 100%);
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  min-width: 100px;
  text-align: center;
}

.button-light2-max:hover{

  background-color: #765edb;
  color: #fff;
  padding: 8px 24px 8px 24px;
  border-radius: 50px;
  background: linear-gradient(90.00deg, #6d48ff 0%, #166cff 100%);
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  min-width: 100px;
  text-align: center;
}

.button-light3-max{

  background-color: #f8a300;
  color: #fff;
  padding: 8px 24px 8px 24px;
  border-radius: 50px;
  background-image: linear-gradient(90deg, #512bd4,#9b13bc,#d600aa);
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  min-width: 100px;
  text-align: center;
}

.button-light3-max:hover{

  background-color: #e89900;
  color: #fff;
  padding: 8px 24px 8px 24px;
  border-radius: 50px;
  background-image: linear-gradient(90deg, #4925c7,#900eb0,#c4039c);
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  min-width: 100px;
  text-align: center;
}

/********页面内容高亮按钮 end*********/



/*开发文档*/

a.flow-button{
   background-color: #0ae1cd;
   cursor: pointer;
   display: block; 
   border-radius: 50px; 
   padding: 6px 12px; 
   background: linear-gradient(90.00deg, #00cc86 0%, #00c9b6 48.7%, #00a5b4 100%);
   text-align: center;
   color:#fff;
   font-size: 12px;
}

a.flow-button:hover
{
   background-color: #05d7c4;
   cursor: pointer;
   display: block; 
   border-radius: 50px; 
   padding: 6px 12px; 
   background: linear-gradient(90.00deg, #00aa70 0%, #00a798 48.7%, #008692 100%);
   text-align: center;
   color:#fff;
   font-size: 12px;
}



/*最佳实践列表*/
a.best-item 
{
 cursor: pointer;border-radius: 10px;display:block;flex-grow:1;
}
a.best-item .pic
{
border-radius:10px 10px 10px 10px;height:230px;background-color:#202225;
background-size:cover;background-repeat:no-repeat;background-position:center;
}
a.best-item .title
{
padding:15px 0px 10px 10px;font-size:20px;line-height:30px;
}
a.best-item .remark
{
padding:0px 10px 10px 10px;font-size:16px;line-height:26px;height:72px;color:#a0a2a5;
}

a.best-item:hover
{
cursor: pointer;border-radius: 10px;display:block;flex-grow:1;
}
a.best-item:hover .pic
{
border-radius:10px 10px 10px 10px;;height:230px;background-color:#202225;
background-size:cover;background-repeat:no-repeat;background-position:center;
}
a.best-item:hover .title
{
padding:15px 0px 10px 10px;font-size:20px;line-height:30px;color:#00e9d3;
}
a.best-item:hover .remark
{
padding:0px 10px 10px 10px;font-size:16px;line-height:26px;height:72px;color:#07d0bd;
}







/****表格***/
.edit-table-canvas{
  width: 100%;
}
.edit-table-title{
  color: #fff;
  background-color: #4f4676;
  border-radius: 10px 10px 0px 0px;
  font-size: 18px;
  padding: 10px 15px 10px 15px;
  border-left: 1px solid #63558a;
  border-top: 1px solid #63558a;
  border-right: 1px solid #63558a;
}
/*列表*/
.edit-table {
  width: 100%;
  max-width: 100%;
  border: 1px solid #ffffff26;
  border-collapse: collapse;
}

.edit-table th {
text-align: left;
padding: 12px 16px 12px 16px;
font-weight: 400;
font-size: 14px;
background-color: #11151e;
color: #a0a1a2;
}

.edit-table th * {
font-weight: 200;
font-size: 14px;
color: #f2f5f8;
}

.edit-table td {
padding: 12px 16px 12px 16px;
font-size: 14px;
text-align: left;
border-top: 1px solid #ffffff26;
background-color: #11151e;
color: #ffffff;
}
.edit-table td span {
}
.edit-table td div {
}
.edit-table tr:hover td {
background-color: #242b3c;
color: #ffffff;
}

.edit-table tr.top-border td {
border-top: 2px solid #11151e;
}
/****表格结束***/



ul{
  padding: 0px;
}
ul li{
  font-size: 12px;
  line-height: 24px;
  padding: 5px 0px 5px 0px;
  font-weight: 400  !important;
}
ol{
  padding: 0px;
}
ol li{
  font-size: 12px;
  line-height: 24px;
  padding: 5px 0px 5px 0px;
  font-weight: 400  !important;
}



html {
  background-color: #060606;
  color: #e0e2e5;
  padding: 0px;
  margin: 0px;
  height: 100%;
  width:100%;
}

body {
  background-color: #101215;
  color: #ffffff;
  box-sizing: border-box;
  font-family: '微软雅黑',Arial, Helvetica, sans-serif;
  word-wrap: break-word;
  word-break: break-all;
  font-size:12px;
  padding: 0px;
  margin: 0px;
  height: 100%;
  width:100%;
}
div{font-size:12px;}

*{
  font-family: '微软雅黑',Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  word-break: break-all;
  word-break: break-all;
  font-size: 12px;
  color: #ffffff;
}
h1{
  font-weight: bold;
  font-size: 20px;
}

h2{
  font-weight: bold;
  font-size: 18px;
}
h3{
  font-weight: bold;
  font-size: 16px;
}

a:link {
  text-decoration: none;
  color: #fff;
}

a:visited {
  text-decoration: none;
 
 
}

a:hover {
  text-decoration: none;
  color: #00A798;
}

a:active {
  text-decoration: none;
  color: #00A798;
}



//****限制两行或多行显示，超出省略****//
.line{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				//溢出内容隐藏
	text-overflow: ellipsis;		//文本溢出部分用省略号表示
	display: -webkit-box;			//特别显示模式
	-webkit-line-clamp: 2;			//行数
	line-clamp: 2;					
	-webkit-box-orient: vertical;	//盒子中内容竖直排列
        height:50px;
}






.top-placeholder{
  height: 50px;
}

.top-menu-cvs{
  position: fixed;
  z-index: 10;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  background-color: rgba(0, 5, 10, 0.7);
  border-bottom: 1px solid #1a2c39;
}

.top-menu-cvs .logo{
  flex-grow: 9;
  padding: 5px 5px 5px 10px;
}
.top-menu-cvs .menu-home{
 flex-grow: 1;
 text-align: center; 
 min-width: 50px;
 max-width: 50px;
 padding: 5px 5px 5px 5px;
border-left: 1px solid #39414a; 
border-right: 1px solid #39414a; 
}
.top-menu-cvs .menu-home img{
width:16px;height:16px;-webkit-filter: opacity(50%);filter: opacity(50%);
}

.top-menu-cvs .menu{
 flex-grow: 1;
 text-align: center; 
 min-width: 50px;
 max-width: 50px;
 padding: 5px 5px 5px 5px;
}


/***主菜单展开**/

.top-menu-open{
  background-color: #0b1319;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.top-menu-open .top-bar{
  flex-grow: 1;
  width: 100%;
  min-height: 50px;
  max-height: 50px;
  display: flex;
  align-items: center;
  background-color:#0f1921;
  border-bottom: 1px solid #1a2c39;
}

.top-menu-open .top-bar .logo{
 flex-grow: 9;
 padding: 5px 5px 5px 10px;
}
.top-menu-open .top-bar .button{
 flex-grow: 1;
 text-align: center; 
 min-width: 50px;
 max-width: 50px;
 padding: 5px 5px 5px 5px;
}
.top-menu-open .top-main{
  flex-grow: 9;
  width: 100%;
  background-color: #0f1921;
  overflow-y: auto;
}
.top-menu-open .top-main .top-main-menu-cvs{
  padding: 10px 25px 25px 25px;
}
.top-menu-open .top-main .top-main-menu-cvs .menu-item{
  padding: 15px 0px 15px 0px;
  border-bottom: 1px solid #1a2c39;
}
.top-menu-open .top-main .top-main-menu-cvs .menu-item .one-menu a{
  font-weight: 400;
  font-size: 16px;
  display: block;
}

.top-menu-open .top-main .top-main-menu-cvs .menu-item .one-name{
   font-weight: 400;
   font-size: 16px;
}
.top-menu-open .top-main .top-main-menu-cvs .menu-item .one-remark{
  padding: 5px 0px 5px 0px;
  font-weight: 200;
  color: #909295;
  text-align:justify;
  text-justify:inter-ideograph;
}
.top-menu-open .top-main .top-main-menu-cvs .menu-item .two-menu{
  display: flex;  padding: 10px 0px 0px 0px;  flex-wrap: wrap;
}
.top-menu-open .top-main .top-main-menu-cvs .menu-item .two-menu .two-menu-item
{
 flex-grow: 1; padding: 10px; min-width: 50%; max-width: 50%;
}

.top-menu-open .top-main .top-main-menu-cvs .menu-item .two-menu .two-menu-item a{
  display: flex;align-items: flex-start;
}
.top-menu-open .top-main .top-main-menu-cvs .menu-item .two-menu .two-menu-item  .item-icon
{
  flex-grow: 1;  min-width:60px;max-width:60px;
}
.top-menu-open .top-main .top-main-menu-cvs .menu-item .two-menu .two-menu-item .item-icon img
{
  height: 50px;
}
.top-menu-open .top-main .top-main-menu-cvs .menu-item .two-menu .two-menu-item  .item-text
{
  flex-grow: 9;  
  height:55px;overflow:hidden;
}
.top-menu-open .top-main .top-main-menu-cvs .menu-item .two-menu .two-menu-item  .item-text .item-text-name
{
   font-weight:500;
}
.top-menu-open .top-main .top-main-menu-cvs .menu-item .two-menu .two-menu-item  .item-text .item-text-more
{
  color: #909295;font-size:12px;padding:3px 0px 0px 0px;
}
.top-menu-open .top-main .top-main-menu-cvs .menu-item .two-menu .two-menu-item  .item-text .item-text-remark
{
  color: #909295;font-size:12px;padding:3px 0px 0px 0px;
}


.top-menu-open .top-main .top-main-menu-cvs .menu-back{
 padding: 25px 0px 15px 0px;
 text-align: center;
}
.top-menu-open .top-main .top-main-menu-cvs .menu-back .back-button{
 padding: 10px;
 border: 1px solid #1a2c39;
 border-radius: 5px;
}



.pub-button-trans{
  margin: 10px;
  display: inline-block;
  padding: 10px 35px 10px 35px; 
  border-radius: 6px;
  border: 1px solid #fff;
  
  
}
.pub-button-trans .text{
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}
.pub-button{
  margin: 10px;
  display: inline-block;
  padding: 10px 35px 10px 35px; 
  border-radius: 6px;
  border: 1px solid #fff;
  color: #303235;
  background-image: linear-gradient(180deg,  #fff,#f0f2f5);
}
.pub-button .text{
  font-size: 18px;
  font-weight: 300;
  color: #303235;
}



.pub-button .desc{
  font-size: 12px;
  font-weight: 300;
}




.body-cvs{
  padding: 20px;
}
.body-cvs .column-title{
  padding: 15px 0px 15px 0px;
  font-size: 18px;
}
.body-cvs .column-title{
  padding: 15px 0px 15px 0px;
  font-size: 16px;
}
.body-cvs .article-cvs{
  
}
.body-cvs .article-cvs .item{
  padding: 15px 0px 30px 0px;
}
.body-cvs .article-cvs .item .title{
  font-size: 16px;
  
}
.body-cvs .article-cvs .item .time{
  font-size: 12px;
  
}
.body-cvs .article-cvs .item .remark{
  font-size: 12px;
  color: #909295;
}






.info-body-cvs{
  padding: 20px;
  max-width: 100%;
}

.info-body-cvs .info-title{
  font-size: 18px;
  padding: 0px 0px 10px 0px;
  border-bottom: 2px solid #e0e2e5;
}
.info-body-cvs .info-cvs{
 
  padding: 0px 0px 20px 0px;
}
.info-body-cvs .info-cvs .title{
  margin: auto;
  font-size: 18px;
  padding: 0px 0px 10px 0px;
  width: 100%;
}
.info-body-cvs .info-cvs .time{
  margin: auto;
  font-size: 12px;
  color: #909295;
  padding: 10px 0px 0px 0px;
  width: 100%;
}

.info-body-cvs .info-cvs .piclist{
  margin: auto;
  font-size: 12px;
  color: #909295;
  padding: 2px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  background-color: #303235;
}
.info-body-cvs .info-cvs .piclist .pic-item{
 flex-grow: 1;
 min-width: 20%;
 max-width: 20%;
 padding: 1px;
}
.info-body-cvs .info-cvs .piclist .pic-item img{
  width: 100%;
 }

.info-body-cvs .info-cvs .info{
  margin: auto;
  width: 100%;
  font-size: 14px;
  line-height: 26px;
  padding: 20px 0px 20px 0px;
}
.info-body-cvs .info-cvs .info *{
  font-size: 14px;
  line-height: 26px;
  text-align:justify;
  text-justify:inter-ideograph;
  
}

.info-body-cvs .info-cvs .info img{
  width: 100%;
  max-width: 100%;
}


.info-body-cvs .info-cvs .info a:link {
  text-decoration: underline;
  color: #303235;
}

.info-body-cvs .info-cvs .info a:visited {
  text-decoration: underline;
  color: #303235;
 
}

.info-body-cvs .info-cvs .info a:hover {
  text-decoration: underline;
  color: #1576a7;
}

.info-body-cvs .info-cvs .info a:active {
  text-decoration: underline;
  color: #0a6b9c;
}



.bottom{
  padding: 20px;
  text-align: center;
  border-top: 1px solid #181818;
}


.i-scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/*正常时候的主干部分*/

.i-scroll::-webkit-scrollbar-track {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px #0a0d13;
  background-color: #0a0d13;

}

/*正常情况下滑块的样式*/

.i-scroll::-webkit-scrollbar-thumb {
  background-color:#016366;
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 #016366;

}


/*鼠标悬浮在该类指向的控件上时滑块的样式*/

.i-scroll:hover::-webkit-scrollbar-thumb {
  background-color: #016366;
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 #016366;

}

/*鼠标悬浮在滑块上时滑块的样式*/

.i-scroll::-webkit-scrollbar-thumb:hover {

  background-color: #0bbbc1;
  -webkit-box-shadow: inset 1px 1px 0 #0bbbc1;

}


/*鼠标悬浮在滚动条上的主干部分*/

.i-scroll::-webkit-scrollbar-track:hover {

  -webkit-box-shadow: inset 0 0 6px #06080d;
  background-color: #06080d;

}