html {
  background-color: #f2f5f8;
  padding: 0px;
  margin: 0px;
}

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

*{
  font-family: '微软雅黑',Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  word-break: break-all;
  word-break: break-all;
  font-size: 14px;
  color: #323538;
}


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

a:visited {
  text-decoration: none;
  color: #f0f2f5;
 
}

a:hover {
  text-decoration: none;
  color: #1576a7;
}

a:active {
  text-decoration: none;
  color: #0a6b9c;
}

.top
{
  background-color:rgba(250,251, 252, 0.9);
  width: 100%;
  position: fixed;
  z-index: 1;
  height: 80px;
  left: 0px;
  top: 0px;
}
.top .top-cvs{
  
  max-width: 1600px;
  min-width: 1280px;
  display: flex;
  align-items: center;
  height: 80px;
  margin: auto;
}
.top .logo{
  flex-grow: 1;
  min-width: 220px;
  max-width: 280px;
  padding: 12px 20px 10px 20px;
}
.top .site-name{
  flex-grow: 2;
  padding: 10px 20px 10px 20px;
  font-size: 16px;
  color: #fff;
}


/***  菜单 *****/
.top-cvs .top-menu {
  flex-grow: 5;
  display: flex;
}

.top-cvs .top-menu .menu-item {
  padding: 5px 15px 0px 15px;
  margin:20px 0px 0px 0px;
  height:57px;
}
.top-cvs .top-menu .menu-item .one-menu {
  
}
.top-cvs .top-menu .menu-item .one-menu a {
  color:#323538;
  font-weight:500;
  font-size:18px;
  padding:10px 15px 10px 15px;
  text-decoration: none;
}
.top-cvs .top-menu .menu-item .two-menu {
  display:none;
}

.top-cvs .top-menu .menu-item:hover {
  padding: 5px 15px 0px 15px;
  margin:20px 0px 0px 0px;
  height:57px;
}
.top-cvs .top-menu .menu-item:hover .one-menu {
  
}
.top-cvs .top-menu .menu-item:hover .one-menu a {
  color:#323538;
  font-weight:500;
  font-size:18px;
  padding:10px 15px 7px 15px;
  text-decoration: none;
  border-bottom: 3px solid #0adbd3;
}
.top-cvs .top-menu .menu-item .one-over {
  
}
.top-cvs .top-menu .menu-item .one-over a {
  color:#323538;
  font-weight:500;
  font-size:18px;
  padding:10px 15px 7px 15px;
  text-decoration: none;
  border-bottom: 3px solid #0adbd3;
}


.top-cvs .top-menu .menu-item:hover .two-menu {
  display:block;
  position:absolute;
  top:77px;
  left:0px;
  z-index:10;
  width:100%;

  background-color: rgba(20,25,30,0.92);
  border-top:1px solid rgba(60,62,68,0.92);
}
.top-cvs .top-menu .menu-item:hover .two-menu .two-menu-body{
  max-width: 1800px;
  min-width: 1280px;
  margin:auto;
  padding:30px 0px 30px 0px;
  display:flex;
  align-items:flex-start;

}
.top-cvs .top-menu .menu-item:hover .two-menu .two-menu-body .two-menu-base{
  flex-grow:1;
  min-width:380px;
  max-width:380px;
  padding:0px 20px 0px 20px;
}

