/* 主体内容样式 */
.sheji{
  margin-bottom: 15px;
}
.scheme_center {
  background-color: #f4f4f4;
  padding: 20px 0 50px;
}
.left_list {
  width: 300px;
  height: 418px;
  /* overflow-y: hidden; */
}

.amount {
  background-color: var(--main-color);
  text-align: center;
  padding: 20px;
}

.amount div {
  display: inline;
}

.today {
  color: #ffffff;
  font-size: 22px;
}

.figure {
  background-color: rgb(255, 198, 0);
  padding: 2px 5px;
  font-size: 22px;
  font-weight: bolder;
}

.scheme_list {
  height: 350px;
  border: 1px solid #d8d8d8;
  overflow: hidden;
  border-top: 0;
}

.line {
  background-color: rgb(255, 236, 226);
  line-height: 30px;
}

.line span {
  font-size: 12px;
  color: var(--main-color);
  padding-left: 25px;
}

.scheme_list ul li {
  height: 30px;
  list-style: none;
}

.scheme_list ul a{
  font-size: 12px;
  text-decoration: none;
  color: rgb(102, 102, 102);
  line-height: 30px;
}
.scheme_list ul a span{
  padding-left: 25px;
}

.scheme_daohang a:hover {
  color: var(--main-color);
}

.scheme_list li:nth-child(odd) {
  background-color: rgb(255, 236, 226);
}

.scheme_list li:nth-child(even) {
  background-color: #ffffff;
}

.center_list{
  width: 890px;
  margin-left: 10px;
  position: relative;
}
.img_box {
  position: relative;
}
.window{
  margin-bottom: 10px;
}

.window,.applicat{
  display: flex;
  align-items: center;
  border: 1px solid var(--main-color);
}
.system_box {
  background: url(../../newimages/pc_img/system.png) center 0px/100% no-repeat;
}
.scene_box{
  background: url(../../newimages/pc_img/scene.png) center 0px/100% no-repeat;
}
.system_box,
.scene_box {
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
}
.system_box img,.scene_box img{
  transition: all .3s;
}
.system_box:hover img,.scene_box:hover img{
  transform: scale(1.1);
  transition: all .3s;
}
.top_list .list_box,
.bottom_list .list_box {
  height: 62px;
  width: 123px;
  text-align: center;
  padding: 15px 0;
  border: 2px solid #eee;
  background: #ffffff;
}

.top_list .list_box div,
.bottom_list .list_box div {
  font-size: 15px;
}

.list_box div img {
  width: 50px;
}

/* .publish_area {
  margin-top: 5px;
} */

