/* CSS Document */

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote{
      margin: 0;
      padding: 0;
  }
  body {
      color: #333;
      font-size: 14px;
      font-family:"PingFangSC","PingFang","Microsoft YaHei","榛戜綋", "瀹嬩綋", sans-serif;
  }
  td, th, caption {
      font-size: 14px;
  }
  
  h1{
      font-size: 20px
  }
  
  h2{
      font-size: 18px
  }
  
  h3{
      font-size: 16px
  }
  
  address, caption, cite, code, dfn, em, strong, th, var {
      font-style: normal;
      font-weight: normal;
  }
  a {
      color: #333;
      text-decoration: none;
  }
  a:hover {
      text-decoration: none;
  }
  img {
      border: none;
      vertical-align: middle;
  }
  ol, ul, li {
      list-style: none;
  }
  input, textarea, select, button {
      font: 14px "PingFangSC","PingFang","Microsoft YaHei","PingFangSC-Regular", "榛戜綋", "瀹嬩綋", sans-serif;
      outline: none
  }
  input::-webkit-outer-spin-button,  
  input::-webkit-inner-spin-button{  
      -webkit-appearance: none !important;  
      margin: 0;  
  }
  table {
      border-collapse: collapse;
  }
  
  .clearfix {zoom: 1; } 
  .clearfix:after,.clearfix:before {content: "\200B"; display: block; height: 0; visibility: hidden; }
  .clearfix:after {clear: both; }
  
  /*鍏叡绫�*/
  .fl {
      float: left
  }
  .fr {
      float: right
  }
  .al {
      text-align: left
  }
  .ac {
      text-align: center
  }
  .ar {
      text-align: right
  }
  .hide {
      display: none
  }
  .show{
      display: block
  }
  .mt10{
      margin-top: 10px
  }
  .mt20{
      margin-top: 20px
  }
  .mt30{
      margin-top: 30px
  }
  .mt40{
      margin-top: 40px
  }
  .mt50{
      margin-top: 50px
  }
  .mt80{
      margin-top: 80px
  }
  .pt30{
      padding-top: 30px
  }
  .pt40{
      padding-top: 40px
  }
  .pt50{
      padding-top: 50px
  }
  .pt80{
      padding-top: 80px
  }
  .ml20{
      margin-left: 20px;
  }
  .over-line1{
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
  }
  .over-line2{
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
  }
  .over-line3{
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
  }

