body{max-width: 100%;line-height:1.4}
p{min-height: 15px;}
#think_page_trace,#think_page_trace_open{z-index:9999}
.settingform{background-color:#fff}
.settingformcontent{display: flex;flex-wrap: wrap;justify-content: space-between;
}
.bgcolor{height:100%;}
.settingformcontent .layui-form-label{float:unset}
.settingformcontent .layui-form-item {width:48%;}
.template_ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.template_li {width:24%;margin-bottom:10px;background:#fff}
.template_li .view-tenth{overflow: hidden;height:240px;width:100%;}
.template_li .h2{text-align:center;line-height:32px}
@media screen and (max-width: 768px){
    .settingformcontent .layui-form-item {width:100%;}
    .template_li {width:49%;}
    .template_li .view-tenth{height:180px;}
}
.settingformcontent input,.settingformcontent textarea {background-color: #eeeeee;border-color: transparent;}
.layui-input:focus, .layui-textarea:focus {
    border-color: #50cabb!important;
}
.index_content .index_content_left .nav_box .itembody {
  margin: 0;
  padding: 0;
  font-family: "Microsoft Yahei";
  font-size: 1.4rem;
  color: #474747;
  -webkit-text-size-adjust: none;
  line-height: 100%;
  overflow-x:hidden;
  background-color: #fff;
  
}
hr {
    display: block;
    padding: 0;
    border: 0;
     height: 1px; 
   
     border-top: unset!important; 
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
::-webkit-scrollbar {
    width: .4rem!important;
    height: .4rem!important;
    background: hsla(0,0%,100%,.6);
}
::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(95,95,95,.4);
    -webkit-transition: all .2s;
    transition: all .2s;
    border-radius: .3rem;
}
::-webkit-scrollbar-track {
    border-radius: 0;
}

div::-webkit-scrollbar,.index_ad_box::-webkit-scrollbar,.nav::-webkit-scrollbar,.nav_box::-webkit-scrollbar{
width:0;
display:none;
}
/*.nav:hover::-webkit-scrollbar,.nav_box:hover::-webkit-scrollbar{*/
/*width:auto;*/
/*display:block;*/
/*}*/
:focus {
  outline: 0;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
input::-webkit-input-placeholder {
  color: #aaa;
}
input::-moz-input-placeholder {
  color: #aaa;
}
input::-ms-input-placeholder {
  color: #aaa;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #474747;
}
img,vido,iframe{max-width:100%;}
.wrap {
 /*width: 86%;*/
  margin: 0 auto;
}
.wrapbg{
  background: #f5f5f5;
}
.colorblue {
  color: #3575d6;
}
.color1 {
  color: #ff6709;
}
.color888 {
  color: #888;
}
.colorfff{
  color: #fff;
}
.top {
  
  line-height: 40px;
 
}
.flex{ display: flex;}
.flex .item{ margin-left:30px;}
.flex .layui-btn {border-color:#eee;}
.top .top_box {
  display: flex;
  justify-content: flex-end;
}
.top .top_box a {
  
  margin: 0 3px;
}
.top .top_box .top_right .cart{
  margin-left: 30px;
}
.top .top_box .top_right .cart .iconfont{
  vertical-align: bottom;
  font-size: 1.8rem;
}
.top .top_box a:first-child {
  margin-left: 0;
  flex:1;
}
.header {
 /* padding: 15px 0;
  background: #fff;*/
  height: 100%;
}
.header .header_box {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
 .header .header_box .nav{overflow-x:scroll;}
 .header .header_box .nav .item{flex-shrink:0}
.header .header_box .nav{
  display: flex;
  align-items: center;
  font-size: 1.6rem;
}
.header .header_box .nav .item{
  margin: 0 1rem;
}

.header .header_box .search_box {
  border: 1px solid #ff6709;
  width: 100%;
  height: 100%;
  /*line-height: 40px;*/
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
.header .header_box .search_box .input {
  height: 100%;
  border: none;
  padding-left: 10px;
  color: #888;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .header_box .search_box .btn {
     background: #ff6709;
    /* width: 17px; */
    position: static;
    padding: 0 5%;
    height: 100%;
    /* line-height: 36px; */
    border: none;
    color: #fff;
    font-size: 1.6rem;
    cursor: pointer
}
.header .header_box .search_box .btn .iconfont{
  font-weight: bold;
  font-size: 2rem;
}
.header .header_box .search_box .search_key_box{
  border: 1px solid #ff6709;
  border-top: none;
  position: absolute;
  z-index: 1111;
  background: #fff;
  width: calc(100% - 78px);
  display: none;
  top: 100%;
  line-height: 40px;
  box-sizing: border-box;
  left: -1px;
}
.header .header_box .search_box .search_key_box .item{
  width: 100%;
  margin:0px 10px;
  display: inline-block;
  
}
.ad1 {
  margin: 15px 0;
  height: 46px;
}
.index_content {
 /* overflow: hidden;*/
  height: 100%;
  position: relative;
 
}
.index_content .index_content_left {
  width: 100%;
  /*padding:15px 0px;*/
  background: rgba(105,101,101,.6);
  height: 100%;
  position: relative;
  z-index: 1111;
}

.index_content .index_content_left .nav_box {
  padding: 15px 0;
  flex-flow: column;display:flex; 
  flex-direction:column;
 
}
.index_content .index_content_left .nav_box .item {
  width: 100%;
  display: flex;
  flex: 1;
  justify-content: space-between;
  padding: 8px 20px;
}
.index_content .index_content_left .nav_box .item a{
  display: flex;
    align-items: center;
    justify-content: center;
}

.index_content .index_content_left .nav_box .item:hover{
  background: #ff6709;
}
.index_content .index_content_left .nav_box .item .colorfff:hover{
  color: #fff;
}

.index_content .index_content_left .nav_box .item .sub_content {
  position: absolute;
  width: 970px;
  left: 100%;
  background: #fff;
  z-index: 2222;
  height: 100%;
  top: 0;
  padding: 15px;
  display: none;
  border: 1px solid #e0e0e0;
  border-left: 0;
  background: #fff;
  -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.18);
  box-shadow: 0 8px 16px rgba(0,0,0,.18);
}
.index_content .index_content_left .nav_box .item .sub_content a {
  margin: 0px 5px;
  line-height: 36px;
}
.index_content .index_content_left .nav_box .item .sub_content .item1{
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  white-space: nowrap;
 line-height: 44px;
 height: 44px;
}
.index_content .index_content_left .nav_box .item .sub_content .item1 a{
  color: #474747;
}
.index_content .index_content_left .nav_box .item:last-child {
  border: none;
}
 .index_content_middle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 222;
}
 .index_content_middle .index_banner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.index_content_middle .index_banner .swiper-slide a {
  width: 100%;
  height: 100%;
  display: inline-block;
  display: flex;
  justify-content: center;
}
.index_content_middle .index_banner .swiper-slide a img{
  width: 100%;
  max-width: unset;
  height: 100%;
  display: inline-block;
}
 .index_content_middle .swiper-pagination-bullets{
  right: auto;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  width: auto;
}
.index_content_middle .index_banner .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: #999;
}
.index_content_middle .index_banner .swiper-pagination-bullet-active {
  background: #ff6709;
}

.index_ad_box{
  display: flex;
  justify-content: space-between;
 
  flex-wrap: nowrap;
  overflow-x:scroll;
  /*margin-top: 15px;*/
}
.index_ad_box .item img{
    height:150px;
    max-width:auto;
}
.index_ad_box .item{
  /*width: 24%;*/
  height: 150px;
  flex-shrink: 0;
  /*padding-bottom: 10px;*/
}

.index_rexiao {
 /* margin-top: 30px;*/
}
.index_rexiao .title {
  font-size: 3rem;
  text-align: center;
 /* margin-bottom: 50px;*/
}
.index_rexiao .goods_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /*margin-top: 50px;*/
}
.index_rexiao .goods_box .item {
  width: 19%;
  text-align: center;
  margin-bottom: 15px;
  background: #fff;
  height: 300px;
}
.index_rexiao .goods_box .item:hover{
  z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)
}
.index_rexiao .goods_box .item .pic{
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}


.index_rexiao .goods_box .item .pic img{
  max-height: 100%;
}
.index_rexiao .goods_box .item .info {
  background: #fff;
  font-size: 1.3rem;
  padding: 15px 0;
}
.index_rexiao .goods_box .item .info .goods_name {
  font-size: 1.5rem;
  margin-bottom: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 1rem;
}
.index_rexiao .goods_box .item .info .price {
  color: #ff6709;
  font-size: 1.8rem;
}
.index_floor{
  margin-top:20px;
}
.index_rexiao img,.index_floor img{
  max-width: 100%;
  transition: .5s;
}
.index_rexiao img:hover,.index_floor img:hover{
  max-width: 100%;
  transform: scale(1.2);
}
.title_box,.index_floor .title_box{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.index_floor .goods_box{
  display: flex;
}

.index_floor .goods_box .left_content{

}
.index_floor .goods_box .right_content{
    display: flex;
    flex: 1;
    justify-content: space-between;
    flex-wrap: wrap;
}
.index_floor .goods_box .right_content .item{
  position: relative;
    z-index: 1;
    float: left;
    width:19%;
    height: 300px;
    /*margin-left: 14px;*/
    margin-bottom: 14px;
    background: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.index_floor .goods_box .right_content .item:hover{
  z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)
}

.index_floor .goods_box .right_content .item .pic{
/*  width: 180px;
  height: 160px;*/
  overflow: hidden;
  max-width:180px;
  max-height: 160px;
  /*max-width: 100%;*/
  margin: 0 auto;
  margin-top: 25px;
  overflow: hidden;
  
}
.index_floor .goods_box .right_content .item_r_0{
  margin-right: 0;
}

.index_floor .goods_box .right_content .item_l_0{
  margin-left: 0;
}
.index_floor .goods_box .right_content .item_l_0 img{
  height: 100%;
}
.index_floor .goods_box .right_content .item .title{
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 15px 10px 0px;
}
.index_floor .goods_box .right_content .item .price_box{
  margin-top: 15px;
  display: flex;
  justify-content: center;
}
.index_floor .goods_box .right_content .item .price{
  color: #ff6700;
}
.index_floor .goods_box .right_content .item .market{
  text-decoration: line-through;
  color: #aaa;
  margin-left: 15px;
}
.index_floor .goods_box .right_content .item .description{
    margin: 10px 10px 10px;
    height: 18px;
    font-size: 1.2rem;
    color: #b0b0b0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.index_floor .title_box,.index_floor .title_box .title{line-height: 58px!important;}
.title_box{
     
    line-height: 40px;
   
}
.title_box .title,.index_floor .title_box .title{
  font-size: 20px;
    font-weight: normal;
    line-height: 40px;
       
    color: #544e4c;
}
.dragitemstyle {
    position: absolute;
    min-height: 10px;
    min-width: 30px;
    /*border: 1px dashed transparent;*/
    box-sizing: border-box;
   
}
.defaultborder1 .Content {background:#fff;}
.defaultborder1 .title_box{
     border-bottom: 1px solid #cae0f3;
}
.defaultborder1 .title_box .title{
    font-size: 18px;
     border-bottom: 4px solid #1479d7;
}
.defaultborder2 .Content {background:#fff;}
.defaultborder2 .title_box .title::before{
     float: left;
    width: 8px;
    height: 18px;
    margin-top: 12px;
    background: #3598DB;
    content:'';
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
}
.defaultborder3{
    border: 1px solid #eee;
}
.defaultborder3 .title_box{
    height: 41px;
     position: relative;
    padding: 0px;
    margin: 0px auto;
    background: #f9f9f9;
    font-size: 15px;
    border-bottom: 1px solid #eee;
    font-weight: normal;
}
.defaultborder3 .title_box .nav, .defaultborder4 .title_box .nav{position: absolute;
    right: 0;padding-right:5px;opacity:0.9}
.defaultborder3 .title_box .title{
    position: absolute;
     font-size: 18px;
    height: 41px;
    top:0;
    padding: 0px 10px;
    border-right: 1px solid #eee;
    background: #f6f6f6 url(/static/h3span.png) repeat-x;
}
.defaultborder3 .Content {padding:10px;background:#fff;}
.defaultborder4{
    border: 1px solid #eee;
}
.defaultborder4 .title_box{
    height: 41px;
     position: relative;
    padding: 0px;
    margin: 0px auto;
    background: #f6f6f6;
    font-size: 15px;
    border-bottom: 1px solid #eee;
    font-weight: normal;
}
.defaultborder4 .title_box .title{
     font-size: 18px;
    
    height: 40px;
    line-height: 40px;
    position: absolute;
    padding: 0px 25px;
    /*border-right: 1px solid #ddd;*/
    background: #fff url(/static/h3span1.png) no-repeat;
    background-position: left center;
}
.defaultborder4 .Content {padding:10px;background:#fff;}
.defaultborder5  .title_box{
    line-height: 40px;
    border-bottom: 1px solid #c00;
}
.defaultborder5 .Content {padding:10px;background:#fff;} 
.defaultborder5  .title_box  .title{
     font-size: 18px;
    background-color:#c00;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
   padding: 0 12px;
   line-height: 40px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.navstyle .cur{}
.defaultborder6  .title_box{
    line-height: 40px;
    border-bottom: 1px solid #3399ff;
}

.defaultborder6  .title_box  .title{
     font-size: 18px;
    background-color: rgba(53, 146, 226, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    padding:0 12px;
    line-height: 40px;

}
.defaultborder7 .Content {padding:10px;background:#fff;}
.defaultborder7{
    border: 1px solid #eee;
}
.defaultborder7 .title_box{
    height: 41px;
     position: relative;
    padding: 0px;
    margin: 0px auto;
    background: #f9f9f9;
    font-size: 15px;
    border-bottom: 1px solid #eee;
    font-weight: normal;
}
.defaultborder7 .title_box .title{
     font-size: 18px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    padding: 0px 10px;
  
    background-position: left center;
}
.defaultborder7 .Content {padding:10px;background:#fff;}

.defaultborder8 .title_box{
    background: #fff url(/static/bg2.jpg) repeat-x;
    background-position: left center;
}

.defaultborder8 .title_box .title{background:#fff;padding-right:12px}
.title_box .nav,.index_floor .title_box .nav{
  display: flex;
}

.title_box .nav .item,.index_floor .title_box .nav .item{
  margin-left: 15px;
}


.wuyou {
  width: 100%;

  padding: 20px 0;
 
}
.wuyou .wuyou_box {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}
.wuyou .wuyou_box .item {
  width: 20%;
  padding: 0 20px;
  display: flex;
  font-size: 1.6rem;
  color: #616161;
  cursor: pointer;
  align-items: center;
}
.wuyou .wuyou_box .item:hover{
  color: #ff6709;
}
.wuyou .wuyou_box .item  .iconfont{
  font-size:2.8rem;
}
.wuyou .wuyou_box .item  .icongift,.wuyou .wuyou_box .item  .iconweizhi{
  font-size:2.6rem;
}
.wuyou .wuyou_box .item .title {
  margin-left:5px;
}


footer {
  background: #fff;
  padding-top: 15px;
}
footer .foot1 {
  display: flex;
}
footer .foot1 .foot1_left {
  padding: 20px 50px;
  border-right: 1px solid #ddd;
  text-align: center;
}
footer .foot1 .foot1_left .tel1 {
  color: #777;
  font-weight: bold;
  font-size: 3rem;
}
footer .foot1 .foot1_left .tel2 {
  color: #888;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  width: 70%;
  margin-left: 15%;
  padding-top: 15px;
  font-size: 1.4rem;
}
footer .foot1 .foot1_left .wei_box {
  margin-top: 10px;
}
footer .foot1 .foot1_left .wei_box a {
  margin: 0 5px;
}
footer .foot1 .foot1_right {
  flex: 1;
  margin-left: 50px;
  display: flex;
}
footer .foot1 .foot1_right .menu {
  width: 25%;
  line-height: 24px;
}
footer .foot1 .foot1_right .menu .title {
  font-size: 1.4rem;
  margin-bottom: 5px;
}
footer .foot1 .foot1_right .menu li {
  font-size: 1.2rem;
}
footer .foot1 .foot1_right .menu li a {
  color: #888;
}
.foot2 {
  color: #888;
  margin-top: 25px;
  padding-bottom: 45px;
}
.foot2 .nav {
  display: flex;
  justify-content: center;
}
.foot2 .nav .item {
  margin: 0 5px;
  font-size: 1.2rem;
}
.foot2 .nav .item a {
  color: #888;
}
.foot2 .copyright {
  text-align: center;
  font-size: 1.2rem;
  margin-top: 10px;
}
.foot2_line {
  height: 1px;
  background: #ddd;
  width: 100%;
  margin: 25px 0;
}
.footer_bar_t{
  height: 52px;
}
.footer_bar{
  background: rgba(255,255,255,0.98);
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 5px 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  box-shadow: 0px -2px 5px #eaeaea;
}
.footer_bar .item{
    overflow: hidden;
  width: 25%;
  text-align: center;
  color: #888;
}
.footer_bar .item .icon{
  font-size: 24px;
}
.footer_bar .item .title{

  font-size: 14px;
}
.footer_bar .item_current{
  color: #ff6709;
}

.footer_bar .item_current .icon{
  color: #ff6709;
}

@media screen and (max-width: 768px){
/*.index_content_middle .index_banner .swiper-slide a img{width:auto}*/
.index_content .index_content_left{background:none} 
.index_content .index_content_left .colorfff {
    color: #333;
}
.index_content .index_content_left .nav_box .item .colorfff:hover {
    color: #333;
}

.index_floor{
  margin-top:0px;
}
.index_floor .goods_box .right_content .item .pic{height:45vw}
.index_floor .goods_box .right_content .item{
    margin-bottom:8px;
}
  /*.right_nav{display:none}*/
  .index_content_middle .swiper-pagination-bullets{
    bottom:20px;
    }
 
  .index_ad_box .item {
    width: auto;
    margin-right: 5px;
}
footer .foot1 .foot1_left .tel1 {
 
  font-size: 2rem;
}
  .index_content .index_content_left .nav_box .menugt{display: none !important;}
  .index_content .index_content_left .nav_box {
    padding: 0px 0;
    line-height: 48px;
    flex-flow: row;
    display: flex;
    flex-direction: row;
   
    overflow: hidden;

    flex-wrap: nowrap;
}
.index_content .index_content_left .nav_box{
    overflow-x: scroll;
    justify-content: space-between;
    
}

    
.index_content .index_content_left .nav_box .item {
    min-width:25%;
    
    height: auto;
    display: flex;
    flex: auto;
    justify-content: center;
    padding: 0 0px;
    float: left;
    flex-wrap: nowrap;
    text-align: center;
   align-items: center;
       /*flex-shrink: 0;*/
}
.index_content .index_content_left .nav_box .item a{
    display:inline-block;padding:0;border-radius:15px;
    /*background: rgb(245, 245, 245);*/
    overflow: hidden;
   
}
.header .header_box .search_box{
    
    background-color: #f5f5f5;
    border: 0;
    border-radius: 30px;
}
.header .header_box .search_box .input{
    background:none;
}
.header .header_box .search_box .btn{background:none;color: inherit;}
.index_content .index_content_left .nav_box .item .active{
/*color: rgb(255, 255, 255);*/
/*    background: rgb(250, 67, 106);*/
}
.index_content .index_content_left .nav_box .item:hover{background:none}
.index_content .index_content_left .nav_box .item .sub_content{display: none;}
  .title_box .title, .index_floor .title_box {}
  .title_box .nav,.index_floor .title_box .nav{
    display: inline-block;
    width: auto;
    max-width: 60%;
    overflow: hidden;
    
    white-space: nowrap;
    padding-bottom: 5px;

  }
  .title_box .nav,.index_floor .title_box .nav{
      line-height: 26px;
      overflow: hidden;
    overflow-x: scroll;
    margin-right:5px;
    -webkit-overflow-scrolling: touch; overflow-scrolling: touch;
  }
  .header .header_box .search_box .btn .iconfont{
  
    font-size: 1.8rem;
  }
    .header .header_box .search_box input {
  
    font-size: 1.2rem;
  }
  .title_box .title, .index_floor .title_box .title{
    font-weight: 500;
    font-size: 1.6rem;   
  }

  .title_box .nav .item, .index_floor .title_box .nav .item{
    margin-left: 6px;
   
  }
  .index_floor .goods_box{display: block;}
  .index_floor .goods_box .right_content .item{width: calc(50% - 4px);}
  .index_rexiao .title {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 30px;
  }
  .index_rexiao .goods_box .item{width: 49%;oveflow:hidden;}
  .index_floor .goods_box .right_content .item_l_0{display: none;}
  .wuyou {padding:0px 0 }
  .wuyou .wuyou_box {
       width: 100%;
      display: flex;
      justify-content:left;
      border-bottom: 0px solid #ddd;
      padding-bottom: 20px;
      flex-wrap: nowrap;
	  overflow-x:scroll;
    }
    .wuyou .wuyou_box .item {
     width: 33.3%;
      margin-bottom: 0px;
      padding: 20px 10px;
      display: flex;
      font-size: 16px;
      color: #616161;
      cursor: pointer;
      align-items: center;
      flex-direction: column;
	  flex-shrink: 0;
    }
    .wuyou .wuyou_box .item:hover{
      color: #ff6709;
    }
    .wuyou .wuyou_box .item  .iconfont{
         font-size: 3.8rem;
        color: #2b2;
    }
    .wuyou .wuyou_box .item  .icongift,.wuyou .wuyou_box .item  .iconweizhi{
      font-size:3.8rem;
    }
    .wuyou .wuyou_box .item .title {
          margin-left: 5px;
        font-size: 1.2rem;
        margin-top: 12px;
        color: #aaa;
    }
    

  
    footer .foot1 {
        display: flex;
        flex-wrap: wrap;
    }
    footer .foot1 .foot1_left {   
    border-right: 0;
   
    width: 100%;
    }
    footer .foot1 .foot1_right {
        
        flex-wrap: wrap;
    }
    footer .foot1 .foot1_right {
        display: none;
    }
    .foot2 .nav{
      display: none;
    }
    .foot2 {
      /*border-top: 1px solid #eee;*/
    
      margin-top: 10px;
      padding-bottom: 35px;
    }

}
@media screen and (min-width:480px) and (max-width: 768px){
 .index_content .index_content_left .nav_box .item {
    min-width: 18%;
 }
}

 @media screen and (min-width:769px) and (max-width:1199px) {
     .wuyou .wuyou_box .item .title {font-size: 1.4rem;}
   }
.header_line {
  width: 100%;
  height: 3px;
  background: #ff6709;
}
.position {
  margin: 15px 0;
}
.filter {
  border: 1px solid #ddd;
}
.filter .item {
  width: 100%;
  display: flex;
  line-height: 38px;
  border-bottom: 1px solid #ddd;
}
.filter .item .filter_name {
  width: 130px;
  background: #f1f1f1;
  text-align: center;
  border-right: 1px solid #ddd;
}
.filter .item .value_box {
  display: flex;
  flex: 1;
  padding: 0 30px;
}
.filter .item .value_box .value {
  width: 10%;
}
.filter .item:last-child {
  border: none;
}
.order_box {
  margin-top: 20px;
  display: flex;
  border: 1px solid #ddd;
  line-height: 48px;
  background: #fff;
}
.order_box .current {
  background: #ff6709;
  width: 100px;
  text-align: center;
}
.order_box .current a {
  color: #fff;
}
.order_box .order2 {
  width: 100px;
  text-align: center;
  border-right: 1px solid #ddd;
}
.order_box .order3 {
  width: 100px;
  text-align: center;
  border-right: 1px solid #ddd;
}
.lists_goods {
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap;
}
.lists_goods .item {
  width: 24.2%;
  margin-bottom: 15px;
  margin-right: 1%;
}
.lists_goods .item:hover{
  z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)
}
.lists_goods .item:nth-child(4n){
  margin-right: 0;
}
.lists_goods .item .pic {
  position: relative;
  height: 0;
  padding-bottom: 100%;
}
.lists_goods .item .pic img {
  position: absolute;
  height: 100%;
  width: 100%;
}
.lists_goods .item .info {
  padding: 15px;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #fff;
}
.lists_goods .item .info .goods_name {
  width: 100%;
  margin-bottom: 15px;
}
.lists_goods .item .info .price {
  font-size: 1.8rem;
  color: #ff6709;
}
.lists_goods .item .info .icon {
  color: #ff6709;
  font-size: 1.6rem;
}
.lists_goods .item .info .icon .iconfont{
  font-size: 1.2rem;
}
.public_ad {
  margin-top: 20px;
}
.foot_line {
  width: 100%;
  height: 1px;
  background: #ddd;
}
.graybg {
  background: #f5f5f5;
  padding: 30px 0;
}
.page_box {
  display: flex;
}
.page_box .page_left {
  background: #fff;
  width: 200px;
  padding-bottom: 20px;
}
.page_box .page_left .title {
  background: #efefef;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}
.page_box .page_left .title:first-child {
  margin-top: 0;
}
.page_box .page_left .item {
  padding-left: 20px;
  line-height: 40px;
}
.page_box .page_right {
  background: #fff;
  margin-left: 25px;
  padding: 20px;
  flex: 1;
}
.page_box .page_right .title {
  font-size: 2.4rem;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.page_box .page_right .content {
  line-height: 30px;
  margin-top: 20px;
}

.page_box .page_right .index_form{
  width: 60%;
  margin:  0 auto;
}
.index_form .item{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.index_form .item .label{
  width: 100px;
  text-align: right;
}
.index_form .item .input_box{
  flex: 1;
  text-align: center;
}
.filter .item .value_box{
  flex-wrap: wrap;
}
.right_nav{
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 999;
}
.right_nav .item{
  width: 70px;
  height: 75px;
  margin-top: -1px;
  background-color: #fff;
  border: 1px solid #f5f5f5;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.right_nav .item:hover{
  background: #ff6709;
}
.right_nav .item:hover a{
 color: #fff;
}
.right_nav .item:hover .iconfont{
  color: #fff;
 }
.right_nav .item a{
  color: #757575;
}

.right_nav .item .iconfont{
  font-size: 2.6rem;
  color: #757575;
}

.goup{

 

  right: 0px;

  bottom: 50px;

  cursor: pointer;
  border: 1px solid #f5f5f5;

}

.goup .icon{
  width: 70px;
  height: 60px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;

}

.goup .icon .iconfont{
  font-size: 2.6rem;
  
}

  /*分页样式*/  
  .pagination{text-align:center;margin-top:20px;margin-bottom: 20px;width: 100%;text-align: center;}  
  .pagination li{margin:0px 5px; border:1px solid #e6e6e6;height:35px;line-height:35px;display: inline-block;border-radius: 50%;}  
  .pagination .active{background-color: #ff6709;color: #fff;border-color: #ff6709;}  
  .pagination .disabled{color:#aaa;} 

  .index_coupons_banner{
    background: url(../images/portal_activity_registration_banner.png) no-repeat center center;
    width: 100%;
    height: 529px;
    
  }

  .index_coupons_title{
     width: 100%;
     text-align: center;
     color: #1f66da;
     margin: 30px 0;
     font-size: 2.4rem;
  }

  .index_coupons_box{
    background: url(../images/portal_activity_registration_floor5.png) no-repeat center center;
    height:346px;
    width: 100%;
    display: flex;
    padding: 30px;
    justify-content: space-around;
  }

  .index_coupons_box .item{
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    width: 30%;
    height: 270px;
  }

  .index_coupons_box .item .title_box{
    background: url(../images/portal_activity_registration_floor5-hd.png) no-repeat center center;
    width: 100%;
    height: 98px;
    line-height: 98px;
  }

  .index_coupons_box .item .title_box .title{
    font-size: 2.4rem;
    margin-left: 50px;
    color: #733F01;
    font-weight: bold;
  }

  .index_coupons_box .item .description{
    padding: 15px;
    font-size: 1.8rem;
    color: #ff6709;
  }
  .index_coupons_box .item .time{
    color: #888;
    padding:0 15px;
  }

  .index_coupons_box .item .btn1{
    background-image: linear-gradient(111deg,#FF4F4F 4%,#FF6037 48%,#FF4F32 100%);
    margin: 15px;
    color: #fff;
    margin-top: 20px;
    padding: 9px 20px;
    font-size: 1.8rem;
    font-weight: 700;
    border-radius: 23px;
    width: 130px;
    text-align: center;
    cursor: pointer;
  }

  .index_coupons_box .item .btn2{
    background-image: linear-gradient(111deg,#b5a4a0 4%,#a98d85 48%,#8a8280 100%);
    margin: 15px;
    color: #fff;
    margin-top: 20px;
    padding: 9px 20px;
    font-size: 1.8rem;
    font-weight: 700;
    border-radius: 23px;
    width: 130px;
    text-align: center;
    cursor: pointer;
  }

  .index_coupons_box .item .btn1:hover{
    background-image: -webkit-linear-gradient(-21deg,#FDDEC0 3%,#E7BB8F 66%,#D5A270 100%);
  }
#ewm{
  position: relative;
  cursor: pointer;
}
#ewm_content{
    display: none;
    width: 90px;
    margin-left: 4.5rem;
    margin-top: 10px;
    position: absolute;
}

.news_box{
  /*background: #fff;*/
  padding: 10px 0;
  
}
.news_box .item{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 1rem;
  margin: 1rem 0;
}
.news_box .item.notfirst{
    margin:0;
}
.news_box .item  .cateinfo{
    margin-top:5px;
    font-size: 12px;
    color: #999;
    line-height: 1.6;
}
.news_box .item .news_intro{
    line-height: 1.6;
    color:#777;
   margin-top:5px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
    font-weight: normal;
}
    .news_box .item .pic {
    display: flex;
    /*border-radius: 5px;*/
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-right: 3%;
    /*border: 1px solid #eee;*/
    /* width: 30%; */
    height: 108px;
    width: 150px;
}
  .news_box .item .pic .img {
    border-radius: 3px;
    width: auto;
    width: 100%;
    transition: all 0.5s;
}
  .news_box .item:hover{border-bottom:1px dashed #eee!important}
.news_box .item:hover .pic .img{transform:scale(1.1);}
 .news_box .item .date {
        text-align: center;
        min-width:68px;
        max-width:68px;
        margin-right: 10px;
  }
   .news_box .options,.news_box .item .title{
       line-height: 1.6;
      width:100%;
      font-size:15px;
     
      
   }
   .news_box .options,.news_box .item.notfirst .title{  font-size:14px;}
   .news_box .options,.news_box .item .title1{
       line-height: 1.6;
      width:100%;
      font-size:15px;
      display: flex;
      align-items: center;
      
   }
   .news_box .options{justify-content:center}
   .news_box .item .ptitle{
      line-height: 1.6;
       overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: justify;
    font-weight: normal;
   
   }
    .news_box .item .ptitle .numlist{
        display: inline-block;
        background:#eee;
        border-radius: 100%;
        width: 24px;
        height: 24px;
        text-align: center;
        margin-right: 5px;
    }
    .news_box .item:nth-child(1) .ptitle .numlist,.news_box .item:nth-child(2) .ptitle .numlist,.news_box .item:nth-child(3) .ptitle .numlist{
        background:red;
        color: #fff;
    }
   
   .news_box .item .ptitlearrow{
        padding-left:15px;
       background: url(/static/li_arrow.gif) 0 10px no-repeat;
   }
    .news_box .item .ptitlearrow1{
        padding-left:15px;
       background: url(/static/ico-3.gif) 0 10px no-repeat;
   }
       .news_box .item .ptitlearrow2{
        padding-left:15px;
       background: url(/static/ms11.png) 0 8px no-repeat;
   }
       .news_box .item .ptitlearrow3{
        padding-left:20px;
       background: url(/static/h3span2.png) 0 7px no-repeat;
   }
        .news_box .item .ptitlearrow4{
        padding-left:15px;
       background: url(/static/ico-2.gif) 0 10px no-repeat;
   }
   .news_box .item .time{
        justify-content: right;
      min-width:82px;
     max-width:82px; 
     opacity: 0.8;
     display: flex ;
     align-items: center;
   }
   .news_box .item .time1{
       font-size: 13px;
      justify-content: right;
       width:100%;
        opacity: 0.8;
     display: flex ;
     align-items: center;
   }
  .news_box .item  .dd {
    padding: 8px 0;
    color:#777;
    box-sizing: border-box;
    border: 0px solid #eee;
    font-size: 24px;
    background:#eee ;
}
.news_box .item .m {
    background: #c00;
    color: #fff;
    padding: 5px;
    font-size:14px;
}
.wenzhang_title{
  font-size:2.0rem;
  width: 100%;
  text-align: center;
}
.wenzhang_time{
  width: 100%;
  text-align: center;
  color: #888;
  margin: 1.4rem 0;
}
.wenzhang_content{
  line-height: 32px;
  min-height: 1000px;
}
.wenzhang_content img{
     max-width: 100%;
    height: auto!important;
}
.article_title{ font-size: 2.4rem; width: 100%; text-align: center; font-size: 2.6rem; margin-top: 35px; color: #666;}
.article_time{ width: 100%;text-align: center;  color: #aaa; margin-top: 10px;}
.article_content{ margin-top: 20px; line-height: 170%; color: #666 }
.prearticle{ margin-bottom: 10px; padding-top:30px; border-top: 1px solid #ccc; width: 100%;color: #666;}

.blank{background-color: #fff;width: 100%;display: flex;justify-content: center;align-items: center;width: 100%;min-height:600px}

/*楼层导航*/
.divcss5{color: #777; font-size: 1.5rem;padding: 0 4px 5px 4px; border-bottom:1px solid #eee}
.step{z-index: 999;background: rgba(255, 255, 255, 0);}   
.step li {
   
    font-size: 1.4rem;
    list-style-type:none;
    width:80px;
    height:40px;
    line-height:40px;
    text-align:center;
    /*border-bottom:1px dashed #eee;*/
    position:relative;
    text-align: center;
    overflow: hidden;
}
.step li.hover {
    background-color:#c81623;
}
/*鼠标移动上去后的效果*/
.step li span {

    display:none;
    position:absolute;
    width:80px;
    height:40px;
   
    text-align:center;
}
.step li.hover span {
    display:block;
    top:0;
    left:0;
    background-color:#c81623;
    color:white;
}
/*鼠标移动上去后的效果*/
 ul.step {
    position:fixed;
    left:0px;
    top:100px;
    display:none;
}
.step li span.cli {
    display:block;
    top:0;
    left:0;
    background-color:#c81623;
    color:white;
  
}

.allbox div {
    /*z-index: 1;*/
}
.itemcontent {
    height: 100%;
}
.allbox {
    /*height: 100%;*/
   
    width: 100%;
    position: relative;
}
.modulebox {
    position: relative;
    height: 100%;
    /*overflow: hidden;*/
}
.Content {
    height: 100%;
}
.tabs {
	width:100%;
	overflow:hidden;
	margin-bottom:-1px;
	position: relative;
    z-index:2 ;
}
.tabs>a {
	font-weight:normal;
	text-align:center;
	float:left;
	padding:12px 24px;
	text-decoration:none;
	border-bottom: 1px solid transparent;
    border-left: 1px solid #e4e7ed;
    border-top: 1px solid #e4e7ed;
}
.tabs>a:first-child{
    border-radius: 4px 0px 0 0;
}
.tabs>a:last-child{
    border-radius: 0px 4px 0 0;
    border-right: 1px solid #e4e7ed;
}
.tabs>a.active {
    background: #fff;
	color:#409eff;
	border-bottom:1px solid #fff;
}

.menubox{display: block;height: 100%;}
.menubox ul{padding: 0;}
.menubox ul li{list-style-type:none;position: relative;}
.menubox>ul{height: 100%;display: flex;justify-content: space-between;}

.menubox>ul>li{margin: 0 3px;width: 20%;  height: 100%; display: block;  }
.menubox>ul>li:after{transition: all .5s;content:"";display: block;height: 3px;background: #3399ff;position: absolute;width: 0%;}
.menubox>ul>li:hover:after{width: 100%;}
.menubox ul li:hover>ul{height: auto;visibility:hidden;opacity:1;min-width: 80px;}
@media(hover: hover) and (pointer: fine) {
  .menubox ul li:hover>ul{height: auto;visibility:hidden;opacity:1;min-width: 80px;}
}
.menubox ul li a{display: flex;align-items: center;justify-content: center;text-align:center; width:100%;height: 100%;  text-decoration:none;}
.menubox ul li li a{display: flex;justify-content:space-between;padding: 0 15px; width:100%;height: 100%;  text-decoration:none;}
.menubox ul li ul{
    font-size: 1.5rem;height: 0;opacity:0;visibility:hidden;position:absolute;width: 100%; top:100%;border: 0;
    border: none; 
    transition: all 2s 0s ease;
}
.menubox ul li ul li{border-bottom: solid 1px #eee;line-height: 45px;width: 100%;background-color:#FFFFFF;}
.menubox>ul>li:hover{background: #ff6709;}
.menubox>ul>li:hover>a{color: #fff;}
.menubox ul li ul li:hover ul{display:block;}

.menubox ul li ul li ul{display:none; position:absolute; top:0; left:100%;}

.menubox ul li ul li ul li{background:#FFFFFF;}

.menubox ul li ul li ul li:hover{}

.layui-nav-more:before {
    font-family: layui-icon!important;
    content: '\e602';
    font-size: 12px;
}
.dl-trigger{ 
  width: 48px;
  height: 45px;
  
  position: absolute;
  right: 0px;
  }

.dl-trigger button:after {
    content: '';
    position: absolute;
    width: 58%;
    height: 3px;
    background: #fff;
    top: 9px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 8px 0 #fff, 0 16px 0 #fff
}
.f-trigger{
    height: 37px;
    display: none;position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
.dl-trigger button{
  border-radius: 50%;
    right:0; 
      width: 40px;
  height: 37px;

   /* top: 50%;
    transform: translateY(-50%);*/
    background: #ff6709;
    border: none;
   
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
}
.menu-ul>li>a>.layui-nav-more{display:none}
@media only screen and (max-width: 768px) {
 .menu-ul>li>a>.layui-nav-more{display:block}
 .menubox{overflow: hidden;overflow-y: scroll;padding: 0 15px;display: none;box-shadow: 0 0 10px #eee;
    border: none; position:fixed;left:0; width:100%;height:100%;background:rgba(255,255,255,1);z-index:9999;}
 .menubox>ul{display: block;}
 .menubox>ul>li{border-bottom: 1px solid #eee;margin: 0;width: 100%;height: auto;min-height: 45px;line-height: 45px;}
 .menubox ul li ul{position: relative;left: 0;top: 0}
 .menubox ul li a{justify-content: space-between;padding: 0 10px;}
 .menubox>ul>li:after{display: none;}
 .menubox ul li ul li ul{position:relative; top:0; left:0;}
 .f-trigger {
  display: block;
 }
}

.lists1_box{
    display: flex;
    background: #fff;
    padding: 15px 10px;
    margin-bottom: 10px;
}

.lists1_box .item{
    margin-right: 20px;
    font-size: 15px;
}

.lists1_box .current{
    color: #ff6709;
}

.lists2_box{
    display: flex;
    background: #fff;
    padding: 15px 20px 0;
    
}
.lists2_box .left_content{
    color: #666;
    margin-right: 20px;
     display: flex;
     align-items: center;
}

.lists2_box .right_content{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    flex: 1;
}

.lists2_box .right_content .item{
    margin-right: 20px;
    /*margin-bottom: 10px;*/
}
.lists2_box .right_content .item.current a{
  color: #fff;
}
.lists2_box .right_content .current{
    color: #fff;
    background: #ff6709;
    border-radius: 20px;
    padding: 0 10px;
}

.lists3_box{
    display: flex;
    background: #fff;
    padding: 15px 20px;
}
.lists3_box .left_content{
    color: #666;
    margin-right: 15px;
}

.lists3_box .right_content{
    display: flex;
    flex: 1;
}

.lists3_box .right_content .item{
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.lists3_box .right_content .current{
    color: #ff6709;
    
}

.lists3_box .right_content .iconpaixujiantouxia{
    margin-top: -5px;
}

.lists3_box .right_content .iconpaixujiantoushang{
    margin-top: 5px;
}
.user_position{
    color: #888;
    display: inline-flex;
    margin-top: 20px;
}
.user_position a{
    color: #888;
}



.user_box{

    display: flex;

    margin-top: 20px;
    padding-bottom: 20px;

}



.user_box_left{

    width: 220px;
    background: #fff;
    padding: 15px;
}

.user_box_left .title{

    
    font-size: 16px;
    margin:20px 0 10px 15px;

}

.user_box_left li{

    margin: 0 10px;

    line-height: 40px;

    list-style: none;

}
.user_box_left li a{
    color: #888;
}

.user_box_left .current a{

    color: #ff6709;

}



.user_box_right{

    flex: 1;

    margin-left: 20px;
    background: #fff;

}



.user_box_right  .current_title{

    font-weight: bold;

    border-bottom: 2px solid #ff6709;

    padding: 10px 15px;

    color: #ff6709;

}



.xingyun_info{

    background: #f0f0f0;

    padding: 10px 15px;

    margin: 15px 0;

}



.index_info_form{

    padding: 50px;
    display: flex;
    align-items: center;

}
.index_info_form .left_content{
    width: 30%;
    display: flex;
    flex-wrap: wrap;
}
.index_info_form .left_content .face{
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 162px;
    height: 162px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.index_info_form .left_content .face .img{
    border-radius: 50%;
    width: 150px;
    height: 150px;
}
.index_info_form .left_content .input_box{
    width: 100%;
    text-align: center;
    margin-top: 15px;
}
.index_info_form .right_content{
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
}

.index_info_form .item{ 

    display: flex;

    margin: 10px 0;

    width: 100%;

}

.send_code {
    width: 90px;
    border-radius: 25px;
    height: 32px;
    color: #ff6709;
    text-align: center;
    line-height: 32px;
    margin-left: 10px;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #ff6709;
    background: #fff;
}

.index_info_form .item .label{ 

    width: 85px;

    text-align: right;
    margin-top: 7px;
}

.index_info_form .item .input_box{ 

    flex: 1;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.index_info_form .item  .iconfont{

    font-size: 18px;
}
.index_info_form .item .iconcuo{
    color: #ff6709;
}
.index_info_form .item .iconduihao{
    color: #55d034;
    margin-top: 3px;
}

.index_info_form .item .input_box .input{ 

    width: 70%;

    margin-right: 10px;

    padding-left: 10px;

    color: #888;

}

.input{

    line-height: 30px;

    border: 1px solid #ddd;

    width: 100%;

}



.tishi{

    font-size: 12px;

    color: #888;

}



.button{

    background: #ff6709;

    border: none;

    border-radius: 5px;

    color: #fff;

    width: 100px;

    text-align: center;

    line-height: 32px;

    margin-top: 10px;
    cursor: pointer;

}
.wechat_mobile{
    padding: 50px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.wechat_mobile_title{
    width: 100%;
    color: #ff6709;
    font-size: 26px;
    text-align: center;
    margin-bottom: 30px;
}
.loginbg{
    background: url(../images/loginbg.jpg) no-repeat center center;
    height: 600px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content:flex-end;
}

.loginbg .login_box{
    width: 1200px;
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
}

.user_entrence_box{

    width: 360px;

    display: flex;  

    border: 1px solid #ddd;
    flex-wrap: wrap;
    background: #fff;

}



.user_entrence_box .title_box{

    border-bottom: 1px solid #ddd;

    width: 100%;

    display: flex;

    justify-content: center;

    font-size: 20px;

    align-items: center;

    padding: 30px 0

}



.user_entrence_box .title_box .current{

    font-weight: bold;

    color: #ff6709!important;

}



.user_entrence_box .title_box .item{

    padding:  5px 15px;

    color: #888;

    border-left: 1px solid #ddd;

}



.user_entrence_box .title_box .item:first-child{

    border-left: none;

}



.user_entrence_box .info_box{

    width: 100%;

    padding: 25px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.user_entrence_box .info_box .item{

    width: 100%;

    display: flex;

    align-items: center;

    margin-bottom: 15px;

}



.user_entrence_box .info_box .item1{

    margin-bottom: 15px;

}



.user_entrence_box .info_box .item .send_code{

    width: 90px;

    border-radius: 25px;

    background: #ff6709;

    height: 32px;

    color: #fff;

    text-align: center;

    line-height: 32px;

    margin-left: 10px;

    font-size: 12px;

    cursor: pointer;

}

.user_entrence_box .info_box .item .icon{

    background: #eee;

    height: 40px;

    width: 40px;

    text-align: center;

    line-height: 40px;

    color: #aaa;

    border: 1px solid #ddd;

    border-right: none;

}



.user_entrence_box .info_box .item .input_box{

    flex: 1;

}



.user_entrence_box .info_box .item .input{

    height: 40px;

    flex: 1;

    padding-left: 10px;

}



.user_entrence_box .info_box .item1{

    width: 100%;

    display: flex;

    justify-content: space-between;

}



.user_entrence_box .info_box .btn{

    background: #ff6709;

    border: none;

    color: #fff;

    width: 100%;

    text-align: center;

    height: 40px;

    line-height: 40px;

}



.public_thumb_box{

    margin-left: 10px;

    align-items: center;

    max-width: 120px;

}



.public_thumb_box .delete_img{

    margin-left: 5px;

}



.layui-input{

    color: #888;

}



.user_content_box{

    padding: 15px 20px;

}



.mask{

    width: 100%;

    height: 100%;

    background: #000;

    overflow: hidden;

    position: fixed;

    left: 0;

    top: 0;

    opacity: .6;

    filter: alpha(opacity=60);

    z-index: 9999;

    display: none

}





.address_list{
    display: flex;
    flex-wrap: wrap;
}
.address_list .item{
    width: 30%;
    margin: 10px 10px;
    border: 1px solid #ddd;
    padding: 1.5rem 1.5rem 3rem 1.5rem;
    line-height: 26px;
    position: relative;
}
.address_list .item .isdefault{
    position: absolute;
    right: 10px;
    top: 10px;
}

.address_list .item .isdefault .iconfont{
    color: #ff6709;
    font-size: 22px;
}

.address_list .item .shou_name{
    font-size:18px;
    margin-bottom: .5rem;
}

.address_list .item .shou_mobile{
    color: #888;
}

.address_list .item .shou_address{
    color: #888;
}
.address_list .item .address_add_box{
    justify-content: center;
    display: flex;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
}

.address_list .item .shou_btn{
    width: 100%;
    text-align: right; 
    display: none;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}

.address_list .item .shou_btn a{
    color: #ff6709;
    margin-left: 10px;
}


.address_add_box .box{
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.address_list .item .address_add_box .iconfont{
    font-size: 26px;
    color: #aaa;
}
.address_list .item .address_add_box .text{
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-top:10px;
    color: #bbb;
}

.address_list .item .address_add_box .iconfont{
    color: #bbb;
}


.address_box {

    background: #fff;

    border-radius: 5px;

    display: none;

    width: 850px;

    height: 380px;

    position: fixed;

    z-index: 9999;

    left: 50%;

    margin-left: -425px;

    top: 100px;

    padding: 25px;

    box-sizing: border-box;

  }

  .address_box .address_close {

    width: 30px;

    height: 30px;

    float: right;

    cursor: pointer;

  }
  .add_address{
      cursor: pointer;
  }

  .address_form .item {

    width: 50%;

    float: left;

    margin-top: 20px;

    display: flex;

  }

  .address_form .address_info {

    width: 100%;

  }

  .address_form .item .item_right {

    flex: 1;

  }

  .address_form .item .item_right .input {

    line-height: 36px;

    width: 100%;

    padding-left: 10px;

  }

  .address_form label {

    width: 90px;

    text-align: right;

    line-height: 36px;

  }

  .address_form .btn_box {

    display: flex;

    width: 100%;

    justify-content: center;

  }

  .address_form .btn_box .btn {

    width: 85px;

    line-height: 42px;

    display: inline-block;

    margin: 0 5px;

    border-radius: 3px;

    font-size: 16px;

    margin-top: 30px;

    color: #fff;

    text-align: center;

    background: #ff6700;

    border: none;

  }

  .address_form .city_box {

    width: 33%;

    float: left;

  }

  .address_form .city_box select {

    height: 36px;

    width: 170px;

    color: #888;

  }

  .address_title {

    font-size: 24px;

    text-align: center;

    margin: 20px 0;

  }


  .collect_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }



  .collect_box .item{
      width: 30%;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      border-bottom: 1px solid #ddd;
      padding-bottom: 20px;
      margin: 15px 0;
  }
  .collect_box .item .title{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
  }

  .collect_box .item .pic{
    width: 100%;
    text-align: center;
  }

  .collect_box .item .price_box{
    width: 100%;
    text-align: center;
    margin-top: 5px;
    font-size: 16px;
    
  }
  .collect_box .item .price_box .price{ 
    color: #ff6700;
  }
  .collect_box .item .price_box .market{ 
    color: #888;
    text-decoration: line-through;
    margin-left: 10px;
  }
  .collect_box .item .btn_box{
      display: flex;
      justify-content: space-between;
      width: 100%;
      margin-top: 15px;
      opacity: 0;
      transition: all .2s linear;
  }
  .collect_box .item .btn_box .del{
    width: 45%;
    border: 1px solid #ddd;
    text-align: center;
    padding: 10px 0;
  }
  .collect_box .item .btn_box .detail{
    background: #ff6700;
    color: #fff;
    width: 45%;
    text-align: center;
    padding: 10px 0;
  }
  .collect_box .item:hover .btn_box{
    opacity: 1;
    transition: all .2s linear;
  }
  .user_index_content1{
      padding: 50px;
      display: flex;
      
  }
  .user_index_content1 .left_content{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding-bottom: 50px;
  }

  .user_index_content1 .left_content .pic{
      border: 1px solid #ddd;
      border-radius: 50%;
      width: 162px;
      height: 162px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .user_index_content1 .left_content .pic .img{
    border-radius: 50%;
    width: 150px;
    height: 150px;
  }
  .user_index_content1 .left_content .info{
      margin-left: 30px;
  }
  .user_index_content1 .left_content .info .title{
    font-size: 24px;
    font-weight: 400;
    color: #616161;
 } 
 .user_index_content1 .left_content .info .description{
    color: #aaa;
    margin-top: 5px;
 } 
 .user_index_content1 .left_content .info .description1{
    margin-top: 10px;
 } 
 .user_index_content1 .left_content .info .description2{
    margin-top: 10px;
    color: #888;
 }

 .user_index_content2{
    padding: 0 50px 50px 50px;
    display: flex;
    flex-wrap: wrap;
}
.user_index_content2 .item{
    width: 50%;
    display: flex;
    margin: 15px 0;
    align-items: center;
}
.user_index_content2 .item .icon{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.user_index_content2 .item .icon .iconfont{
    font-size: 52px;
    color: #fff;
}
.user_index_content2 .item .info{
    margin-left: 15px;
}
.user_index_content2 .item .info .title .span1{
    font-size: 18px;
    font-weight: 400;
}
.user_index_content2 .item .info .title .span2{
    color: #ff6700;
    font-size: 18px;
}
.user_index_content2 .item .info .description a{
    color: #888;
}
.user_index_content2 .item .info .description .iconfont{
    font-size: 12px;
}
.user_index_content2 .bg1{
    background: #ff5b00;
}

.user_index_content2 .bg2{
    background: #78c552;
}

.user_index_content2 .bg3{
    background: #0098f3;
}

.user_index_content2 .bg4{
    background: #ffa700;
}


 .comment_title{

    border-bottom: 2px solid #ff6709;

    padding: 10px 15px;

}
.comment_title .span1{
    margin-left: 10px;
}
.comment_title .span2{
    margin-right: 10px;
}
.comment_title .color1:hover{
    color: #ff6709;
}


.comment_box{

}
.comment_box .item{
    display: flex;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    align-items: center;
}
.comment_box .item .pic{
    width: 120px;
}
.comment_box .item .goods_title{
    margin-left: 10px;
    width: 150px;
}

.comment_box .item .content{
    flex: 1;
}
.comment_box .item .time{
    color: #888;
    margin-top: 5px;
}
.comment_box .item .del{
    width: 100px;
    text-align: center;
}
.myscore_current_status{
    position: relative;
    padding: 30px;
    background-color: #f3f3f3;
    margin-top: 10px;
}
.myscore_current_status h3{
    height: 20px;
    text-align: left;
}
.myscore_current_status p{
    font-size: 48px;
    line-height: 50px;
    color: #ff7802;
    margin-top: 20px;
}
.myscore_current_status .link_box{
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.current-status .link-box span {
    font-size: 18px;
    color: #787d82;
    line-height: 20px;
    text-align: left;
}
.current-status .link-box a {
    font-size: 18px;
    color: #ff7802;
    line-height: 20px;
    text-align: left;
}
.myscore_title{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    margin-top: 30px;
}
.myscore_title .title_box{
    display: flex;
}
.myscore_title .title_box .title1{
    margin-right: 20px;
}
.myscore_title .title_box .current{
    color: #ff7802;
    border-bottom: 2px solid #ff7802;
    padding-bottom: 10px;
}
.myscore_title .time{
    color: #aaa;
    cursor: pointer;
}
.myscore_box{
    margin-top: 20px;
}
.myscore_box .title{
    background: #eee;
    border: none!important;
}
.myscore_box .item{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    align-items: center;
    margin: 10px 0;
    padding: 10px;
    
}
.myscore_box .item .content1{
    width: 100px;
    text-align: center;
}
.myscore_box .item .content2{
    flex: 1;
    margin-left: 100px;
    text-align: center;
}
.myscore_box .item .content3{
    width: 100px;
    text-align: center;
}

.myscore_box .item .content4{
    width: 200px;
    text-align: center;
}
.score_shop_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }



  .score_shop_box .item{
      width: 30%;
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px solid #ddd;
      padding-bottom: 20px;
      margin: 15px;
  }
  .score_shop_box .item .title{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .score_shop_box .item .title{
      text-align: center;
      width: 100%;
      margin-top: 10px;
  }

  .score_shop_box .item .pic{
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 70%;
  }
  .score_shop_box .item .pic img{
    position: absolute;
    height: 100%;
    width: 100%;
  }
  .score_shop_box .item .price_box{
    width: 100%;
    text-align: center;
    margin-top: 5px;
    
  }
  .score_shop_box .item .price_box .price{ 
    color: #ff6700;
  }

  .score_shop_box .item .detail_btn{
    color: #ff5b00;
    width: 45%;
    text-align: center;
    padding: 5px 0;
    border: 1px solid #ff5b00;
    margin: 0 auto;
    margin-top: 15px;
  }
  .score_shop_box .item .detail_btn:hover{
      background: #ff5b00;
      color: #fff;
  }
  .user_box_right .user_content_box .score_goods_title{
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    padding-bottom: 5px;
  }

  .user_box_right .user_content_box .score_goods_content{
    margin-top: 20px;
    line-height: 30px;
  }

  .score_goods_box{
      display: flex;
      padding: 30px;
  }
  .score_goods_box .score_goods_left{
      width: 500px;
      height: 350px;
      line-height: 350px;
      border: 1px solid #ddd;
      text-align: center;
  }
  .score_goods_box .score_goods_right{
    display: flex;
    margin-left: 50px;
    align-items: center;
  }
  .score_goods_box .score_goods_right .title{
    font-size: 22px;
    width: 100%;
  }
  .score_goods_box .score_goods_right .description{
    margin-top: 10px;
    color: #888;
    line-height: 24px;
  }
  .score_goods_box .score_goods_right .btn{
    width: 160px;
    text-align: center;
    margin-top: 15px;
    font-size: 16px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
  }
  .score_goods_box .score_goods_right .btn1{
    border: 1px solid #ff5b00;
    color: #ff5b00;
  }
  .score_goods_box .score_goods_right .btn1:hover{
    background: #ff5b00;
    color: #fff;
  }
  .score_goods_box .score_goods_right .btn2{
    background: #ddd;
    color: #888;
  }

  .notice_box{

  }
  .notice_box .item{
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px dotted #ddd;
      margin: 10px 0;
      padding: 10px 0;
      justify-content: space-between;
  }
  .notice_box .item .title{
        color: #888;
  }
  .notice_box .item .title:hover{
    color: #474747;
  }
  .notice_box .item .time{
    color: #93999f;
  }

  .notice_article_title{
      font-size: 22px;
      padding:10px 10px 0 10px;
  }
  .notice_article_time{
      color: #aaa;
      margin-top: 10px;
      padding:0 10px;
  }
  .notice_article_content{
      line-height: 26px;
      margin-top: 10px;
      padding:0 10px;
  }

  .yongjin_input_box{
    display: flex;
    justify-content: center;
    width: 70%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .yongjin_input_box .input{
      padding-left: 15px;
      color: #888;
  }
  .yongjin_input_box .btn{
      background: #ff5b00;
      color: #fff;
      width: 150px;
      text-align: center;
      line-height: 48px;
      font-size: 16px;
      cursor: pointer;
  }
  .yongjin_input_box .content{
      width: 100%;
      margin-top: 15px;
  }
  .yongjin_info_box{
    padding: 30px;
    background-color: #f3f3f3;
    margin: 30px;
  }
  .yongjin_info_box .title{
      font-size: 18px;
      color: #ff5b00;
      padding-bottom: 10px;
  }
  .yongjin_info_box .item{
    margin: 5px 0;
  }

.coupons_box{
    display:flex;
    flex-wrap: wrap;
}
.coupons_title .title{
    cursor: pointer;
}
.coupons_box .item{
    width: 31%;
    border-radius: 15px;
    padding: 15px;
    margin-top: 30px;
    margin-right:15px
}
.coupons_box .item:nth-child(3n){
    margin-right:0px
} 

.coupons_box .item .title{
    font-size: 30px;
}
.coupons_box .item .description{
    font-size: 16px;
    margin-top: 10px;
}
.coupons_box .item .time{
    font-size: 12px;
    color: #999;
}


.coupons_box .item .status{
    border-radius: 20px;
    width: 100px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    margin-top: 10px;
}
.coupons_box .item .status1{
    background: #ff5b00;
}
.coupons_box .item .status2{
    background: #78c552;
}
.coupons_box .item .status3{
    background: #bbb;
}

.coupons_box .item1{
    border: 2px solid #ff5b00;
}
.coupons_box .item2{
    border: 2px solid #78c552;
}
.coupons_box .item3{
    border: 2px solid #ccc;
}
.myorder_title{
    font-size: 26px;
    color: #666;
}

.myorder_nav{
    display: flex;
    margin:1rem 0;
    justify-content: space-between;
    width: 100%;
}
.myorder_nav  .myorder_nav_left{
    display: flex;
    align-items: center;
}
.myorder_nav .myorder_nav_form{
    border: 1px solid #ddd;
    display: flex;
    width: 230px;
    justify-content: space-between;
}
.myorder_nav .myorder_nav_form input{
    border: none;
    padding:10px;
    width: 100%;
}
.myorder_nav .myorder_nav_form .icon{
    background: #fff;
    border: none;
    border-left: 1px solid #ddd;
    display: flex;
    align-items: center;
    width: 40px;
    justify-content: center;
}
.myorder_nav .item{
    display: flex;
    align-items: center;
    font-size: 16px;
}
.myorder_nav .item .line{
    width: 1px;
    height: 15px;
    background: #ddd;
    margin: 0 10px;
}
.myorder_nav .item .current{
    color: #ff6709;
}

.myorder_box .item{
    margin-bottom: 20px;
}
.myorder_box .style_color1{
    border: 1px solid #ddd;
}
.myorder_box .item_info{
    background: #fafafa;
    padding: 20px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
}

.myorder_box .item .item_info .text2{
    font-size: 18px;
    margin-bottom: 5px;
}
.myorder_box .item .item_info .item_info_right{
    display: flex;
    align-items: center;

}

.myorder_box .item .item_info .item_info_right .text1{
    font-size: 26px;
}

.myorder_box .item .item_info .text3{
    color: #888;
}

.myorder_box .item .item_goods{
    display: flex;
    padding: 20px;
    position: relative;
}
.myorder_box .item .item_goods .pay_box{
    position: absolute;
    right: 20px;
    top: 20px;
}

.myorder_box .item .item_goods .pay_box a{
    display: inline-block;
}

.myorder_box .item .item_goods .pay_box .pay_button1{
    background: #ff6709;
    width: 100px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 7px;
    color: #fff;
}
.myorder_box .item .item_goods .pay_box .pay_button1 a{

    color: #fff;
}
.myorder_box .item .item_goods .pay_box .pay_button2{
    background: #fff;
    border: 1px solid #ddd;
    width: 100px;
    text-align: center;
    line-height: 30px;
    margin-bottom:7px;
}

.myorder_box .item .item_goods .goods_box{
    width:80%;
}

.myorder_box .item .item_goods .goods_box .goods_item{
    width: 100%;
    display: flex;
    align-items: center;
}
.myorder_box .item .item_goods .goods_box .goods_item .pic{
    width: 100px;
}
.myorder_box .item .item_goods .goods_box .goods_item .info{
    margin-left: 10px;
}
.myorder_box .style_color2 {
    border: 1px solid #ff5b00;
}
.myorder_box .style_color2 .item_info{
    border-bottom: 1px solid #ff5b00;
    background: #fffaf7;
}

.myorder_box .style_color2 .item_info .text2{
    color: #ff5b00;
}

.myorder_box .style_color3 {
    border: 1px solid #83c44e;
}

.myorder_box .style_color3 .pay_button3{
    background: #83c44e;
    width: 100px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    margin-bottom: 7px;
}
.myorder_box .style_color3 .item_info{
    border-bottom: 1px solid #83c44e;
    background: #fafff6;
}

.myorder_box .style_color3 .item_info .text2{
    color: #83c44e;
}

.myorder_detail_nav{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin: 20px 0;
    align-items: center;
}

.myorder_detail_nav .myorder_detail_nav_left{
    font-size: 18px;
}

.myorder_detail_nav .myorder_detail_nav_right .button1{
    background: #fff;
    border: 1px solid #ddd;
    width: 100px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 7px;
    display: inline-block;
    margin-left: 10px;
}

.myorder_detail_nav .myorder_detail_nav_right .button2{
    background: #ff5b00;
    color: #fff;
    width: 100px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 7px;
    display: inline-block;
    margin-left: 10px;
}

.myorder_detail_goods .item{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-top: 10px;
    justify-content: space-between;
}
.myorder_detail_goods .goods_name{
    flex: 1;
}
.myorder_detail_goods .goods_price{
    
}

.myorder_detail_goods .item .pic{
    width: 100px;
}

.myorder_detail_address{
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-top: 20px;
    color: #666;
}
.myorder_detail_address .item{
    margin-bottom: 10px;
    display: flex;
}
.myorder_detail_address .item .label{
    font-weight: bold;
}
.myorder_detail_address .title{
    font-size: 18px;
    margin-bottom:20px;
}

.myorder_detail_total{
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.myorder_detail_total .box{
    display: flex;
    width: 250px;
    flex-wrap: wrap;
}
.myorder_detail_total .box .item{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
}

.myorder_detail_total .box .item .text{
    color: #ff5b00;
}

.myorder_detail_total .box .item .text1{
    font-size: 30px;
}

.myorder_comment{
    
}
.myorder_comment .item{
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    width: 100%;
    display: flex;
}
.myorder_comment .pic{
    width: 120px;
}

.myorder_comment .score_box{
    color: #bbb;
    font-size: 24px;
    margin-bottom: 10px;
}

.myorder_comment  .is--active .layui-icon{
    color: #ff5b00!important;
}
.myorder_comment .comnment_textarea{
    border: 1px solid #ddd;
    width: 100%;
    height: 60px;
    padding: 10px;
}
.myorder_comment .rating-stars-container{
    display: flex;
    margin-bottom: 10px;
}
.myorder_comment .rating-stars-container .layui-icon{
    color: #ddd;
    font-size: 18px;
    margin-right: 3px;
}
.myorder_comment .info{
    flex: 1;
}
.myorder_comment .comment_content{
    width: 100%;
}
.myorder_comment .btn_box{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}
.myorder_comment .btn_box .btn{
    background: #fff;
    border: 1px solid #ddd;
    width: 100px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 7px;
    display: inline-block;
    margin-left: 10px;
}



.mycomment_box .item{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
  }
  .mycomment_box .item .info .time{
    color: #888;
    margin: .5rem 0;
  }
  .mycomment_box .item .info .username{
    font-size: 18px;
  }
  .mycomment_box .item .info .content{
    font-size: 16px;
    color: #666;
  }
  .mycomment_box .item:last-child{
    border-bottom: none;
  }
  .mycomment_box .item .info{
    flex: 1;
    margin-left: 10px;
  }
  .mycomment_box .item .score_box{
    width: 120px;
    color: #bbb;
  }
  .mycomment_box .item .score_box .isstar{
    color: #ff6700;
  }
  
  .mycomment_box .item .pic{
    width: 100px;
  }


  @media screen and (min-width: 1200px) {

  }
   .lists3_box .right_content, .lists2_box .right_content, .lists1_box {
    overflow-x: scroll;
    flex-wrap: wrap;
}
 .lists3_box .right_content .item, .lists2_box .right_content .item, .lists1_box .item {
    flex-shrink: 0;
   
      
     }
    .lists1_box .item {  line-height: 1.5;}
  @media (max-width: 1199px){
         .lists3_box .right_content, .lists2_box .right_content, .lists1_box {
   
    flex-wrap: nowrap;
}
      .lists1_box,.lists2_box,.lists3_box{
          padding: 10px 10px!important;
      }
    .lists3_box .right_content .item, .lists2_box .right_content .item, .lists1_box .item {
    flex-shrink: 0;
    margin-right: 10px!important;
    
}

    .address_box{
        width: 80%;
        left: 10%;
        height: 90vh;
        margin-left: 0;
        top: 50px;
    }
    .address_form .city_box{
        width: 100%;
        margin-top: 20px;
        display: flex;
    }
    .address_form .item{
        width: 100%;
    }
    .address_form .city_box select{
        flex: 1;
    }
  }

  @media (max-width: 767px) {
     
    .venus-menu li{display:none}
    .address_box{
        width: 90%;
        left: 5%;
        height: 90vh;
        margin-left: 0;
        top: 50px;
    }
    .index_info_form{
        width: 80%;
        margin-left: 10%;
    }
  }

  @media (max-width: 480px) {
    .index_info_form{
        width: 90%;
        margin-left: 5%;
    }
  }
.swiper-button-next:after, .swiper-button-prev:after{font-size:34px}

.venus-menu{
	width:100%;
	margin:0;
	padding:0;
	/*position:relative;*/

	height: 100%;
	list-style:none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}
.venus-menu li{
	display: flex;
    align-items: center;
	margin:0;
	padding:0;
	float:left;
	height:100%;
	/*flex:1;*/
	justify-content: center;
	/*flex-shrink: 0;*/
	position:relative;
}
.venus-menu > li > a{
    display: flex;
    padding: 0px 10px;
    text-decoration: none;
    /* display: block; */
    align-items: center;
    align-items: baseline;
   
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}
.venus-menu>li:hover > a, .venus-menu li.active>a{
	/*background:#ff6709;*/
	/*color:#fff;*/
	color: #ff6709!important;
	/*border-bottom:2px solid #3399ff;*/
}
.venus-menu.newscate>li:hover > a, .venus-menu>li.active>a{
	
	/*color: #fff;*/

}
.venus-menu > li > a i{
	color:#bababa;
}
.venus-menu > li:hover > a i, .venus-menu li.active a i{
	/*color:#fff;*/
}
.venus-menu ul, .venus-menu ul li ul{
	list-style:none;
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	z-index:99;
	width:190px;
}
.venus-menu ul{
	top:100%;
	left:0;
	padding-top:10px;
}
.venus-menu > li > ul > li:first-child>a:before{
	content:'';
	position:absolute;
	bottom:100%;
	/*left:45%;*/
	margin-left:8px;
	width:0;
	height:0;
	border-left:8px solid rgba(255, 255, 255, 0);
	border-right:8px solid rgba(255, 255, 255, 0);
	border-bottom:8px solid #ff6709;
}
.venus-menu > li > ul > li>ul>li:first-child>a:before{
	content:'';
	position:absolute;
	bottom:16px;
	
	/*left:45%;*/
	left: -8px;
	width:0;
	height:0;
	border-top:8px solid rgba(255, 255, 255, 0);
	border-right:8px solid #ff6709;
	border-bottom:8px solid rgba(255, 255, 255, 0);
}
.venus-menu ul li ul{
	top:0;
	left:100%;
	padding-left:10px;
}
.venus-menu ul li{
	clear:both;
	width:100%;
	border:none;
}
.venus-menu ul li a{
	padding:14px 20px;
	width:100%;
	color:#fff;
	font-size:1.4rem;
	text-decoration:none;
	display:inline-block;
	    display: flex;
    align-items: center;
	float:left;
	clear:both;
	background:#ff6709;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition:background 0.2s linear;
	-moz-transition:background 0.2s linear;
	-o-transition:background 0.2s linear;
	transition:background 0.2s linear;
}
.venus-menu ul li:hover > a{ background-color: #555; }
.venus-menu > li > ul > li:first-child:hover>a:before{
	border-bottom-color:#555;
}
.venus-menu > li > ul > li>ul>li:first-child:hover>a:before{
	border-right-color:#555;
}

.venus-menu > li .indicator{
	position:absolute;
	color:#bababa;
	right:20px;
	height:35px;
	top: 50%;
		display: flex;
		align-items: center;
    transform: translateY(-50%);
	font-size:2.0rem;
	-webkit-transition:color 0.2s linear;
	-moz-transition:color 0.2s linear;
	-o-transition:color 0.2s linear;
	transition:color 0.2s linear;
}
.venus-menu > li:hover > .indicator{
	/*color:#fff;*/
}
.venus-menu ul > li .indicator{
	

	color:#fff;
}

.venus-menu i{
	/*line-height:20px !important;*/
     
	display: flex;
	align-items: center;
	margin-right:6px;
	font-size:2rem;
	float:left;
}

.venus-menu > li.showhide{
    
	display:none;
	width:100%;
	height:100%;
	cursor:pointer;
	color:#777;


}
.venus-menu > li.showhide span.title{
	margin:13px 0 0 20px;
	float:left;
	display: none;
}
.venus-menu > li.showhide span.icon{
	margin:0px 10px;
	float:right;
	border: 1px solid #ff5722;
    border-radius: 50%;
    padding: 7px 7px 5px;
}
.venus-menu > li.showhide .icon .em{
	margin-bottom:3px;
	display:block;
	width:20px;
	height:2px;
	background:#ff6709;
}

.showhide{
    
	display:none;
	width:100%;
	height:100%;
	cursor:pointer;
	color:#777;


}
.showhide .title{
	margin:13px 0 0 20px;
	float:left;
	display: none;
}
.showhide .icon{
	/*margin:16px 10px;*/
	float:right;
	border: 1px solid #ff6709;
    border-radius: 50%;
    padding: 7px 7px 5px;
}
.showhide .icon .em{
	margin-bottom:3px;
	display:block;
	width:20px;
	height:2px;
	background:#ff6709;
}

.zoom-out{
	-webkit-animation:zoomOut 600ms ease both;
	-moz-animation:zoomOut 600ms ease both;
	-o-animation:zoomOut 600ms ease both;
	animation:zoomOut 600ms ease both;
}

@-webkit-keyframes zoomOut{
	0%{
		-webkit-transform:scale(.6);
	}
	100%{
		-webkit-transform:scale(1);
	}
}
@-moz-keyframes zoomOut{
	0%{
		-moz-transform:scale(.6);
	}
	100%{
		-moz-transform:scale(1);
	}
}
@-o-keyframes zoomOut{
	0%{
		-o-transform:scale(.6);
	}
	100%{
		-o-transform:scale(1);
	}
}
@keyframes zoomOut{
	0%{
		transform:scale(.6);
	}
	100%{
		transform:scale(1);
	}
}
.venus-menu > li> .indicator{display:block;right:-10px;}

.menu-mask{display:none}
@media only screen and (max-width:768px){
  .news_box .item .title{width:100%;}
     .news_box .item .contactmobile,.news_box .item .options,.news_box .item .time{
      display: none;
   }
    	.venus-menu > li .indicator{
		width:45px;
		height: 45px;
		top:50%;
		background: none;
	}
	.venus-menu > li.menupic{
	    display: none!important;
	}
	.venus-menu {
	    z-index: 99999999!important;
   /*display: none;*/
    transition: left 0.5s;
    position: fixed;
    
    left: -100%;
   width:70%;
    top:0;
    display: block;
    height: 100%;
    /*height: auto;*/
    overflow-y:scroll;
    flex-direction: column;
    background: #fff;
    justify-content: flex-start;
   
}
	.venus-menu > li .indicator{display:block;right:20px;text-align: center;
    border: 1px solid #f6f6f6;}
 .venus-menu > li.showhide{
     display: flex!important;
    justify-content: flex-end;
    align-items: center;
    border-bottom:0;
    background:none;
    
 }
 .menu-mask{left:0;top:0;position:fixed;height:100%;width:100%;background:rgba(0,0,0,0.6)}
 .showhide{
     display: flex!important;
    justify-content: flex-end;
    align-items: center;
    border-bottom:0;
    background:none;
    z-index: 99999!important;
    
 }

	.venus-menu li{
	    background:#fff;
		/*display:none;*/
		width:100%;
		height: auto;
		line-height: 45px;
		flex-shrink: 0;
		border-bottom: 1px solid #eee;
		 flex-direction: column;
    
    justify-content: flex-start;
	}
	.venus-menu li li{
	    /*height: 45px;*/
	}
	.venus-menu > li > a{
		padding:10px 0 10px 20px;
	}
	.venus-menu > li.brand{
		display:none !important;
	}
	.venus-menu a{
		width:100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu ul, .venus-menu ul li ul{
		width:100%;
		padding:0;
		left:0;
		border:none;
		position:static;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu > li > ul > li:first-child a:before, .venus-menu > li > ul > li ul li:first-child a:before{
		border:none;
	}
	.venus-menu ul li{
	    flex-direction: column;
		border-left:none;
		border-right:none;
	}
	.venus-menu ul li a{
		padding-top:10px;
		padding-bottom:10px;
	}
	.venus-menu ul > li > a{
		padding-left:40px !important;
	}

	.venus-menu ul > li .indicator{
	
		right:20px;
			display: flex;
		align-items: center;
		justify-content: center;
	}
	
	
	.venus-menu li.search form{
		margin:12px 18px 0 18px;
	}
	.venus-menu li.search form input.search{
		width:100%;
		margin-bottom:12px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu > li > ul > li > a{
		padding-left:40px !important;
	}
	.venus-menu > li > ul > li > ul > li > a{
		padding-left:60px !important;
	}
	.venus-menu > li > ul > li > ul > li > ul > li > a{
		padding-left:80px !important;
	}
}
.indicator:before {
    font-family: layui-icon!important;
    content: '\e602';
    font-size: 1.4rem;
    /*position: absolute;*/
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}
.right_nav  .showmor{display:none}
.right_nav .item .box .title{margin-top:6px}
@media screen and (max-width: 768px){
.right_nav .item .box .title{display:none}
.goup .icon{width:35px;height:35px; border-radius:50%;background:rgba(51,204,204,0.9);}
.right_nav .item{
    transition: all 0.2s linear;
    background:rgba(0,0,0,0.5);
    width:35px;height:35px;
    border-radius:50%; 
    border: 0;
    
}
.right_nav .showitem{visibility: hidden;}
.right_nav .item .iconfont{color:#fff;}
.right_nav .item{
    margin-top:7px;
}
.right_nav  .showmor{display:flex}
.step li{display:none}
.goup .icon .iconfont,.right_nav .item .box .iconfont{margin-top:5px;font-size:2.2rem}
.right_nav{
    right:10px;
    bottom: 12vh;
    right: 3%;
}
.right_nav  .showmor .box .iconfont{margin-top:10px;}
.goup{
    margin-top: 7px;
    right:3%;
    border: 0;
    border-radius:50%;
     
    color: #fff
}
}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}

.sec1{background: #f2f2f2;}
.main{max-width:1200px; margin:0 auto; padding:40px 0;}

.img-count,.img-count img{position:relative;}
.img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;height:100%; *height:100%;}

.w-newsList1{position: relative;}
.w-newsList1 a{ display: block; text-decoration: none; color: #333;}
.w-newsList1 .news-item{ position:relative;}
.w-newsList1 .news-imgbox{ width:58%;}
.w-newsList1 .news-imgbox img{ max-width:100%;transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);}
.w-newsList1 .swiper-slide.swiper-slide-active .news-imgbox img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList1 .aspectRatio{padding-bottom:450px;}
.w-newsList1 .news-text{ position: absolute; right:0; width:50%; top: 50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background: #fff; padding: 30px 15px 40px 4%; overflow:hidden;}
:root .w-newsList1 .news-text{ top:50%;}
.w-newsList1 .date{ line-height: 1.4; margin-bottom: 0.8em;}
.w-newsList1 .date .year{ font-size:46px; font-weight: bold; color: #000; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.w-newsList1 .date .day_month{font-size:17px; color: #bebebe;}
.w-newsList1 .news-h{font-size:24px; font-weight: bold; line-height: 1.4; height:2.8em; overflow: hidden; margin-bottom: 0.3em;}
.w-newsList1 .news-sum{ line-height: 1.8; height:3.5em; overflow: hidden; color:#aaa;}
.w-newsList1 .more{margin-top:20px; width: 45px; height: 24px; float: right; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAABIUlEQVQ4jb3VMUscQRQH8J+yNgaLFAoPJSBnKaTRUhDBRoiVpBG09mMIljY2geuCIH4GG7FKE7BRSxGPyCtstLJQxGYPTr1D3LvNHxb2McP7McPO7FCz2dRPMhNExDec4gormXnbbf5wX9rrjOEr5nAcEeO1gpl5gQ08Y7YXOsgVysyDLuhEbWAP9E9ETNUGdqBreEQDJ220wBfMYKhK84joNXSFHWx3oIsFzjBdBftkGjgaxsN/wNoZLfAdkypu6QdZxV75foPlAk+4rtqxfdO8TUT8xG5ZXmIpM1u1fKURsY5DjJTYYma2qOFYRMQm9sve51jIzH/t8YGCEbGF3x3YUr7Z84GBETGPX2X5t8Te/TGKQYG4K58z/MjM+26TXgDh8VYjv3NjTgAAAABJRU5ErkJggg==") center no-repeat;}
.w-newsList1 .adSN_page{ position: absolute; z-index: 9; left:50%; bottom:50%; margin-bottom: -123px; top: auto; transform: none; -webkit-transform: none; width:35%; padding-left: 4%; }
.w-newsList1 .adSN_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px;}
.w-newsList1 .swiper-num{ position: absolute; z-index: 9; right: 15px; top:50%; margin-top: -130px; color: #bebebe;}
.w-newsList1 .swiper-num .active{ font-size:32px; font-weight: bold;}

.w-newsList2{position: relative; overflow:hidden;}
.w-newsList2 a{ display: block; text-decoration: none; color: #333;}
.w-newsList2 .news-item{ position:relative;}
.w-newsList2 .img{ float: right; width:52%; overflow: hidden;}
.w-newsList2 .img img{width:100%;max-width:100%;transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);}
.w-newsList2 .swiper-slide.swiper-slide-active .img img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList2 .news-text{ margin-right:56%;}
.w-newsList2 .news-h{font-size:28px; line-height: 1.4; margin-bottom: 1em;}
.w-newsList2 .news-sum{margin-top:30px; line-height: 1.8; color:#808080;}
.w-newsList2 .more{position: absolute; left: 0; bottom: 1em; line-height: 2.8; padding: 0 3em; border:1px solid #aaa; color:#333;overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.w-newsList2 .more:hover{color:#fff; border-color:#FF6600;}
.w-newsList2 .more .bgsqr1,.w-newsList2 .more .bgsqr2,.w-newsList2 .more .bgsqr3,.w-newsList2 .more .bgsqr4{background:#FF6600;position: absolute;top:0; width: 0px;height: 100%;-webkit-transition: all 0.4s; transition: all 0.4s; opacity:0.35;}
.w-newsList2 .more .bgsqr3,.w-newsList2 .more .bgsqr4{ opacity:0.75;}
.w-newsList2 .more .bgsqr1{ left:0;}
.w-newsList2 .more .bgsqr2{ right:0}
.w-newsList2 .more .bgsqr3{ right:0;}
.w-newsList2 .more .bgsqr4{ left:0;}
.w-newsList2 .more:hover .bgsqr1,.w-newsList2 .more:hover .bgsqr2,.w-newsList2 .more:hover .bgsqr3,.w-newsList2 .more:hover .bgsqr4{ width:100%;}
.w-newsList2 .more:hover .bgsqr3,.w-newsList2 .more:hover .bgsqr4{-webkit-transition-delay:.4s;transition-delay:.4s;}
.w-newsList2 .more span{ position:relative; z-index:1;}
.w-newsList2 .adSN_page{ position: absolute; left: auto; right:10px; width: auto; z-index: 10; text-align: right; }
.w-newsList2.swiper-container-horizontal .adSN_page{bottom:20px;}
.w-newsList2 .adSN_page span{ background: #c9c9c9; opacity: 1; width:40px; height: 5px; border-radius: 0; -webkit-border-radius: 0;}
.w-newsList2 .adSN_page span.swiper-pagination-bullet-active{background: #f60;}
.w-newsList2.swiper-container-vertical .adSN_page span{margin:15px 0;}

@media (max-width:960px){
	.w-newsList2 .news-h{font-size:24px;}
	.w-newsList2 .news-sum{ display: none;}
}
@media (max-width:767px){
    .w-newsList1 .news-imgbox{width:100%;}
	.w-newsList1 .aspectRatio{padding-bottom: 56.25%;}
	.w-newsList1 .news-text{ position: relative; width:100%; top:0; transform: none; -webkit-transform: none; padding:1.2em 4% 1.5em;}
	:root .w-newsList1 .news-text{ top:0;}
	.w-newsList1 .adSN_page{ left:0; bottom:2em; margin-bottom: 0;}
	.w-newsList1 .swiper-num{ bottom: 232px; top: auto; margin-top: 0;}

	.w-newsList2 .news-h{font-size:20px;}
	.w-newsList2 .img{float: none; width:100%;}
	.w-newsList2 .news-text{margin-right: 0; text-align: center; padding:1em 0 3em;}
	.w-newsList2 .more{position: relative; margin-top:1.2em; bottom: 0; display: inline-block;}
	.w-newsList2 .adSN_page{ top: auto; bottom: 0 !important; left: 0; right: 0 ; transform: none; -webkit-transform: none; text-align: center;}
	.w-newsList2 .adSN_page span{margin:0 0.3em !important; display: inline-block; width:1.8em; height: 0.25em;}
}
@media (max-width:480px){
  
    .w-newsList1 .news-h{font-size:125%;}
	.w-newsList1 .date .year{ font-size:300%;}
	.w-newsList1 .date .day_month{ font-size: 110%;}
	.w-newsList1 .swiper-num{ bottom: 15em;}
	.w-newsList1 .swiper-num .active{ font-size: 200%;}

	.w-newsList2 .news-h{font-size:125%;}
}
.newsswiper {height:100%}
.newsswiper .swiper-slide{background:#000;height:100%}
.newsswiper h3{
    position: absolute;
    bottom: 0px;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 45px;
    line-height: 45px;
    color: #fff;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:15px}
.col-sm-4{float:left;position:relative;width:32%}
.selected-solution{height:100%;}
.selected-solution>div{position:relative;width:100%;margin:0 auto}
.selected-solution .swiper-container{height:100%;width:100%;}
.selected-solution .layer-title{color:#393b40;padding:50px 0 30px;text-align:center;font-size:30px;letter-spacing:1.09px}
/*主体列表*/
.selected-solution .solution-cardlist{max-width:100%;margin:0px auto 0;display:flex;flex-wrap:nowrap;justify-content: space-between;}
.swiper-slide,.swiper-wrapper{!important}
.selected-solution .solution-cardlist .col-sm-4{margin-bottom:10px;padding:0 0px;top:0;transition:all .15s linear;box-sizing:border-box}
.selected-solution-sroll .solution-cardlist .col-sm-4{margin-bottom:10px;padding:0 5px;top:0;transition:all .15s linear;box-sizing:border-box}
.selected-solution .solution-cardlist .col-sm-4 .solution-card{
   /*min-height: 375px;*/
    height:80%;background:#fff;border-radius:0px;text-align:left;overflow:hidden;transition:all .15s linear;padding-bottom: 10px;
    
}
.selected-solution .solution-cardlist .col-sm-4:hover{position:relative;top:-20px;transition:all .25s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card{height:90%;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card img{
     display: flex;
    align-items: center;
    margin:0 auto;width:auto;height:200px;transition:all .2s linear;
    max-width: unset;
    
}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{
    margin:20px 20px 10px;
    font-size:16px;
    color:#252b3a;
    letter-spacing:.65px;
    text-align:left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: justify;
    font-weight: normal;
}
.selected-solution .solution-cardlist .col-sm-4 .solution-card p{
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
    font-weight: normal;
    margin:0 20px;margin-bottom:10px;font-size:14px;color:#666a75;letter-spacing:.51px
    
}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl{margin:0 30px;overflow:visible}
.cf:after,.cf:before{content:" ";display:table;line-height:0}
.cf:after{clear:both}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt{margin-bottom:10px;font-size:14px;color:#252b3a;letter-spacing:.51px;line-height:19px;position:relative}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before{position:absolute;display:inline-block;left:-8px;top:7px;content:'';vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#252b3a}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd{float:left;width:50%;margin-bottom:6px;font-size:12px;color:#a0a2a8;letter-spacing:.44px;line-height:20px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span{margin:20px 30px 30px;font-size:14px;display:inline-block;color:#666a75;letter-spacing:.51px;line-height:22px;opacity:0;transition:opacity .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms}

.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span{display:inline-block;vertical-align:middle}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span.arrow-f{width:13px;height:13px;display:inline-block;vertical-align:middle;margin-left:5px;position:relative;transition:.3s ease-out}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover{color:#c00}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover span.arrow-f{transform:translate(4px,0);}

@media (max-width:680px){
   
  .selected-solution .solution-cardlist .col-sm-4{width:100%}
}

.famous_school_list{
    width: 100%;
    
}
.famous_school_list .swiper-slide{
    width: 100%;
}
.famous_school_item{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/*.famous_school_list .swiper-slide{margin-bottom:0!important}*/
.famous_school_item_inner{
    width: 100%;
}


.famous_school_item_swiper{
    width: 100%;
    height: 290px;
    padding: 20px 0px 15px 0px;
    box-sizing: border-box;
    background-color: #FFFFFF;
   
    overflow: hidden;
}
.famous_school_item_swiper.active{
    overflow-y: scroll;
}
.famous_school_item_swiper .swiper-container{
    height: 100%;
}
.famous_school_item_swiper .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.famous_school_item_swiper .swiper-slide{
    width: 100%;
    line-height: 2;
    overflow: hidden;
}
.famous_school_item_list{
    width: 100%;
    /*height: 260px;*/
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.famous_school_item_slide{
    color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    overflow: hidden;
}
.famous_school_item_num{
    width: 20px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 14px;
}
.famous_school_item_info{
    overflow: hidden;
}
.famous_school_item_info h4{
    font-size: 15px;
    font-weight: normal;
    padding-left:10px;
    background: url(/static/li_arrow.gif) 0 10px no-repeat;
}
.famous_school_item_info p{
    color: rgba(0, 0, 0, 0.6);
    letter-spacing: 0;
    font-size: 10px;
    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.famous_school_item_infos{
    height: 134px;
    background: #FFFFFF;
    border-radius: 20px 0px 0px 20px;
    padding: 10px;
    color: #000000;
    font-size: 10px;
   
}




.newscate{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	height: 100%;
	list-style:none;
	display: flex;
	justify-content: space-between;
	
}
.newscate li{
	display: flex;
    align-items: center;
	margin:0;
	padding:0;
	float:left;

	position:relative;
}
.newscate li:hover ul{
    display: block;
}
.newscate li li{
    display:inline-block;
    float:left;
}
.newscate > li > a{
    display: flex;
    padding: 0px 10px;
    text-decoration: none;
    /* display: block; */
    align-items: center;
    align-items: baseline;
   
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}
.newscate>li:hover > a, .newscate>li.active>a{
	/*background:#ff6709;*/
	/*color:#fff;*/
	color: #ff6709;
	/*border-bottom:2px solid #3399ff;*/
}
.newscate.newscate>li:hover > a, .newscate>li.active>a{
	
	color: #fff;

}
.newscate > li > a i{
	color:#bababa;
}
.newscate > li:hover > a i, .newscateli.active a i{
	/*color:#fff;*/
}
.newscate ul, .newscate ul li ul{
	list-style:none;
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	z-index:99;
	width:180px;
	height: 300px;
	overflow-y:scroll;
}
.newscate ul{
	top:100%;
	left:0;
	padding-top:10px;
}
.newscate > li > ul > li:first-child>a:before{
	content:'';
	position:absolute;
	bottom:100%;
	left:45%;
	margin-left:-48px;
	width:0;
	height:0;
	border-left:8px solid rgba(255, 255, 255, 0);
	border-right:8px solid rgba(255, 255, 255, 0);
	border-bottom:8px solid #ff6709;
}
.newscate > li > ul > li>ul>li:first-child>a:before{
	content:'';
	position:absolute;
	bottom:16px;
	
	/*left:45%;*/
	left: -8px;
	width:0;
	height:0;
	border-top:8px solid rgba(255, 255, 255, 0);
	border-right:8px solid #ff6709;
	border-bottom:8px solid rgba(255, 255, 255, 0);
}
.newscate ul li ul{
	top:0;
	left:100%;
	padding-left:10px;
}
.newscate ul li{
	clear:both;
	width:100%;
	border:none;
}
.newscate ul li a{
	padding:14px 20px;
	width:100%;
	color:#fff;
	font-size:1.4rem;
	text-decoration:none;
	display:inline-block;
	    display: flex;
    align-items: center;
	float:left;
	clear:both;
	background:#ff6709;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition:background 0.2s linear;
	-moz-transition:background 0.2s linear;
	-o-transition:background 0.2s linear;
	transition:background 0.2s linear;
}
.newscate ul li:hover > a{ background-color: #555; }
.newscate > li > ul > li:first-child:hover>a:before{
	border-bottom-color:#555;
}
.newscate > li > ul > li>ul>li:first-child:hover>a:before{
	border-right-color:#555;
}

.newscate i{
	/*line-height:20px !important;*/
     
	display: flex;
	align-items: center;
	margin-right:6px;
	font-size:2rem;
	float:left;
}
  .frendlink  {
            display: flex;
            justify-content: left;
            flex-wrap: wrap;
            margin: 0 auto;
            align-items: center;
        }
        .frendlink li {
            display: flex;
            flex-shrink: 0;
            align-items: center;
            padding: 0 5px;
            justify-content: center;
        }
        .frendlink li a {
           color: #555;
            text-align: center;
            
        }
        .frendlink  .fline {
            max-width: 1px;
            height: 12px;
            border-left: 1px solid #cccccc;
            border-right: 1px solid #ffffff;
        }


.search-wrapper.white .logo {
    
   display: block;
   /*text-shadow: 5px 5px 5px #FF0000;*/
   -webkit-background-clip: text;
  background-clip: text;
  /*background-image: -webkit-gradient(linear, left top, right top, from(#09f1b8), color-stop(#00a2ff), color-stop(#ff00d2), to(#fed90f));*/
  /*background-image: -o-linear-gradient(left, #09f1b8, #00a2ff, #ff00d2, #fed90f);*/
  /*background-image: linear-gradient(to right, #09f1b8, #00a2ff, #ff00d2, #fed90f);*/
 
  /*color: var(--color-background);*/
  /*font-size: 30vmin;*/
  font-size: var(--font-size);
  font-weight: 700;
  font-weight: var(--font-weight);
  letter-spacing: calc(1em / 8);
  letter-spacing: var(--letter-spacing);
  padding: calc(--stroke-width / 2);
  -webkit-text-stroke-color: transparent;
  -webkit-text-stroke-width: calc(1em / 16);
  -webkit-text-stroke-width: var(--stroke-width);
    font-size: 50px;
    text-align: center;
    height: 65px;
    margin: 0 auto 20px;
    /*background: url(/info/images/16474018562275.png) no-repeat center;*/
    background-size: contain;
    
}
.search-wrapper.white .search {
    width: 100%!important;
    height: 43px!important;
    position: relative;

}
.search-wrapper.white .search input {
    padding-right: 92px;
    border: 1px solid #ccc;
}
.search-wrapper .search input {
    width: 100%;
    height: 100%;
    font-size: 15px;
    line-height: 20px;
    color: #222;
    padding-left: 68px;
    background-color: #fff;
    border-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 10;
    outline: none;
}
.search-wrapper .search button {
    height: 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
}
.search-wrapper.white .search button {
    width: 72px;
    background: #f04142;
}
.search-wrapper.white .search button i {
    width: 32px;
    height: 32px;
    background: url(/static/info/images/sous_white.png) no-repeat center;
    background-size:55%;
    display: block;
    margin:0 auto;
}
.search-wrapper .hot-word img {
    width: 20px;
    height: 20px;
    margin-bottom: -3px;
}
.search-wrapper .hot-word .hot {
    cursor: inherit;
    margin-left: 8px;
    margin-right: 4px;
}
.show-monitor {
    display: inline-block;
    margin-right: 20px;
}
.hot-word{display:flex;padding:10px 0;}
.search-wrapper .hot-word .hot, .search-wrapper .hot-word .words {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 40%);
}

    .searchBox{position:relative}
.searchSort {
        position: absolute;
    top: 6px;
    left: 8px;
    cursor: pointer;
    border-right: 1px solid #dedede;
    height: 32px!important;
    width: 50px;
    line-height: 32px!important;
    color: #666666;
    font-size: 15px;
    letter-spacing: 2px;
    background-repeat: no-repeat;
    background-position: 35px 12px;
}
.searchCheck {
    position: absolute;
    display: none;
    top: 100%;
    left: 0px;
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    border: 0px solid #dedede;
    /*box-shadow:2px 2px #eee;*/
    height: 220px;
    overflow-y: scroll;
}
.searchCheck li {
    width: 50px;
    padding-left: 7px;
    font-size: 15px;
    color: #666;
    line-height: 30px;
    list-style: none;
    cursor: pointer;
}
.searchSuggest {
    background-color: rgba(255,255,255,0.8);
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    
    left:80px;
    width: calc(100% - 232px);
    padding:8px 5px 15px 5px;
    border: 1px solid #dedede;
    overflow: hidden;
    display: none;
    
}
.searchSuggest div{
    cursor: pointer;
    /*border-bottom:1px solid  #eee;*/
}
.searchBox .logo i{
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin-top: -4px;
}

.searchBox .wdy_3d {
    background: url(/static/info/images/w_day_3d.png) no-repeat  0 -65px;;
}
.main-search{padding:0!important}
.layui-colla-content{background:#fff}
.layui-colla-content li {padding-left:10px;line-height:35px;border-bottom:1px dashed #eee;}
.layui-colla-title{font-size:16px;}
.layui-colla-content ul{max-height:300px;overflow-y:scroll}
.mn-wrap {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}
.mn-swiper{
    width: 92%;
    height: 100%;
    position: initial !important;
}
.swiper-wrapper {
    -webkit-transition-timing-function: linear;    
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
  }
.mn-swiper .swiper-slide a{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
   flex-direction: column;
    overflow: hidden;
}
.mn-swiper .swiper-slide img{height:calc(100% - 36px);max-width:unset}
.mn-swiper .swiper-slide p{line-height:36px}
.mn-swiper .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
    width: unset !important;
    height: 80% !important;
    background: #ccc;
    opacity: 0.95;   
    border-radius: 4px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    /*font-weight: bold;*/
    color: #FFFFFF;
    line-height: 1.6;
    margin-top: 3%;
     margin-bottom: 3%;
    margin-left: 26px;text-align: center;transition:all .7s ease 0s;
}
@media screen and (max-width: 768px){
    #fp-nav.right{right:0px!important}
    /*.mn-swiper .swiper-slide{width: 50% !important;}*/
}
@media screen and (max-width: 468px){
    /*.mn-swiper .swiper-slide{width: 85% !important;}*/
}
.mn-swiper .swiper-slide:hover{

    opacity: 1;  box-shadow: -1px 1px 27px -5px rgba(0,0,0,0.7);
-webkit-box-shadow: -1px 1px 27px -5px rgba(0,0,0,0.7);
-moz-box-shadow: -1px 1px 27px -5px rgba(0,0,0,0.7);

}


.mn-swiper .swiper-button-next, .mn-swiper .swiper-button-prev{
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
}
.mn-swiper .swiper-wrapper{
    width: 100%;
    margin: 0 auto;
}
.row {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin-right: -15px;
                margin-left: -15px;
            }
            .text-white {
                /*color: #fff!important;*/
            }
            .movie-card .movies-content a.movie-title {
                font-weight: 600;
            }
            .tv-show-card .movies-content p a {
                color: #dadada;
            }
            .col-lg-3{
                margin-bottom: 15px;
                position: relative;
                width: 100%;
                padding-right: 15px;
                padding-left: 15px;
            } 
            .movie-image {
                position: relative;
            }
            .column div:first-child {
                margin-left: 0;
            }
            
            .column div {
                position: relative;
                float: left;
                margin: 0 0 0 25px;
                padding: 0;
            }
            figure {
                margin: 0;
                padding: 0;
                background: #fff;
                overflow: hidden;
            }
            .img-fluid {
                max-width: 100%;
                height: auto;
            }
            
            .tv-show-card figure {
                height: 300px;
            }
            
            .movies figure img {
                -webkit-filter: brightness;
                filter: brightness(0.5);
                -webkit-transition: 0.5s ease-in-out;
                transition: 0.5s ease-in-out;
                height: 300px;
                object-fit: cover;
            }
            .tv-show-card figure img {
                -webkit-filter: brightness;
                filter: brightness(0.5);
                -webkit-transition: 0.5s ease-in-out;
                transition: 0.5s ease-in-out;
                height: 310px;
                object-fit: cover;
                width: 100%;
            }
            
            .movie-card .badge {
                position: absolute;
                top: 10px;
                left: 10px;
                z-index: 1;
            }
            .badge-warning {
                color: #212529;
                background-color: #ffc107;
            }
            .badge {
                display: inline-block;
                padding: 0.25em 0.4em;
                font-size: 75%;
                font-weight: 700;
                line-height: 1;
                text-align: center;
                white-space: nowrap;
                vertical-align: baseline;
                border-radius: 0.25rem;
                transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            }
            .rating {
                position: absolute;
                top: 10px;
                right: 15px;
                color: #fff;
                font-size: 12px;
                 font-size: 14px;
                line-height: 1.8;
               z-index: 1;
                margin-bottom: 15px;
                font-weight: 400;
                letter-spacing: 0.5px;
            }
            .movies-list {
                position: absolute;
                bottom: 0;
                left: 10px;
            }
            .movies-list li {
                  margin-bottom: 0;
                line-height: 36px;
                color: #777;
                font-size: 14px;
                position: relative;
                display: block;
                padding: 0;
                display: inline-block;
                margin-right: 10px;
            }
            .movies-list li a {
                /*color: #fff;*/
            }
            .fa {
                display: inline-block;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }
            .fa-heart:before {
                content: "\f004";
            }
            figure {
                margin: 0;
                padding: 0;
                background: #fff;
                overflow: hidden;
            }
            
            figure:hover+span {
                bottom: -36px;
                opacity: 1;
            }
            .tv-show-card .movies-content {
                padding: 10px 0px 10px 0px;
                background-color: transparent;
            }
            .column::after {
                content: '';
                clear: both;
                display: block;
            }
            /* Sepia */
            .movies figure img {
                -webkit-filter: brightness;
                filter: brightness(0.5);
                -webkit-transition: 0.5s ease-in-out;
                transition: 0.5s ease-in-out;
                height: 300px;
                object-fit: cover;
            }
            
            .movies figure:hover img {
                -webkit-filter: sepia(0);
                filter: sepia(0);
                transition: 0.5s ease-in-out;
            }
            .align-items-center {
                -ms-flex-align: center!important;
                align-items: center!important;
            }
            .justify-content-between {
                -ms-flex-pack: justify!important;
                justify-content: space-between!important;
            }
            .d-flex {
                display: -ms-flexbox!important;
                display: flex!important;
            }
            .tv-show-card .movies-content h6 {
                font-size: 14px;
            }
            
            .movies-content p, .movies-content h6 {
                margin-bottom: 0;
                font-family: 'Poppins', sans-serif;
            }
            .tv-show-card .movies-content p {
                font-size: 12px;
                font-family: 'Poppins', sans-serif;
                color: #ababab;
            }
            .movies-content p, .movies-content h6 {
                margin-bottom: 0;
                font-family: 'Poppins', sans-serif;
            }
            @media (min-width: 992px){
            .col-lg-3 {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                max-width: 25%;
            }
            }
            @media (min-width: 576px){
            .col-sm-3 {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                max-width: 25%;
            }
            }
            .search-container{display:block!important}
            

   .louc_1 .xingxi .youhuiq .text{display:flex}
   .louc_1 .xingxi .youhuiq .text h2, .louc_1 .xingxi .youhuiq .text .h2{display:flex;align-items:center;flex-shrink:0}
   
  header .head .logo {
            
          float: left;
          margin: 0px 5px 0 0;
          position: relative;
      }
      .lineflash {
          position: absolute;
          width: 100%;
          height: 100%;
      }
      .loader {
    width: 65px;
    height: 65px;
    font-size: 10px;
    left: -6px;
    top:-5px;
    
    position: relative;
}
.loader .face .circle {
    position: absolute;
    width: 50%;
    height: 0.1em;
    top: 50%;
    left: 50%;
    background-color: transparent;
    transform: rotate(-45deg);
    transform-origin: left;
}
 	.loader .face:nth-child(1) {
    /* display: none; */
    width: 93%;
    height: 93%;
    color: #e1434a;
    border-color: currentColor transparent transparent currentColor;
    border-width: 0.2em 0.2em 0em 0em;
    --deg: -45deg;
    animation-direction: normal;
}

.loader .face {
    position: absolute;
    border-radius: 50%;
    border-style: solid;
    animation: animate 3s linear infinite;
}
.loader .face .circle::before, .loader .face .circle before {
    position: absolute;
    top: -0.6px;
    right: -0.4em;
    content: '';
    width: 0.5em;
    height: 0.5em;
    background-color: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 0em, 0 0 0em, 0 0 0em, 0 0 0em, 0 0 0em, 0 0 0 0em rgb(255 255 0 / 10%);
}
      .shine2 {
    animation: opacity-change 1.75s ease-in-out infinite;
    -webkit-animation: opacity-change 1.75s ease-in-out infinite;
    -moz-animation: opacity-change 1.75s ease-in-out infinite;
    -o-animation: opacity-change 1.75s ease-in-out infinite;
}
.shine {
    background-image: url(/upload/template1/images/9188b0f7ea825e8aff627e3bb67d10fa.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 30px;
   top: -10px;
    left: 98px;
    position: absolute;
    animation: opacity-change 1s ease-in-out infinite;
    -webkit-animation: opacity-change 1s ease-in-out infinite;
    -moz-animation: opacity-change 1s ease-in-out infinite;
    -o-animation: opacity-change 1s ease-in-out infinite;
}
@keyframes animate {
    to {
        transform: rotate(1turn);
    }
}
@keyframes opacity-change {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes opacity-change {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes opacity-change {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-o-keyframes opacity-change {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.mypic{position:relative;width:100%;height:100%}
.mypic .picmask{
    position: absolute;
    width: 0%;
    height: 100%;
    left: 0;
    top:0;
    background:rgba(255,255,255,0.6);
    left:50%;
    transform:translateX(-50%); 
    transition:  all 0.5s;
    
}
.mypic:hover .picmask{ width:100%}
