@charset "utf-8";
/* 中文字体：优先系统字体（零下载），缺字时用 CDN Noto Sans SC（与 Source Han Sans 同族，unicode-range 按需加载） */

html {
  height: 100%;
  font-size: 14px;
  color: #666;
}

body {
  height: 100%;
  padding: 0px;
  margin: 0px auto;
  color: #333;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight: rgba(0, 0, 0, 0); /*取出点击出现半透明的灰色背景*/
  /*-webkit-user-select: none;  /*控制内容的可选择性*/
  /*-ms-user-select: none;*/
  /*-moz-user-select: none;*/
  /*-khtml-user-select: none;*/
  /*user-select: none;*/
  /* min-width: 320px; */
  /*background: #fff url(../images/bg_body.jpg) repeat;*/
  background: #fff;
  font-variant:tabular-nums !important;
  font:14px "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
}
ul,li,form, dl,dt,dd, div{ padding:0px; margin:0px;}
li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px; font-weight: normal;}
select,input,em,textarea{outline:none;  font-size:1em; font-style:normal; color:#2a2a2a; border-radius:0; -webkit-border-radius:0;border: 0px;}
img,object{ border:none;  border:0; overflow:hidden; vertical-align:top; max-width: 100%;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); cursor:pointer;}  /* 去掉链接触摸高亮 */
a:hover{color: #000;}
a:focus {outline:none; -moz-outline:none;}
p{ margin: 0;}
#wrapper {width: 100%;min-height: 100%;height: auto !important;height: 100%;margin: 0px 0px -78px 0px;}
#content_wrapper {width: 100%;padding: 0px 0px 78px 0px;}
.Texthide{ display:none;}
.SinglePage{font-size: 12px; text-justify:inter-ideograph; text-align:justify; word-wrap:break-word;  overflow:hidden;}/*两端对齐*/
.space{ width:100%; height:1em; clear:both; overflow:hidden; zoom:0;}
.warp{width: 1200px; max-width: 100%;  margin: 0 auto; position: relative; }
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0px; }
.clearfix { zoom:1; }  
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}
.PageContent{padding: 5% 0px;}
.fl {float: left;}
.fr {float: right;}
input::placeholder,
textarea::placeholder {
  color: #999; /* 或者你想要的任何颜色值 */
}
/*.mm-page{line-height: 0px;}*/ 
.w1350{width: 1350px;  margin: 0 auto;}