.publish_container {
  width: 400px;
}
.publish_container,.anfang{
  height: 536px;
}
.publish_bgcolor {
  background-color: #ff3b37;
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.publish_bgcolor>span {
  color: #ffffff;
  font-size: 28px;
  margin-left: 8px;
}

.publish_form {
  width: 100%;
  border: 1px solid #ff3b37;
  background-color: #ffffff;
  padding: 19px 30px 25px;
  box-sizing: border-box;
}

.publish_form input,
.publish_form textarea {
  width: 100%;
  outline: none;
  border: 1px solid #cccccc;
  padding:0 17px;
  box-sizing: border-box;
  /* font-size: 14px; */
}
.publish_form input{
  height: 50px;
}
.code_inp,.code_btns{
  vertical-align: middle;
}
.publish_form input::-webkit-input-placeholder{
  color: #999;
}
.publish_form input::-moz-input-placeholder{
  color: #999;
}
.publish_form input::-ms-input-placeholder{
  color: #999;
}
.publish_form input::-o-input-placeholder{
  color: #999;
}
.publish_form .code_inp {
  width: 140px;
  margin-right: 5px;
}

.publish_form select {
  width: 100%;
  height: 40px;
  padding:0 17px;
  border: 1px solid #cccccc;
  outline: none;
}

.publish_form textarea {
  height: 120px;
  padding-top: 10px;
  resize: none;
}
.publish_form .error {
  display: inline-block;
  margin: 0 0 5px;
  color: #ff3b37;
  font-size: 12px;
  position: relative;
  padding-left: 20px;
  visibility: hidden;
}
.publish_form .error::before{
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  background: url(../newimages/lww_errorss.png)no-repeat center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.code_btns {
  outline: none;
  width: 188px;
  height: 50px;
  background-color: #fe8605;
  border: none;
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
}
.code_btns,.sub_btn{
  outline: none;
}
.sub_btn {
  cursor: pointer;
  width: 100%;
  height: 50px;
  background-image: linear-gradient(to left, #ff1610 0%, #f98f03 100%);
  background-image: -webkit-linear-gradient(right, #ff1610 0%, #f98f03 100%);
  background-image: -moz-linear-gradient(right, #ff1610 0%, #f98f03 100%);
  background-image: -o-linear-gradient(right, #ff1610 0%, #f98f03 100%);
  border: none;
  color: #ffffff;
  font-size: 20px;
  margin-top: 11px;
}

.anfang {
  width: 780px;
  background: url(../newimages/jsbg_03.jpg) center no-repeat;
  margin-left: 15px;
}

.anfang_computer {
  width: 778px;
  text-align: center;
  margin: 10px 0;
}

.anfang_computer>span {
  font-size: 28px;
  color: #ffffff;
  vertical-align: 7px;
}

.anfang_list {
  margin: 8px 20px 15px 22px;
}

.anfang_list .list_box {
  width: 230px;
  height: 105px;
  background-color: #ffffff;
  border: solid 1px #ffffff;
  font-size: 16px;
  margin: 5px 5px;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  padding: 18px;
}
.anfang_list .list_box>a{
  display: block;
  color: var(--mainFontColor);
}
.project_list {
  display: flex;
  margin: 15px 0;
  justify-content: space-between;
}

.project_item {
  position: relative;
  overflow: hidden;
  width: 143px;
}
.project_item a{
  display: block;
  width: 143px;
  height: 173px;
  margin-right: 8px;
  overflow: hidden;
}
.project_item a:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all .3s;
  transition: all .3s;
}
.project_item img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.project_item div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 22px;
  color: #ffffff;
}
/* 技术服务 */
.andouL h2 {
  color: #3393ff;
}

.andouR h2 {
  color: #8346f4;
}

.Righttxt h2 {
  margin: 17px 0 11px 0;
}

.andou a {
  color: var(--assFontColor);
  font-size: 14px;
}

.andou .leftImg {
  width: 185px;
  height: 186px;
  margin-right: 22px;
  overflow: hidden;
  cursor: pointer;
}

.andou .leftImg>img {
  width: 100%;
  transition: all .3s;
}

.andou {
  display: flex;
  justify-content: space-between;
}

.andou>div {
  width: 49%;
}
.andou .Righttxt {
  max-width: 361px;
}

.andou .Righttxt ul li a {
  width: 361px;
}
.andou .Righttxt ul li a:hover,
.library ul li a:hover {
  color: var(--main-color);
}

.andou .leftImg:hover img,
.library ul li:first-child a:hover img {
  transform: scale(1.1);
  transition: all .3s;
}
/* 文库 */
.library {
  margin: 15px 0;
  height: 212px;
  overflow: hidden;
}
.library ul,
.natural,
.natural .naturalR .naturalR-tit {
  display: flex;
  justify-content: space-between;
}

.library ul li:first-child {
  width: 285px;
}

.library ul li:first-child a {
  display: block;
  overflow: hidden;
}

.library ul li:first-child a img {
  width: 100%;
  height: 212px;
  object-fit: cover;
  transition: all .3s;
}

.library ul li a {
  color: var(--assFontColor);
}

.library ul li:not(:first-child) {
  padding: 23px 18px;
  box-sizing: border-box;
  width: 305px;
  border-right: 1px solid #e7e7e7;
}

.library ul li .wenz a {
  width: 100%;
}

.library ul li h3 {
  margin-bottom: 11px;
}

.library ul li h3 img {
  vertical-align: bottom;
}

.andou .Righttxt ul li a,
.library ul li .wenz a {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-bottom: 6px;
  font-size: 14px;
}

/* 最新入驻 */
.natural>div {
  width: 46.5%;
}

.natural .naturalL,
.natural .naturalR {
  padding: 20px 15px 10px;
  background: #fff;
}

.naturalL ul li.city a {
  color: #0077ef;
  padding-right: 25px;
}

.naturalL ul li.city a:last-child {
  padding-right: 0;
}

.naturalL ul {
  margin: 15px 0;
}

.naturalL ul li {
  float: left;
}
.naturalL span {
  color: var(--assFontColor);
  display: inline-block;
  width: 115px;
  text-align: left;
}

.naturalL .select select {
  width: 118px;
  margin-right: 17px;
  height: 23px;
}

#gointo {
  width: 118px;
  height: 24px;
  line-height: 24px;
  background: var(--main-color);
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
}

.natural .naturalR .naturalR-tit a {
  font-size: 12px;
  color: var(--assFontColor);
  align-self: flex-end;
}

.proimg {
  display: flex;
  justify-content: space-between;
  align-self: center;
  margin-top: 11px;
}

.proimg a {
  display: block;
  position: relative;
}

.proimg a img {
  width: 130px;
  height: 110px;
}

.proimg a .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--main-color);
  color: #fff;
  z-index: 10;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.proimg a:hover .mask {
  opacity: 1;
}
/* 白色背景 */
.andou>div,
.library {
  background-color: #fff;
}
.wlist{
  flex: 1;
}
.wlist ul li{
  float: left;
  width: 135.5px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-top: 0;
}
.wlist ul li a{
  color: var(--mainFontColor);
  font-size: 14px;
  text-align: center;
}
.wlist .wimg{
  text-align: center;
  margin-bottom: 5px;
}
.scheme_sousuo {
  display: flex;
}

.scheme_sousuo .sub-sousuoBox input {
   width: 83%;
}

.sub-sousuo {
   display: inline-flex;
   align-items: center;
}

.sub-sousuoBox {
   width: 501px;
   height: 35px;
   border: 2px solid var(--main-color);
}

.sub-sousuoBox input {
   width: 90%;
   height: 100%;
   box-sizing: border-box;
   border: none;
   outline: none;
   padding: 0 5px;
}

.sub-sousuo input,
.sub-sousuo img,
.sub-sousuo button {
   vertical-align: middle;
}

.sub-sousuo input {
   color: #999999;
}

.sub-sousuo img {
   margin: 0 9px;
}

.sub-sousuo button {
   display: inline-block;
   width: 80px;
   height: 40px;
   border: none;
   outline: none;
   color: #ffffff;
   background-color: var(--main-color);
   font-size: 16px;
   cursor: pointer;
}

.sousuo>p a,
.sub-sousuoBox input {
   font-size: 14px;
}

.scheme_sousuo .sub-sousuoBox {
   width: 268px;
   height: 36px;
   background: #ffffff;
   display: flex;
   align-items: center;
}

.indicate_search {
  width: 100%;
  background-color: #fcf7f7;
  border: 1px solid #e7e7e7;
  line-height: 47px;
}

.indicate_search .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.indicate {
  float: left;
}

.indicate a {
  color: var(--mainFontColor);
  font-size: 14px;
}
.catxt{
  font-size: 24px;
  color: var(--mainFontColor);
  padding-left: 20px;
}

/* 幼教 */
.ad-file--wrap{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.schoolwrapL,.schoolwrapliR{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.schoolwrapL ul li{
  width: 50%;
  margin: 20px 0;
}
.schoolwrapL ul li .schoolwrapliL{
  width: 104px;
}
.schoolwrapL ul li a,.schoolwrapR-list .schoolwrapR-item{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.schoolwrapliR{
  margin-left: 12px;
}
.schoolwrapliR h3{
  font-weight: normal;
  font-size: 16px;
  height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.schoolwrapliR .ad-time{
  position: relative;
  color: var(--assFontColor);
  font-size: 12px;
  padding-left: 18px;
  margin: 10px 0 6px;
}
.schoolwrapliR .ad-time::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: url(../newimages/schooltime.png) center no-repeat;
  background-size: 14px;
}
.schoolwrapliR .ad-song>em{
  color: var(--main-color);
}
.schoolwrapliR .ad-song>span,.schoolwrapliR h3,
.schoolwrapR-list .schoolwrapR-item>span{
  color: var(--mainFontColor);
}
.schoolInfo{
  margin-top: 6px;
  font-size: 12px;
  color: var(--assFontColor);
}
.schoolwrapR{
  width: 260px;
  overflow: hidden;
  margin-top: 20px;
}
.schoolwrapR .schoolwrapR-tit{
  height: 40px;
  line-height: 40px;
  color: #fff;
  background-color: var(--main-color);
  font-weight: 700;
  text-align: center;
}
.schoolwrapR-list{
  border: 1px solid var(--main-color);
  border-top-color: transparent;
}
.schoolwrapR-list .schoolwrapR-item{
  padding: 0 12px;
  box-sizing: border-box;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #f5f5f5;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.schoolwrapR-list .schoolwrapR-item>em{
  display: inline-block;
  width: 23px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  background-color: var(--main-color);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  margin-right: 10px;
}
.schoolwrapR-list .schoolwrapR-item>span{
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.schoolwrapR-list .schoolwrapR-item:last-child{
  border: 0;
}
.school-page{
  margin: 20px 0 40px;
  text-align: center;
}