.top-cvs .top-menu .menu-item:hover .two-menu .two-menu-body .two-menu-base .two-menu-title{
  font-size:18px;
  color:#fff;
  padding:0px 0px 0px 0px;
}
.top-cvs .top-menu .menu-item:hover .two-menu .two-menu-body .two-menu-base .two-menu-desc{
  font-size:14px;
  color:#a0a2a5;
  padding:10px 0px 10px 0px;
  line-height:24px;
}
.top-cvs .top-menu .menu-item:hover .two-menu .two-menu-body .two-menu-list{
  flex-grow:2;
  display:flex;
  flex-wrap:wrap;
  border-left:1px solid #303235;
  padding:0px 0px 0px 20px;
}
.top-cvs .top-menu .menu-item:hover .two-menu .two-menu-body .two-menu-list .two-menu-item{
  min-width:150px;
  height:130px;
  color:#fff;
  text-align:center;
  border-radius:5px;
}
.top-cvs .top-menu .menu-item:hover .two-menu .two-menu-body .two-menu-list .two-menu-item:hover{
  min-width:150px;
  height:130px;
  color:#fff;
  text-align:center;
  background-image: linear-gradient(135deg, #0ae1cd , #0ad3de, #0db8dc);
  border-radius:5px;
}

.top-cvs .top-menu .menu-item:hover .two-menu .two-menu-body .two-menu-list .two-menu-item a{
  color:#fff;
  text-decoration: none;
}

.top-cvs .top-menu .menu-item:hover .two-menu .two-menu-body .two-menu-list .item-icon {
  height:90px;
  padding:20px 0px 0px 0px;
}
.top-cvs .top-menu .menu-item:hover .two-menu .two-menu-body .two-menu-list .item-icon img{
  height:60px;
}
.top-cvs .top-menu .menu-item:hover .two-menu .two-menu-body .two-menu-list .item-text {
  font-weight:500;
  font-size:14px;
}

.top-block{
  height: 80px;
}


/*** 广告条 **/
.banner-body {
  background-color: #303235;
  height: 520px;
  color: #fff;
  overflow: hidden;
  width:100%;
  min-width: 1280px;
}

.banner-body .banner-item {
  height: 520px;
  width: 100%;
  min-width: 1280px;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
}
.banner-body .banner-color {
  height: 520px;
  background-image: linear-gradient(180deg, rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0.1));
}
.banner-body .banner-content {
  padding: 90px 10px 0px 20px;
  height: 520px;
  max-width: 1800px;
  min-width: 1280px;
  margin: auto;
  display: flex;
  flex-direction: column;
}
.banner-body .banner-content .banner-content-title {
  width: 850px;
  font-size: 36px;
  font-weight:200;
  color: #fff;
  padding: 0px 0px 40px 0px;
}
.banner-body .banner-content .banner-content-remark {
  width: 850px;
  font-size: 16px;
  font-weight:200;
  line-height: 28px;
  color: #fff;
  padding:0px 0px 50px 0px;
  min-height: 130px;
  text-align:justify;
  text-justify:inter-ideograph;
}
.banner-body .banner-content .banner-content-remark span {
  font-size: 16px;
  font-weight:200;
  line-height: 28px;
  color: #fff;
}

.banner-body .banner-content .banner-button-area {
 display: flex;
 align-items: center;
}