.header{ background: #fff; min-width: 1350px;  position: relative; z-index: 9999; position: fixed; top: 0; left: 0; width: 100%; transition: 0.8s;}
.home_header{background: rgba(0,0,0,0.1); transition: 0.8s;}
.header_Box{width: 1920px; height: 88px; text-align: center; max-width: 90%; margin: 0 auto; position: relative;}
.header_Box .logo{position: absolute; height: 40px; left: 0; top: 50%;  margin-top: -20px;}
.header_Box .logo img{height: 40px;}

.header_Box .logo1{display: none;}
.home_header .logo2{display: none;}
.home_header .logo1{display: block;}
.header_nav{display:inline-block; *zoom:1; *display:inline; margin: 18px 0;} 
.header_nav ul li{float: left; font-size: 20px; margin: 0 40px;}
.header_nav ul li.current a{color: #0B1B56;}
.home_header ul li.current a{color: #fff;}
.header_nav ul li.current a:after{width: 72px;}
.header_nav a{color: #6C7177; display: block; padding: 10px 0; position: relative; transition: 0.5s;}
.header_nav a:after{content: ""; width: 0;
  height: 4px;
  background: linear-gradient( 180deg, #FF6E1F 0%, #FF8F44 100%);
  border-radius: 12px 12px 12px 12px; position: absolute; left: 50%; margin-left: -36px; bottom: 0; transition: 0.5s;}
.header_nav a:hover{color: #0B1B56;}
.home_header a:hover{color: #fff;}
.header_nav a:hover:after{width: 72px;}

.header_user{position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; align-items: center;}
.header_user .lang{float: left; margin-top: 3px; position: relative;}
.header_user .lang span{color: #fff; cursor: pointer; display: block; width: 32px; height: 28px; position: relative; background: url("../images/lang3.png") 50% 50% no-repeat; color: #fff;}
.header_user .lang span em{font-size: 12px; position: absolute; left: 50%;
  top: 0; 
  margin-top: 3px;
  margin-left: -2px; transform: translateX(-50%);}
.header_user .lang span:hover{background: url("../images/lang4.png") 50% 50% no-repeat;  }
.header_user .lang span:hover em{color: #13319f;}
.home_header .header_user .lang span{background: url("../images/lang1.png") 50% 50% no-repeat; color: #fff; cursor: pointer;}
.home_header .header_user .lang span em{color: #cfcfcf; }
.home_header .header_user .lang span:hover{background: url("../images/lang2.png") 50% 50% no-repeat;  }
.home_header .header_user .lang span:hover em{color: #fff;}

.header_user .lang .user_bottom{padding-top: 35px;}
.header_user .lang .user_bottom .box{width: 100px; padding: 10px;}
.header_user .lang .user_bottom dl{margin: 0;}
.header_login{float: right; position: relative; margin-left: 30px;}
.header_login>img{width: 32px; height: 32px;border-radius:50%;}
.header_login .btn{width: 98px; display: block;  transition: 0.5s;
  height: 40px;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #0B1B56; box-sizing: border-box; color: #0b1b56; line-height: 40px; text-align: center; }
.header_login .btn:hover{background: linear-gradient( 180deg, #FF9257 0%, #FF6E1F 100%); color: #fff; }
.home_header .header_login .btn{border: 1px solid #FFFFFF; color: #fff;}
.header .header_login .btn:hover{border-color: #fff;}
.home_header .header_login .btn:hover{border-color: #000;}
.user_bottom{position: absolute; top: 100%; right: -40px;  text-align: left; padding-top: 30px; display: none;}
.user_bottom .box{background: #FFFFFF;
  box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.25);
  border-radius: 12px 12px 12px 12px; width: 210px; box-sizing: border-box; padding: 20px;}
.user_bottom .name{overflow: hidden; }
.user_bottom .name img{width: 32px; height: 32px; float: left; margin-right: 10px;border-radius:50%;}
.user_bottom .name span{text-overflow :ellipsis;  
  white-space :nowrap;   width: 100px;
  overflow : hidden;  display: block; float: left; line-height: 32px; font-size:20px; color: #0b1b56;}
.user_bottom dl{margin: 10px 0;}
.user_bottom dd{}
.user_bottom dd a{display: block; position: relative; padding: 8px 0;font-size: 16px;}
.user_bottom dd a:hover{color: #000;}
.user_bottom dd a::after{content: ""; width: 8px; height: 12px; background: url("../images/icon_arrow_s1.png") 50% 50% no-repeat; background-size: contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.user_bottom .out{font-size: 16px;  color: #8d8d8d;}
.user_bottom .out:hover{color: #ee0c0c;}
 

.h_banner{background: url("../images/banner_bg.webp") 50% 100% no-repeat; height:720px; overflow: hidden; position: relative; padding-top: 88px; box-sizing: border-box;  background-size:100% 100%;}
.h_banBox{position: relative; height: 648px; }
.h_banner .boxL{width: 40%;  float: left; transform: translateX(-100%); transition:0.8s;}
.h_banner .boxL .title{margin-top: 140px; font-weight: bold;}
.h_banner .boxL .title em{ font-size: 50px; font-weight: bold; color: #FF6E1F;   background: -webkit-linear-gradient(#FF6E1F, #FF8F44);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.h_banner .boxL .title span{font-size: 34px; color: #fff;}
.h_banner .boxL .text{color: #ccc; font-size: 22px; line-height: 48px; margin-top: 20px;}
.h_banner .boxL p{color: #ff6e1f; font-size: 24px; margin-top: 20px;display: flex;justify-content: space-between;}
.h_banner .boxL p em{width: 20px;height: 20px;  margin: 0 50px; background: url("../images/Rectangle6.png") 50% 50% no-repeat; display: inline-block;  background-size: contain;}
.h_banner .boxL p span{display: inline-block; padding: 0 24px;
  height: 46px; font-size: 20px; color: #ff6e1f; text-align: center; line-height: 46px;
  background: linear-gradient( 180deg, #FFF9F3 0%, #FFEFDF 100%);
  border-radius: 26px 26px 26px 26px;}
.h_banner .boxR{position: absolute; top: 50px; right: 0; bottom: 0;   width: 46%;  transform: translateX(100%); transition:0.8s;}
.h_banner .boxR .img{position: absolute; left: 0; top: 0;}
.h_banner .boxR .img1{ top: 100px; left: -35px; animation: img1 3s infinite;}
.h_banner .boxR .img2{top: 279px; left: auto; right:-23px; z-index: 1; animation: img2 3s infinite;}
.h_banner .boxR .img3{top: auto; bottom: 0; left: 100px;  }


@keyframes img1 {
  0%{transform: translateY(0);}
  50%{transform: translateY(-10px);}
  100%{transform: translateY(0);}
}

@keyframes img2 {
  0%{transform: translateY(0);}
  50%{transform: translateY(10px);}
  100%{transform: translateY(0);}
}

@keyframes img3 {
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);} 
}




.h_num{margin-top: 40px; transform: translateY(50px); transition: 0.5s;}
.h_num ul{margin-left: -1%;}
.h_num ul li{float: left; width: 24%; padding: 50px 0; margin-left: 1%; float: left; background: linear-gradient( 180deg, #FFF9F3 0%, #FFEFDF 100%);
  border-radius:24px; text-align: center; font-size: 24px;color: #ff6e1f;}  
.h_num ul li em{font-size: 48px; height: 64px; color: #ff6e1f; font-weight: bold;}
.h_num ul li p{color: #0b1b56; margin-top: 10px;}
.h_num ul li p span{position: relative; padding-left:35px;}
.h_num ul li p img{width: 28px; height: 28px; position: absolute; left: 0; position: absolute; top: 50%; margin-top: -14px;}
.h_text{text-align: center; margin-top: 100px; transform: translateY(50px); transition: 0.5s;}
.h_text .title{font-size: 30px; color: #0b1b56; font-weight: bold;}
.h_text .text{color: #8d8d8d; font-size: 20px; margin-top: 20px; line-height: 36px;}

.h_service{transform: translateY(50px); transition: 0.5s; padding-top: 135px; padding-bottom: 60px;  background-image: linear-gradient(#FFF9F3, #FFEFDF); border-radius: 24px; /*background: url("../images/service_bg.png") 50% 0 no-repeat; background-size: cover;*/ margin-top: 40px; overflow: hidden; }
.h_service .w1350{display: flex; align-items: stretch;}
.h_service .left{width: 300px; flex-shrink: 0; align-self: stretch; overflow: visible; border-radius: 25px; padding: 40px; box-sizing: border-box; margin-right: 60px; background: url("../images/our_service_bg.webp") 50% 0 / cover no-repeat; }
.h_service .left .top{font-size: 36px; line-height: 50px; color: #fff; font-weight: bold; word-break: break-word; }
.h_service .left .top .txt1{opacity: 0.4;}
.h_service .left .text{font-size: 14px; line-height: 32px; margin-top: 40px; color: #fff; overflow-wrap: anywhere; word-break: break-word;}
.h_service .right{width: 60%; flex: 1; min-width: 0;}
.h_service .right .tab ul{display: flex; flex-wrap: nowrap; align-items: stretch;}
.h_service .right .tab li{flex: 1 1 0; width: auto; min-width: 0; float: none; text-align: center; padding: 24px 8px; cursor: pointer; box-sizing: border-box;}
.h_service .right .tab li img{width: 36px; display: block; margin: 0 auto;}
.h_service .right .tab li .img2{display: none;}
.h_service .right .tab li span{display: block; font-size: 18px; line-height: 1.35; color: #af7c60; margin-top: 10px; word-break: break-word; overflow-wrap: anywhere;}
.h_service .right .tab li.on{background: linear-gradient( 180deg, #FF9257 0%, #FF6E1F 100%);
box-shadow: 0px 10px 24px 0px rgba(255,110,31,0.3);
border-radius: 24px 24px 24px 24px; }
.h_service .right .tab li.on span{color: #fff;}
.h_service .right .tab li.on .img1{display: none;}
.h_service .right .tab li.on .img2{display: block;}

.h_serviceBox {margin-top: 50px; position: relative; min-height: 0; overflow: visible; }
/* 勿用 absolute：父级会高度塌陷，整块溢出到下一模块 */
.h_serviceBox .box{display: none; position: relative; width: 100%; height: auto; top: auto; left: auto; overflow: hidden;}
.h_serviceBox .box img{float: left; margin-right: 50px; width: 508px; max-width: 48%; height: auto;}
.h_serviceBox .box .text{font-size: 20px; margin-top: 20px; line-height: 40px; color: #0b1b56; overflow: hidden;}

.h_avd{transform: translateY(50px); transition: 0.5s; margin-top:60px; height: 222px; text-align: center; padding: 20px 0; color: #fff; background: url("../images/home_brand_bg.webp") 50% 50% no-repeat; background-size: contain;}
.h_avd .title{font-size: 40px; padding-top: 55px;}
.h_avd p{font-size: 20px; margin-top: 20px;}

.h_pro{transform: translateY(50px); transition: 0.5s; background: #F8F8F8; display: flex; padding: 40px 0; border-radius: 24px;}
.h_pro .left{padding: 10px; width: 218px;}
.h_pro .left li{padding: 10px 20px; cursor: pointer; font-size: 20px; border-radius: 10px;}
.h_pro .left li.on{background: #fff; font-weight: bold; color: #0B1B56;}

.h_pro .right{flex: 1; margin: 0 50px; min-height: 750px; box-sizing: border-box; position: relative;}
.h_pro .right .box{position: absolute; width: 100%;  top: 0; left: 0; display: none;}
.h_pro .right .title{font-size: 36px; color: #0b1b56; font-weight: bold;}
.h_pro .right .title p,.h_pro .right .title .title-desc{display:block;font-size: 16px; margin-top: 20px; color: #8d8d8d; font-weight: normal; line-height: 24px;}
/* 桌面三列 grid（勿加到移动端，否则会冲掉手机两列） */
@media screen and (min-width: 993px) {
  .h_pro .right ul,
  .h_pro .right .list ul,
  .h_pro .right ul.h_pro_cards{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 40px 40px !important;
    margin: 40px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
    width: 100% !important;
  }
  .h_pro .right ul.clearfix:after,
  .h_pro .right ul.clearfix:before{
    display: none !important;
    content: none !important;
  }
  .h_pro .right li{
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
    box-sizing: border-box;
  }
  .h_pro .right li a{display: block;}
  .h_pro .right li span{display: block; font-size: 18px; color: #0B1B56;
    line-height: 28px;
    color: #0b1b56; margin-top: 10px;}
  .h_pro .right li img{width:100%; max-width:300px; height: 180px; object-fit: contain; object-position: center; display: block; margin: 0 auto; border-radius: 15px;}
}


.h_link{transform: translateY(50px); transition: 0.5s; padding: 40px 0; margin-top: 80px; background: #F8F8F8 url("../images/media_bg.webp") 50% 0 no-repeat; background-size: contain;}
.h_link .title{text-align: center; font-size: 40px; color: #0b1b56; font-weight: bold;}
.h_link .tab{margin-top: 40px; text-align: center;}
.h_link .tab span{ padding: 0 40px; margin: 0 10px; cursor: pointer;
  height: 60px;  line-height: 60px;  color: #0B1B56; 
  border-radius:18px; display: inline-block; font-size: 20px; background: #fff;}
.h_link .tab span em{color: #0B1B56; margin: 0 10px;}
.h_link .tab span.on{ background: linear-gradient( 180deg, #FF9257 0%, #FF6E1F 100%); color: #fff; box-shadow: 0px 10px 24px 0px rgba(255,110,31,0.3);}
.h_link .tab span.on em{color: #fff; }
.h_link .w1920{width: 1920px; margin: 0 auto; max-width: 100%; position: relative; overflow: hidden;}
.h_link .list{margin-top: 40px;}
.h_link .list span{ width: 10px; display: inline-block;}
.h_link .list a img{height: 90px;}
.h_link .mySwiper{display: none; height: 90px;}
.h_link .mySwiper0{display: block;}

.h_news{transform: translateY(50px); transition: 0.5s; padding: 40px 0; margin-top: 40px; margin-bottom: 40px; overflow: hidden;}
.h_news .h_title{font-size: 40px; font-weight: bold; color: #0b1b56; text-align: center; position: relative;}
.h_news .h_title a{position: absolute; right: 0; top:25px; width: 80px; color: #8d8d8d;
  height: 40px; line-height: 40px;
  background: #FFFFFF;
  border-radius: 44px;
  border: 1px solid #D9D9D9; font-size: 18px; padding-right: 30px; font-weight: normal;}
.h_news .h_title a::after{content: ""; width: 24px; height: 24px; position: absolute; right: 15px; top: 50%; margin-top: -12px; background: url("../images/icon_more.png") 50% 50% no-repeat;}
.h_news .list{margin-top: 40px;  }

.h_news .list ul li{width: 400px; padding: 20px; border-radius: 24px; box-sizing: border-box; background: #F8F8F8;}
.h_news .list ul li img{width: 360px; height: 230px; border-radius: 15px;}
.h_news .list ul li .title{font-size: 24px; overflow: hidden; color: #0B1B56;
  text-overflow: ellipsis;  
  display: -webkit-box;
  -webkit-line-clamp: 2;
  word-break: break-all;   
  -webkit-box-orient: vertical; margin-top: 10px; height: 70px; line-height: 35px;}
  .h_news .list ul li .text{font-size: 16px; height: 65px; color: #8D8D8D; margin-top: 10px; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    word-break: break-all;   
    -webkit-box-orient: vertical; margin-top: 10px;overflow: hidden; line-height: 22px;}




    .footer {background: #050e19;overflow: hidden; font-size: 16px;}
    .footer .footer-content {margin-top: 45px;margin-bottom: 35px;}
    .footer .footer-content .left {font-size: 16px;}
    .footer .footer-content .left dl {display: inline-block;margin-right: 50px;color: #fff;vertical-align: top;}
    .footer .footer-content .left dl dt, .footer .footer-content .left dl dd {margin-bottom: 13px;}
    .footer .footer-content .left dl a {color: #999;}
    .footer .footer-content .left dl a:hover{color: #fff;}
    .footer .footer-content .right {color: #666;}
    .footer .footer-content .right>div {margin-left: 138px;margin-bottom: 5px;}
    .footer .footer-content .right div a {color: #999;}
    .footer .footer-content .right .tel {font-family: arial;font-size: 28px;color: #fff;margin-bottom: 0;}
    
    .footerB{padding:15px;color: #ccc; background: #282828; font-size: 14px;}
    .footerB a {
      color: #ccc;
    }
    .footerLogo{float: left; margin-right: 5%;}
    .footerB .footerB-box{ 
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 12px 28px;
      overflow: visible;
      margin-right: auto;
      margin-left: auto;
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box;
    }
    .footerB-box-left{
      width: auto;
      flex: 0 0 auto;
      text-align: left;
    }
    .footerB-box-right{ 
      float: none;
      flex: 1 1 420px;
      min-width: 0;
      text-align: right;
      line-height: 1.7;
    }
    .footerB-box-right > div{
      word-break: break-word;
      overflow-wrap: anywhere;
    }
    .footerB-box-right a{
      margin: 0 4px;
      text-decoration: none;
    }
    .footerB-box-right .footer-beian{
      display: inline-block;
      white-space: nowrap;
    }
    
    .footerB-box-left ul {
      padding: 0;
      list-style: none;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }
    .footerB-box-left ul li:first-child {
      padding-left: 0;
    }
    .footerB-box-left ul li {
      float: none;
      padding-left: 10px;
      padding-right: 10px;
      border-right: 1px solid #e1e1e1;
    }
    .footerB-box-left a {
      color: inherit;
      text-decoration: none;
    }
    
    .footerB-box-left ul li:last-child {
      padding-right: 0;
      border-right: 0;
    }
    
    
    .footer .footer-content .right dl {display: inline-block;margin-left: 70px;color: #fff;vertical-align: top;}
    .footer .footer-content .right dl dt, .footer .footer-content .left dl dd {margin-bottom: 13px;}
    .footer .footer-content .right dl a {color: #999;}
    .footer .footer-content .right dl dd {margin-bottom: 5px;}





.pageBox{background: #F5F9FA; padding-bottom: 40px; padding-top: 108px;}
.searchTop{padding-bottom: 20px;}
.searchTop .tip{overflow: hidden; width: 60%; float: left;}
.searchTop .tip span{display: inline-block; border-radius:12px; background: #FFF9F3; position: relative; margin-right: 5px;
  border: 1px solid rgba(255,110,31,0.3); cursor: pointer; color: #ff6e1f; padding:8px 10px; padding-right: 40px;}
.searchTop .tip span i{width: 20px; height: 20px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url("../images/x.png") 50% 50% no-repeat; background-size: contain;}
.searchTop .search{float: right; width: 350px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 12px 12px 12px 12px; background: #fff; display: flex; overflow: hidden;padding: 0 10px;}
.searchTop .search .text{flex: 1; box-sizing: border-box; height: 40px; padding: 0 10px;width: 100%;}
.searchTop .search .btn{width: 40px; height: 40px; border: none; cursor: pointer; background: url("../images/search.png") 50% 50% no-repeat; background-size: contain;}



.selectBox{background: #FFFFFF; padding: 20px 36px; 
  border-radius: 12px 12px 12px 12px; margin-bottom: 20px;}
.selectBox .box{margin-bottom: 20px;}
.selectBox .title{color: #0b1b56; font-size: 18px; position: relative;}
.selectBox .title::after{background: url("../images/Rectangle6.png") 50% 50% no-repeat; content: ""; width: 8px; height: 12px; background-size: contain; position: absolute; left: -15px; top: 50%; margin-top: -6px;}
.selectBox .inner-box{margin-top: 10px; }
.selectBox .inner-box a{color: #333; margin: 2px 12px 0 0; display: inline-block; font-size: 16px; box-sizing: border-box;
  padding: 2px 5px; transition: 0.3s;}
.selectBox .inner-box a.active{color: #ff6e1f;}
.selectBox .inner-box a:hover{color: #ff6e1f; border-radius: 5px; box-shadow:1px 1px 5px 0px #ccc;; box-sizing: border-box;}
.seleShow{margin-top: 20px; text-align: center;}
.seleShow span{display: inline-block; padding: 0 60px; cursor: pointer; padding-right: 80px; position: relative; font-size: 16px; }
.seleShow span em{font-size: 16px;color: #8d8d8d;}
.seleShow span::before{content: ""; width: 48px; height: 1px; background: #CFCFCF; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.seleShow span::after{content: ""; width: 48px; height: 1px; background: #CFCFCF; position: absolute; right: 0; top: 50%; margin-top: -1px;}
.seleShow span i{background: url("../images/icon_arrow_s2.png") 50% 50% no-repeat; width: 10px; height:16px; position: absolute; right: 60px; top: 50%; margin-top: -6px;}
.seleShow span.show i{background: url("../images/icon_arrow_s.png") 50% 50% no-repeat; width: 10px; height:16px; position: absolute; right: 60px; top: 50%; margin-top: -6px;}
.zg {min-height: 500px;}

.zg-list {
  display: flex;
  align-items: center;
  padding: 24px;
  background-color: #fff;
  border-radius: 12px;
  margin-bottom: 14px;
}
.zg-list-input,.zg-list-check,.zg-list-batch{
  width: 16px;
  height: 16px;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
}
.zg-list-check,.batch-checked{
  border-color: #ffffff;
  background: url("../images/zg-check.png") no-repeat;
  background-size: 100%;
}
.zg-list-main{
  display: flex;
  align-items: center;
}
.zg-list-item{
  margin-right: 14px;
  width: 120px;
}
.zg-list-item-first{
  width: 150px;
  margin-right: 14px;
}
.zg-list-img{
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 1px solid #F0F0F0;
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-content: center;
  overflow: hidden;

}
.zg-list-img img{
  height: auto;
}
.zg-list-item-first .top-title{
  font-weight: bold;
  color:#0B1B56;
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
  padding-bottom: 8px;
}
.zg-list-item .tip,.zg-list-item-first .tip{
  font-size: 16px;
  color: #8D8D8D;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
}

.zg-list-item .sponsored{
  width: 22px;
  height: 22px;
}
.zg-list-item .price{
  color: #EE0C0C;
  font-weight: bold;
  font-size: 20px;
}
.zg-list-item .title{
  color: #0B1B56;
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
}
.zg-btn{
  /*width: 80px;*/
  padding: 0 20px;
  height: 44px;
  line-height: 44px;
  border-radius: 8px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: linear-gradient( 180deg, #FF9257 0%, #FF6E1F 100%);
}
.batch-check{
  display: flex;
  align-items: center;
}


.banner_gao{margin-bottom: 20px; position: relative;}
.banner_gao .text{color: #fff; width: 100%;  text-align: center; font-size: 32px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 0 20px; box-sizing: border-box;}
.banner_gao img{display: block; width: 100%;}

/*.zhuangao ul.zhuangao-ul-list li{background: #FFFFFF;*/
/*  border-radius: 24px 24px 24px 24px; padding: 24px; margin-top: 20px; font-size: 16px;}*/
/*  */

/*.zhuangao li .title_T{display: flex; align-items: center; position: relative;}*/
/*.zhuangao li .title_T img{width: 100px; height: 64px; margin-right: 16px; border-radius: 5px;}*/
/*.zhuangao li .title_T .title{font-size: 24px; color: #0b1b56; max-width: 870px;}*/
/*.zhuangao li .title_T .title a{color: #0b1b56; display: block; overflow:hidden;   font-weight: bold;*/
/*  white-space:nowrap; */
/*  text-overflow:ellipsis;}*/
/*.zhuangao li .title_T .tip{ flex: 1;}*/
/*.zhuangao li .title_T .tip span{display: inline-block; height: 36px; margin-left: 10px; line-height: 36px; padding: 0 16px;*/
/*  background: #FFEFDF; color: #ff6e1f; font-size: 16px;*/
/*  border-radius: 23px 23px 23px 23px; float: left;}*/
/*.zhuangao li .title_T .btn{height: 40px; display: inline-block; */
/*  background: linear-gradient( 90deg, #FF9257 0%, #FF6E1F 100%); padding: 0 20px;*/
/*  border-radius: 8px 8px 8px 8px; color: #fff; text-align: center; line-height: 40px;}*/
/*.zhuangao li .money{display: flex; margin-top: 25px;}*/
/*.zhuangao li .money .text{margin-right: 80px; color: #8d8d8d; display: block; overflow:hidden;  */
/*  white-space:nowrap; */
/*  text-overflow:ellipsis;}*/
/*.zhuangao li .money .text span{font-size: 20px; font-weight: bold; color: #ee0c0c; margin-left: 10px;}*/
/*.zhuangao li .money .text2{flex: 1;}*/
/*.zhuangao li .money .text2 span{font-weight: normal; color: #0b1b56; }*/
/*.zhuangao li .doc{margin-top: 16px; color: #0b1b56;}*/
/*.zhuangao li .doc span{color: #8d8d8d; margin-right: 10px; display: inline-block;}*/
/* .zhuangao ul li img{width: 236px; height: 144px; border-radius: 16px;}
.zhuangao ul li .img{float: left; margin-right: 24px;}
.zhuangao ul li .text{flex: 1;}
.zhuangao ul li .title{font-size: 24px; color: #0b1b56;  overflow:hidden;  
white-space:nowrap; 
text-overflow:ellipsis;  margin-top: 10px;}
.zhuangao ul li .title a{color: #0b1b56;}
.zhuangao ul li .link{color: #8d8d8d; font-size: 16px; margin-top: 10px;}
.zhuangao ul li .top{padding-right: 80px; position: relative;}
.zhuangao ul li .top .detail{height: 40px; display: inline-block; position: absolute; top: 0; right: 0;
background: linear-gradient( 90deg, #FF9257 0%, #FF6E1F 100%); padding: 0 20px;
border-radius: 8px 8px 8px 8px; color: #fff; text-align: center; line-height: 40px;}

.zhuangao ul li .con{margin-top: 10px;}
.zhuangao ul li .con span{margin-right: 2%; font-size: 16px; width: 22%; float: left;

  text-overflow :ellipsis;  
  white-space :nowrap;  
  overflow : hidden;  }
.zhuangao ul li .con span.gz{margin-right: 6%;}
.zhuangao ul li .con em{margin-right: 5px; color: #0b1b56;}
.zhuangao ul li .con em.tip{margin-right: 5px; color: #8d8d8d;}
.zhuangao ul li .con em.money{font-weight: bold; color: #ee0c0c; font-size: 16px;}
.zhuangao ul li .txt{margin-top: 10px; color: #8D8D8D;  position: relative;}
.zhuangao ul li .txt .tip{position: absolute; left: 0; top: 0; color: #8d8d8d; display: none;} */


.detailsTop{ box-sizing: border-box; background: #fff; padding: 20px; 
  border-radius: 10px; border-radius: 10px; display: flex;}
.detailsTop .left{width: 404px; height: 246px;  border: 4px solid #fff; border-radius: 24px; overflow: hidden;}
.detailsTop .left img{width: 404px; height: 246px; border-radius: 24px; }
.detailsTop .right{flex: 1;  margin-left: 24px; position: relative;}
.detailsTop .right .text{font-size: 16px;}
.detailsTop .right .text p{margin-bottom: 10px; color: #0b1b56; padding-left: 100px; position: relative;}
.detailsTop .right .text .package_name_p{margin-bottom: 10px;font-size: 24px; color: #0b1b56; padding-left: 0;}
.detailsTop_zhuango .right .text .box{width: 50%; float: left;}
.detailsTop_zhuango .right .text p{ width: 100%; margin-right: 2%;  box-sizing: border-box; }
.detailsTop_zhuango .right .text .package_name_p{width: 100%;  text-align: center;}
 

.detailsTop .right .text p .money {color: #EE0C0C; font-size: 16px; font-weight: bold;}
.detailsTop .right .text p span{position: absolute; left: 0; top: 0; color: #8D8D8D;} 
.detailsTop .right .text p.package_money span{top:0px;}
.detailsTop .right .text p.package_money {margin-top: 0px;}


.detailsTop .btnBox {margin-top:0;margin-bottom:0;display: flex; position: absolute; right: 0; bottom: 0;}
.detailsTop .btnBox .box {position: relative;}
.detailsTop .btnBox .btn{width: 100px; cursor: pointer; position: relative;  box-sizing: border-box; margin-left: 20px;  display: block; text-align: center; line-height: 44px; height: 44px;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #FF6E1F; color: #ff6e1f;}
.detailsTop .btnBox .box .sbu{min-width: 100%; width: 137px; z-index: 999; box-sizing: border-box; padding-top: 5px;  display: none; min-height: 30px; position: absolute;}
.detailsTop .btnBox .box .shareicon{padding: 10px; border-radius: 10px; border: 1px solid #ff6e1f; left: 0; top: 100%; background: #fff; overflow: hidden;}
.detailsTop .btnBox .box:hover .sbu{display: block; }
.detailsTop .btnBox .box .kefu-btn{}
.detailsTop .btnBox .box .sbu a img{width: 35px; height: 35px;}

.detailsTop .btnBox .box .hcolor{background: linear-gradient( 90deg, #FF9257 0%, #FF6E1F 100%); color: #fff;}


.showCode{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: hsl(0deg 0% 0% / 57%); z-index: 10000; }
.showCode .box{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 20px; background: #fff; border-radius: 10px;}
.showCode .box .code_title{text-align: center; margin-top: 10px;}
.showCode .box .hide{width: 30px; height: 30px; cursor: pointer; background: #fff url("../images/x2.png") 50% 50% no-repeat; border-radius: 50%; background-size: contain; position: absolute; right: -10px; top: -10px; }
.showCode .box .code img{width: 200px; height: 200px;}



.detailsBottom{margin-top: 20px; background: #fff;  border-radius: 10px; padding: 20px;}
.detailsTit{color: #0B1B56; font-size: 24px; font-weight: bold; padding-left: 20px; position: relative;}
.detailsTit::after{content: ""; width: 12px; height: 18px; background: url("../images/Rectangle6.png") 50% 50% no-repeat; background-size: contain; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.detailsBottom .text{margin-top: 20px; padding-bottom: 20px; min-height: 400px;}
.detailsBottom .text .no{text-align: center;}
.detailsBottom .text .no .tip{margin-top: 10px;}
.detail-box,.detail-pro{
  overflow: hidden;
  padding: 20px;
  display: flex;
  justify-content: space-between;
}
.detail-box{
  padding: 20px;
  margin-right: -30px;
}
.detail-box ul li{
  float: left;
  margin:0 16px 16px 0;
  padding:6px 16px;
  border-radius: 23px;
  background: #FFEFDF;
  color: #FF6E1F;
}
.detail-pro .box{ float: left;}
.detail-pro .left{ width: 32%}
.detail-pro .middle{ width: 35%}
.detail-pro .right{ width: 23%}
.detail-pro .box p{
  line-height: 24px;
  margin-bottom: 10px;
}
.detail-pro .box p span{
  color: #8D8D8D;
  margin-right: 10px;
}
.detail-pro .box p .price{
  color:#EE0C0C;
  font-weight: bold;
  font-size: 20px;
}

 .btnBox {display: flex; margin: -20px 0 20px 0;}
 .btnBox .box {position: relative;}
 .btnBox .btn{width: 100px; cursor: pointer; position: relative;  box-sizing: border-box; margin-left: 20px;  display: block; text-align: center; line-height: 44px; height: 44px;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #FF6E1F; color: #ff6e1f;}
 .btnBox .box .sbu{min-width: 100%; width: 137px; z-index: 999; box-sizing: border-box; padding-top: 5px;  display: none; min-height: 30px; position: absolute;}
 .btnBox .box .shareicon{padding: 10px; border-radius: 10px; border: 1px solid #ff6e1f; left: 0; top: 100%; background: #fff; overflow: hidden;}
 .btnBox .box:hover .sbu{display: block; }
 .btnBox .box .kefu-btn{}
 .btnBox .box .sbu a img{width: 35px; height: 35px;}

 .btnBox .box .hcolor{background: linear-gradient( 90deg, #FF9257 0%, #FF6E1F 100%); color: #fff;}


.detaileType {background: #F8F8F8; margin-bottom: 20px; border-radius: 10px; padding: 15px; box-sizing: border-box; margin-top: 20px; padding-top: 10px; font-size: 16px;}
.detaileType .layui-row{padding: 15px;background-color: #f9f9f9;}
.detaileType .layui-col-md4 {
  width: 33.33333333%;
  float: left;
  margin-top: 10px;
}

.detaileType .layui-col-md4{
  color:#000;
  
}
.detaileType  .layui-col-md4 span{
  color:#8D8D8D;
}

.fagao{min-height: 500px;}
.fagao .list ul{margin-left: -1%;}
.fagao .list ul li{width: 24%; margin-left: 1%; transition: 0.5s; margin-bottom: 10px; float: left; background: #fff; padding: 16px; padding-bottom: 40px; border-radius: 16px; box-sizing: border-box;  }
.fagao .list ul li img{width: 296px; height: 180px; border-radius: 16px;}
.fagao .list ul li .title{text-align:center;font-size: 24px; color:#0B1B56;overflow:hidden;margin-bottom: 15px; /*超出的部分隐藏起来。*/
  white-space:nowrap;/*不显示的地方用省略号...代替*/
  text-overflow:ellipsis;/* 支持 IE */ margin-top: 10px; }
.fagao .list ul li .title a{color: #0b1b56; font-weight: bold;}
.fagao .list ul li .text{ color: #0b1b56;}
.fagao .list ul li p{margin: 5px 0; font-size: 16px; overflow:hidden; /*超出的部分隐藏起来。*/ 
  white-space:nowrap;/*不显示的地方用省略号...代替*/
  text-overflow:ellipsis;/* 支持 IE */}
.fagao .list ul li p span{width: 80px; margin-right: 5px; display: inline-block; color: #8d8d8d; }
.fagao .list ul li .money{margin-top: 20px; position: relative; color: #ee0c0c; font-size: 20px;font-weight: bold;}
.fagao .list ul li .money a{position: absolute; height: 40px;
  background: linear-gradient( 90deg, #FF9257 0%, #FF6E1F 100%); font-size: 14px;
  border-radius: 8px 8px 8px 8px; padding: 0 20px; line-height: 40px; right: 0; top: 50%; margin-top: -20px; color: #fff;}
.fagao .list ul li:hover{box-shadow: 0px 2px 10px 2px #e5e5e5; transform: scale(1.02);}




  .news {
    padding-top: 20px;
    padding-bottom: 40px; 
    background-size: auto;
    position: relative;
  }
  .news .fl{width:840px;}
  .news .fr{width: 486px; position: sticky; top: 108px; z-index: 999;}
  .newsBanner{margin-top: 10px; margin-bottom: 20px; border-radius:24px; overflow: hidden;}
  .newsBanner a{display: block; position: relative;}
  .newsBanner a .title{position: absolute; left: 0; bottom: 0; padding: 0 20px; height: 50px; line-height: 50px; font-size: 18px; color: #fff; width: 100%; box-sizing: border-box; background: #0000006b;
    text-overflow :ellipsis; /*让截断的文字显示为点点。还有一个值是clip意截断不显示点点*/
    white-space :nowrap; /*让文字不换行*/
    overflow : hidden; }
  .news_Tit{font-size:32px; padding: 0 20px; color: #0B1B56; padding-bottom: 8px;  font-weight: bold; }
  h1.news_Tit{margin:0;line-height:1.3;}
  .news_Tit a{float: right; font-size: 16px; padding-right: 25px; color: #8d8d8d; position: relative; font-weight: normal; color: #434343; margin-top: 12px;}
  .news_Tit a::after{content: ""; width: 20px; height: 20px; background: url("../images/icon_more.png") 50% 50% no-repeat; background-size: contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
  .news_Tit a:hover{color:#000}
  .newsList {margin-top:20px;}
  .newsList li{padding: 20px; background: #fff; border-radius:24px; margin-top: 10px; overflow: hidden; display: flex;}
  .newsList li .text{flex: 1;  }
  .newsList li .img{width:200px;  display: block;  margin-right: 16px; }
  .newsList li .img img{width: 100%; height: 135px; display: block; border-radius: 10px;}
  .newsList li .title{font-size: 24px;   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    word-break: break-all;   
    -webkit-box-orient: vertical; }
  .newsList li .title a{ color: #0B1B56;  }
  .newsList li .time{font-size: 14px; color: #8d8d8d; margin-top: 5px; line-height: 23px;}
  .newsList li .time a{height: 24px; line-height: 24px;  font-size: 14px; text-align: center;
background: #FFEFDF; display: inline-block; padding: 0 10px; color: #ff6e1f; margin-left: 10px;
border-radius: 23px;}
  .newsList li .time span{display: inline-block; margin-left: 10px; padding-left: 20px; position: relative;}
  .newsList li .time span::after{content: ""; width: 18px; height: 15px; position: absolute; left: 0; top: 50%; margin-top: -8px; background: url("../images/see2.png") 50% 50% no-repeat; background-size: contain;}
  .newsList li .des{margin-top: 5px; font-size: 16px; color: #727272; line-height: 24px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    word-break: break-all;   
    -webkit-box-orient: vertical;}
  
  
.newsMore{margin-top: 20px; text-align: center;}
.newsMore span{display: inline-block; padding: 0 60px; cursor: pointer; position: relative; font-size: 16px; }
.newsMore span em{font-size: 16px;color: #8d8d8d;}
.newsMore span::before{content: ""; width: 48px; height: 1px; background: #CFCFCF; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.newsMore span::after{content: ""; width: 48px; height: 1px; background: #CFCFCF; position: absolute; right: 0; top: 50%; margin-top: -1px;}
 
  
  /* Slider */
  .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  
  .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
  }
  .slick-list:focus {
    outline: none;
  }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
  .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table;
  }
  .slick-track:after {
    clear: both;
  }
  .slick-loading .slick-track {
    visibility: hidden;
  }
  
  .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
  }
  [dir=rtl] .slick-slide {
    float: right;
  }
  .slick-slide img {
    display: block;
  }
  .slick-slide.slick-loading img {
    display: none;
  }
  .slick-slide.dragging img {
    pointer-events: none;
  }
  .slick-initialized .slick-slide {
    display: block;
  }
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  
  .slick-arrow.slick-hidden {
    display: none;
  }
  
  /* Slider */ 
  
  .slick-prev,
  .slick-next {
    z-index: 10;
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
  }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
  }
  .slick-prev:hover:before, .slick-prev:focus:before,
  .slick-next:hover:before,
  .slick-next:focus:before {
    opacity: 1;
  }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25;
  }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .slick-prev {
    left: -25px;
  }
  [dir=rtl] .slick-prev {
    left: auto;
    right: -25px;
  }
  .slick-prev:before {
    content: "鈫�";
  }
  [dir=rtl] .slick-prev:before {
    content: "鈫�";
  }
  
  .slick-next {
    right: -25px;
  }
  [dir=rtl] .slick-next {
    left: -25px;
    right: auto;
  }
  .slick-next:before {
    content: "鈫�";
  }
  [dir=rtl] .slick-next:before {
    content: "鈫�";
  }
  
  /* Dots */
  .slick-dotted.slick-slider {
     
  }
  
  .slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
  }
  .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
  }
  .slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
  }
  .slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
  }
   
  .slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
  }
  
  .banner-prcenter {
    width: 100%; 
    overflow: hidden; 
  }
  .banner-prcenter.slick-dotted.slick-slider {
 
  }
  .banner-prcenter .slick-card {
    overflow: hidden;
    position: relative;  
    display: block !important;
    border-radius:24px;
    overflow: hidden;
  } 
  .banner-prcenter .slick-card h3,  .nav-subnav nav .dropdown-menu {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
  }
  .banner-prcenter .slick-card img {
    width: 100%;
    height: 500px;
    display: block;
  }
  .banner-prcenter .slick-dots {
    bottom:60px; 
  }
  .banner-prcenter .slick-dots li { 
    margin: 0; 
    height: 8px;
    padding-left: 5px;
    transition: 0.5s;
    
  }
  .banner-prcenter .slick-dots li:nth-child(1) {
    padding-left: 0px;
  }
  .banner-prcenter .slick-dots li button {
    background: #00000055;
    height: 100%;
    width: 100%;
    padding: 0px;
    border-radius: 20px;
    opacity: 0.5;
    transition: 0.5s;
  }
  .banner-prcenter .slick-dots li button:focus, .banner-prcenter .slick-dots li button:hover {
    outline: none;
  }
  .banner-prcenter .slick-dots li button:focus:before, .banner-prcenter .slick-dots li button:hover:before {
    color: #FFD73E; 
  }
  .banner-prcenter .slick-dots li button:before {
    display: none;
    font-size: 15px;
    color: #fff;
  }
  .banner-prcenter .slick-dots li.slick-active{width: 20px;}
  .banner-prcenter .slick-dots li.slick-active button {
    background: #fff;
    opacity: 1;
    width: 20px;
  }
  .banner-prcenter:hover .slick-next,
  .banner-prcenter:hover .slick-prev {
    display: inline-block !important;
  }
  .banner-prcenter .slick-prev {
    left: 25px;
    z-index: 1;
    display: none !important;
    height: 40px;
    width: 40px;
  }
  [dir=rtl] .banner-prcenter .slick-prev {
    left: auto;
    right: 25px;
  }
  .banner-prcenter .slick-prev:before {
    display: block;
    font-family: "iconfont" !important;
    width: 40px;
    height: 40px;
    content: " "; 
    background-size: contain;
    font-size: 40px;
    text-shadow: 1px 1px 10px #666;
  }
  .banner-prcenter .slick-next {
    right: 25px;
    z-index: 1;
    display: none !important;
    height: 40px;
    width: 40px;
  }
  [dir=rtl] .banner-prcenter .slick-next {
    left: 25px;
    right: auto;
  }
  .banner-prcenter .slick-next:before {
    display: block;
    font-family: "iconfont" !important; 
    content: " ";
    width: 40px;
    height: 40px; 
    background-size: contain;
    font-size: 40px;
  
    text-shadow: 1px 1px 10px #666;
   
  }
  
  
  .loadmore a{display: block; position: relative; width: 100px; padding-right: 15px; height: 30px; color: #fff; font-size: 14px; line-height: 30px; margin: 20px auto 0; background: #413BB6; border-radius: 20px; text-align: center;}
  .loadmore a::after{content: ""; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url('../images/right-arrow.png') 50% 50% no-repeat; background-size: contain;}
  
   
  .newsRB{font-size: 18px; position: relative;  } 
  .newsRB .moer{font-size: 12px; position: relative;margin-left: 10px;}
  .newsRB .moer:hover{color: #413BB6;}
  .newsRB_tab{position: absolute; bottom: 0; right: 0;}
  .newsRB_tab span{border-radius: 15px; padding: 4px 8px; margin-left: 13px; font-size: 12px;cursor: pointer; background: #f9f9f9; }
  .newsRB_tab span:hover,.newsRB_tab span.current{background: #413BB6; color: #fff;}
  
  .newsRB .moer::after{content: ''; width: 13px; height: 13px; background: url('../images/r.png') 50% 50% no-repeat; background-size: contain; position: absolute; right: -15px; top: 50%; transform: translateY(-50%);}
  .newsRB .moer:hover::after{background: url('../images/r2.png') 50% 50% no-repeat; background-size: contain; }
  .newsTip{margin-top: 25px; border-radius: 8px; box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.05); background: #fff; overflow: hidden; padding: 10px 15px; box-sizing: border-box;}
  .newsTip .newsList .title a{display: block;overflow: hidden; 
    text-overflow: ellipsis;   
    display: -webkit-box;    
    -webkit-box-orient: vertical;   
    -webkit-line-clamp: 2;  }
  .newsMessage{margin-top: 35px;}
  .newsMessTxt{margin-top: 20px; font-size: 20px;}
  .newsMessage .text{margin-top: 10px;}
  .newsMessage input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
  }
  .newsMessage textarea {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    min-height: 100px;
    box-sizing: border-box;
  }
  .newsMessage  .btn{background: #413BB6; display: block; width: 100%; height: 38px; 
    border-radius: 2px 2px 2px 2px; color: #fff; border: none; cursor: pointer;}
  

.newsTab{overflow: hidden;} 
.newsTab li{height: 48px;
   width: 100px;  line-height: 48px; text-align: center;}
.newsTab li a{display: block; color: #8d8d8d; background: #FFFFFF; border-radius: 12px;}

.newsTab li.current a{display: block; background: linear-gradient( 90deg, #FF9257 0%, #FF6E1F 100%); color: #fff;} 
.newsList2{background: #fff; margin-top: 10px; padding: 15px; border-radius: 24px;}
.newsList2 ul{margin-top: -10px;}
.newsList2 li {background: #F8F8F8;}
.newsList2 li .img{width: 106px;}
.newsList2 li .img img{width: 106px; height: 72px;}
.newsList2 li .title{font-size: 18px; }
.newsList2 li{padding: 15px; border-radius: 12px;}
.newsList2 li .tip{position: relative; font-size: 14px; color: #8d8d8d; padding-right: 145px; margin-top: 5px;}
.newsList2 li .tip .tip_time{position: absolute;right: 0; top: 0; }


.newsDetails{color: #666; padding-bottom: 60px; position: relative;}
.newsDetails .fl{width: 846px;}
.newsDetails .titleBox{padding-bottom: 20px; font-size: 32px;color:#0B1B56; }
.newsDetails h1.titleBox,.newsDetails h2.titleBox{margin:0;font-weight:bold;line-height:1.4;}
.h_banner .boxL .title .seo-h1-banner{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;}
.h_banner .boxL .title .seo-h1-banner img{display:block;max-width:100%;height:auto;}

/* H1–H3 语义升级：只清浏览器默认 margin，字号/字重仍由原 class 控制 */
.h_text h2.title,.h_avd h2.title,.h_link h2.title,
.h_news h2.h_title,.h_pro h3.title,
h1.news_Tit,h2.news_Tit,
.banner_gao h1.text,
h1.package_name_p,h1.detailsTit,h2.detailsTit,
.aboutBan h1.tip,.factsBan h1.tip,
.aboutSever h3.tit,
.aboutContact h3.title,.factsContact h2.title,
.factsTimeline h3.tit,.factsAi h3.tit,.factsService h3.tit,.factsType h3.tit,
.newsDetails h2.commentTit{
  margin:0;
}
h2.aboutTit{margin-top:40px;margin-bottom:0;margin-left:0;margin-right:0;}
.h_avd h2.title{padding-top:55px;}
.h_pro h3.title,.aboutSever h3.tit,.aboutContact h3.title,
.factsTimeline h3.tit,.factsAi h3.tit,.factsService h3.tit,.factsType h3.tit,
.banner_gao h1.text,h1.package_name_p,h1.detailsTit,h2.detailsTit,
.aboutBan h1.tip,.factsBan h1.tip,.newsDetails h2.commentTit{display:block;}
.pageAddress{display:block;}

.newsDetails .desBox{  position: relative;}
.newsDetails .desBox .tit{font-size: 16px; color: #0B1B56;margin-bottom: 10px;}
.newsDetails .desBox .time{margin-top: 5px; font-size: 14px; color: #999;}
.newsDetails .desBox .share{position: absolute;  color: #0B1B56; right: 0; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center;}
.newsDetails .desBox .share i{margin-left: 10px; cursor: pointer;}
.newsDetails .desBox .share img{width: 30px;}
.newsDetails .content{
  padding: 20px 0;
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
  color: #333333;
}
.newsDetails .content p{
  text-indent: 2rem;
}
.newsDetails .content p img{
  display: block;
}

.newsDetails  .shareB{margin-top: 20px;display: flex;  align-items: center;}
.newsDetails  .shareB i{margin-left: 10px; cursor: pointer;}
.newsDetails  .shareB img{width: 30px;}
.newsDetails .clicknum{margin-left:15px;padding-left: 20px; background: url('../images/see2.png') 0 50% no-repeat; background-size: contain;}


.comment {
  width: 100%;
  margin-top: 40px;
}

.commentTit {
  font-weight: bold;
  font-size: 24px;
  padding-left: 20px; 
  color: #0b1b56;
  position: relative;
}
.commentTit::after{content: ""; width: 12px; height:18px; position: absolute;   left: 0; top: 50%; margin-top: -9px; background: url("../images/Rectangle6.png") 50% 50% no-repeat; background-size: contain;} 
.commentTit span{float: right; font-size: 12px;
  color: #BFC1C9;
  margin-right: 1rem;
  font-weight: normal; margin-top: 10px;}
.commentTit img{margin-left: 5px; width: 32px; height: 32px;}
.commentCon { 
  margin-top: 20px; 
} 
.commentCon .text {
  background: #f3f3f3;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 30px;
}

.commentCon textarea {
  width: 100%;
  height: 120px;
  resize: none; 
  border: none;
  background: none;
}

.commentBtn {
  margin-top: 10px;
  text-align: right;
  overflow: hidden;
}

.commentBtn .btn {
  width: 80px;
  display: inline-block;
  cursor: pointer;
  border-radius: 25px;
  background: #efba6e;
  color: #fff;
  border: none; 
  height: 40px;
background: linear-gradient( 90deg, #FF9257 0%, #FF6E1F 100%);
border-radius: 8px 8px 8px 8px;
}
 

.commentList {
}

.commentList .box { 
  margin-top: 30px;
}

.commentList .box .user{ line-height: 32px; line-height: 32px; color: #0b1b56; font-size: 14px;}
.commentList .box .user img{width: 32px; height: 32px; margin-right: 10px; float: left;}
.commentList .box .text{margin-top: 10px; font-size: 16px;}
.commentList .box .time{  color: #bfc1c9; font-size: 14px; margin-top: 10px;}


.newsDetailsB{margin-top: 40px;}
.news_title{padding: 10px 0; border-bottom: 2px solid #ee8c14 ; font-size: 20px;}
.newsDetailsB ul{margin-left: -2%;}
.newsDetailsB li{width: 48%; float: left; margin-left: 2%;height: 78px;overflow: hidden;}
.pageBox_news{background: #fff;}

.newsDetails .fr{width: 480px; position: sticky; top: 108px; }
.newsDetails .fr .titleBox{font-size: 24px;}
.newsList3{padding: 0; margin: 0;}
.newsList3{}
.newsList3 li .title{ }

.aboutBox{background: #fff;}
.aboutBan{position: relative; height: 600px; overflow: hidden; border-radius: 25px;}
.aboutBan .text{position: absolute; width: 90%; top: 40%; left: 50%; transform: translate(-50%,-50%); color: #fff; text-align: center;}
.aboutBan .text .title .tip{ font-size: 40px; font-weight: bold; background: -webkit-linear-gradient(#FF6E1F, #FF8F44);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;} 
.aboutBan .text p{font-size: 24px; margin-top: 10px; font-weight: normal; color: #fff; }
 
.aboutBan .dd .box{position: absolute; width: 50px; height: 50px;}
.aboutBan .dd .box em{
  width: 20px;
  height: 20px;
  position: absolute;
  transform: rotate(45deg);
  cursor: pointer;
  transition: 0.5s;
  left: 50%;
  top: 50%;
  margin-top: -12px;
  margin-left: -12px;
}
.aboutBan .dd .box:hover em{transform: scale(1.3,1.3) rotate(45deg);   }
.aboutBan .dd .box em:before,
.aboutBan .dd .box em:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50% 50% 0 50%;
  background: #0000;
  background-image: radial-gradient(circle 5px at 50% 50%,#0000 94%, #FF9257);
}

.aboutBan .dd .box em:after {
  animation: pulse-ytk0dhmd 1s infinite;
  transform: perspective(336px) translateZ(0px);
}

@keyframes pulse-ytk0dhmd {
  to {
    transform: perspective(336px) translateZ(168px);
    opacity: 0;
  }
}

.aboutBan .dd .box.dd1{top: 110px; left: 307px;}
.aboutBan .dd .box.dd2{top: 102px; left: 712px;}
.aboutBan .dd .box.dd3{top: 112px; left: 888px;}
.aboutBan .dd .box.dd4{top: 315px; left: 446px;}
.aboutBan .dd .box.dd5{top: 247px; left: 678px; display: none;} 
.aboutBan .dd .box.dd6{top: 355px; left: 1015px;} 
.aboutBan .dd .txt{position: absolute;  color: #fff; text-align: right; font-size: 14px; width: 240px; top: -10px; right:65px;}
.aboutBan .dd .txt .lang{font-size: 18px; font-weight: bold;}
.aboutBan .dd .txt p{margin-top: 5px;} 
.aboutBan .dd .txt p span{color: #ff6e1f;}

.aboutBan .dd .box.dd2 .txt{top: -35px;}
.aboutBan .dd .box.dd3 .txt{  text-align: left;  top: 0;
  right: 0;
  left: 65px;}
.aboutBan .dd .box.dd4 .txt{top: 60px; right: 0;}
.aboutBan .dd .box.dd5 .txt{ top: 50px; right: 0;}
.aboutBan .dd .box.dd6 .txt{ top: 60px; right: -186px; text-align: left;}

.aboutTit{margin-top: 40px; font-size: 40px; color: #0b1b56; text-align: center; font-weight: bold;}
.aboutTit p,.aboutTit .aboutTit-desc{display:block;font-weight: normal; font-size: 20px; color: #8d8d8d; margin-top: 20px;}
.aboutContact{margin-top: 50px;}
.aboutContact ul li{width: 25%; height: 306px; transition: 0.5s; box-sizing: border-box; padding-top: 76px; float: left; text-align: center;}
.aboutContact ul li img{width: 72px; height: 72px;}
.aboutContact ul li .text{color: #8d8d8d; margin-top: 10px; font-size: 16px;}
.aboutContact ul li .text span{display: block; margin-top: 10px; font-size: 20px; color: #0b1b56;}
.aboutContact ul li .text .tip{font-size: 14px; margin-top: 10px; line-height: 24px;}
.aboutContact ul li .text span.wx{color: #1da7f7; cursor: pointer;}
.aboutContact ul li:hover{box-shadow: 0px 7px 15px 5px #ededed; border-radius: 20px;}

.aboutSever{margin-top: 30px; padding:20px 80px; border-radius: 24px;  }
.aboutSever ul{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; row-gap: 28px; margin: 0; padding: 0; list-style: none;}
.aboutSever ul::before,.aboutSever ul::after{display: none; content: none;}
.aboutSever ul li{width: auto; max-width: 100%; padding:20px 16px; float: none; box-sizing: border-box; display: flex; align-items: flex-start; gap: 16px;}
.aboutSever ul li img{width: 72px; height: 72px; margin: 0; flex: 0 0 72px;}
.aboutSever ul li .text{flex: 1; min-width: 0;} 
.aboutSever ul li .tit{font-size: 22px; color: #0b1b56; margin: 0 0 8px;}
.aboutSever ul li .tip{max-width: 100%; width: auto; color: #8d8d8d; min-height: 0; height: auto; margin: 0; line-height: 1.65; box-sizing: border-box; white-space: normal; overflow: visible;}


.aboutContact .box{width: 49%; padding-top: 40px; padding-left: 30px; float: left; box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.1);
  border-radius: 24px 24px 24px 24px; height: 540px; box-sizing: border-box;}
.aboutContact .box .title{display: flex; align-items: center;}
.aboutContact .box .title img{width: 36px; height: 36px; margin-right: 10px;}
.aboutContact .box .title span{font-size: 24px; font-weight: bold; color: #0b1b56; margin-right: 10px;}
.aboutContact .box .title span.en{color: #bfc1c9;}
.aboutContact .box.left {padding-left: 50px; padding-top: 80px;}
.aboutContact .box.left .text{padding-left: 42px; margin-top: 30px; font-size: 20px; color: #0b1b56;}
.aboutContact .box.left .text p{margin-top: 10px;}
.aboutContact .box.left .con2{margin-top: 80px;}
.aboutContact .box.right{margin-left: 2%;}
.aboutContact .box.right .form{margin-top: 20px;}
.aboutContact .box.right .fromBox{margin-top: 30px;}
.aboutContact .box.right .fromBox .textCon{width: 48%; padding: 10px 0; border-bottom: 1px solid #BFC1C9; float: left; display: flex;}
.aboutContact .box.right .fromBox .textCon span{font-size: 16px; color: #0b1b56; margin-right: 10px;}
.aboutContact .box.right .fromBox .textCon .text{flex: 1; width: 100%;}
.aboutContact .box.right .fromBox .textCon .textarea{resize: none; 
  height:22.4px;   
  box-sizing: border-box;   padding-right: 20px;}
.aboutContact .box.right .fromBox .textCon2{margin-left: 4%;}
.aboutContact .box.right .fromBox .textCon3{width: 100%;}
.aboutContact .box.right .fromBox .tip{font-size: 16px; color: #0b1b56;}
.aboutContact .box.right .fromBox .radio{margin-top: 20px;}
.aboutContact .box.right .fromBox .radioBox{float: left; margin-right: 60px; font-size: 16px; color: #0b1b56; cursor: pointer; line-height: 30px;}
.aboutContact .box.right .radioBox{padding-left: 30px; position: relative; cursor: pointer;}
.aboutContact .box.right .radioBox .text{width: 20px; height: 20px; position: absolute; left: 0; top: 0; opacity: 0;}
.aboutContact .box.right .radioBox::after{content: ""; width: 20px; height: 20px; border-radius: 4px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; box-sizing: border-box; border: 1px solid #ccc;}
.aboutContact .box.right .radioBox.on::after{background: #FF6E1F url("../images/y2.png") 50% 50% no-repeat; border-color: #FF6E1F; background-size: contain;}
.aboutContact .box.right .fromBox .btn{width: 178px; margin:45px auto 0; cursor: pointer;
  height: 58px; border: none; font-size: 20px; color: #fff; display: block;
  background: linear-gradient( 90deg, #FF9257 0%, #FF6E1F 100%); border-radius: 16px;
}








.loginPage{ height: 100%;  background: url('../images/login_bg.jpg') 50% 0 no-repeat; background-size: cover;}
.loginPage .img{position: absolute; width: 50%; height: 100%; 
   background-size: cover; position: relative;}
.loginPage .img .text{color: #fff; width: 560px; position: absolute; top: 50%; transform: translateY(-100%); right: 10%;}
.loginPage .img .text img{width: 280px;}
.loginPage .img .text p{font-size: 40px; line-height: 50px; margin-top: 20px;}
.loginPage .img .text span{display: block; margin-top: 10px;}
.loginPage .right{position: absolute; right: 0; top: 0; width: 50%; height: 100%;}
.loginBox{position: absolute; left: 50%; top: 50%; padding: 4% 15%; box-sizing: border-box; transform: translate(-50%,-50%); border-radius: 32px;  width: 80%; background: #fff;}
.loginBox .tip{font-size:40px; color: #262626; font-weight: bold; color: #0b1b56;}
.loginBox .tip p{font-size: 16px; color: #b3b3b3; margin-top:5px; font-weight: normal;}
.loginBox .box{   margin-top: 20px; box-sizing: border-box; }
.loginBox .tab{font-size: 20px; color: #262626; }
.loginBox .tab span{margin: 0 10px; padding: 10px 15px; position: relative; cursor: pointer;}
.loginBox .tab span.current::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: linear-gradient( 133deg, #FF9257 0%, #FF6E1F 100%);
 border-radius: 17px 17px 17px 17px;}
.loginBox .form{margin-top: 40px; padding-bottom: 20px;}
.loginBox .form .text{display: flex; background: #F6F8FE; height: 50px; margin-top: 20px; border-radius: 16px;}
.loginBox .form .codeText{position: relative;  }
.loginBox .form .codeText .codeBtn{  width: 100px;  height: 100%; cursor: pointer; text-align: center; background: none; color: #ff6e1f; border: none;}
.loginBox .form .text .lat{width: 60px; line-height: 50px; font-size: 16px; color: #808080; text-align: center; position: relative;}
.loginBox .form .text .lat img{width: 24px;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.loginBox .form .text .txt{flex: 1; width: 100%; box-sizing: border-box; background: none; padding: 0 10px;}
.loginBox .form .link{overflow: hidden; margin-top: 20px;}
.loginBox .form .link a{color: #FF6E1F;}
.loginBox .form .remember{float: left; margin: 0;  margin-right: 5px; position: relative;margin-top: 2px;}
.loginBox .form .text .see{width: 40px; position: relative; cursor: pointer;}
.loginBox .form .text .see::after{content: ""; width: 24px; height: 24px; background: url("../images/icon_visible.png") 50% 50% no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; margin-left: -12px; margin-top: -12px;}
.loginBox .form .text .see2::after{content: ""; width: 24px; height: 24px; background: url("../images/icon_invisible2.png") 50% 50% no-repeat; background-size: contain;}
.loginBox .form input[type="checkbox"]{	
	 
} 


/* 设置默认的checkbox样式 */
input.remember[type="checkbox"] {
  width: 12px;
  height: 12px;
  -webkit-appearance: none; /* 移除默认样式 */
  border: 1px solid #999;
  outline: none;
  border-radius: 2px;
  border: 1px solid #4C4E4F;
  background: #FFF; 
  position: relative;
}
 
  
.loginBox .form input[type="checkbox"]:checked {
  background: #FF6E1F;
	/* background-image:url('../images/duigou.png'); */
  /*复选框选中后添加背景图片*/
	background-repeat:no-repeat;/*取消背景图片平铺*/
	background-size:contain;/*背景图片大小,第一个27px表示width宽度,第二个27px表示height高度*/
	background-position: center;/*背景图居中对齐*/ 
  border-color: #FF6E1F;
} 


.loginBox .form input.remember[type="checkbox"]:checked::after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  position: absolute;
  background: url('../images/y.png') 50% 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.loginBox .form label {
  float: left;
  line-height: 18px;
  font-size: 14px;
  color: #8D8D8D;
}

.loginBox .form .forgetPassword {
  float: right;
  font-size: 14px;
  color: #FF6E1F;
  line-height: 13px;
}

.loginBox .form .btnBox2 {
  margin-top: 20px;
}

.loginBox .form .btnBox2 .btn {
  width: 100%;
  height: 50px;
  background: #FF6E1F;
  border-radius: 16px;
  color: #fff;
  border: none;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  font-size: 16px;
}

.loginBox .tabBox{display: none;}
.loginBox .tabBox.current{display: block;}

.loginBox .form .btnBox2 .btn2{margin-top: 20px; border: 1px solid #FF6E1F; color: #ff6e1f; background: none;}

 
.layui-laypage .layui-laypage-curr .layui-laypage-em{background: #413BB6 !important;}




.agreement{background: #F3F4F7; padding: 40px 0;}
.agreementBox{background: #fff; box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.05);
  border-radius:2px; padding: 5%; position: relative; border-radius: 10px;}
.agreementBox .agreementTit{text-align: center; font-size: 24px;}
.agreementBox .text{margin-top: 20px; color: #808080; font-size: 14px; line-height: 24px;}
.agreementBox .btn{position: absolute; left: 5%; top: 20px; display: inline-block; padding: 5px 15px; border: 1px solid #ccc; border-radius: 8px;}


.userPage{background: #F3F4F7; padding: 20px 0; padding-top: 108px;}
.userPage .left{width: 280px; padding: 30px 10px; box-sizing: border-box; float: left; background: #fff; border-radius: 24px;} 
.userPage .right{width: 1054px;  padding: 30px; float: right; box-sizing: border-box;  background: #fff; border-radius: 24px;}
.userPage .left .tit{font-size: 28px; margin-left: 40px; font-weight: bold; color: #0b1b56; position: relative;}
.userPage .left .tit::after{content: ""; width: 12px; height: 18px; position: absolute; left: -20px; top: 50%; margin-top: -9px; background: url("../images/Rectangle5.png") 50% 50% no-repeat; background-size: contain;}
.userPage .left ul{margin-top: 20px;}
.userPage .left ul li a{display: block; font-size: 20px; color: #8d8d8d; height: 68px; line-height: 68px; padding-left: 40px; padding-right: 10px; box-sizing: border-box;margin-bottom: 3px;}
.userPage .left ul li.current a,
.userPage .left ul li a:hover{background: linear-gradient( 180deg, #FFF9F3 0%, #FFEFDF 100%);
  border-radius: 12px 12px 12px 12px; color: #ff6e1f; font-weight: bold;}
.userPage .left ul li a.outLogo:hover{color: #ee0c0c; background: none;}
.userPage .right .userTit{color: #0b1b56; font-size: 32px; font-weight: bold;}

.orderTab{display: flex; margin-top: 20px; margin-left: -10px;}
.orderTab a{flex: 1; background: #F8F8F8; margin-left: 10px;
  border-radius: 12px 12px 12px 12px; font-size: 18px; text-align: center; color: #8d8d8d; height: 56px; line-height: 56px;}
.orderTab a.current{background: linear-gradient( 90deg, #FF9257 0%, #FF6E1F 100%); color: #fff;}


.orderList ul li{margin-top: 24px; border-radius: 16px 16px 16px 16px;
  border: 1px solid #E1E1E1; padding: 16px; padding-bottom: 0;}
.orderList ul li .top{background: #F8F8F8;
  border-radius: 8px 8px 8px 8px; padding: 5px 10px; font-size: 16px; color: #8d8d8d; position: relative;}
.orderList ul li .top span{position: absolute; top: 50%; transform: translateY(-50%); right: 10px;}
.orderList ul li .text{padding: 2px 8px; font-size: 20px; color: #8d8d8d; position: relative;}
.orderList ul li .text p{margin: 16px 0; padding-left: 100px;}
.orderList ul li .text p em{color: #8d8d8d; margin-left: -100px;}
.orderList ul li .text .title{
  padding-right: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  word-break: break-all;   
  -webkit-box-orient: vertical;
}
.orderList ul li .text .name span,.orderList ul li .text .title span{color: #0b1b56;}
.orderList ul li .text .name{padding-right: 40%; text-overflow :ellipsis;   
  white-space :nowrap;  
  overflow : hidden;  }
.orderList ul li .text span{margin-left: 10px;}
.orderList ul li .money span{color: #ee0c0c; font-weight: bold;}
.orderList .setBox{position: absolute; right: 0; top: 10px; display: flex; font-size: 16px; align-items: center; justify-content: center;}
 
.orderList .setBox .btn{color: #8d8d8d; flex: 1; box-sizing: border-box; text-align: center; width: 95px; border-radius: 8px 8px 8px 8px; border: 1px solid #8d8d8d; height: 43px;  line-height: 43px;  margin-left: 10px;}
.orderList .setBox .btn1{height: 43px;  line-height: 43px;
  background: linear-gradient( 90deg, #FF9257 0%, #FF6E1F 100%); border: none;
  border-radius: 8px 8px 8px 8px; color: #fff;  text-align: center; margin-left: 10px;}
.orderList .setBox .btn2{border: none; background: #F8F8F8; color: #ff6e1f;}
.orderList .setBox .tip{position: relative;}
.orderList .setBox .tip img{position: absolute; width: 16px; height: 16px; cursor: pointer; left: -20px; top: 4px;}
.orderList .setBox .tip .text{position: absolute; top: 100%; box-shadow:0px 0px 8px 1px #e4e4e4; display: none;  background: #fff; padding: 10px; font-size: 14px; border-radius: 10px;}
.orderList .setBox .tip:hover .text{display: block;}

.show_commentBox{width: 552px; position: relative;}
.show_commentBox i{content: ""; position: absolute; width: 32px; height: 32px; cursor: pointer; right: 0; top: 0; background: url("../images/x2.png") 50% 50% no-repeat; background-size: contain;}
.show_commentBox .title{font-size: 24px; color: #0b1b56;}
.show_commentBox .text{padding-top: 10px; }
.show_commentBox .text p{margin: 10px 0; font-size: 16px;}
.show_commentBox .text p span{color: #0b1b56; margin-left: 10px;}
.show_commentBox .text textarea{
width: 100%;
height: 120px;
resize: none;
border: none;
background: #F8F8F8; padding: 10px; border-radius: 8px;} 
.show_commentBtn{text-align: right; margin-top: 10px; }
.show_commentBtn .btn{height: 44px; cursor: pointer;
  background: linear-gradient( 90deg, #FF9257 0%, #FF6E1F 100%);
  border-radius: 8px 8px 8px 8px; margin-left: 10px; display: inline-block; width: 120px; border: none; color: #fff; font-size: 16px;}
.show_commentBtn .btn.cancel{background: none; color: #8d8d8d; border: 1px solid #8D8D8D;}
 


.show_pop{width: 530px; position: relative;} 
.show_pop i{content: ""; position: absolute; width: 32px; height: 32px; cursor: pointer; right: 0; top: 0; background: url("../images/x2.png") 50% 50% no-repeat; background-size: contain;}
.show_pop .title{font-size: 24px; color: #0b1b56;}

.show_pop .text{padding: 40px 0; text-align: center; color: #8d8d8d; font-size: 20px;}
.show_pop .text .money{font-size: 24px; color: #ee0c0c;}
.show_pop .btnBox{text-align: right; margin-top: 10px; } 
.show_pop .btn{height: 44px; cursor: pointer;
  background: linear-gradient( 90deg, #FF9257 0%, #FF6E1F 100%);
  border-radius: 8px 8px 8px 8px; margin-left: 10px; display: inline-block; width: 120px; border: none; color: #fff; font-size: 16px;}
.show_pop .btn.cancel{background: none; color: #8d8d8d; border: 1px solid #8D8D8D;}

.userHeader{padding: 20px 0; position: relative;}
.userHeader img{height: 40px;}
.userHeader .return{position: absolute; right: 0; top: 50%; margin-top: -18px; height: 36px;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #0B1B56; text-align: center; line-height: 36px; color: #0b1b56; width: 88px;}

.release{padding: 20px 0; margin-bottom: 40px; padding-bottom: 100px; padding-top: 108px;}
.releaseTit{font-size: 32px; color: #0b1b56; font-weight: bold;}


.formBox{display: flex; margin-top: 20px; align-items: center;  }
.formBox .text{width: 600px; border: 1px solid #E1E1E1; height: 48px; box-sizing: border-box; padding: 0 10px; border-radius: 5px;}
.formBox .tit{font-size: 16px; margin-right: 10px; width: 80px;}
.formBox .tip { margin-left: 10px;color: #8d8d8d;}
.formBox .tip img{width: 20px; height: 20px; }
.formBox  select{width: 300px; height: 48px; box-sizing: border-box; padding: 0 10px; border: 1px solid #E1E1E1; border-radius: 5px;}
.UploadBtnBox{margin-bottom: 10px;}
.uploadName{display: inline-block; margin-left: 10px;}
.UploadBtnBox span{font-size: 12px; position: relative; display: inline-block; margin: 0 5px; color: #666; border: 1px solid #ccc; padding: 2px 5px; height: 20px; line-height: 20px; padding-right: 22px; border-radius: 5px;}
.UploadBtnBox span a{cursor: pointer; width: 15px; height: 15px; position: absolute; right: 2px; top: 50%; transform: translateY(-50%); background: url('../images/del.png') 50% 50% no-repeat; background-size: contain;}
.UploadBtn{height: 30px !important; line-height: 30px !important; }

.textareaBox{margin-top: 20px; padding: 10px; box-sizing: border-box; background: #F8F8F8; border-radius: 16px;}
.textareaBox .layui-btn{border-radius: 8px 8px 8px 8px;
  border: 1px solid #FF6E1F; display: inline-block; padding: 5px 10px; color: #ff6e1f;}
.textareaBox   label{margin-bottom: 10px; display: block;}
.textareaBox  #updocxbt{background: #1E9FFF; color: #fff; border-color: #1E9FFF;}
 
.releaseBtn{margin-top: 30px; margin-bottom:10px;display: flex;}
.releaseBtn .btn{width: 116px; display: inline-block;
  height: 44px; text-align: center; line-height: 44px;
  background: #FFFFFF;  cursor: pointer;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #0B1B56; margin-right: 10px; color: #0b1b56;}

  .releaseBtn .btn1{color: #fff; cursor: pointer; border: none; background: linear-gradient( 90deg, #FF9257 0%, #FF6E1F 100%);}

  #releaseSee{position: fixed; top: 0; left: 0; width: 100%; height: 100%;background: hsl(0deg 0% 0% / 57%); z-index: 10000;}
  #releaseSee .title{text-align: center; font-size: 18px; color: #666; padding: 10px; border-bottom: 1px solid #f3f3f3;}
  #releaseSee .text{max-height: 480px; overflow-y: auto; padding: 10px 15px;} 
  #releaseSee .box{position: absolute; width: 500px; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 20px; background: #fff; border-radius: 10px;}
  #releaseSee .box .hide{width: 30px; height: 30px; cursor: pointer; background: #fff url("../images/x2.png") 50% 50% no-repeat; border-radius: 50%; background-size: contain; position: absolute; right: -10px; top: -10px; }
 
.header_return{float: left; width: 98px;
  display: block;
  margin-left: 40px;
  transition: 0.5s;
  height: 36px;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #0B1B56;
  box-sizing: border-box;
  color: #0b1b56;
  line-height: 36px;
  text-align: center; margin-right: 30px;}


.preview{background: #F3F4F7; padding: 20px 0; padding-bottom: 80px;}
.previewBox{background: #fff; border-radius: 24px; padding: 20px;}

.previewBox .title{font-size: 32px; color: #0b1b56;}
.previewBox .time{position: relative; line-height: 36px; margin-top: 20px; font-size: 14px; color: #8d8d8d; }
.previewBox .btn{position: absolute; 
right: 0 ; top: 0;}
.previewBox .btn span{width: 88px; line-height: 36px; text-align: center;
  height: 36px; color: #8d8d8d; display: inline-block; margin-left: 10px;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #8D8D8D;}
.previewBox .text{margin-top: 20px; line-height:30px; color: #6c7177; font-size: 16px;}
.previewTip{padding: 20px; margin-top: 20px; background: #F8F8F8;  border-radius: 24px;  color: #0b1b56; }

.preview .btnBox{margin-top: 20px; text-align: right;}
.preview .btnBox .btn{height: 44px; width: 120px; margin-left: 10px; cursor: pointer;
  background: linear-gradient( 90deg, #FF9257 0%, #FF6E1F 100%);
  border-radius: 8px 8px 8px 8px; border: none; color: #fff;}
.preview .btnBox .btn1{color: #0b1b56; background: none; border: 1px solid #0b1b56;}

.payMoney{margin-top: 20px; font-size: 20px; width: 480px; background: #FFEFDF;
  border-radius: 16px 16px 16px 16px; padding: 35px; color: #ff6e1f; }
.payMoney .money{font-size: 32px; font-weight: bold;margin-top: 10px;}

.payType{display: flex; margin-top: 20px;}
.payType .tip{width: 100px; font-size: 20px; line-height: 68px; color: #0b1b56;}
.payType .type .box{background: #F8F8F8; width: 200px; line-height: 32px; font-weight: bold; position: relative;
  border-radius: 12px 12px 12px 12px; text-align: center; padding: 18px 0; cursor: pointer; border: 2px solid #FF6E1F; box-sizing: border-box;}
.payType .type .box img{width: 32px; height: 32px; margin-right: 10px;}
.payType .type .box::after {content: ""; width: 28px; height: 22px; position: absolute; right: -1px; top: 0; background: url("../images/selected_sign.png") 50% 50% no-repeat; background-size: contain;}




.payNum{display: flex; margin-top: 20px; padding-bottom: 40px;}
.payNum .tip{width: 100px; font-size: 20px; line-height: 58px; color: #0b1b56;}
.payNum .type .box span{width: 120px; position: relative; cursor: pointer;
  height: 56px; color: #8d8d8d; line-height: 56px; font-size: 18px;
  background: #F8F8F8; border: 2px solid #F8F8F8; text-align: center;
  border-radius: 12px 12px 12px 12px; display: inline-block; margin-right: 10px;}
.payNum .type .box span.current{color: #ff6e1f; border: 2px solid #FF6E1F;}
.payNum .type .box span.current::after {content: ""; width: 28px; height: 22px; position: absolute; right: -1px; top: 0; background: url("../images/selected_sign.png") 50% 50% no-repeat; background-size: contain;}
.payNum .type .text{margin-top: 20px; border-radius: 4px 4px 4px 4px;
  border: 1px solid #E1E1E1; width: 300px;}
.payNum .type .text input{height: 48px; padding: 0 10px; box-sizing: border-box; background: none;}
.payNum .type .btn{width: 200px; margin-top: 20px; cursor: pointer;
  height: 56px; color: #fff; border: none;
  background: linear-gradient( 133deg, #FF9257 0%, #FF6E1F 100%);
  border-radius: 8px 8px 8px 8px;}

.paySuccess{text-align: center; width: 420px; padding-bottom: 80px; margin: 20px auto 0;}
.paySuccess img{width: 180px; height: 180px;}
.paySuccess .title{font-size: 32px; margin-top: 20px; color: #0b1b56;}
.paySuccess .time{font-size: 16px; color: #8d8d8d; margin-top: 10px;}
.paySuccess .text{text-align: left; margin-top: 20px; margin-left:130px;}
.paySuccess .text p{margin: 10px 0; font-size: 18px; color: #8d8d8d;}
.paySuccess .text span{margin-left: 10px;  color: #ff6e1f;}
.paySuccess .text .type{ color: #0b1b56;}
.paySuccess .btnBox{display: flex; margin-top: 20px;}
.paySuccess .btnBox .btn{display: block; margin: 0 10px;height: 56px; flex: 1;
  background: linear-gradient( 133deg, #FF9257 0%, #FF6E1F 100%); color: #fff; font-size: 18px;
  border-radius: 8px 8px 8px 8px; text-align: center; line-height: 56px;}
.paySuccess .btnBox .btn1{color: #8d8d8d; border: 1px solid #8D8D8D; background: none; box-sizing: border-box;}

.orderPay_page{background: #F3F4F7; padding: 20px 0;}
.orderPay{padding: 20px 50px; background: #fff; border-radius: 24px; box-sizing: border-box;  padding-bottom: 80px;}
.orderPayTit{color: #0b1b56; padding: 0 20px; font-size: 32px; position: relative;}
.orderPayTit::after{content: ""; width: 36px; height: 36px; position: absolute; left: -30px; top: 50%; margin-top: -18px; background: url("../images/icon_finish.png") 50% 50% no-repeat; background-size: contain;}
.orderPay_money{font-size: 20px; padding: 0 20px; margin-top: 10px;}
.orderPay_money span{font-size: 24px; font-weight: bold; color: #ee0c0c; margin-left: 10px;}

.orderPayText{border: 1px solid #E1E1E1; margin-top: 20px; padding:10px 20px; border-radius: 16px;}
.orderPayText .box{display: flex; margin: 10px 0; align-items: center;}
.orderPayText .box .tip{font-size: 20px; color: #8d8d8d; width: 90px;}
.orderPayText .box .txt{color: #0b1b56; font-size: 20px;}
.orderPayText .box .txt2{display: flex; align-items: center;}
.orderPayText .box .money{color: #ff6e1f; float: left;}
.orderPayText .box .buzu{font-size: 16px; color: #8d8d8d; margin-left: 10px;}
.orderPayText .box .buzu a{color: #ff6e1f; text-decoration: underline;}


.orderPay_type{margin-top: 20px; padding: 0 20px;}
.orderPay_type .title{font-size: 20px; color: #0b1b56; }
.orderPay_type .box{margin-top: 10px; display: flex;}
.orderPay_type .type {
  width: 200px;
  text-align: center;
  font-size: 18px;
  border: 2px solid #F8F8F8;
  background: #F8F8F8;
  box-sizing: border-box;
  padding: 18px 0;
  cursor: pointer;
  border-radius: 12px 12px 12px 12px;
  margin-right: 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.orderPay_type .type em{font-size: 14px; color: #8d8d8d; font-weight: normal;}


.orderPay_type .type.current{background: #F8F8F8;   font-weight: bold; position: relative;
  border-radius: 12px 12px 12px 12px; text-align: center;  cursor: pointer; border: 2px solid #FF6E1F; box-sizing: border-box;}
.orderPay_type .type  img{width: 32px; height: 32px; margin-right: 10px; }
.orderPay_type .type.current::after {content: ""; width: 28px; height: 22px; position: absolute; right: -1px; top: 0; background: url("../images/selected_sign.png") 50% 50% no-repeat; background-size: contain;}


.orderPay_btn{height: 56px; width: 200px; margin: 20px; cursor: pointer;
  background: linear-gradient( 133deg, #FF9257 0%, #FF6E1F 100%);
  border-radius: 8px 8px 8px 8px; font-size: 18px; color: #fff; border: none;}

.financialDetails{margin-top: 20px;  }
.financialDetails ul{margin-left: -2%;}
.financialDetails li{width: 31%; margin-left: 2%; float: left; box-sizing: border-box; padding: 20px; border-radius: 16px; background: #FFEFDF;}
.financialDetails li .tip{font-size: 20px; color: #ff6e1f; }
.financialDetails li .tip a{font-size: 16px; float: right; color: #ff6e1f; padding: 2px 10px; text-decoration: underline;}
.financialDetails li .tip a:hover{color: #fff; background: #FF6E1F; border-radius: 4px;}
.financialDetails li .money{font-size: 32px; color: #ff6e1f; font-weight: bold;margin-top:10px;}

.financialDetails_list{margin-top: 20px; margin-bottom: 40px;}
.financialDetails_list .table{width: 100%; border-collapse: collapse; /* 确保单元格之间没有边框 */} 
.financialDetails_list .table th{font-weight: normal; text-align: left; padding: 0 20px; height: 48px; font-size: 16px; color: #8d8d8d;  background: #F8F8F8;}
.financialDetails_list .table td{color: #8d8d8d; font-size: 16px; padding: 20px;}
.financialDetails_list .table td.color{color: #000;}
.financialDetails_list .table td.color2{color: #FF6E1F;}
.financialDetails_list .table td.name{line-height: 32px;}
.financialDetails_list .table td img{float: left; width: 32px; height: 32px; margin-right: 10px;border-radius: 50%;}
.financialDetails_list .table tr:hover{background: #F8F8F8;}


.information{margin-top: 20px; padding-bottom: 80px;}
.information .box{margin-top: 15px; display: flex; align-items: center;}
.information .box .tip{width: 80px; text-align: right; font-size: 16px; color: #000;}
.information .box .text{width: 400px; margin-left: 10px; position: relative;}
.information .box img{width: 64px; height: 64px;}
.information .box a.up{margin-left: 10px; line-height: 64px; color: #1296db;  text-decoration: underline; position: relative;}
.information .box a.up .file{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.information .box .tip em{color: red;}
.information .box .text .txt{width: 100%; box-sizing: border-box; border-radius: 4px 4px 4px 4px;
  border: 1px solid #E1E1E1; height: 48px; padding: 0 10px;}
.information .box .text .link{color: #1296db; text-decoration: underline;}
.information .box .text .btn{height: 44px; border: none;
  background: linear-gradient( 90deg, #FF9257 0%, #FF6E1F 100%);
  border-radius: 8px 8px 8px 8px; width: 120px; color: #fff; font-size: 16px; cursor: pointer;}



.information .box .see{width: 40px; height: 100%; position: absolute; right: 0; top: 0; cursor: pointer;}
.information .box .see::after{content: ""; width: 24px; height: 24px; background: url("../images/icon_visible.png") 50% 50% no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; margin-left: -12px; margin-top: -12px;}
.information .box .see2::after{content: ""; width: 24px; height: 24px; background: url("../images/icon_invisible2.png") 50% 50% no-repeat; background-size: contain;}
.information .box .password_tip{position: absolute; right: -110px; line-height: 48px; color: #8d8d8d;}


.ain_class .boxL{transform: translateX(0);}
.ain_class .boxR{transform: translateX(0);}
.ain_class.h_num{transform: translateY(0);}
.ain_class.h_text{transform: translateY(0);}
.ain_class.h_service{transform: translateY(0);}
.ain_class.h_avd{transform: translateY(0);}
.ain_class.h_pro{transform: translateY(0);}
.ain_class.h_link{transform: translateY(0);}
.ain_class.h_news{transform: translateY(0);} 



@media screen and (max-width:1400px){
 
}


.pagination {
  text-align: center;
  font-size: 14px;
  margin: 25px 0 10px 0;
}

.pagination li {
  display: inline-block;
  height: 32px;
  margin-right: 5px;
  margin-bottom: 15px;
}

.pagination li.active span{
  background-color: #ff6e1f;
  color:#fff;
  border: 1px solid #ff6e1f;
}

.pagination li.disabled span{
  color:#999;
}

.pagination a, .pagination span{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  color: #333;
  line-height: 32px;
  padding: 0 15px;
  border: 1px solid #eee;
  border-radius: 5px;
}

.pagination a:hover {
  color:#ff6e1f;
}



.content-box p{
  margin-bottom: 1rem;
}
.content-box img, .content-box section, .content-box table{
  max-width: 100%;
  height: auto;
}

.content-box:after {
  content: "";
  display: table;
  clear: both;
}

.content-box {
  overflow: hidden;
  *zoom: 1; /* 针对IE6/7/8 */
}

.pageAddress {
  padding-bottom: 10px;
  font-size: 14px;
  color: #8d8d8d;
}

.pageAddress a {
  position: relative;
  margin-right: 10px;
  padding-right: 10px;
  color: #8d8d8d;
}

.pageAddress a i {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-right: -8px;
  background: url('../images/icon_arrow_s1.png') 50% 50% no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
}

select,input,textarea{font-size:16px;}


#dvKeyword a{background: #FFEFDF; height: 36px;  line-height: 36px;
  background: #FFEFDF; display: inline-block;
  border-radius: 23px 23px 23px 23px; margin-right: 20px;
  padding: 0 15px; font-size: 16px; color: #ff6e1f;
  }


.layui-input:focus, .layui-textarea:focus {
  border-color: #FF9257 !important;
  box-shadow: 0 0 0 3px rgba(209, 120, 24, 0.08);
}

.layui-layer-dialog .layui-layer-content .layui-icon-success{color: #ff6e1f;}



/*个人中心 - 我的订单*/
.orderList .create-order-btn{
  margin-right: 15px;color:#1296db;
}

.user-orders-apply-form-box {
  font-size: 16px;
  padding: 5% 10%;
  display: none;
}
.user-orders-apply-form-box .apply{}
.user-orders-apply-form-box .apply .box{padding-left: 80px; margin-bottom: 10px; position: relative;line-height: 30px;}
.user-orders-apply-form-box .apply .box em{font-style: normal; position: absolute; top: 2px; left: 0;color:#8d8d8d;}
.user-orders-apply-form-box .apply .box .text{padding: 2px 0;}
.user-orders-apply-form-box .btnBox {text-align: center;margin-top: 30px;}
.user-orders-apply-form-box .btnBox .btn{
  height: 43px;
  line-height: 43px;
  border: none;
  border-radius: 8px 8px 8px 8px;
  text-align: center;
  margin-left: 10px;
  flex: 1;
  box-sizing: border-box;
  width: 90px;
  cursor: pointer;
}
.user-orders-apply-form-box .btnBox .btn1{
  background: linear-gradient( 90deg, #FF9257 0%, #FF6E1F 100%);
  color: #fff;
  border: 1px solid #FF6E1F;
}
.user-orders-apply-form-box .btnBox .btn2{
  background: #fff;
  color: #8d8d8d;
  border: 1px solid #8d8d8d;
}

.user-orders-apply-form-box .after-comment-item {
  font-size: 14px;
  margin-bottom: 10px;
  padding: 5px 0;
  border-bottom: 1px solid #f3f3f3;
}

.user-orders-apply-form-box .after-comment-item .after-comment-top{
  margin-bottom: 15px;
  color:#333;
}
.user-orders-apply-form-box .after-comment-item .after-comment-top .time{
  float: right;
  color:#666;
}

.user-orders-apply-form-box .after-comment-item .after-comment-text{
  margin-bottom: 5px;
  color: #666;
}

.user-orders-files-box{
  font-size: 16px;
  padding: 20px;
  display: none;
}
.user-orders-files-row{
  margin-bottom:10px;padding: 5px 0;border-bottom: 1px solid #f3f3f3;
}
.user-orders-files-row .a{
  float: right;
  color: #1296db;
}


/*个人中心 - 我的订单 end*/