a{
    -webkit-tap-highlight-color:transparent;
    }
    .pheaderex{
    
        width:100%;
    
        height:140px; 
    
        position: fixed;
    
        top: 0;
    
        right: 0;
    
        z-index: 999;
    
    }
    
    .pheaderex .pheader{
    
        width: 100%;
    
        height:40px; 
    
        background-color: #f2f4f5;
    
    }
    
    .pheader .header_top{
    
        width:1440px;
    
        height:40px;
    
        line-height:40px;
    
        margin:0 auto;
    
        display:flex;
    
        justify-content:space-between;
    
    }
    
    .header_top  p{
    
        font-size:14px;
    
        color:#666;
    
    }
    
    .header_top  .dz{
    
        margin-right:10px;
    
    }
    
    .header_top  .dz a{
    
        font-size:14px;
    
        color:#666;
    
        font-weight:bold;
    
    }
    
    .header_top  p span{
    
        vertical-align:middle;
    
    }
    
    .header_top  p img{
    
        width: 18px;
    
        height: 18px;
    
        margin-right:5px;
    
    }
    
    .header_top  p span i{
    
        display:inline-block;
    
        height:16px;
    
        width:2px;
    
        background-color:#999;
    
        vertical-align: middle;
    
    }
    
    .header_top .num{
    
        color: #e47127;
    
        font-weight:bold;
    
        margin-right:40px;
    
    }
    
    .pheadery{
    
        width: 100%;
    
        height:100px; 
    
        background-color: white; 
    
    }
    
    /*bottom*/
    
    .pheadery .header_bottom{
    
        width:1440px;
    
        height:100px;
    
        line-height:100px;
    
        display:flex;
    
        justify-content:space-between;
    
        align-items:center;
    
        margin:0 auto;
    
    }
    
    .header_bottom .logo{
    
        display:inline-block;
    
        width: 130px;
    
        height: 70px;
    
        background-repeat:no-repeat;
    
        background-size:contain;
    
        background-position:center center;
    
    }
    
    .header_bottom .nav{
    
        width: 1103px;
    
    
    
        display:flex;
    
        justify-content:space-between;
    
    }
    
    .header_bottom .nav li> a:after {
    
        content: '';
    
        position: absolute;
    
        width: 0;
    
        border-top: 2px solid  #e47127;
    
        bottom: 28px;
    
        left: 0;
    
        transition: .4s;
    
    }
    
    .header_bottom .nav li> a:hover:after{
    
        width:100%;
    
    }
    
    .header_bottom .nav li> a {
    
        display: block;
    
        color: #333;
    
        position: relative;
    
        line-height: 100px;
    
        font-size: 18px;
    
    }
    
    .header_bottom .nav li> a.active:after{
    
        width:100%;
    
    }
    
    .mheader{
    
        display:none;
    
    }
    
    /*banner*/
    
    .banner{
    
        width:100%;
    
        margin-top:140px;
    
    }
    
    .banner .swiper-container1{
    
        width:100%;
    
    }
    
    .banner .swiper-container1 .swiper-slide img{
    
        display:inline-block;
    
        width:100%;
    
        height:auto;
    
    }
    
    .swiper-pagination1 .swiper-pagination-bullet-active {
    
        opacity: 1;
    
        background: #e67115;
    
    }
    
    /*content*/
    
    .index_content{
    
        width:100%;
    
        background-color: #f2f4f5;
    
        padding-top:30px;
    
        padding-bottom:30px;
    
    }
    
    .index_content .product{
    
        background-color:white;
    
        width:1440px;
    
        padding:35px 30px;
    
        margin:0 auto;
    
    }
    
    .cmtop{
    
        text-align:center;
    
        margin-bottom:40px;
    
    }
    
    .cmtop .cmtitle{
    
        font-size:30px;
    
        color:#333;
    
        font-weight:500;
    
        margin-bottom:5px;
    
    }
    
    .cmtop .cmspan{
    
        width: 18px;
    
        height: 1px;
    
        background-color: #888888;
    
        margin: 0 auto;
    
    }
    
    .product_list{
    
        width:100%;
    
        display:flex;
    
        justify-content:flex-start;
    
        flex-wrap: wrap;
    
    }
    
    .product_list .apia{
    
        width: 330px;
    
        height: 360px;
    
        display:inline-block;
    
        margin-right:20px;
    
    }
    
    .product_list .apia:nth-child(4n){
    
        margin-right:0;
    
    }
    
    .product_item{
    
        border: solid 1px #f2f4f5; 
    
        width:330px;
    
    }
    
    .product_item .itemtop{
    
        width:330px;
    
        height:240px;
    
        position:relative;
    
    }
    
    .product_item .item_img{
    
        /* position:absolute;*/
    
         top:0;
    
        left:0; 
    
        width:330px;
    
        height:240px;
    
        overflow:hidden;
    
        border-bottom: 1px solid #f2f4f5;
    
    }
    
    .product_item .item_img .pro_cmimg{
    
        width:330px;
    
        height:240px;
    
        transition:.6s;
    
    }
    
    /*hover鏁堟灉*/
    
    .product_list .apia:hover .pro_cmimg{
    
        transform:scale(1.1);
    
    }
    
    .product_list .apia:hover .color{
    
        color: #e67115;
    
    }
    
    .product_list .apia:hover .mask{
    
        opacity:.9;
    
    }
    
    /*mask*/
    
    .itemtop .mask{
    
        position:absolute;
    
        top:0;
    
        right:0;
    
        width:330px;
    
        height: 100%;
    
        background-color:#e67115;
    
        opacity: 0;
    
        transition:.3s;
    
    }
    
    .rect-btn{ 
    
        width: 120px;
    
        height: 32px;
    
        line-height: 32px;
    
        text-align: center;
    
        position: absolute;
    
        top: 50%;
    
        left: 50%;
    
        margin: -16px 0 0 -60px;
    
        z-index: 10;
    
        overflow: hidden;
    
        border: 1px solid white;
    
    } 
    
    .rect-btn svg {
    
        position: absolute;
    
        top: 0;
    
        left: 0;
    
        width: 100%;
    
        height: 100%;
    
    }
    
    .rect-btn h4{
    
        font-size:12px;
    
        color:white;
    
    }
    
    .product_item .item_img img{
    
        width:100%;
    
    }
    
    .product_item .itemex{
    
        padding:0 15px;
    
    }
    
    .product_item .intro{
    
        height:80px;
    
        padding:15px 0;
    
    }
    
    .product_item .intro p:nth-child(1){
    
        font-size: 16px;
    
        color: #e7782d;
    
    }
    
    .product_item .intro p:nth-child(2){
    
        font-size: 14px;
    
        color:#333;
    
        margin-top:8px;
    
    }
    
    .product_item  .seemore{
    
        display:flex;
    
        height:45px;
    
        justify-content:space-between;
    
        align-items:center;
    
        border-top:1px solid  #f2f4f5;
    
    }
    
    .product_item  .seemore .color{
    
        font-size: 12px;
    
        color: #888;
    
    }
    
    .product_item  .seemore .img{
    
        background-image:url(../images/seemore.png);
    
        background-repeat:no-repeat;
    
        width: 24px;
    
        height: 8px;
    
    }
    
    .newimg{
    
        background-image:url(../images/seemorenew.png)!important;
    
    }
    
    /*鏂伴椈涓績*/
    
    .index_content .news{
    
        background-color: white;
    
        width: 1440px;
    
        padding: 35px 30px;
    
        margin: 0 auto;
    
        margin-top:30px;
    
    }
    
    .news_list{
    
        width: 100%;
    
        display: flex;
    
        justify-content: space-between;
    
    }
    
    .newsitems{
    
        width:440px;
    
        height:360px;
    
        border-bottom:1px solid #999;
    
    }
    
    .newsitems .newsimg{
    
        width: 440px;
    
        height: 280px;
    
        overflow:hidden;
    
    }
    
    .newsitems .newsimg .new_img{
    
        width: 440px;
    
        height: 280px;
    
        transition:.6s;
    
    }
    
    /*hover鏁堟灉*/
    
    .newsitems:hover .new_img{
    
        transform:scale(1.1);
    
    }
    
    .newsitems:hover{
    
        border-bottom:1px solid #e58c3b;
    
    }
    
    .newsitems .intro p:nth-child(1){
    
        font-size: 14px;
    
        color:#333;
    
        font-weight:bold;
    
        margin-top: 20px;
    
    }
    
    .newsitems .intro p:nth-child(2){
    
        font-size: 14px;
    
        color:#888;
    
        margin-top:8px;
    
    }
    
    .news_seemore{
    
        text-align:center;
    
        padding:15px 0;
    
    }
    
    /*hover鏁堟灉*/
    
    .news_seemore:hover .color{
    
        color: #e7782d;
    
    }
    
    .news_seemore .img {
    
        background-image: url(../images/seemore.png);
    
        background-repeat: no-repeat;
    
        width: 24px;
    
        height: 8px;
    
        display:inline-block;
    
        margin-left:10px;
    
    }
    
    /*璧涗簨娲诲姩*/
    
    .event{
    
        background-color: white;
    
        width: 1440px;
    
        margin: 0 auto;
    
        margin-top: 30px; 
    
        display:flex;
    
        justify-content:space-between;
    
        height: 520px;
    
        overflow: hidden;
    
    }
    
    .event_left{
    
        width:50%;
    
        padding:50px 45px;
    
    }
    
    .event_left .eltop .eltitle{
    
        font-size: 30px;
    
        color:#333;
    
        font-weight: 500;
    
        transition:.6s;
    
    }
    
    /*hover鏁堟灉*/
    
    .event_left:hover .eltitle{
    
       color: #e7782d;
    
    }
    
    .event_left .eltop .emptry{
    
        width: 18px;
    
        height: 1px;
    
        background-color: #888888;
    
        margin-top:10px;
    
    }
    
    .emptryagain{
    
        background-color: #e7782d;
    
        width:0px;
    
        height: 1px;
    
        margin-top:-1px;
    
        transition:.6s;
    
    }
    
    .width{
    
        width:120px;
    
    }
    
    .event_left .intro{
    
        margin-top:20px;
    
    }
    
    .event_left .intro p{
    
        line-height:1.8em;
    
        font-size:14px;
    
        color:#333;
    
    }
    
    .event_cate{
    
        margin-top:110px;
    
    }
    
    .event_cate .cateinner{
    
        display:inline-block;
    
        width: 128px;
    
        height: 40px;
    
        line-height:40px;
    
        text-align:center;
    
        border: solid 1px #dddddd;
    
        font-size: 14px;
    
        color: #888888;
    
        margin-right:25px;
    
        transition:.6s;
    
    }
    
    .cateinner:hover{
    
        border:1px solid #333;
    
    }
    
    .event .event_right{
    
        width:50%;
    
        overflow:hidden;
    
    }
    
    .event .event_right:hover .right_img{
    
        transform:scale(1.1);
    
    }
    
    .event .event_right  .right_img{
    
        width:100%;
    
        transition:.6s;
    
    }
    
    /*涔愮闃熷憳*/
    
    .member{
    
        flex-direction:row-reverse;
    
    }
    
    /*浠嬬粛*/
    
    .intro_center{
    
        background-color: white;
    
        width: 1440px;
    
        padding: 35px 30px;
    
        margin: 0 auto;
    
        margin-top:30px;
    
        display:flex;
    
        justify-content:space-between;
    
    }
    .intro_center a{
        cursor:default;
    }
    
    .introc_list{
    
        width: 260px;
    
    }
    
    /*hover鏁堟灉*/
    
    .introc_list:hover .intro_rimg{
    
        transform:scale(1.1);
    
    }
    
    .introc_list .img{
    
        width: 260px;
    
        height: 180px;
    
        overflow:hidden;
    
    }
    
    .introc_list .img .intro_rimg{
    
        width: 260px;
    
        height: 180px;
    
        transition:.6s;
    
    }
    
    .introc_list .intro_title{
    
        font-size: 14px;
    
        color: #333333;
    
        text-align:center;
    
        margin-top:10px;
    
    }
    
    /*******************/
    
    .welfare{
    
        background-color: white;
    
        width: 1440px;
    
        padding: 35px 30px;
    
        margin: 0 auto;
    
        margin-top: 30px;
    
    }
    
    .welfare_list{
    
        width:100%;
    
        display:flex;
    
        justify-content:space-between;
    
    }
    
    .welfare_item{
    
        width:440px;
    
        border-bottom: 1px solid #999;
    
        padding-bottom: 15px;
    
    }
    
    .welfare_item .img{
    
        width: 440px;
    
        height: 258px;
    
        overflow: hidden;
    
    }
    
    .welfare_item .img .welfare_img{
    
        width: 440px;
    
        height: 258px;
    
        transition:.6s;
    
    }
    
    /*hover*/
    
    .welfare_item:hover .welfare_img{
    
        transform:scale(1.1);
    
    }
    
    .welfare_item:hover{
    
        border-bottom:1px solid  #e58c3b;
    
    }
    
    .welfare_item:hover .sep{
    
        background-color: #e67115;
    
        color:white;
    
    }
    
    .welfare_item .intro{
    
        display:flex;
    
        padding:0 15px;
    
        justify-content: space-between;
    
    }
    
    .welfare_item .sep{
    
        width: 58px;
    
        height: 73px;
    
        background-color: #404040;
    
        color:white;
    
        display:flex;
    
        align-items:center;
    
        flex-direction:column;
    
        justify-content:center;
    
        margin-top:-36px;
    
        z-index: 99;
    
        transition:.6s;
    
    }
    
    .sep p:nth-child(1){
    
        font-size: 18px;
    
    }
    
    .sep p:nth-child(2){
    
        font-size: 30px;
    
        font-style: italic;
    
    }
    
    .welfare_item .text{
    
        font-size: 14px;
    
        margin-top: 15px;
    
        width:calc(100% - 58px);
    
        padding-left:15px;
    
    }
    
    /*footer*/
    
    .footer{
    
        width:100%;
    
    }
    
    .footer_a{
    
        background-color: #f2f4f5;
    
        text-align:center;
    
    }
    
    .footer_a img{
    
        width: 281px;
    
        height: 54px;
    
    }
    
    .footer_b{
    
        background-color:white;
    }
    
    .footer_b .footer_logo{
    
        text-align:center;
        padding-bottom:10px;
    
    }
    
    .footer_b .footer_logo img{
    
        width: 176px;
    
        height: 95px;
    
        margin-top:53px;
    
    }
    
    .footer_list{
    
        width:980px;
    
        height:75px;
    
        line-height:75px;
    
        margin:0 auto;
    
        border-top:1px solid #c3c3c3;
    
        border-bottom:1px solid #c3c3c3;
    
        margin-top:15px;
    
    }
    
    .footer_list .nav{
    
        width:100%;
    
        display: flex;
    
        justify-content: space-between;
    
    }
    
    .footer_list .nav li a{
    
        font-size: 16px;
    
        color:#333;
    
    }
    .friend_link{
        width:980px;
        height:50px;
        line-height:50px;
        margin:0 auto;
        display:flex;
        justify-content:flex-start;
    }
    .friend_link p,.friend_link p a{
        font-size:16px;
        color:#333;
    }
    .friend_link .link_detail{
        margin-left:18px;
    }
    .footer_c{
    
        background-color: #333333;
    
        height: 48px;
    
        line-height:48px;
    
        text-align:center;
    
    }
    
    .footer_cinner{
    
        font-size:14px;
    
    }
    
    .footer_cinner span:nth-child(1){
    
        color:#888;
    
    }
    
    .footer_cinner span:nth-child(2){
    
        margin-left:75px;
    
    }
    
    .footer_cinner span:nth-child(2) a{
    
        color:#888;
    
    }
    
    /*product.html*/
    
    .ipbanner{
        width:100%;
    
        height:460px;
    
        position:relative;
    
    }
    
    .ipbanner img{
    
        width:100%;
    
        /* height:460px; */
    
    }
    
    .ipbanner  .textex{
    
        width:100%;
    
        position:absolute;
    
        top:30%;

        left: 70%;

        
    
        height:200px;
    
        margin-top:-100px;
    
        z-index:99;
    
    }
    
    .ipbanner .text{
    
        height:200px;
    
        width:1440px;
    
        margin:0 20px;
    
    }
    
    .ipbanner .emptry{
    
        width: 28px;
    
        height: 3px;
    
        background-color: #ffffff;
    
        margin-top:10px;
    
    }
    
    .ipbanner .text P:nth-child(1){
    
        font-size: 50px;
    
        color:#555555;
    
    }
    
    .ipbanner .text P:nth-child(2){
    
        font-size: 20px;
    
        color:#555555;
    
        margin-top:30px;
    
    }
    
    .ipcontent{
    
        width:100%;
    
        background-color: #f2f4f5;
    
        position:relative;
    
    }
    
    .ipinner{
    
        width:1440px;
    
        padding: 35px 30px;
    
        background-color:white;
    
        margin:0 auto;
    
        margin-top:-100px;
    
    }
    
    .product_item .size{
    
        display:flex;
    
        justify-content:flex-start;
    
    }
    
    .product_item .size p:nth-child(1){
    
        font-size: 14px;
    
        color:#333;
    
    }
    
    .product_item .size p:nth-child(2){
    
        margin-left:20px;
    
    }
    
    .product_item .size p:nth-child(2) span{
    
        width: 63px;
    
        height: 23px;
        line-height:23px;
    
        display:inline-block;
    
        border: solid 1px #b5b5b5;
    
        font-size: 14px;
    
        color:#666;
    
        text-align:center;
    
        margin-right:5px;
    
    }
    
    .ipinner .apia{
    
        margin-bottom:20px;
    
        height:400px;
    
        margin-right:20px;
    
    }
    
    .ipinner .apia:nth-child(4n){
    
        margin-right:0;
    
    }
    
    .page{
    
        width:100%;
    
        height: 35px;
    
        margin-top: 50px;
    
        display: flex;
    
        justify-content: center;
    
        flex-wrap: nowrap
    
    }
    
    .page a{
    
        width: 35px;
    
        height: 35px;
    
        display: block;
    
        line-height: 35px;
    
        text-align: center;
    
        margin: 0 3px;
    
        font-size: 14px;
    
        color: #666;
    
        border-radius: 50%;
    
    }
    
    /*鍒嗛〉*/
    
    .page{
    
        margin-top:-10px;
    
    }
    
    .page a:hover{
    
        border: solid 1px #e47127;
    
    }
    
    .page a{
    
        display:inline-block;
    
        width: 36px;
    
        height: 36px;
    
        font-size: 14px;
    
        text-align:center;
    
        line-height:36px;
    
        color:#666;
    
    }
    
    /*.page a:first-child.current{
    
        border-radius: 50%;
    
        border: solid 1px #e47127;
    
    }*/
    
    .page a.current{
    
        border-radius: 50%;
    
        border: solid 1px #e47127;
    
    }
    
    /**********************productxq**********************/
    
    .login_banner{
    
        margin-top: 140px;
    
        width: 100%;
    
        height:720px;
    
        position:relative;
    
        background-size:cover;
    
        background-position:center center;
    
        background-repeat:no-repeat;
    
    }
    
    .login_banner .loginex{
    
        position:absolute;
    
        width: 1140px;
    
        height: 432px;
    
        top:50%;
    
        left:50%;
    
        margin-top:-215px;
    
        margin-left: -530px;
    
        display:flex;
    
        justify-content:space-between;
    
        align-items:center;
    
    
    
    }
    
    .loginex .left p:nth-child(1){
    
        color: #e47128;
    
        font-size: 38px;
    
    }
    
    .loginex .left p:nth-child(2){
    
        color: white;
    
        font-size: 28px;
    
        margin-top:10px;
    
    }
    
    .loginex .left p:nth-child(3){
    
        width: 26px;
    
        height: 1px;
    
        background-color: #ffffff;
    
        margin-top:8px;
    
        margin-left:70px;
    
    }
    
    .loginex .right{
    
        width: 378px;
    
        height: 432px;
    
        background-color: #ffffff;
    
        border-radius: 6px;
    
    }
    
    .loginex .right .title{
    
        height:57px;
    
        line-height:57px;
    
        border-bottom:1px solid #ccc;
    
    }
    
    .loginex .right .title a{
    
        display:inline-block;
    
        height:57px;
    
        font-size: 20px;
    
        color: #e47128;
    
        margin-left:24px;
    
        border-bottom:2px solid #e47128;
    
    }
    
    .loginex .right .inner{
    
        padding:0 25px;
    
    }
    
    .loginex .right .inner .account{
    
        width: 328px;
    
        height: 49px;
    
        background-color: #f3f3f3;
    
        border-radius: 4px;
    
        border: solid 1px #cccccc;
    
        background-image: url(../images/zh01.png);
    
        background-repeat: no-repeat;
    
        background-size: 24px 24px;
    
        background-position: 20px center;
    
        padding-left: 55px;
    
        margin-top:65px;
    
    }
    
    .loginex .right .inner .password{
    
        width: 328px;
    
        height: 49px;
    
        background-color: #f3f3f3;
    
        border-radius: 4px;
    
        border: solid 1px #cccccc;
    
        background-image: url(../images/zh02.png);
    
        background-repeat: no-repeat;
    
        background-size: 22px 26px;
    
        background-position: 20px center;
    
        padding-left: 55px;
    
        margin-top:20px;
    
    }
    
    .loginex .right .inner .member{
    
        font-size: 14px;
    
        color:#666;
    
        margin-top: 10px;
    
    }
    
    .loginex .right .inner .member i{
    
        display:inline-block;
    
        width: 14px;
    
        height: 14px;
        background-repeat: no-repeat;
    
        background-size: 14px 14px;
    
        background-position: center center;
    
        vertical-align:middle;
    
    }
    .registerex .right .inner .phone {
    
        width: 328px;
    
        height: 49px;
    
        background-color: #f3f3f3;
    
        border-radius: 4px;
    
        border: solid 1px #cccccc;
        background-repeat: no-repeat;
    
        background-size: 24px 24px;
    
        background-position: 20px center;
    
        padding-left: 55px;
    
        margin-top: 53px;
    
    }
    
    .registerex .right .yz{
    
        width: 328px;
    
        height: 49px;
    
        margin-top:25px;
    
    }
    
    .registerex .right .yz img{
    
        float: right;
    
        margin-top: -48px;
    
        width: 117px;
    
        height: 44px;
    
    }
    
    .registerex .right .yz input{
    
        width: 212px;
    
        height: 49px;
    
        background-color: #f3f3f3;
    
        border-radius: 4px;
    
        border: solid 1px #cccccc;
    
        border: solid 1px #cccccc;
    
        background-image: url(../images/zh02.png);
    
        background-repeat: no-repeat;
    
        background-size: 22px 26px;
    
        background-position: 20px center;
    
        padding-left: 55px;
    
    }
    
    .registerex .right .yz button{
    
        width: 111px;
    
        height: 49px;
    
        line-height:49px;
    
        background-color: #ffc49f;
    
        border-radius: 4px;
    
        border: solid 1px #e47127;
    
        color: #e47128;
    
        font-size: 14px;
    
    }
    
    .goloagin{
    
        float:right;
    
        font-size: 14px;
    
        color: #666666;
    
        margin-top: 25px;
    
    }
    
    /************myorder.html*************/
    
    .myorder{
    
       width:100%;
    
       background-color: #f2f4f5;
    
       padding:30px 0;
    
       margin-top:140px;
    
    }
    
    .myorder_content{
    
        width:1440px;
    
        background-color: #ffffff;
    
        margin:0 auto;
    
    }
    
    /*************************/
    
    .benecontent{
    
        width: 100%;
    
        background-color: #f2f4f5;
    
        padding-bottom: 30px;
    
    }
    
    .beinner{
    
        width: 1440px;
    
        padding: 30px 30px;
    
        background-color: white;
    
        margin: 0 auto;
    
        margin-top: -100px;
    
        position: relative;
    
    }
    
    .beinner_list{
    
        display:flex;
    
        justify-content:space-between;
    
        border-bottom: 1px solid #f2f4f5;
    
        padding:20px 0;
    
    }
    
    .beinner_list .img{
    
        width: 409px;
    
        height: 240px;
    
        overflow:hidden;
    
    }
    
    .beinner_list .img img{
    
        width: 409px;
    
        height: 240px;
    
    }
    
    .beinner_list .intro{
    
        width:calc(100% - 409px);
    
        padding:0 32px;
    
    }
    
    .beinner_list .intro .time{
    
        margin-top:20px;
    
    }
    
    .beinner_list .intro .time img{
    
        width: 19px;
    
        height: 19px;
    
    }
    
    .beinner_list .intro .time span{
    
        vertical-align:middle;
    
        font-size: 14px;
    
        color: #999999;
    
    }
    
    .beinner_list .intro .title{
    
        font-weight:bold;
    
        font-size: 20px;
    
        color: #333333;
    
        margin-top:20px;
    
    }
    
    .beinner_list .intro .detail{
    
        margin-top:20px;
    
    }
    
    .beinner_list .intro .seemore{
    
        margin-top:15px;
    
    }
    
    .beinner_list .intro .seemore a img{
    
        width: 15px;
    
        height: 15px;
    
    }
    
    .beinner_list .intro .seemore a span{
    
        font-size: 15px;
    
        vertical-align:middle;
    
        color: #e47127;
    
    }
    
    .beinner .page{
    
        margin-top:10px;
    
    }
    
    /**********************/
    
    .bexqcontent{
    
        width: 100%;
    
        background-color: #f2f4f5;
    
        padding-bottom: 30px;
    
    }
    
    .bexqinner{
    
        width: 1440px;
    
        padding: 30px 30px;
    
        background-color: white;
    
        margin: 0 auto;
    
        margin-top: -180px;
    
        position: relative;
    
        padding-bottom: 50px;
    
    }
    
    .bexqinner .content{
    
        width: 1205px;
    
        margin:0 auto;
    
        border-left: solid 1px #f2f4f5;
    
        border-right: solid 1px #f2f4f5;
    
    }
    
    .bexqinner .content img{
    
        max-width:100%;
    
    }
    
    .bexqinner .content .title{
    
        width: 845px;
    
        height: 84px;
    
        background-color: #dcdcdc;
    
        margin:0 auto;
    
        text-align:center;
    
    }
    
    .bexqinner .content .title p:nth-child(1){
    
        font-size: 16px;
    
        color: #1a1a1a;
    
        font-weight:bold;
    
        padding-top:20px;
    
    }
    
    .bexqinner .content .title p:nth-child(2){
    
        font-size: 12px;
    
        color: #1a1a1a;
    
        margin-top:15px;
    
    }
    
    .bexqinner .content .detail{
    
        width: 848px;
    
        margin:0 auto;
    
        padding-top: 20px;
    
    }
    
    .bexqinner .content .detail img{
    
        max-width:100%;
    
    }
    
    .bexqinner .content .detail p{
    
        font-size: 14px;
    
        color:#666;
    
        line-height:1.8em;
    
        margin-bottom:20px;
    
    }
    .bexqinner .content .detail iframe{
        max-width:100%;
    }
    
    .bexqinner .content .img{
    
        width: 993px;
    
        height: 399px;
    
        margin:0 auto;
    
        margin-top:35px;
    
    }
    
    .bexqinner .content .img img{
    
        width: 993px;
    
        height: 399px;
    
    }
    
    .bexqinner .content .release{
    
        width: 993px;
    
        height:95px;
    
        line-height:95px;
    
        font-size: 14px;
    
        color: #666666;
    
        margin:0 auto;
    
        margin-top:20px;
    
        text-align:center;
    
        border-top: solid 1px #f2f4f5;
    
        border-bottom: solid 1px #f2f4f5;
    
    }
    
    .bexqinner .back{
    
        width: 190px;
    
        height: 55px;
    
        line-height:55px;
    
        text-align:center;
    
        font-size:16px;
    
        border:1.2px solid #999;
    
        margin:0 auto;
    
        margin-top:100px;
        border-radius:5px;
    
    }
    
    /*********************************/
    
    .bexqinner .secontent{
    
        width:1090px;
    
        margin:0 auto;
    
    }
    
    .bexqinner  .secontent .seimg{
        margin:0 auto;
    }
    .bexqinner  .secontent .seline{
    
        width: 100%;
    
        height:25px;
    
        display:flex;
    
        justify-content:space-between;
    
        align-items: center;
    
        margin-top:10px;
    
    }
    
    .bexqinner  .secontent .seline p:nth-child(1){
    
        width:35%;
    
        height:1px;
    
        background-color: #e6e6e6;
    
        border:1px solid #e6e6e6;
    
    }
    
    .bexqinner  .secontent .seline p:nth-child(2){
    
        font-size:24px;
    
        color:#333;
    
    }
    
    .bexqinner  .secontent .seline p:nth-child(3){
    
        width:35%;
    
        height:1px;
    
        background-color: #e6e6e6;
    
        border:1px solid #e6e6e6;
    
    }
    
    .bexqinner  .secontent .query{
    
        width: 1090px;
    
        height: 68px!important;
    
        line-height:68px!important;
    
        background-color: #fafafa;
    
        border-radius: 10px;
    
        margin-top:50px;
    
        position:relative;
    
        display:flex;
    
        justify-content:space-between;
    
    }
    
    .bexqinner  .secontent .query input{
    
        width:calc(100% - 70px);
    
        border: solid 1px #cccccc;
    
        border-top-left-radius: 10px;
    
        border-bottom-left-radius: 10px;
    
        padding-left:20px;
    
    }
    
    .bexqinner  .secontent .query button{
    
        width:200px;
    
        color:white;
    
        background-color:#e47127;
    
        border:none;
    
        border-top-right-radius: 10px;
    
        border-bottom-right-radius: 10px;
    
        font-size: 24px;
    
    }
    
    .bexqinner  .secontent .query_error{
    
        font-size: 18px;
    
        color: #ff0000;
    
        margin-top:10px;
    
        display:none;
    
    }
    
    .bexqinner  .secontent .service_list{
    
        width:100%;
    
        height: 334px;
    
        margin-top:125px;
    
        display:flex;
    
        justify-content:space-between;
    
    
    
    }
    
    .bexqinner .service_list .seitem{
    
        width: 258px;
    
        height: 334px;
    
        background-color: #ffffff;
    
        border: solid 1px #cccccc;
    
        padding:20px;
    
    }
    
    .bexqinner .service_list .seitem .top{
    
        text-align:center;
    
    }
    
    .service_list .seitem .top p:nth-of-type(1){
    
        font-size: 20px;
    
        color: #e47127;
    
        margin-top: 12px;
    
    }
    
    .service_list .seitem .top p:nth-of-type(2){
    
        width: 42px;
    
        height: 1px;
    
        background-color: #cccccc;
    
        margin:0 auto;
    
        margin-top: 10px;
    
    }
    
    .service_list .seitem .intro{
    
        text-align:center;
    
        margin-top: 30px;
    
    }
    
    .service_list .seitem .intro p{
    
        line-height:1.8em;
    
    }
    
    .secontent .focus{
    
        width:100%;
    
        height:200px;
    
        margin-top:45px;
    
    }
    
    .secontent .focus .inner{
    
        width:148px;
    
    }
    
    .secontent .focus .inner .img{
    
        width: 100%;
    
        height: auto;
    
    }
    
    .secontent .focus .innerex{
    
        width:320px;
    
        margin:0 auto;
    
        text-align:center;
    
        display:flex;
    
        justify-content:space-between;
    
    }
    
    
    
    .secontent .focus .inner p{
    
        font-size:14px;
    
        color:#333;
    
    }
    
    .secontent .focus .inner p:nth-of-type(1){
    
        margin-top:10px;
    
    }
    
    /************************************************/
    
    .hallcontent{
    
        width: 1244px;
    
        margin: 0 auto;
    
    }
    
    .hallcontent .query {
    
        width: 1244px;
    
        height: 68px;
    
        line-height: 68px;
    
        background-color: #fafafa;
    
        border-radius: 10px;
    
        margin-top: 50px;
    
        position: relative;
    
        display: flex;
    
        justify-content: space-between;
    
    }
    
    .hallcontent .query input {
    
        width: calc(100% - 70px);
    
        border: solid 1px #cccccc;
    
        border-top-left-radius: 10px;
    
        border-bottom-left-radius: 10px;
    
        padding-left: 20px;
    
    }
    
    .hallcontent .query button {
    
        width: 200px;
    
        color: white;
    
        background-color: #e47127;
    
        border: none;
    
        border-top-right-radius: 10px;
    
        border-bottom-right-radius: 10px;
    
        font-size: 24px;
    
    }
    
    .hallcontent .mapex{
    
        width: 1244px;
    
        display:flex;
    
        justify-content:space-between;
    
        margin-top:50px;
    
    }
    
    .hallcontent .mapex .left{
    
        width: 380px;
    
    }
    
    .hallcontent .mapex .left .title{
    
        font-size: 24px;
    
        color: #333333;
    
    }
    
    .hallcontent .mapex .left .areaex{
    
        width:100%;
    
        height: 48px;
    
        border-radius: 10px;
    
        display:flex;
    
        justify-content:space-between;
    
        margin-top: 25px;
    
    }
    
    .mapex .left .areaex .area {
    
        width:calc(100% - 110px);
    
    }
    
    .mapex .left .areaex .area input{
    
        height: 48px;
    
        border-top-left-radius: 10px;
    
        border-bottom-left-radius: 10px;
    
        width: 270px!important;
    
    }
    
    .hallcontent .mapex .left .areaex button {
    
        width: 110px;
    
        height: 48px;
    
        line-height:48px;
    
        text-align:center;
    
        color: white;
    
        background-color: #e47127;
    
        border: none;
    
        border-top-right-radius: 10px;
    
        border-bottom-right-radius: 10px;
    
        font-size: 16px;
    
    }
    
    .mapex .store{
    
        width:100%;
    
    }
    
    .mapex .store .items{
    
        border-bottom:1px solid #ccc;
    
        display:flex;
    
        justify-content:space-between;
    
        align-items:center;
    
        padding:20px 0;
    
    }
    
    .mapex .store .img{
    
        width: 55px;
    
        height: 30px;
    
    }
    
    .mapex .store .img img{
    
        width: 55px;
    
        height: 30px;
    
    }
    
    .mapex .store .name {
    
        width:calc(100% - 55px);
    
        padding-left:20px;
    
    }
    
    .mapex .store .name p:nth-child(1){
    
        font-size: 18px;
    
        color: #e47127;
    
    }
    
    .mapex .store .name p:nth-child(2){
    
        font-size: 14px;
    
        color: #333;
    
        margin-top:10px;
    
    }
    
    .hallcontent .mapex .right{
    
        width: 775px;
    
        height: 640px;
    
    }
    
    .hallcontent .mapex .right img{
    
        width:100%;
    
    }
    
    .hallcontent .divide{
    
        width:100%;
    
        height:1px;
    
        background-color:#ccc;
    
        margin-top:50px;
    
        margin-bottom:50px;
    
    }
    
    /**************************************/
    
    .hallxq_content{
    
        width:1300px;
    
        margin:0 auto;
    
        margin-top:50px;
    
        display:flex;
    
        justify-content:space-between;
    
    
    
    }
    
    .hallxq_content .left{
    
        width:420px;
    
    }
    
    .hallxq_content .left .lea img{
    
        width: 55px;
    
        height: 30px;
    
    }
    
    .hallxq_content .left .lea span{
    
        font-size: 24px;
    
        color: #e47127;
    
        vertical-align:middle;
    
    }
    
    .hallxq_content .left .lea_a{
    
        width:100%;
    
        margin-bottom:40px;
    
    }
    
    .hallxq_content .left .one{
    
        margin-top:30px;
    
    }
    
    .left .lea_a .tl{
    
        font-size: 16px;
    
        color:#333;
    
        font-weight:bold;
    
    }
    
    .left .lea_a p{
    
        font-size:14px;
    
        line-height:1.8em;
    
    }
    
    /****right************/
    
    .hallxq_content .right .caseleft-img{
    
        width: 757px;
    
        height: 519px;
    
    }
    
    .hallxq_content .right{
    
        position:relative;
    
        height:510px;
    
    }
    
    .hallxq_content .right .img_small{
    
        position:absolute;
    
        bottom: -70px;
    
        margin:0 auto;
    
        width:100%;
    
        text-align:center;
    
        display:flex;
    
        justify-content:center;
    
    }
    
    .hallxq_content .right .img_small .inner{
    
        width: 177px;
    
        height: 121px;
    
    }
    
    .hallxq_content .right .img_small img{
    
        width: 177px;
    
        height: 121px;
    
    }
    
    /*****************************************/
    
    .brandcontent{
    
        width:1200px;
    
        margin:0 auto;
    
    }
    
    .bexqinner .brandcontent .seimg {
    
        width: 252px;
    
        height: 136px;
    
        margin: 0 auto;
    
    }
    
    .bexqinner .brandcontent .seline {
    
        width: 100%;
    
        height: 25px;
    
        display: flex;
    
        justify-content: space-between;
    
        align-items: center;
    
        margin:0 auto;
    
        margin-top: 10px;
    
    }
    
    .bexqinner .brandcontent .seline p:nth-child(1) {
    
        width: 35%;
    
        height: 1px;
    
        background-color: #e6e6e6;
    
        border: 1px solid #e6e6e6;
    
    }
    
    .bexqinner .brandcontent .seline p:nth-child(3) {
    
        width: 35%;
    
        height: 1px;
    
        background-color: #e6e6e6;
    
        border: 1px solid #e6e6e6;
    
    }
    
    .bexqinner .brandcontent .seline p:nth-child(2) {
    
        font-size: 24px;
    
        color: #333;
    
    }
    
    .pwex{
    
        display:flex;
    
        justify-content:space-between;
    
        margin-top: 40px;
    
    }
    
    .pwex .left{
    
        width: 590px;
    
        height: 480px;
    
        position:relative;
    
    }
    
    .pwex .left .bg{
    
        width: 590px;
    
        height: 480px;
    
    }
    
    .pwex .left .bf{
    
        width: 44px;
    
        height: 44px;
    
        position:absolute;
    
        top:50%;
    
        left:50%;
    
        margin-top:-22px;
    
        margin-left:-22px;
    
    }
    
    .pwex .right {
    
        width:calc(100% - 590px);
    
        padding-left:20px;
    
    }
    
    .pwex .right .top p:nth-child(1){
    
        font-size: 90px;
    
        opacity: 0.09;
    
    }
    
    .pwex .right .top p:nth-child(2){
    
        font-size: 24px;
    
        color: #e47127;
    
        margin-top: -75px;
    
    }
    
    .pwex .right .bt{
    
        margin-top:28px;
    
    }
    
    .pwex .right .bt p{
    
        line-height:1.8em;
    
    }
    
    /************************************/
    
    .beinner .toptab{
    
        width:100%;
    
        text-align: center;
    
    }
    
    .toptab_in{
    
        margin:0 auto;
    
        margin-bottom:50px;
    
        margin-top:20px;
    
    }
    
    .toptab_in li{
    
        display:inline-block;
    
        width: 128px;
    
        height: 40px;
    
        line-height:40px;
    
        text-align:center;
    
        font-size: 14px;
    
        color:#888;
    
        margin-right:15px;
    
    }
    
    .toptab_in li a{
    
        display:inline-block;
    
        width: 128px;
    
        height: 40px;
    
        line-height:40px;
    
        text-align:center;
    
        font-size: 14px;
    
        color:#888;
    
        border: solid 1px #dddddd;
    
        margin-right:15px;
        background-color:white;
        cursor: pointer;
    }
    
    .toptab_in li.active a{
    
        background-color: #e47127;
    
        color:white;
    
        border:1px solid #e47127;
    
    }
    
    .saishi img{
    
        width: 8px;
    
        height: 5px;
    
        margin-left:35px;
    
    }
    
    .saishi {
    
        position:relative;
    
    }
    
    .saishiy{
    
        position:absolute;
    
        display:none;
    
    }
    
    .toptab_in .cmtop_b{
    
        display:inline-block;
    
        width: 128px;
    
        height: 40px;
    
        line-height:40px;
    
        text-align:center;
    
        font-size: 14px;
    
        color:#888;
    
        border: solid 1px #dddddd;
    
        margin-right:15px;
    
    }
    
    .toptab_in .active{
    
        background-color: #e47127;
    
        color:white;
    
        border:1px solid #e47127;
    
    }
    
    
    
    /* .toptab_in a{
    
    
    
    }
    
    .toptab_in .layui-form{
    
        border:none;
    
    }
    
    
    
    .toptab_in .layui-form input{
    
        padding-left:40px;
    
        border: solid 1px #dddddd;
    
    } */
    
    /*涓よ竟鍥哄畾閮ㄥ垎*/
    
    .case_position_left {
    
        display: inline-block;
    
        height: 85px;
    
        position: fixed;
    
        top:70%;
    
        left: 0;
    
        z-index: 9999;
    
    }
    
    .case_position_left_arrow{
    
        width:84px;
    
        height:84px;
    
        line-height:84px;
    
        box-shadow: 0px 4px 15px 1px 
    
            rgba(201, 203, 205, 0.5);
    
        text-align:center;
    
        float:left;
    
    }
    
    .case_position_left_arrow img{
    
        width:20px;
    
    }
    
    .case_position_left_pre{
    
        margin-left:95px;
    
        height:84px;
    
    }
    
    .case_position_left_pre p:nth-child(1){
    
        color: #ce262f;
    
        margin-top:10px;
    
    }
    
    .case_position_left_pre p:nth-child(2){
    
        color: #333;
    
        font-size: 16px;
    
        width:85px;
    
        overflow: hidden;
    
        text-overflow: ellipsis;
    
        white-space: nowrap;
    
        margin-top:2px;
    
    }
    
    .case_position_left_pre p:nth-child(3){
    
        font-size: 12px;
    
        color:#666;
    
        margin-top:2px;
    
    }
    
    .case_position_right {
    
        display: inline-block;
    
        height: 85px;
    
        position: fixed;
    
        top:70%;
    
        right: 0;
    
        z-index: 9999;
    
    }
    
    .case_position_right_arrow{
    
        width:84px;
    
        height:84px;
    
        line-height:84px;
    
        box-shadow: 0px 4px 15px 1px 
    
            rgba(201, 203, 205, 0.5);
    
        text-align:center;
    
        float:right;
    
    }
    
    .case_position_right_arrow img{
    
        width:20px;
    
    }
    
    .case_position_right_next{
    
        margin-right:95px;
    
        height:84px;
    
    }
    
    .case_position_right_next p:nth-child(1){
    
        color: #ce262f;
    
        margin-top:10px;
    
    }
    
    .case_position_right_next p:nth-child(2){
    
        color: #333;
    
        font-size: 16px;
    
        width:85px;
    
        overflow: hidden;
    
        text-overflow: ellipsis;
    
        white-space: nowrap;
    
        margin-top:2px;
    
    }
    
    .case_position_right_next p:nth-child(3){
    
        font-size: 12px;
    
        color:#666;
    
        margin-top:2px;
    
    }
    
    /**************backstage***********************/
    
    .backstage{
    
        margin-top:140px;
    
        width:100%;
    
        background-color: #f2f4f5;
    
        padding: 30px 0;
    
    }
    
    .backstage .backinner{
    
        width:1440px;
    
        height: 596px;
    
        margin:0 auto;
    
        background-color:white;
    
    }
    
    .backstage .msuccess{
    
        width:100%;
    
        height: 100%;
    
        display:flex;
    
        flex-direction:column;
    
        align-items:center;
    
    }
    
    .backstage .msuccess img{
    
        width: 86px;
    
        height: 84px;
    
        margin-top:160px;
    
    }
    
    .backstage .msuccess p{
    
        margin-top:15px;
    
    }
    
    .backstage .msuccess a{
    
        display:inline-block;
    
        width: 111px;
    
        height: 49px;
    
        line-height:49px;
    
        text-align:center;
    
        color: #e47128;
    
        background-color: #ffc49f;
    
        border-radius: 4px;
    
        border: solid 1px #e47127;
    
        font-size: 14px;
    
        margin-top:30px;
    
    }
    
    /**************************************/
    
    .backstage .payinner{
    
        width:1440px;
    
        margin:0 auto;
    
        background-color:white;
    
        padding-top:30px;
    
    }
    
    .paysuccess_ex{
    
        width:1200px;
    
        margin:0 auto;
    
        padding-bottom:50px;
    
    }
    
    .backstage .paysuccess{
    
        width:100%;
    
        height:490px;
    
        display:flex;
    
        flex-direction:column;
    
        align-items:center;
    
    }
    
    .backstage .paysuccess img{
    
        width: 86px;
    
        height: 84px;
    
        margin-top:160px;
    
    }
    
    .backstage .paysuccess p{
    
        margin-top:15px;
    
    }
    
    .backstage .paysuccess a{
    
        display:inline-block;
    
        width: 111px;
    
        height: 49px;
    
        line-height:49px;
    
        text-align:center;
    
        color: #e47128;
    
        background-color: #ffc49f;
    
        border-radius: 4px;
    
        border: solid 1px #e47127;
    
        font-size: 14px;
    
        margin-top:30px;
    
    }
    
    .payinner .order_detail{
    
        width:100%;
    
    }
    
    .payinner .order_detail .title{
    
        font-size: 18px;
    
        height: 42px;
    
        line-height:42px;
    
        color: #555555;
    
        background-color:#fafafa;
    
        padding-left:46px;
    
    }
    
    .order_detail .pay_table{
    
        width:100%;
    
    }
    
    .order_detail .pay_table tr td{
    
        font-size:14px;
    
    }
    
    .order_detail .pay_table thead tr:nth-child(1){
    
        border-bottom:3px solid #e37027;
    
        height: 50px;
    
    }
    
    .order_detail .pay_table thead tr:nth-child(1) td:nth-child(1){
    
        padding-left:46px;
    
    }
    
    .order_detail .pay_table tbody tr{
    
        width:100%;
    
        height:112px;
    
    }
    
    .order_detail .pay_table tbody .img{
    
        width: 105px;
    
        height: 62px;
    
        text-align:center;
    
        float:left;
    
        margin-left: 30px;
    
    }
    
    .order_detail .pay_table tbody .img span{
    
        display:inline-block;
    
        width: 13px;
    
        height: 13px;
    
    }
    
    .order_detail .pay_table tbody .img img{
    
        width: 56px;
    
        height: 50px;
    
        margin-top:6px;
    
    }
    
    /*澶氶€夎缃牱寮�*/
    
    input[type="checkbox"]{
    
        display: none;
    
        }
    
        input[type="checkbox"]+label:before {
    
            display: inline-block;
    
              content: "";
    
              width: 13px;
    
              height: 13px;
    
        background-color: #fff;
    
        background-image: url(../images/555.png);
    
        background-size: 100% 100%;
    
        } 
    
        input[type="checkbox"]:checked + label:before {
    
        display: inline-block;
    
              content: "";
    
              width: 13px;
    
              height: 13px;
    
        background-color: #fff;
    
        background-image: url(../images/666.png);
    
        background-size: 100% 100%;
    
        }
    
    .order_detail .pay_table tbody .name{
    
        font-size: 14px;
    
        color: #e47127;
    
        float:left;
    
        margin-left:10px;
    
        margin-top:20px;
    
    }
    
    /*table  tbody width*/
    
    .order_detail .pay_table tbody .size{
    
        color:#333;
    
    }
    
    .order_detail .pay_table tbody .total{
    
        color: #e37027;
    
    }
    
    .payinner .order_detail .address_inner{
    
        color:#555;
    
        font-size:14px;
    
        line-height:1.8em;
    
        padding-left: 46px;
    
    }
    
    /**************infor.html*******************/
    
    .backstage #infor{
    
        width:1200px;
    
        margin:0 auto;
    
        display:flex;
    
        justify-content:space-between;
    
        padding-bottom: 67px;
    
        padding-top: 40px;
    
    }
    
    .backstage #infor .left .sininner a{
    
        display:block;
    
    }
    
    .backstage #infor .right{
    
        width:975px;
    
        padding-left:0px!important;
    
    }
    
    .backstage #infor .right .title {
    
        font-size: 18px;
    
        height: 42px;
    
        line-height: 42px;
    
        color: #555555;
    
        background-color: #fafafa;
    
        padding-left: 46px;
    
    }
    
    .backstage #infor .right .cmrinner{
    
        height:44px;
    
        margin-top:15px;
    
    }
    
    .backstage #infor .right .cmrinner span{
    
        vertical-align:middle;
    
        font-size: 14px;
    
        color: #555;
    
    }
    
    .backstage #infor .right .cmrinner input{
    
        width: 558px;
    
        height:100%;
    
        border: solid 1px #e6e6e6;
    
        padding-left:10px;
    
    }
    
    .layui-form input{
    
        width: 132px!important;
    
    }
    
    .backstage #infor .right .position{
    
        display:flex;
    
        justify-content: flex-start;
    
        align-items: center;
    
    }
    
    .backstage #infor .right .position .layui-form{
    
        display:flex;
    
    }
    
    .backstage #infor .position .layui-form input{
    
        height:44px;
    
    }
    
    .backstage #infor .position .layui-form .layui-form-select{
    
        margin-right:10px;
    
    }
    
    .txya{
    
        margin-top:30px;
    
        width: 558px!important;
    
        margin-left:45px;
    
        height:185px!important;
    
        resize:none;
    
    }
    
    .backstage #infor .right .confirm {
    
        display: inline-block;
    
        width: 176px;
    
        height: 49px;
    
        line-height: 49px;
    
        text-align: center;
    
        color: #e47128;
    
        background-color: #ffc49f;
    
        border-radius: 4px;
    
        border: solid 1px #e47127;
    
        font-size: 14px;
    
        margin-top: 30px;
    
        margin-left:45px;
    
    }
    
    .backstage #infor .right .paytitle{
    
        margin-top:60px;
    
        padding-left:0;
    
    }
    
    /**********account.html************/
    
    .backstage #infor .right .payway{
    
        width:100%;
    
        display: flex;
    
        justify-content: flex-start;
    
        align-items:center;
    
        height:100px;
    
    }
    
    .backstage #infor .right .payway span{
    
        border:1px solid #ccc;
    
        width: 192px;
    
        height: 65px;
    
        display: flex;
    
        justify-content: center;
    
        align-items: center;
    
    }
    
    input[type='radio']{
    
        display:none; 
    
    }
    
    input[type='radio'] + label:before{
    
        display: inline-block;
    
          content: "";
    
        width: 13px;
    
        height: 13px;
    
        margin-right: 0.1rem;
    
        background-color: #fff;
    
        background-image: url(../images/555.png);
    
        background-size: 100% 100%;
    
    }
    
     
    
    input[type='radio']:checked + label:before{
    
           display: inline-block;
    
          content: "";
    
        width: 13px;
    
        height: 13px;
    
        margin-right: 0.1rem;
    
        background-color: #fff;
    
        background-image: url(../images/666.png);
    
        background-size: 100% 100%;
    
    }
    
    .backstage #infor .gopay{
    
        width:100%;
    
        height:60px;
    
        display:flex;
    
        justify-content:space-between;
    
        align-items:center;
    
        font-size:16px;
    
        background-color: #fafafa;
    
        border: 1px solid #ccc;
    
        margin-top: 20px;
    
    }
    
    .backstage #infor .gopay p:nth-child(1){
    
        width:calc(100% - 122px);
    
        text-align:right;
    
        margin-right:20px;
    
    }
    
    .backstage #infor .gopay p:nth-child(1) i{
    
        font-style:normal;
    
        color: #e47128;
    
    }
    
    .backstage #infor .gopay p:nth-child(1) span:nth-child(2){
    
        margin-left:10px;
    
    }
    
    .backstage #infor .gopay p:nth-child(1) .money{
    
        color: #e47128;
    
        font-size:24px;
    
    }
    
    .backstage #infor .gopay p:nth-child(1) .money i{
    
        font-size:16px;
    
    }
    
    .backstage #infor .gopay p:nth-child(2) a{
    
        display:inline-block;
    
        width: 122px;
    
        height: 60px;
    
        line-height:60px;
    
        text-align:center;
    
        color:white;
    
        background-color: #e47128;
    
    }
    
    #account .right{
    
        padding-left:46px;
    
    }
    
    #account{
    
        padding-top:50px;
    
    }
    
    #account input[type='radio']{
    
        display:none; 
    
    }
    
    #account .cn{
    
        width: 14px;
    
        height: 14px;
    
    }
    
    #account .payway img{
    
        width:105px;
    
        margin-left:15px;
    
    }
    
    #account .payway span:nth-child(2){
    
        margin-left:30px;
    
    }
    
    #account input[type='radio'] + label:before{
    
        display: inline-block;
    
          content: "";
    
        width: 14px;
    
        height: 14px;
    
        background-color: #fff;
    
        background-image: url(../images/222.png);
    
        /* background-size: 100% 100%; */
    
    }
    
     
    
    #account input[type='radio']:checked + label:before{
    
           display: inline-block;
    
          content: "";
    
        width: 14px;
    
        height: 14px;
    
        background-color: #fff;
    
        background-image: url(../images/111.png);
    
        /* background-size: 100% 100%; */
    
    }
    
    /*****************************************/
    
    .backstage #modify{
    
        width: 1200px;
    
        margin: 0 auto;
    
        padding-bottom: 50px;
    
        padding-top:66px;
    
    }
    
    .backstage .modify_pass{
    
        height:270px;
    
        width:690px;
    
        margin:0 auto;
    
    }
    
    .backstage .modify_pass .cmspanex{
    
        height: 44px;
    
        margin-top: 15px;
    
    }
    
    .backstage .modify_pass .cmspanex span {
    
        vertical-align: middle;
    
        font-size: 14px;
    
        color: #555;
    
        width:120px;
    
        display:inline-block;
    
    }
    
    .backstage .modify_pass .cmspanex input {
    
        width: 558px;
    
        height: 100%;
    
        border: solid 1px #e6e6e6;
    
        padding-left:10px;
    
    }
    
    .backstage .modify_pass .yzm input{
    
        width: 433px;
    
    }
    
    .backstage .modify_pass .yzm img{
    
        width: 117px;
    
        height: 44px;
    
    }
    
    .backstage .mpsubmit {
    
        text-align:center;
    
    }
    
    .backstage .mpsubmit a{
    
        display:inline-block;	
    
        width: 111px;
    
        height: 49px;
    
        line-height:49px;
    
        text-align:center;
    
        color: #e47128;
    
        font-size: 14px;
    
        background-color: #ffc49f;
    
        border-radius: 4px;
    
        border: solid 1px #e47127;
    
    }
    
    /***************cart*****************/
    
    .numadd{
    
        display: inline-block;
    
        width: 115px;
    
        height: 30px;
    
        border: solid 1px #cccccc;
    
        background-color: white;
    
        vertical-align: middle;
    
        position: relative;
    
    }
    
    .numadd .reduce {
    
        border-right: 1px solid #ddd;
    
        display: inline-block;
    
        width: 25px;
        color: #999;
    
        cursor: pointer;
    
    background-position:center center;
    
    background-repeat:no-repeat;
    
        position: absolute;
    
        z-index: 99;
    
        height: 18px;
    
        margin-top:5px;
    
        left: 10px;
        background-size: 70% 5%;
    }
    
    .numadd .number {
    
        text-align: center;
    
        border: none;
    
        position: absolute;
    
        width:30px;
    
        left: 40px;
    
        top: 4px;
    
        font-size: 16px;
    
    }
    
    .numadd .add {
    
        border-left: 1px solid #ddd;
    
        display: inline-block;
    
        background-position:center center;
    
        background-repeat:no-repeat;
    
        color: #999;
    
        cursor: pointer;
    
        position: absolute;
    
        z-index: 99;
    
        right:10px;
    
        font-style: normal;
    
        margin-top:7px;
    
        width: 25px;
    
        height: 15px;
    
        background-size: 70% 100%;
    
    }
    
    #cartpay{
    
        background-color:#fafafa;
    
    }
    
    #cartpay p:nth-child(1){
    
        text-align:left!important;
    
        width:230px!important;
    
    }
    
    #cartpay p:nth-child(1) span:nth-child(1){
    
        display:inline-block;
    
        width: 17px;
    
        height: 17px;
    
        margin-left: 10px;
    
    }
    
    #cartpay p:nth-child(1) span:nth-child(3){
    
        margin-left:20px;
    
    }
    
    #cartpay p:nth-child(2) {
    
        text-align: right;
    
        margin-right: 20px;
    
    }
    
    #cartpay p:nth-child(2) span:nth-child(1) i{
    
        font-style: normal;
    
        color: #e47128;
    
    }
    
    #cartpay p:nth-child(2) span:nth-child(3) i{
    
        font-style: normal;
    
        color: #e47128;
    
    }
    
    #cartpay p:nth-child(2) span:nth-child(3){
    
        color: #e47128;
    
        font-size: 24px;
    
    }
    
    #cartpay p:nth-child(3) a{
    
        display: inline-block;
    
        width: 122px;
    
        height: 62px;
    
        line-height: 62px;
    
        text-align: center;
    
        color: white;
    
        background-color: #e47128;
    
    }
    
    /**************gopay******************/
    
    .gopay_list{
    
        margin-top:40px;
    
        width:100%;
    
        height:150px;
    
        display:flex;
    
        justify-content:space-between;
    
    }
    
    .gopay_list .glinner{
    
        width: 22.5%;
    
        height: 100%;
    
        font-size:14px;
    
        padding:10px;
    
    }
    
    .backimg{
    
        background-image: url(../images/fabg.png)!important;
    
    }
    
    .gopay_list .glinner .first{
    
        display:flex;
    
        justify-content:space-between;
    
        height:42px;
    
        line-height:42px;
    
        border-bottom:1px solid #ccc;
    
    }
    
    .gopay_list .glinner .first span:nth-child(1){
    
        font-weight:bold;
    
    }
    
    .gopay_list .glinner .posi{
    
        color:#666;
    
        margin-top:10px;
    
        line-height:1.8em;
    
    }
    
    .gopay_list .glinner .caozuo{
    
        color: #fda128;
    
        display:flex;
    
        justify-content:space-between;
    
        margin-top:10px;
    
    }
    
    .gopay_list .glinner .caozuo p:nth-child(2) .second{
    
        margin-left:10px;
    
    }
    
    .uczaozuo{
    
        display:flex;
    
        justify-content:space-between;
    
        padding:10px;
    
    }
    
    .uczaozuo a{
    
        color: #e47127;
    
        font-size: 14px;
    
    }
    
    .order_detail .gopay_detail {
    
        width: 591px;
    
        height: 250px;
    
        float: right;
    
        text-align:right;
    
        font-size:14px;
    
        margin-top:20px;
    
    }
    
    .order_detail .gpinner{
    
        border: solid 1px #e47128;
    
        height: 209px;
    
        box-shadow: 0px 2px 2px 0px 
    
            rgba(181, 181, 181, 0.35);
    
        border: solid 1px #e47128;
    
        padding-right:65px;
    
    }
    
    .order_detail .gopay_detail .total{
    
        margin-top:30px;
    
    }
    
    .order_detail .gopay_detail p{
    
        line-height:2em;
    
    }
    
    .order_detail .gopay_detail .total .seco{
    
        margin-left:15px;
    
    }
    
    .order_detail .gopay_detail .yh .seco{
    
        margin-left:15px;
    
    }
    
    .order_detail .gopay_detail .money .seco{
    
        font-size: 25px;
    
        color: #e47128;
    
        margin-left:15px;
    
    }
    
    .order_detail .gopay_detail .name .seco{
    
        font-weight:bold;
    
    }
    
    .paysuccess_ex .payy a{
    
        display:inline-block;
    
        width: 208px;
    
        height: 42px;
    
        line-height:42px;
    
        text-align:center;
    
        color:white;
    
        background-color: #e47128;
    
        font-size:14px;
    
    }
    
    .lmessage{
    
        height: 75px;
    
        width:100%;
    
        display:flex;
    
        justify-content:flex-start;;
    
        align-items:center;
    
        font-size:14px;
    
        border-top:1px solid #ccc;
    
        padding-top:40px;
    
        padding-left: 50px;
    
    }
    
    .lmessage .leave{
    
        display: flex;
    
        justify-content: space-between;
    
    }
    
    .lmessage .one{
    
        width: 90px;
    
    }
    
    .lmessage .way{
    
        padding-left:20px;
    
    }
    
    .lmessage textarea{
    
        resize:none;
    
        height: 75px;
    
        width: 420px;
    
        border: solid 1px #e5e5e5;
    
        padding:10px;
    
    }
    
    .lmessage .last_color{
    
        color: #e47128;
    
        margin-left: 250px;
    
    }
    
    /**************position.html****************/
    
    #infor .default{
    
        margin-top:20px;
    
    }
    
    #infor .default span:nth-child(1){
    
        display:inline-block;
    
        width: 21px;
    
        height: 21px;
    
        background-position:center center;
    
        background-repeat:no-repeat;
    
        background-size:21px 21px;
    
        vertical-align:middle;
    
    }
    
    #infor .already_save {
    
        font-size:14px;
    
        margin-top:60px;
    
    }
    
    #infor .already_save .two{
    
        margin-left:30px;
    
    }
    
    #infor .already_save .two i{
    
        font-style:normal;
    
        color: #168cd7;
    
    }
    
    #posi_list{
    
        width:900px!important;
    
    }
    
    #posi_list .glinner{
    
        width: 269px!important;
    
    }
    
    .bactive{
    
        color: #e47128;
    
    }
    
    /**********myorder.html***********/
    
    .backstage .payinner .mod .right .title{
    
        padding-left:10px!important;
    
        background-color: #e9e9e9!important;
    
    }
    
    #allorder a{
    
        display:inline-block;
    
        height:40px;
    
        line-height:40px;
    
        width:122px;
    
        font-size:16px;
    
        text-align:center;
    
    }
    
    #allorder .tab{
    
        border-bottom:1px solid #ccc;
    
    }
    
    #allorder .tab>i {
    
        display: inline-block;
    
        margin-top: 10px;
    
        width: 1px;
    
        height: 20px;
    
        background-color: #dbdbdb;
    
    }
    
    #allorder .tab .bactive{
    
        border-bottom:2px solid #e85330;
    
    }
    
    #allorder .tab a .color{
    
        color: #e85330;
    
    }
    
    .orcontent{
    
        margin-top:20px;
    
        width:920px;
    
    }
    
    .orcontent .orlist{
    
        width:100%;
    
        height: auto;
    
        border: solid 1px #e5e5e5;
    
        margin-bottom: 20px;
    
    }
    
    .orcontent .titl{
    
        height: 40px;
    
        line-height:40px;
    
        font-size:14px;
    
        background-color: #f7f7f7;
    
        padding-left: 10px;
    
    }
    
    .orcontent .titl span:nth-child(2){
    
        margin-left:15px;
    
    }
    
    .orcontent .orlist .titl_bot{
    
        height:auto;
    
        width:100%;
    
        display:flex;
    
        justify-content:space-between;
    
    /*    align-items:center;*/
    
    }
    
    .orcontent .orlist .titl_bot .one{
    
        width:510px;
    
        position:relative; 
    
        border-right:1px solid #ccc;
    
        display: flex;
    
        flex-direction: column;
    
    /*    align-items: center;*/
    
        padding-top: 10px;
    
    }
    
    .orcontent .orlist .titl_bot .one ul li{
    
        float:left;
    
        margin-bottom: 20px;
    
    }
    
    .orcontent .orlist .titl_bot  .one .img{
    
        width: 85px;
    
        height: 62px;
    
        background-color: #ffffff;
    
        border: solid 1px #f2f4f5;
    
    }
    
    .orcontent .orlist .titl_bot  .one .img img{
    
        width: 85px;
    
        height: 62px;
    
    }	
    
    .orcontent .orlist .titl_bot .one .xh{
    
        font-size: 16px;
    
        color: #e47228;
    
        margin-top:20px;
    
        margin-left:10px;
    
    }
    
    .orcontent .orlist .titl_bot .one .money{
    
        margin-left:120px;
    
        margin-top:20px;
    
    }
    
    .orcontent .orlist .titl_bot .one .num{
    
        position:absolute;
    
        right:10px;
    
        margin-top:20px;
    
    }
    
    .orcontent .orlist .titl_bot .two{
    
        color: #4d4d4d;
    
        width:170px;
    
        text-align:center;
    
        border-right:1px solid #ccc;
    
        padding-top: 20px;
    
    }
    
    .orcontent .orlist .titl_bot .there{
    
        border-right:1px solid #ccc;
    
        width:105px;
    
        padding-top: 30px;
    
    }
    
    .orcontent .orlist .titl_bot .there p{
    
        text-align:center;
    
        width:100%;
    
    }
    
    .orcontent .orlist .titl_bot .four{
    
        width:135px;
    
        height:100%;
    
        overflow:hidden;
    
        padding-top:10px;
    
        text-align:center;
    
        border-right:1px solid #ccc;
    
    }
    
    .orcontent .orlist .titl_bot .four a{
    
        height:28px!important;
    
        line-height:28px!important;
    
        width:90px!important;
    
    }
    
    .bgcolor{
    
        background-color: #e37127;
    
        border-radius: 5px;
    
        color:white;
    
        display:inline-block;
    
        width: 90px;
    
        height: 28px;
    
    }
    
    /*************member.html******************/
    
     #member .ber .top{
    
        display:flex;
    
        justify-content:space-between;
    
        width:100%;
    
        padding:30px;
    
    }
    
    #member .ber .top .left{
    
        width: 540px;
    
        height: 720px;
    
    }
    
    #member .ber .top .left img{
    
        width: 540px;
    
        height: 690px;
    
    }
    
    #member .ber .top .right{
    
        width:670px;
    
        height:720px;
    
    }
    
    #member .ber .top .right .intro .name{
    
        font-size: 30px;
    
        color: #333333;
    
        margin-top: 20px;
    
    }
    
    #member .ber .top .right .intro .dutry{
    
        font-size: 20px;
    
        margin-top:10px;
    
    }
    
    #member .ber .top .right .intro .emptry{
    
        width: 22px;
    
        height: 3px;
    
        background-color: #333333;
    
        margin-top:15px;
    
    }
    
    #member .ber .top .right .intro .detail_intro{
    
        font-size:14px;
    
        color:#666;
    
        line-height:2.2em;
    
        margin-top: 25px;
    
        max-height:320px;
    
        overflow-y:auto;
    
    }
    .gallery-thumbsex{
    
        width:100%;
    
        position:relative;
    
        height:282px;
    
        margin-top: 80px;
    
    }
    .gallery-thumbsex .swiper-slide{
        width: 212px;
        height: 220px;
        background-repeat:no-repeat;
        background-position:center center;
        background-size:cover;
    }
    
    .gallery-thumbsex img{
    
        width:100%;
    
        height:100%;
    
    
    
    }
    
    /*宸﹀彸涓ゆ寜閽�*/
    
    .gallery-thumbsex .swiper-button-next1{
    
        position: absolute;
        width: 50px;
        height: 30px;
        top: 50%;
        margin-top: -8px;
    
        right:-50px;
    
        z-index:9999;
    
        background-color: #e47026;
    
        background-image:url(../images/topright.png)!important;
    
        background-size:50% 50%;
    
        background-repeat:no-repeat;
    
        background-position:center center;
        outline:none;
    
      
    
    }
    
    .gallery-thumbsex .swiper-button-prev1{
    
        position: absolute;
        width: 50px;
        height: 30px;
        top: 50%;
        margin-top: -8px;
    
        left:-50px;
    
        z-index:9999;
    
        background-color: #d8d8d8;
    
        background-image:url(../images/topleft.png)!important;
    
        background-size:50% 50%;
    
        background-repeat:no-repeat;
    
        background-position:center center;
        outline:none;
    
    }
    
    
    
    #member .ber .bottom{
    
        width:100%;
    
        margin-top:20px;
    
        position:relative;
    
        height:282px;
    
    }
    #member .ber .bottom .swiper-container3{
    
        width:calc(100% - 100px);
    
    }
    
    #member .ber .bottom .swiper-container3 .swiper-wrapper{
    
        text-align:center;
    
    }
    
    #member .ber .bottom .swiper-container3 .swiper-slide img{
    
        width: 212px;
    
        height: 282px;
    
    }
    
    #member .ber .bottom .swiper-button-next3{
    
        width:50px;
    
        height:282px;
    
        line-height:50px;
    
        background-color: #d8d8d8;
    
        position:absolute;
    
        top:0;
    
        right:0;
    
        background-image:url(../images/bottom_right.png);
    
        margin-top:0;
        outline:none;
    
    }
    
    #member .ber .bottom .swiper-button-prev3{
    
        height:282px;
    
        width:50px;
    
        line-height:50px;
    
        background-color: #d8d8d8;
    
        top:0;
    
        left:0;
    
        background-image:url(../images/bottom_left.png);
    
        margin-top:0;
        outline:none;
    
    }
    
    /************myorderxq.html**********************/
    
    .order_tail{
    
        width:100%;
    
        height:212px;
    
    }
    
    .order_tail .title{
    
        width:100%;
    
        height: 40px;
    
        line-height:40px;
    
        font-size: 18px;
    
        background-color: #f7f7f7;
    
        margin-top:20px;
    
    }
    
    .order_tail .intro{
    
        padding:15px;
    
        font-size:14px;
    
        border: solid 1px #e5e5e5;
    
    }
    
    .order_tail .intro p{
    
        line-height:1.8em;
    
    }
    
    .oaex{
    
        padding-left:25px;
    
    }
    
    /*宸︿晶杈规爮*/
    
    .sin .sininner{
    
        display:none;
    
    }
    
    #infor .left p:nth-child(1){
    
        font-size:18px;
    
    }
    
    #infor .left .sin li a{
    
        font-size:14px;
    
    }
    
    #infor .left .sin{
    
        margin-top:6px;
    
    }
    
    #infor .left .sin li{
    
        line-height:1.8em;
    
    }
    
    .sin .sininner {
    
        padding-left:10px;
    
    }
    
    .dfone{
    
        background-image:url(../images/666.png)!important;
    
    }
    
    /******鎵嬫満鏄剧ず涓庨殣钘�*********/
    
    .mcart{
    
        display:none;
    
    }
    
    .block{
    
        display:block!important;
    
    }
    
    .morderxq{
    
        display:none;
    
    }
    
    /**************productxq.html***************************/
    
    .proxq{
    
        width:1366px;
    
        margin:0 auto;
    
    }
    
    .proxq .pxtop{
    
        width:100%;
    
        display:flex;
    
        justify-content:space-between;
    
        height:625px;
    
    }
    
    .proxq .pxtop .left{
    
        width: 667px;
    
    }
    
    .proxq .pxtop .left .gallery-top .swiper-slide{
    
        width: 667px;
    
        height: 485px;
    
    }
    
    .proxq .pxtop .left .gallery-top .swiper-slide img{
    
        width: 667px;
    
        height: 485px;
    
    }
    
    .proxq .pxtop .left .swiper_bottom{
    
        position:relative;
    
        height:128px;
    
        width:100%;
    
        margin-top: 2px;
    
    }
    
    .proxq .pxtop .left .swiper_bottom .swiper-button-next1{
    
        position:absolute;
    
        width: 34px;
    
        height: 128px;
    
        background-color: #d5d5d5;
    
        top:0;
    
        margin-top:0;
    
        right:0;
        outline:none;
    
    }
    
    .proxq .pxtop .left .swiper_bottom img{
    
        width:178px;
    
        height:129px;
    
    }
    
    .proxq .pxtop .left .swiper_bottom .swiper-button-prev1{
    
        position:absolute;
    
        width: 34px;
    
        height: 128px;
    
        background-color: #d5d5d5;
    
        top:0;
    
        margin-top:0;
    
        left:0;
        outline:none;
    
    }
    
    .proxq .pxtop .right{
    
        padding-left:25px;
    
        padding-top:25px;
    
    }
    
    .swiper_bottom .gallery-thumbs{
    
        width:calc(100% - 70px);
    
        text-align:center;
    
    }
    
    .proxq .pxtop .right{
    
        width: 656px;
    
    }
    
    /*璇︽儏鍥剧墖*/
    
    .pcimg{
    
        width:100%;
    
        height:auto;
    
        margin-top:15px;
    
    }
    
    .pcimg img{
    
        width:100%;
    
        height:auto;
    
    }
    
    .proxq .pxtop .right .title{
    
        font-size: 32px;
    
        color: #e47026;
    
    }
    
    .proxq .pxtop .right .intro{
    
        font-size: 14px;
    
        color:#333;
    
        margin-top: 10px;
    
    }
    
    .proxq .pxtop .right .detail{
    
        width:100%;
    
        height: 100px;
    
        background-color: #f5f5f5;
    
        padding:10px;
    
        margin-top:50px;
    
        display:flex;
    
        justify-content:space-between;
    
        padding:20px;
    
    
    
    }
    
    .proxq .pxtop .right .detail .left_a {
    
        font-size:14px;
    
        color: #808080;
    
    }
    
    .proxq .pxtop .right .detail .left_a .a span:nth-child(1){
    
    display:inline-block;
    
    width:60px;
    
    }
    
    .proxq .pxtop .right .detail .left_a .b span:nth-child(1){
    
        display:inline-block;
    
        width:60px;
    
        }
    
    .proxq .pxtop .right .detail .left_a .a span:nth-child(2){
    
        font-size: 30px;
    
        color: #e77d21;
    
    }
    
    .proxq .pxtop .right .detail .right_b p:nth-child(1){
    
        margin-top:10px;
    
    }
    
    .proxq .pxtop .right .detail .right_b p:nth-child(2){
    
        font-weight:bold;
    
    }
    
    .proxq .pxtop .right .colorex{
    
    margin-top:20px;
    
    }
    
    .proxq .pxtop .right .colorex .cm{
    
        display:inline-block;
    
        width:70px;
    
        color:#666;
    
    }
    
    .proxq .pxtop .right .detail div .leftcm{
    
        display:inline-block;
    
        width: 60px;
    
    }
    
    .proxq .pxtop .right .color{
    
        display:flex;
    
        justify-content:flex-start;
    
        margin-bottom: 20px;
    
    }
    
    .proxq .pxtop .right .color .cm{
    
        font-size: 14px;
    
        color:#666;
    
    }
    
    .proxq .pxtop .right .color .cmy{
    
        display:inline-block;
    
        width: 36px;
    
        height: 23px;
    
        background-size: cover;
    
        background-repeat: no-repeat;
    
        background-position: center center;
        cursor:pointer;
    
    }
    
    .proxq .pxtop .right .color.cm{
    
        width: 56px;
    
        display:inline-block;
    
    }
    
    .proxq .pxtop .right .color .one{
    
        background-color: #e235b8;
    
    }
    
    .proxq .pxtop .right .color .two{
    
        background-color: #5285e6;
    
    }
    
    .proxq .pxtop .right .color .there{
    
        background-color: #434454;
    
    }
    
    .proxq .pxtop .right .color .xh span{
    
        display:inline-block;
        height: 23px;
        line-height:23px;
    
        border: solid 1px #b5b5b5;
    
        text-align:center;
        margin-bottom: 4px;
        cursor: pointer;
        padding: 0 3px;
    
    }
    
    .proxq .pxtop .right .color .colors span.active{
    
        border:2px solid #e47127;
    
    }
    
    .proxq .pxtop .right .color .xh span.active{
    
        border:2px solid #e47127;
    
    }
    
    .takea{
    
        text-decoration: line-through;
    
    }
    
    .paynow{
    
        display:inline-block;
    
        width: 176px;
    
        height: 49px;
    
        line-height:49px;
    
        border-radius: 4px;
    
        border: solid 1px #e77d20;
    
        font-size: 16px;
    
        text-align:center;
    
        background-color:#f8d8bc;
    
        color: #e77d21;
    
    }
    
    
    
    
    
    
    
    @media screen and (max-width: 1460px){
    
        .proxq{
    
            width: 96%;
    
        }
    
        .proxq .pxtop .left,.proxq .pxtop .right{
    
            width: 50%;
    
        }
    
        .proxq .pxtop .left .swiper-slide img{
    
            width: 100%;
            height:auto;
    
        }
    
    }
    
    @media screen and (max-width: 750px){
        /**/
        .posi{
            display:block!important;
            z-index:999999999!important;
        }
        /*	浜у搧椤甸潰*/
        .product_item .size p:nth-child(2) span{
            width:56px;
            font-size:12px;
        }
    
        /*product_detail椤甸潰*/
    
        .paynowex{
    
            display:flex;
    
            justify-content:space-between;
    
            width:100%;
    
        }
    
        .paynow{
    
            width:48%;
    
        }
        .proxq .pxtop .right .color .xh span{
            width:56px;
            font-size:12px;
        }
    
        /*hall椤甸潰*/
    
    
    
           .mapex .left .areaex .area input{
    
               width: 210px!important;
    
           }
    
        /*鍙充晶鍥哄畾閮ㄥ垎鎵嬫満闅愯棌*/
    
        .right_fixed{
            display:none;
        }
    /*member椤甸潰*/
    .gallery-thumbsex .swiper-slide{
        height:80px;
    }
        /*瑙嗛*/
    
        .service_video{
    
            width:100%;
    
            height:5rem;
    
        }
    
        /*activy.html*/
    
        .toptab_in li{
    
            margin-bottom:10px;
    
        }
    
        .toptab_in a {
    
            margin-bottom: 10px;
    
        }
    
        .secontent .focus .innerex{
    
            width: 100%;
    
        }
    
        .secontent .focus .inner{
    
            width:50%
    
        }
    
        .secontent .focus .inner .img img{
    
            width: 100%;
    
        }
    
        .proxq .pxtop .left,.proxq .pxtop .right{
    
            width: 100%;
    
        }
    
        .proxq .pxtop{
    
            flex-wrap: wrap;
    
        }
    
        .proxq .pxtop{
    
            height: auto;
    
        }
    
        .proxq .pxtop .right{
    
            border: 0;
    
        }
    
        .backstage .modify_pass .cmspanex.yzm{
    
            position: relative;
    
        }
    
        .backstage .modify_pass .cmspanex.yzm img{
    
            position: absolute;
    
            right: 0;
    
            top: 0;
    
        }
    
        .backstage .modify_pass .yzm input{
    
            width: 100% !important;
    
        }
    
        .backstage .backinner{
    
            width: 100%;
    
            height: auto;
    
            padding: 50px 0;
    
            box-sizing: border-box;
    
        }
    
        .backstage .msuccess img{
    
            margin-top: 0;
    
        }
    
        .login_banner .loginex{
    
            width: 100% !important;
    
        }
    
        .loginex .right{
    
            width: 96% !important;
    
            margin-left: 2%;
    
            margin-top: 10px;
    
        }
    
        .login_banner .loginex{
    
            margin: 0 auto;
    
            display: block;
    
            margin-left: 0 !important;
    
            left: 50%;
    
            transform: translateX(-50%);
    
        }
        .registerex .right .inner .phone{
            width:100%;
        }
        .loginex .right .inner .account,.loginex .right .inner .password,.login_btn{
    
            width: 100%;
        }
        .registerex .right .yz{
            width:100%;
        }
        .registerex .right .yz input{
            width:calc(100% - 117px);
        }
        .registerex .right .yz img{
            position:absolute;
            margin-top:0;
        }
        .login_banner{
    
            height: 452px;
    
            padding-top: 10px;
    
            padding-bottom: 10px;
    
        }
    
        .loginex .right{
    
            height: 418px;
    
        }
    
    }
    
    
    
    .backstage .oaex{
    
        padding-left: 0;
    
    }
    
    .orcontent .orlist .titl_bot .four{
    
        border-right: 0;
    
    }
    
    #m_order{
    
        display:none;
    
    }
    
    /**/
    
    .fix{
    
        position:fixed;
    
        width:100%;
    
        height:100%;
    
        top:0;
    
        left:0;
    
        bottom:0;
    
        right:0;
    
        background-color:black;
    
        opacity:.6;
    
        z-index:999;
    
        text-align:center;
    
    }
    
    
    
    .service_video {
    
        width: 700px;
    
        height: 600px;
    
    }
    
    .layui-layer-content{
    
        position:fixed;
    
        top:0;
    
        left:0;
    
        width:100%;
    
        height:100%;
    
        /* height:500px; */
    
    }
    
    .service_video video {
    
        width: 100%;
    
        height: 100%;
    
        background-color: #000;
    
    }
    
    /*棣栭〉宸︿晶鍥哄畾瀹氫綅*/
    
    .right_fixed{
    
        position:fixed;
    
        width: 70px;
    
        right: 10px;
    
        top: 30%;
    
        z-index:999;
        display:none;
    
    }
    
    .right_fixed ul li{
    
        width: 83px;
    
        height: 75px;
    
        background-color: #333333;
    
        border-radius: 4px;
    
        margin-bottom:1px;
    
        position:relative;
    
    }
    
    .right_fixed ul li a{
    
        width:100%;
    
        height:100%;
    
        display: block;
    
        position: absolute;
    
        z-index: 99;
    
        text-align: center;
    
    }
    
    .right_fixed ul li a img{
    
        margin-top:15px;
    
    }
    
    .right_fixed ul li a{
    
        color:white;
    
        font-size: 14px;
    
    }
    
    .right_fixed .codefirst{
    
        background-color:#333;
    
        position:absolute;
    
        right:-175px;
    
        top:-40px;
    
        z-index:88;
    
    }
    
    .right_fixed .codefirst p{
    
        font-size:14px;
    
        color:#d96a12;
    
        text-align:center;
    
        display:none;
    
    }
    
    .right_fixed .codefirst .codebigimg{
    
        width:153px;
    
        height:153px;
    
    }
    
    .right_fixed .tel{
    
        position:absolute;
    
        right: -270px;
    
        height: 75px;
    
        top: 0px;
    
        background-color:#333;
    
        padding: 15px;
    
        box-sizing: border-box;
    
        border-radius:5px;
    
        z-index:88;
    
    }
    
    .right_fixed .tel .leftimg{
    
        float:left;
    
        width:33px;
    
        height:33px;
    
        margin-top: 5px;
    
    }
    
    .right_fixed .tel .telinner{
    
        margin-left:40px;
    
    }
    
    .right_fixed .tel .telinner p:nth-child(1){
    
        color:white;
    
        font-size:14px;
    
    }
    
    /*鐣欒█*/
    
    .right_fixed .leave_mess{
    
        width: 373px;
    
        height: 437px;
    
        background-color:#333;
    
        padding:24px;
    
        position:absolute;
    
        right: -380px;
    
        top:-280px;
    
        z-index:88;
    
    }
    
    .right_fixed .leave_mess input{
    
        width: 310px;
    
        height: 40px;
    
        border: solid 1px #999999;
    
        background-color:#333;
    
        padding-left:10px;
    
        margin-bottom:10px;
        color:white;
    
    }
    
    .leave_mess .index_mess{
    
        resize:none;
    
        width: 310px;
    
        height: 104px;
    
        border: solid 1px #999999;
    
        background-color:#333;
    
        padding:10px;
        color:white;
    
    }
    
    .right_fixed .leave_mess p{
    
        color: white;
    
        font-size:14px;
    
        margin-bottom: 10px;
    
    }
    
    .leave_mess .em{
    
        width:310px;
    
        height: 40px;
    
        display:flex;
    
        justify-content:space-between;
    
        margin-top:10px;
    
        margin-bottom:10px;
    
    }
    
    .leave_mess .em input{
    
        width: 208px;
    
        height: 40px;
    
        border: solid 1px #999999;
    
    }
    
    .leave_mess .em img{
    
        width: 93px;
    
        height: 40px;
    
    }
    
    .right_fixed .leave_mess button{
    
        width: 309px;
    
        height: 43px;
    
        line-height:43px;
    
        text-align:center;
    
        background-color: #e67115;
    
        border-radius: 4px;
    
        border:1px solid  #e67115;
    
        font-size:14px;
    
        color:white;
    
    }
    .ercode{
        margin-right:25px;
    }
    .codebig{
        width: 153px!important;
        height: 153px!important;
        position:absolute;
        top:40px;
        left:0;
        margin-left:-40px;
        z-index:9999;
        display:none;
    }
    .topright{
        position:relative;
    }