.banner-body .banner-content .banner-button-area .banner-content-link {
  margin-right: 20px;
}
.banner-body .banner-content .banner-button-area .banner-content-link a {
  background-color: #0db9dc;
  color: #fff;
  padding: 12px 25px 12px 25px;
  border-radius: 35px;
  background-image: linear-gradient(90deg, #0ae1cd , #0ad3de, #0db8dc);
  display:inline-block;
  text-decoration:none;
  font-size: 20px;
  font-weight: 200;
  min-width: 180px;
  text-align: center;
}
.banner-body .banner-content .banner-button-area .banner-content-link a:hover {
  background-color: #0db9dc;
  color: #fff;
  padding: 12px 25px 12px 25px;
  border-radius: 35px;
  background-image: linear-gradient(90deg, #05d7c4 , #05c5d2, #05a6c7);
  display: inline-block;
  text-decoration: none;
  font-size: 20px;
  font-weight: 200;
  min-width: 180px;
  text-align: center;
}

.banner-body .banner-content .banner-button-area .banner-content-link2 {
  margin-right: 20px;
}
.banner-body .banner-content .banner-button-area .banner-content-link2 a {
  background-color: #8872e7;
  color: #fff;
  padding: 12px 25px 12px 25px;
  border-radius: 35px;
  background-image: linear-gradient(90deg, #8872e7,#6454a8,#4c3c94);
  display:inline-block;
  text-decoration:none;
  font-size: 20px;
  font-weight: 200;
  min-width: 180px;
  text-align: center;
}
.banner-body .banner-content .banner-button-area .banner-content-link2 a:hover {
  background-color: #765edb;
  color: #fff;
  padding: 12px 25px 12px 25px;
  border-radius: 35px;
  background-image: linear-gradient(90deg, #765edb,#58479f,#3f2e86);
  display: inline-block;
  text-decoration: none;
  font-size: 20px;
  font-weight: 200;
  min-width: 180px;
  text-align: center;
}



.banner-number-cvs {
  position: absolute;
  z-index: 1;
  margin: -40px 0px 0px 0px;
  width:100%;
  min-width: 1280px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.banner-number-cvs .banner-number-dot{
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.banner-number-cvs .banner-number-dot div{
  width:10px;
  height:10px;
  border-radius: 10px;
  background-color:#707278;
}
.banner-number-cvs .banner-number-dot:hover{
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.banner-number-cvs .banner-number-dot:hover div{
  width:10px;
  height:10px;
  border-radius: 10px;
  background-color:#0ad3de;
}
.banner-number-cvs .banner-number-dot-over{
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.banner-number-cvs .banner-number-dot-over div{
  width:10px;
  height:10px;
  border-radius: 10px;
  background-color:#0ad3de;
}



/*** 主要区域 **/
.main{
  width: 100%;
}
.main .main-content
{
  max-width: 1600px;
  min-width: 1280px;
  margin: auto;
  padding: 40px 10px 40px 20px;
}
.main .main-content .left
{
 flex-grow: 8;
 padding: 0px 40px 0px 0px;
}
.main .main-content .left .column-title
{
 font-size: 18px;
 padding: 0px 0px 10px 0px;
 border-bottom: 2px solid #e0e2e5;
}

.main .main-content .left .article-cvs{
  padding: 20px 20px 20px 0px;
}
.main .main-content .left .article-cvs .item{
  padding: 20px 0px 20px 0px;
  border-bottom: 1px dotted #d0d2d5;
}
.main .main-content .left .article-cvs .item .title{
  padding: 20px 0px 10px 0px;
  font-size: 22px;
}
.main .main-content .left .article-cvs .item .time{
  padding: 0px 0px 10px 0px;
  font-size: 12px;
}
.main .main-content .left .article-cvs .item .remark{
  padding: 0px 0px 20px 0px;
  font-size: 14px;
}

.main .main-content .left .info-title{
  font-size: 18px;
  padding: 0px 0px 10px 0px;
  border-bottom: 2px solid #e0e2e5;
}
.main .main-content .left .info-cvs{
 
  padding: 30px 0px 20px 0px;
}
.main .main-content .left .info-cvs .title{
  margin: auto;
  font-size: 32px;
  padding: 20px 0px 10px 0px;
  max-width: 1000px;
  min-width: 600px;
}
.main .main-content .left .info-cvs .time{
  margin: auto;
  font-size: 12px;
  color: #909295;
  padding: 10px 0px 20px 0px;
  max-width: 1000px;
  min-width: 600px;
}

.main .main-content .left .info-cvs .piclist{
  margin: auto;
  font-size: 12px;
  color: #909295;
  padding: 10px 10px 10px 10px;
  max-width: 1000px;
  min-width: 600px;
  display: flex;
  align-items: flex-start;
  background-color: #e5e8ea;
}
.main .main-content .left .info-cvs .piclist .pic-item{
 flex-grow: 1;
 min-width: 20%;
 max-width: 20%;
 padding: 5px;
}
.main .main-content .left .info-cvs .piclist .pic-item img{
  width: 100%;
 }

.main .main-content .left .info-cvs .info{
  margin: auto;
  max-width: 1000px;
  min-width: 600px;
  font-size: 14px;
  line-height: 26px;
  padding: 20px 0px 20px 0px;
}
.main .main-content .left .info-cvs .info *{
  font-size: 14px;
  line-height: 26px;
  text-align:justify;
  text-justify:inter-ideograph;
  
}

.main .main-content .left .info-cvs .info img{
  max-width: 1000px;
  min-width: 600px;
  width: 100%;
  
}


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

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

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

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

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

.button-light{

  background-color: #0ae1cd;
  color: #fff;
  padding: 10px 25px 10px 25px;
  border-radius: 25px;
  background-image: linear-gradient(90deg, #0ae1cd , #0ad3de, #0db8dc);
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  min-width: 100px;
  text-align: center;
}

.button-light:hover{

  background-color: #05d7c4;
  color: #fff;
  padding: 10px 25px 10px 25px;
  border-radius: 25px;
  background-image: linear-gradient(90deg, #05d7c4 , #05c5d2, #05a6c7);
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  min-width: 100px;
  text-align: center;
}


.button-light2{

  background-color: #8872e7;
  color: #fff;
  padding: 10px 25px 10px 25px;
  border-radius: 25px;
  background-image: linear-gradient(90deg, #8872e7,#6454a8,#4c3c94);
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  min-width: 100px;
  text-align: center;
}

.button-light2:hover{

  background-color: #765edb;
  color: #fff;
  padding: 10px 25px 10px 25px;
  border-radius: 25px;
  background-image: linear-gradient(90deg, #765edb,#58479f,#3f2e86);
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  min-width: 100px;
  text-align: center;
}

.button-light3{

  background-color: #f8a300;
  color: #fff;
  padding: 10px 25px 10px 25px;
  border-radius: 25px;
  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:hover{

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



.button-light-max{

  background-color: #0ae1cd;
  color: #fff;
  padding: 15px 25px 15px 25px;
  border-radius: 25px;
  background-image: linear-gradient(90deg, #0ae1cd , #0ad3de, #0db8dc);
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  min-width: 100px;
  text-align: center;
}

.button-light-max:hover{

  background-color: #05d7c4;
  color: #fff;
  padding: 15px 25px 15px 25px;
  border-radius: 25px;
  background-image: linear-gradient(90deg, #05d7c4 , #05c5d2, #05a6c7);
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  min-width: 100px;
  text-align: center;
}


.button-light2-max{

  background-color: #8872e7;
  color: #fff;
  padding: 15px 25px 15px 25px;
  border-radius: 25px;
  background-image: linear-gradient(90deg, #8872e7,#6454a8,#4c3c94);
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  min-width: 100px;
  text-align: center;
}

.button-light2-max:hover{

  background-color: #765edb;
  color: #fff;
  padding: 15px 25px 15px 25px;
  border-radius: 25px;
  background-image: linear-gradient(90deg, #765edb,#58479f,#3f2e86);
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  min-width: 100px;
  text-align: center;
}

.button-light3-max{

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

.button-light3-max:hover{

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

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



/**编辑器来源的内容块***/

.edit-code-canvas{
  
}

.edit-code-canvas .edit-code-title{
  color: #fff;
  background-color: #4e5179;
  border-radius: 10px 10px 0px 0px;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  border-left: 1px solid #585c91;
  border-top: 1px solid #585c91;
  border-right: 1px solid #585c91;
}
.edit-code-canvas .edit-code-info{
  border: 1px solid #585c91;
  background-color: #11151e;
  border-radius: 0px 0px 10px 10px;
  padding: 20px;
  color: #fff;
  line-height: 26px;
  font-size: 16px;
}

.edit-code-info *{
  line-height: 26px;
  font-size: 14px;
}

.code-f0{
  color: #b76b12;
}
.code-f1{
  color: #c8c11f;
}
.code-f2{
  color: #69746d;
}
.code-f3{
  color: #4b9a58;
}



.edit-json-canvas{
  
}

.edit-json-canvas .edit-json-title{
  color: #fff;
  background-color: #009da7;
  border-radius: 10px 10px 0px 0px;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  border-left: 1px solid #037477;
  border-top: 1px solid #037477;
  border-right: 1px solid #037477;
}
.edit-json-canvas .edit-json-info{
  border: 1px solid #037477;
  background-color: #11151e;
  border-radius: 0px 0px 10px 10px;
  padding: 20px;
  color: #fff;
  line-height: 26px;
  font-size: 16px;
}



/**内容块**/

.edit-content-canvas{
  width: 100%;
}
.edit-content-title{
  color: #0bebf9;
  font-size: 30px;
  line-height: 36px;
  padding: 0px 0px 20px 0px;
}
.edit-content-title *{
  color: #0bebf9;
  font-size: 30px;
  line-height: 36px;
}


.edit-content-info{
  font-size: 16px;
  line-height: 26px;
  font-weight: 200;
  padding: 10px 0px 10px 0px;
  text-align:justify;
  text-justify:inter-ideograph;
}
.edit-content-info *{
  font-size: 16px;
  line-height: 26px;
  font-weight: 200;
  padding: 10px 0px 10px 0px;
  text-align:justify;
  text-justify:inter-ideograph;
}

.edit-content-canvas2{
  width: 100%;
}
.edit-content-title2{
  color: #0bebf9;
  font-size: 22px;
  padding: 0px 0px 20px 0px;
}
.edit-content-info2{
  font-size: 16px;
  font-weight: normal;
  padding: 10px 0px 10px 0px;
}


.edit-content-canvas3{
  width: 100%;
}
.edit-content-title3{
  color: #0bebf9;
  font-size: 18px;
  padding: 0px 0px 20px 0px;
}
.edit-content-info3{
  font-size: 16px;
  font-weight: normal;
  padding: 10px 0px 10px 0px;
}




/***消息块***/
.edit-message-canvas{
  background-color: #11151e;
}
.edit-message-canvas .edit-message-title{
  font-size: 18px;
  padding: 15px 20px 5px 20px;
  color: #ee4119;
  border-left: 8px solid #cf5707;
}
.edit-message-canvas .edit-message-info{
  color: #ff781e;
  font-size: 14px;
  font-weight: normal;
  padding: 5px 20px 20px 20px;
  border-left: 8px solid #cf6f07;
}

.edit-message-canvas .edit-message-info *{
  color: #ff781e;
  font-size: 14px;
}


/****表格***/
.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 #63558a;
}

.edit-table th {
text-align: left;
padding: 8px 15px 8px 15px;
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: 8px 15px 8px 15px;
font-size: 14px;
text-align: left;
border-top: 1px solid #303950;
background-color: #11151e;
color: #f2f5f8;
}
.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 0px 0px 20px;
}
ul li{
  font-size: 16px;
  line-height: 26px;
  padding: 10px 0px 10px 0px;
  font-weight: 400  !important;
}
ol{
  padding: 0px 0px 0px 20px;
}
ol li{
  font-size: 16px;
  line-height: 26px;
  padding: 10px 0px 10px 0px;
  font-weight: 400  !important;
}










.main .main-content .right
{
 flex-grow: 2;
 min-width: 400px;
 max-width: 500px;
 padding: 0px 0px 0px 40px;
}
.main .main-content .right .column-title
{
 font-size: 18px;
 padding: 0px 0px 10px 0px;
 border-bottom: 2px solid #e0e2e5;
}
.main .main-content .right .article-cvs
{
 padding: 0px 0px 10px 0px;
}

.main .main-content .right .article-cvs .item
{
 padding: 20px 0px 20px 0px;
 border-bottom: 1px dotted #e0e2e5;
}
.main .main-content .right .article-cvs .item .title
{
  font-size: 18px;
  padding: 0px 0px 0px 5px;
}
.main .main-content .right .article-cvs .item .pic 
{
  padding: 5px 0px 0px 0px;
  display: flex;
}
.main .main-content .right .article-cvs .item .pic .pic-item 
{
  padding: 5px;
  flex-grow: 1;
  max-width: 25%;
  min-width: 25%;
}
.main .main-content .right .article-cvs .item .pic .pic-item  img
{
  width: 100%;
}
.main .main-content .right .article-cvs .item .remark
{
  font-size: 14px;
  color: #707275;
  padding: 5px 0px 0px 5px;
}


/***分页**/

.split-canvas{
  display: flex;
  min-width: 1280px;
  max-width: 1800px;
  margin: auto;
  padding: 0px 30px 20px 15px;
  justify-content: center;
}

a.split-number:link {
  text-decoration: none;
  color: #f0f2f5;
  display: inline-block;
  padding: 5px 10px 5px 10px;
  border: 1px solid #909295;
  border-radius: 3px;
  margin: 5px;
  background-color: #505256;
}

a.split-number:visited {
  text-decoration: none;
  color: #f0f2f5;
  display: inline-block;
  padding: 5px 10px 5px 10px;
  border: 1px solid #909295;
  border-radius: 3px;
  margin: 5px;
  background-color: #505256;
}

a.split-number:hover {
  text-decoration: none;
  color: #f0f2f5;
  display: inline-block;
  padding: 5px 10px 5px 10px;
  border: 1px solid #1196d9;
  border-radius: 3px;
  margin: 5px;
  background-color: #1576a7;
}

a.split-number:active {
  text-decoration: none;
  color: #f0f2f5;
  display: inline-block;
  padding: 5px 10px 5px 10px;
  border: 1px solid #1196d9;
  border-radius: 3px;
  margin: 5px;
  background-color: #1576a7;
}

a.split-number-over:link {
  text-decoration: none;
  color: #f0f2f5;
  display: inline-block;
  padding: 5px 10px 5px 10px;
  border: 1px solid #1196d9;
  border-radius: 3px;
  margin: 5px;
  background-color: #1576a7;
}

a.split-number-over:visited {
  text-decoration: none;
  color: #f0f2f5;
  display: inline-block;
  padding: 5px 10px 5px 10px;
  border: 1px solid #1196d9;
  border-radius: 3px;
  margin: 5px;
  background-color: #1576a7;
}

a.split-number-over:hover {
  text-decoration: none;
  color: #f0f2f5;
  display: inline-block;
  padding: 5px 10px 5px 10px;
  border: 1px solid #1196d9;
  border-radius: 3px;
  margin: 5px;
  background-color: #0c6c9c;
}

a.split-number-over:active {
  text-decoration: none;
  color: #f0f2f5;
  display: inline-block;
  padding: 5px 10px 5px 10px;
  border: 1px solid #1196d9;
  border-radius: 3px;
  margin: 5px;
  background-color: #0c6c9c;
}


/**blog列表***/

.blog-list-area{
  padding: 0px 0px 30px 0px;
}

.blog-list-cvs{
  display: flex;
  flex-wrap: wrap;
  min-width: 1280px;
  max-width: 1800px;
  margin: auto;
  padding: 40px 0px 20px 15px;
}
.blog-list-cvs .blog-list-item{
  flex-grow: 1;
  min-width: 33%;
  max-width: 33%;
  padding: 15px;
}

.blog-list-cvs .blog-list-item a{
  display: block; 
  border: 1px solid #505255;
  background-color: #27292d;
  border-radius: 10px;
  height: 400px;
  overflow: hidden;
}
.blog-list-cvs .blog-list-item a:hover{
  display: block; 
  border: 1px solid #606265;
  background-color: #27292d;
  border-radius: 10px;
  height: 400px;
  overflow: hidden;
  
}
.blog-list-cvs .blog-list-item .pic{
  height: 230px;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #1e2126;
  border-radius: 10px 10px 0px 0px;
}
.blog-list-cvs .blog-list-item .title{
  font-size: 18px;font-weight: 300;
  padding: 15px;
}
.blog-list-cvs .blog-list-item .time{
  padding: 5px 0px 5px 0px;color: #707275;
}

.blog-list-cvs .blog-list-item .remark{
  color: #a0a2a5; 
  padding: 5px 15px 10px 15px;
  font-size: 14px;
  line-height: 23px;
  height: 74px;
  /* css 三行显示省略号 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}



.bottom{
  width: 100%;
}

.bottom .bottom-menu{
  margin: auto;
  border-top: 1px solid #202225;
  max-width: 1800px;
  min-width: 1280px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 20px 0px 20px;
}
.bottom .bottom-menu .menu-item{
  padding: 10px 20px 10px 20px;
  text-align: center;
}
.bottom .bottom-menu .menu-item a{
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
.bottom .bottom-menu .menu-item a:hover{
  color: #05a6c7;
  text-decoration: underline;
  font-size: 14px;
}


.bottom .bottom-cvs{
  max-width: 1800px;
  min-width: 1280px;
  display: flex;
  align-items: center;
  margin: auto;
  padding: 20px 20px 30px 20px;
}

.bottom .bottom-cvs .left{
  flex-grow: 8;
}

.bottom .bottom-cvs .right{
  flex-grow: 1;
  text-align: right;
}



/**产品页图片样式**/
.pic-view-cvs{
    width: 400px;
    height: 400px;
    padding: 10px;
}
.pic-view-cvs .pic-view{
    width: 377px;
    height: 377px;
    border: 1px solid #404345;
    padding: 10px;
}

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

.pic-item-cvs{
    width: 400px;
    height: 110px;
    display: flex;
    padding: 5px;
}


.pic-item-cvs .pic-item{
    flex-grow: 1;
    min-width: 25%;
    max-width: 25%;

    padding: 5px;
}
.pic-item-cvs .pic-item .pic{
    width: 85px;
    height: 85px;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #404345;
}
.pic-item-cvs .pic-item .pic:hover{
    width: 85px;
    height: 85px;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #31a4a6;
}
.pic-item-cvs .pic-item .pic img{
    width: 75px;
    height: 75px;
}
.pic-item-cvs .pic-item .text{
    text-align: center;
    padding: 5px 0px 0px 0px;
    font-size: 14px;
}



/**首页code视图**/
.geek-code-menu{
  padding:5px 20px 7px 20px;
  font-size:16px;
  line-height:26px;
  border-bottom:hidden;
  cursor: pointer;
}
.geek-code-menu:hover{
  padding:5px 20px 5px 20px;
  font-size:16px;
  line-height:26px;
  border-bottom:2px solid #00e9d3;
  cursor: pointer;
}

.geek-code-menu-over{
  padding:5px 20px 5px 20px;
  font-size:16px;
  line-height:26px;
  border-bottom:2px solid #00e9d3;
  cursor: pointer;
}

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



/***滚动条****/

.i-scroll {

  

}

.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;

}