/* @charset "utf-8"; */
/* 字体 */
/* 字体配置 */
.dot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;}
.dot1{white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.dot2{-webkit-line-clamp:2;}
.dot3{-webkit-line-clamp:3;}
.dot4{-webkit-line-clamp:4;}
textarea{
    font-family: 'Roboto';
}
.fs90{
    font-size: 90px;
}
.fs84{
    font-size: 84px;
}
.fs62{
    font-size: 62px;
}
.fs60{
    font-size: 60px;
}
.fs48{
    font-size: 48px;
}
.fs46{
    font-size: 46px;
}
.fs40{
    font-size: 40px;
}
.fs36{
    font-size: 36px;
}
.fs32{
    font-size: 32px;
}
.fs30{
    font-size: 30px;
}
.fs19{
    font-size: 19px;
}
.fs26{
    font-size: 25px;
}
.fs25{
    font-size: 25px;
}
.fs24{
    font-size: 24px;
}
.fs22{
    font-size: 22px;
}
.fs20{
    font-size: 20px;
}
.fs18{
    font-size: 18px;
}
.fs16{
    font-size: 16px;
}
.fs14{
    font-size: 14px;
}
.fs12{
    font-size: 12px;
}



@media (max-width: 1459px){
    .fs90{
        font-size: 56px;
    }
    .fs84{
        font-size: 50px;
    }
    .fs62{
        font-size: 48px;
    }
    .fs60{
        font-size: 42px;
    }
    .fs48{
        font-size: 36px;
    }
    .fs46{
        font-size: 32px;
    }
    .fs40{
        font-size: 32px;
    }
    .fs36{
        font-size: 28px;
    }
    .fs32{
        font-size: 24px;
    }
    .fs30{
        font-size: 24px;
    }
    .fs19{
        font-size: 17px;
    }
    .fs26{
        font-size: 20px;
    }
    .fs25{
        font-size: 18px;
    }
    .fs24{
        font-size: 18px;
    }
    .fs22{
        font-size: 16px;
    }
    .fs20{
        font-size: 16px;
    }
    .fs18{
        font-size: 16px;
    }
    .fs16{
        font-size: 14px;
    }
    .fs14{
        font-size: 12px;
    }
}
@media (max-width: 1280px){
    .fs90{
        font-size: 48px;
    }
    .fs84{
        font-size: 42px;
    }
    .fs62{
        font-size: 36px;
    }
    .fs60{
        font-size: 28px;
    }
    .fs36{
        font-size: 20px;
    }
    .fs32{
        font-size: 20px;
    }
    .fs30{
        font-size: 20px;
    }
    .fs48{
        font-size: 24px;
    }
    .fs46{
        font-size: 20px;
    }
    .fs40{
        font-size: 20px;
    }
    .fs19{
        font-size: 15px;
    }
    
    .fs26{
        font-size:18px;
    }
    .fs25{
        font-size: 16px;
    }
    .fs24{
        font-size: 16px;
    }
    .fs22{
        font-size: 14px;
    }
    .fs20{
        font-size: 14px;
    }
    .fs18{
        font-size: 14px;
    }
    .fs16{
        font-size: 12px;
    }
}
@media (max-width: 1024px){
    .fs90{
        font-size: 36px;
    }
    .fs84{
        font-size:32px;
    }
    .fs62{
        font-size: 28px;
    }
    .fs60{
        font-size: 24px;
    }
    .fs48{
        font-size: 20px;
    }
    .fs46{
        font-size: 18px;
    }
    .fs40{
        font-size: 18px;
    }
    .fs36{
        font-size: 16px;
    }
    .fs32{
        font-size: 16px;
    }
    .fs30{
        font-size: 16px;
    }
    .fs19{
        font-size: 12px;
    }
    .fs18{
        font-size: 12px;
    }
    .fs25{
        font-size: 14px;
    }
    .fs24{
        font-size: 14px;
    }
    .fs22{
        font-size: 14px;
    }
    .fs20{
        font-size: 12px;
    }
}
@media (max-width: 768px){
    .fs90{
        font-size: 20px;
    }
    .fs84{
        font-size:20px;
    }
    .fs62{
        font-size: 20px;
    }
    .fs60{
        font-size: 20px;
    }
    .fs48{
        font-size: 20px;
    }
    .fs46{
        font-size: 20px;
    }
    .fs40{
        font-size: 20px;
    }
    .fs36{
        font-size: 18px;
    }
    .fs32{
        font-size: 18px;
    }
    .fs30{
        font-size: 18px;
    }
}
/*@font-face{src:url(../fonts/Helvetica_Regular.ttf);}
@font-face{
font-weight: 700;src:url(../fonts/Helvetica_Bold.ttf);}*/
/* @font-face{font-family:"MyriadPro";src:url(../fonts/HarmonyOS_Sans_SC_Regular.ttf);} */
/* @font-face{src:url(../fonts/DIN-R.otf);}
@font-face{
font-weight: 700;src:url(../fonts/DIN-B.otf);}
@font-face{
font-weight: 500;src:url(../fonts/DIN-M.otf);} */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Roboto-Regular.ttf); 
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Roboto-Medium.ttf); 
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Roboto-Bold.ttf); 
}

*{
    outline:0;
    padding:0;
    margin:0;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    
    /*word-break:break-all;*/
    /*user-select:none;*/
}



.overscroll::-webkit-scrollbar,.selects::-webkit-scrollbar{width:4px;height:1px;}
.overscroll::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);background:#1e94d4;}
.overscroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#f2f2f2;}

.clearfix{zoom:0;}
.clearfix:after{content:'';display:block;height:0;clear:both;}
a,a:link,a:visited{color:inherit;text-decoration:none;}
.relative{position:relative;}
ul,li,ol{list-style-type:none;}
img{max-width:100%;outline:none;border:none;vertical-align: middle;}
input{border: none;}
select{appearance: none;}
body{
    font-size: 16px;
    font-family: 'Roboto';
}

.img_pc{
    display: block !important;
}
.img_wap{
    display: none !important;
}
@media (max-width: 768px){
    .img_pc{
        display: none !important;
    }
    .img_wap{
        display: block !important;
    }
}

/* pager */
.Pages{
    text-align: center;
}
.Pages .p_page{
    display: flex;
    justify-content: center;
}
.Pages .p_page a{
    width: 40px;
    text-align: center;
    line-height: 36px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    display: inline-block;
    font-style: initial;
    margin: 0 8px;
    font-size: 16px;
    color: #767c88;
    border: 2px solid #e0e0e0;
}
.Pages .p_page a::after{
    content: '';
    display: block;
    background-image: linear-gradient(to right, #86ccf2 , #35a1db);
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    opacity: 0;
}
.Pages .p_page a .span{
    position: relative;
    z-index: 2;
}



.Pages .p_page .a_prev{
    margin-right: 2%;
}
.Pages .p_page .a_next{
    margin-left: 2%;
}
.Pages .p_page .a_prev::before{
    content: '';
    display: block;
    position: absolute;
    top: 40%;
    border-bottom: 2px solid #767c88;
    border-left: 2px solid #767c88;
    right: 13px;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    z-index: 2;
}
.Pages .p_page .a_next::before{
    content: '';
    display: block;
    position: absolute;
    top: 40%;
    border-top: 2px solid #767c88;
    border-right: 2px solid #767c88;
    right: 15px;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    z-index: 2;
}

.Pages .p_page .a_prev:hover::before,
.Pages .p_page .a_next:hover::before{
    border-color: #fff;
}
.Pages .p_page a.a_cur{
    color: #fff;
}
.Pages .p_page a:hover,
.Pages .p_page a.a_cur{
    color: #fff;
}
.Pages .p_page a:hover::after,
.Pages .p_page a.a_cur::after{
    opacity: 1;    
}
@media (max-width: 1280px){
    .Pages .p_page a{
        width: 40px;
        line-height: 36px;
        margin: 0 5px;
    }
    .Pages .p_page .a_prev::before{
        right: 15px;
    }
    .Pages .p_page .a_next::before{
        right: 15px;
    }
}
@media (max-width: 768px){
    .Pages .p_page a {
        width: 30px;
        line-height: 26px;
        font-size: 14px;
        margin: 0 5px;
    }
    .Pages .num{
        display: none;
    }
    .Pages .p_page .a_prev, .Pages .p_page .a_next {
        width: 30px;
        font-size: 12px;
        line-height: 26px;
        height: 30px;
    }
    .Pages .p_page .a_prev::before{
        right: 8px;
        top: 33%;
    }
    .Pages .p_page .a_next::before{
        right:10px;
        top: 33%;
    }
}
/* 视频弹窗 */
.videoMask {
    position: fixed;
    z-index: 999;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.videoMask .videoBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    max-width: 94%;
    height: 79vh;
}
.videoMask .videoBox video {
    width: 100%;    
}
.videoMask .videoBox .close {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 10px;
    z-index: 10;
    cursor: pointer;
    padding-top: 2%;
}
.videoMask .videoBox .close:before,
.videoMask .videoBox .close:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    border-bottom: 1px solid #fff;
}
.videoMask .videoBox .close:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.videoMask .videoBox .close:after {
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
}
.video_click{
    cursor: pointer;
}
.videoMask iframe{
    width: 100%;
    height: 100%;
}
@media (max-width: 1024px){
    .videoMask .videoBox{
        height: 39vh;
    }
}
@media (max-width: 680px){
    .videoMask .videoBox{
        width: 90%;
        height: 25vh;
    }
}

  

.w1440{
    max-width: 1480px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}
.w1680{
    max-width: 1710px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}
@media (max-width: 768px){
    .w1440,
    .w1680{
        padding: 0 15px;
    }
}
.w1400{
    max-width: 1440px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

/* 头部 */
.nav_height{
    max-height: 110px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-height: 110px;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0 0 15px rgba(0, 0, 0,.1);
} 
.header .header_top .header_box a:hover{
    color: #fff;
}
.header .header_top{
    color: #ffffff;
    line-height: 30px;
    background-image: linear-gradient(to right, #5cbbe3 , #129fdb);
    text-align: center;
}
.header .header_top .header_big{
    position: relative;
}
.header .header_top .close {
    position: absolute;
    right: 5px;
    top: 50%;
    padding: 10px;
    z-index: 10;
    cursor: pointer;
    padding-top: 2%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}

.header .header_top .close:before,
.header .header_top .close:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    border-bottom: 1px solid #fff;
}

.header .header_top .close:before {
    transform: rotate(45deg);
}

.header .header_top .close:after {
    transform: rotate(-45deg);
}

.header .logo{
    display: block;
}
.header .logo img {
    height: 30px;
}
.header .main{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .navs{
    display: flex;
    align-items: center;
}
.header .nav{
    margin: 0 20px;
}
.header .nav_tit{
    line-height: 70px;
    
font-weight: 500; 
    position: relative;
    display: block;
}
.header .nav_tit::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #1e94d4;
    opacity: 0;
}
.header .nav.cur .nav_tit::before{
    opacity: 1;
}
.header .right{
    display: flex;
    align-items: center;
}
.header .search{
    width: 22px;
    height: 22px;
    /*background-image: url(../images/icon03.svg);*/
    /*background-image: url(../images/search.svg);*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    margin-right: 10px;
}  
.header .search:hover{
    /*background-image: url(../images/hicon03.svg);*/
    /*background-image: url(../images/hsearch.svg);*/
}
.header .search:hover .search_box{
    display: block;
}

.header .search:hover svg{
    fill: #51b8ef; 
}
.header .search_box{
    position: absolute;
    right: 0;
    top: 100%;
    padding-top: 20px;
    display: none;
}
.header .search_big{
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    padding: 0 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    width: 250px;
    overflow: hidden;
    padding-left: 15px;
}
.header .search_big .base_btn {
    font-size: 12px;
    margin-left: 15px;
}

.header .search_big .base_btn .span {
    line-height: 25px;
    padding: 0 5px;
}


.header .search_box .input{
    flex: 1;
}
.header .search_box input{
    width: 100%;
    line-height: 45px;
}
.header .search_box .search_btn{
    min-width: 15px;
    width: 15px;
    height: 15px;
    background-image: url(../images/icon01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
}
.header .person{
    width: 22px;
    height: 22px;
    background-image: url(../images/icon02.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-left: 20px;
    margin-right: 15px;
}
.header .person_active{
    width: 21px;
    height: 21px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin:0 10px;
}
.header .person_active a{
    display: block;
}
.header .person_active a:hover{
    fill: #51b8ef;
}
.header .person_active .img1{
    display: block;
}
.header .person_active .img2{
    display: none;
}
.header .person_active:hover .img1{
    display: none;
}
.header .person_active:hover .img2{
    display: block;
}
.header .person_active.person_cart:hover a{
    /*background-image: url(../images/hcart.svg);*/
    /*background-image: url(../images/hcart.svg);*/
}
.header .person_active img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header .person_cart a{
    display: block;
    width: 22px;
    height: 22px;
    /*background-image: url(../images/cart.svg);*/
     /*background-image: url(../images/cart.svg);*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.header .person_cart a:hover{
    fill: #51b8ef;
}
.header .langs{
    height: 20px;
    padding-left: 30px;
    position: relative;
    padding-right: 35px;
    margin-left: 10px;
}
.header .lang{
    position: relative;
}
.header .lang .lan_t{
    line-height: 20px;
    
font-weight: 500;
}
.header .lang:hover .lang_list{
    display: block;
}
.header .lang_list{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    width: 100%;
    background-color: #fff;
    padding-top: 20%;
    display: none;
}
.header .lang_list .lang_item{
    font-size: 14px;
    color: #333;
    display: block;
    text-align: center;
}
.header .lang_list .lang_item:hover{
    background-color: #02b8f4;
    color: #fff;
}
.header .langs::before{
    content: '';
    display: block;
    width: 21px;
    height: 21px;
    background-image: url(../images/lang.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 0;
}
.header .langs::after{
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    border-top: 1px solid #052944;
    border-right: 1px solid #052944;
    right: 8px;
    width: 6px;
    height: 6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}

.nav_box{
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    display: none;
    height: auto !important;
    box-shadow: 0 10px 15px rgba(0,0,0,0.1);
}
.nav_con{
    display: flex;
    justify-content: space-between;
    padding: 50px 0 40px;
}
.nav_con .con_l{
    width: 250px;
}
.nav_con .con_r{
    margin-left: 3%;
    flex: 1;
}
.nav_con .nav_tab{
    color: #000;
    padding:12px 20px;
    /*border-bottom: 1px solid #eaeaeb;*/
    cursor: pointer;
}

.nav_con .span{
   position: relative;
   
font-weight: 700;
}
.nav_con .group_tit a{
    
font-weight: 500;
}
.nav_con .span::before{
    content: '';
    display: block;
    position: absolute;
    top: 43%;
    border-top: 1px solid #717274;
    border-right: 1px solid #717274;
    transform: rotate(45deg);
    right: -10px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.nav_con .nav_tab.cur,
.nav_con .nav_tab:hover{
    color: #1e94d4;
}
.nav_con .nav_tab.cur .span::before,
.nav_con .nav_tab:hover .span::before{
   border-color: #1e94d4; 
}
.nav_list{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: 380px;
    padding-right: 2%;
}
.nav_list .nav_item{
    width: 19%;
    /*padding: 35px 30px 25px;*/
    padding:0 15px;
    margin-bottom: 1.3%;
}
.nav_list .imgbox {
    padding-bottom: 54.5%;
    position: relative;
    max-width: 120px;
    margin: 0 auto;
}
.nav_list .imgbox img {
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    max-height: 100%;
}
.nav_list .nav_item:not(:nth-child(5n+1)){
    margin-left: 1.25%;
}
.nav_con .group_item{
    margin-top: 15px;
}
.nav_con .group_tit{
    color: #000;
    line-height: 1.333;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 2.5em;
    margin-top: 35px;
    text-align: center;
}
.nav_con .group_desc{
    color: #052944;
    line-height: 1.625;
    color: #636466;
    margin-top: 10px;
}
.nav_con .group_desc1.group_desc{
    height: 5em;
    overflow-y: auto;
    padding-right: 15px;
}
.nav_con .more{
    color: #1e94d4;
    margin: 40px auto 0;
}
.header .nav{
    position: relative;
}
.header .nav.nav2{
    position: unset;
}
.nav_box.nav_box1{
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   -webkit-transform: translate(-50%,0);
   -moz-transform: translate(-50%,0);
   -ms-transform: translate(-50%,0);
   -o-transform: translate(-50%,0);
   width: 200%;
}
.header .nav_con1{
    padding: 10px 10px 10px;
}
.header .nav_con1 .nav_ptit{
    display: block;
    margin: 10px 0;
    text-align: center;
}
.header .nav_con1 .nav_ptit:hover{
    color: #1e94d4;
}


/* 底部 */
.foot{
    background-color: #000000;
    padding: 3.7% 0 2.9%;
}
.foot_top{
    padding: 2.5% 0;
    display: flex;
    justify-content: space-between;
}
.foot_top .tit{
    line-height: 1.5;
    
font-weight: 700;
    color: #fff;
}
.foot_top .foot_lables{
    display: flex;
    align-items: center;
}
.foot_top .foot_lable{
    
font-weight: 700;
    line-height: 1.5;
    padding-left: 40px;
    color: #fff;
    position: relative;
}
.foot_top .foot_lable:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 1px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 24px;
    height: 25px;
}
.foot_top .foot_lable:nth-child(1):before{
    background-image: url(../images/icon04.png);
}
.foot_top .foot_lable:nth-child(2):before{
    background-image: url(../images/icon05.png);
}
.foot_top .foot_lable:nth-child(3):before{
    background-image: url(../images/icon06.png);
}
.foot_top .foot_lable:not(:first-child){
    margin-left: 40px;
}
.foot .foot_nav{
    height: 100%;
}
.foot_bot{
    display: flex;
    padding: 2.5% 0;
    justify-content: space-between;
}
.foot_bot .copyright{
    line-height: 1.5;
    color: rgba(255, 255, 255, .4);
}
.foot_bot .links{
    display: flex;
    align-items: center;
   
}
.foot_bot .link:not(:first-child){
    margin-left: 40px;
}
.foot .main{
    padding: 3.9% 0 3.3%;
    position: relative;
}
.foot_navs{
    display: flex;
    justify-content: space-between;
    
}
.foot_navs .dinwei{
    position: absolute;
    height: auto;
}
.foot_navs .foot_tit{
    
font-weight: 700;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 25px;
    display: block;
}
.foot_navs .foot_ctit{
    color:rgba(255, 255, 255, .4);
    margin-bottom: 10px;
    display: block;
}
.foot_navs .foot_ctit:hover{
    color: #fff;
}
.flist .fitem{
    display: flex;
}
.flist .imgbox{
    width: 45px;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
    height: 100%;
}
.flist .imgbox::before{
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #fff;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
     /*background-color: rgba(0,0,0,0.1);
    */
}
.flist .imgbox img{
    width: 100%;
}
.flist .fitem{
    margin-bottom: 15px;
}
.flist .fitem_tit{
    line-height: 1.5;
    color: #fff;
}
.flist .fitem_desc{
    line-height: 1.7;
    color: rgba(255, 255, 255, .4);
}
.flist .fitem_text{
    transform: translate(0,-5px);
    -webkit-transform: translate(0,-5px);
    -moz-transform: translate(0,-5px);
    -ms-transform: translate(0,-5px);
    -o-transform: translate(0,-5px);
}
.open_menu {
    width: 25px;
    height: 20px;
    cursor: pointer;
    display: block;
    position: relative;
    margin-left: 15px;
    display: none;
  }
  .open_menu i {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #333;
    left: 0;
    top: 10px;
    margin-top: -1.5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
  }
  
  .open_menu i:nth-child(1) {
    margin-top: -10px;
  }
  .open_menu i:nth-child(3) {
    margin-top: 8px;
  }
  .open_menu.cur i:nth-child(2) {
    display: none;
  }
  .open_menu.cur i:nth-child(3) {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    margin: 0;
  }
  .open_menu.cur i:nth-child(1) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin: 0;
  }
@media (max-width: 1280px){
    .header .nav_tit {
        font-size: 14px;
        line-height: 70px;
    }
    .header .nav {
        margin: 0 10px;
    }
    .header .logo {
        width: 70px;
    }
    .nav_con{
        padding: 20px 0;
    }
    .nav_list .nav_item {
        padding: 3%;
    }
    .nav_box {
        position: relative;
    }
    
}

@media (max-width: 1024px){
    .header .main{
        padding: 10px 0;
    }
    .open_menu{
        display: block;
    }
    .header .navs{
        display: none;
    }
    .header .navs.cur{
        position: absolute;
        right: 0;
        top: 100%;
        left: 0;
        background-color: #fff;
        padding: 0 20px;
        width: 100%;
        display: block;
    }
    .header .nav_tit {
        line-height: 45px;
    }
    .header .nav {
        margin: 0;
    }
    .header .logo {
        width: 55px;
    }
    .header .search,.header .person {
        width: 20px;
        height: 20px;
    }
    
    .header .langs::before {
        width: 20px;
        height: 20px;
    }
    
    .header .langs {
        height: 18px;
    }
    
    .header .langs::after {
        top: 3px;
    }
    .nav_list .nav_item {
        width: 32.33%;
    }
    
    .nav_list .nav_item:not(:nth-child(4n+1)) {
        margin-left: 0;
    }
    
    .nav_list .nav_item:not(:nth-child(3n+1)) {
        margin-left: 1.5%;
    }
    
    .nav_list {
        max-height: 370px;
    }
    
    .nav_con .more {
        margin: 20px auto 0;
    }
    .foot_top {
        flex-wrap: wrap;
    }
    .nav_box.nav_box1{
        position: unset;
        width: 100%;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }
    .header .nav_con1 {
        padding: 15px;
    }
    .header .nav_con1 .nav_ptit {
        margin: 10px 0;
    }
}
@media (max-width: 900px){
    .nav_list .nav_item {
        width: 48.5%;
    }
    
    .nav_list .nav_item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    
    .nav_list .nav_item:not(:nth-child(2n+1)) {
        margin-left: 1.5%;
    }
    .nav_con {
        flex-wrap: wrap;
        padding: 10px 0;
    }
    .nav_con .con_l {
        width: 120px;
    }
    .promore{
        margin-left: calc(120px + 3%);
    }
    .nav_box .w1440 {
        padding: 0;
    }
    .nav_list .nav_item .nav_group {
        display: none;
    }
    .nav_list {
        max-height: 230px;
    }
}


@media (max-width: 768px){
    .foot .foot_nav {
        width: 49%;
    }
    
    .foot .foot_nav {
        position: static;
    }
    
    .foot_bot {
        padding: 10px 0;
    }
    
    .foot_top .foot_lable:before {
        top: -2px;
    }
    .foot_navs{
        flex-wrap: wrap;
    }
    .foot_navs .foot_ctit{
        display: none;
    }
}
@media (max-width: 640px){
 
    .foot_top .foot_lables {
        margin-top: 15px;
        flex-wrap: wrap;
        margin-top: 0;
    }
    .foot_top .foot_lable{
        width: 100% ;
        margin-top: 10px;
    }
    .foot_top .foot_lable:not(:first-child) {
        margin-left: 0;
    }
    .foot_navs .foot_tit {
        margin-bottom: 10px;
    }
    .foot_navs .foot_tit {
        margin-bottom: 10px;
    }
    
    .foot .foot_nav {
        width: 100%;
    }
    
    .flist .fitem {
        margin-bottom: 10px;
    }
    
    .flist {
        margin-top: 20px;
    }
    
    .foot_bot {flex-wrap: wrap;}
    
    .foot_bot .links {
        margin-top: 10px;
    }
    .header .nav_tit {
        display: inline-block;
    }
    .nav_con .nav_tab {
        padding: 10px 10px;
    }
    
    .header .langs {
        padding-left: 23px;
        padding-right: 24px;
    }
    
    .header .person_active {
        margin: 0 5px;
    }
    .header .langs {
        height: 19px;
    }
}


/* 首页 */
.index01{
    position: relative;
    height:calc(100vh - 110px);
}
.index01 .swiper-container{
    height: 100%;
}
.index01 .item{
    position: relative;
    height: 100%;
}
.index01 .item .imgbox{
    height: 100%;
}
.index01 .item .imgbox a {
    display: block;
    width: 100%;
    height: 100%;
}
.index01 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index01 .text_box{
    position: absolute;
    top: 26%;
    width: 100%;
}
.index01 .tit{
    line-height: 1.1;
    color: #000000;
    font-weight: 700;
    transform: translate(0,-60px);
    -webkit-transform: translate(0,-60px);
    -moz-transform: translate(0,-60px);
    -ms-transform: translate(0,-60px);
    -o-transform: translate(0,-60px);
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}
.index01 .desc{
    line-height: 1.6667;
    color: #000000;
    margin-top: 25px;
    max-width: 80%;
    transform: translate(60px,0);
    -webkit-transform: translate(60px,0);
    -moz-transform: translate(60px,0);
    -ms-transform: translate(60px,0);
    -o-transform: translate(60px,0);
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}
.index01 .main{
    max-width: 55%;
}
.index01 .base_btn{
    margin-top: 20px;
    transform: translate(0,100%);
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
}

.index01 .swiper-slide.swiper-slide-active .tit,
.index01 .swiper-slide.swiper-slide-active .desc,
.index01 .swiper-slide.swiper-slide-active .base_btn{
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}
.index01 .swiper-pagination{
    text-align: center;
    width: 100%;
    bottom: 30px;
    z-index: 2;
}
.index01 .swiper-pagination .swiper-pagination-bullet{
    width: 50px;
    height: 4px;
    background-color: #cccccc;
    margin: 0 7.5px !important;
    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    -o-border-radius: unset;
    opacity: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.index01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #1e94d4;
    width: 100px;
}


.base_btn{
    position: relative;
    display: inline-block;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    cursor: pointer;
    overflow: hidden;
   font-size: 16px; 
}
.base_btn .span{
   line-height: 50px;
   padding: 0 45px;
   color: #fff;
   position: relative;
   z-index: 5;
   font-weight: 700;
}
.base_btn::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    background-image: linear-gradient(to right, #87cdf3 , #34a0da);
    z-index: 4;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.base_btn::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    background-color: #02b8f4;
    z-index: 4;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.base_btn:hover::after{
    width: 100%;
}


.base_btn1{
    position: relative;
    display: inline-block;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    cursor: pointer;
    overflow: hidden;
   font-size: 16px;
}
.base_btn1 .span{
    line-height: 50px;
    padding: 0 45px;
    color: #1e94d4;
    position: relative;
    z-index: 5;
    font-weight: 700;
 }
 
.base_btn1::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    z-index: 4;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    border: 1px solid #2f9cd7;
    background-image: unset;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
}
.base_btn1::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    background-color: #02b8f4;
    z-index: 4;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.base_btn1:hover::after{
    width: 100%;
}
.base_btn1:hover .span{
    color: #fff;    
}


.base_btn3{
    position: relative;
    display: inline-block;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    cursor: pointer;
    overflow: hidden;
   font-size: 20px;
}
.base_btn3 .span{
    font-size: 16px;
    line-height: 40px;
    padding: 0 8px;
    color: #636466;
    position: relative;
    z-index: 5;
    font-weight: 700;
 }
 
.base_btn3::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    z-index: 4;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    border: 1px solid #f0f1f0;
    background-image: unset;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
}
.base_btn3::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    background-color: #02b8f4;
    z-index: 4;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.base_btn3:hover::after{
    width: 100%;
}
.base_btn3:hover .span{
    color: #fff;    
}


.base_btn2{
    position: relative;
    display: inline-block;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    cursor: pointer;
    overflow: hidden;
   background-color: #fff;
}
.base_btn2 .span{
    line-height: 40px;
    padding: 0 20px;
    color: #000;
    position: relative;
    z-index: 5;
 }
 
.base_btn2::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    z-index: 4;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    border: 1px solid #fff;
    background-image: unset;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
}
.base_btn2::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    background-color: #02b8f4;
    z-index: 4;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.base_btn2:hover::after{
    width: 100%;
}
.base_btn2:hover .span{
    color: #fff;    
}


.index02{
    padding: 4.2% 0 4.7%;
    border-bottom: 3px solid #f7f7f8;
}
.list1{
    display: flex;
}
.list1 .item{
    width: 25%;
    text-align: center;
}
.list1 .item img{
    height: 35px;
}
.list1 .tit{
    color: #212324;
    line-height: 1.4444;
    
font-weight: 700;
    margin-top: 20px;
}
.list1 .ctit{
    color: #212324;
    line-height: 1.625;
    margin-top: 10px;
}

.index03{
    padding: 75px 0 5.3%;
}
.index03 .title{
    
font-weight: 700;
    text-align: center;
    line-height: 1;
}
.index03 .main{
    margin-top: 60px;
}
.index03_swiper .swiper-wrapper {
    display: flex;
    justify-content:space-between;
}

.index03_swiper .swiper-wrapper .swiper-slide {
    width: 23.8%;
}

.index03_swiper .swiper-slide{
    height: auto;
}
.index03_swiper .imgbox{
    padding-bottom: 104%;
    position: relative;
    z-index: 1;
}
.index03_swiper .imgbox img{
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    max-height: 100%;
}

.index03_swiper .item{
    padding:87.5% 14.5% 15.7%;
    height: 100%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    display: block;
    text-align: center;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    position: relative;
}
.index03_swiper .tit{
    
font-weight: 700;
    text-align: center;
    line-height: 1.36;
    color: #fff;
    margin-top: 10px;
     position: relative;
    z-index: 1;
}
.index03_swiper .desc{
    text-align: center;
    line-height: 1.65;
    color: #fff;
     position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 4em;
    display:none;
}

.index03_swiper .base_btn{
    margin-top: 20px;
     position: relative;
    z-index: 1;
}
.index03_swiper .item:hover{
    /*background-color: #f0f2f5;*/
    /*background-image: unset !important;*/
}
.index03_swiper .item:hover .tit{
    color: #212324;
}
.index03_swiper .item:hover .desc{
    color: #636466;
}
.index03_swiper .bg_box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.index03_swiper .bg_box img{
     width: 100%;
    height: 100%;
    object-fit: cover;
}
.index03_swiper .item:hover .img1{
    display:none;
}
.index03_swiper .item:hover .img2{
    display:block;
}

.index04{
    position: relative;
}
.index04 .video_box{
    position: relative;
}
.index04 .video_box video{
    width: 100%;
}

.index05{
    padding: 5.8% 2.63%;
}

.list2 .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4.5%;
}
.list2 .imgbox{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    width: 44.8%;
}
.list2 .text_box{
    width: 41.6%;
}
.list2 .item:nth-child(2n){
    flex-direction: row-reverse;
}
.list2 .tit{
    color: #1e94d4;
    line-height: 1.41;
}
.list2 .ctit{
    
font-weight: 700;
    color: #212324;
    line-height: 1;
    margin-top: 25px;
}
.list2 .desc{
    margin-top: 30px;
    line-height: 1.4444;
}
.list2 .base_btn{
    margin-top: 30px;
}



.index07{
    background-color: #f5f5f5;
    padding:75px 0 4.73%;
    overflow: hidden;
}
.index07 .title{
    
font-weight: 700;
    text-align: center;
    line-height: 1;
}
.index07 .tabs_con1{
    margin-top: 1.4%;
}
.index07 .main{
    margin-top: 4.2%;
    padding: 0 10%;
}
.tabs_con1{
    display: flex;
    align-items: center;
    justify-content: center;
}
.tabs_con1 .tabs{
    display: flex;
    align-items:center;
    position: relative;
}
.tabs_con1 .tabs::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: #e0e0e0;
}
.tabs_con1 .tab{
    color: #6f6f6f;
    line-height: 1.888;
    padding-bottom: 10px;
    position: relative;
    cursor: pointer;
}
.tabs_con1 .tab:not(:first-child){
    margin-left: 45px;
}

.tabs_con1 .tab::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;   
    height: 3px;
    background-color: #1e94d4; 
    opacity: 0;
}
.tabs_con1 .tab.cur::before{
    opacity: 1;
}
.tabs_con1 .tab.cur{
    color: #000000;
}
.index06_swiper .item{
    display: block;
}
.index06_swiper .item img{
    width: 100%;
} 
.index07_swiper .swiper-slide{
    padding-top: 65px;
    height: auto;
}
.index07_swiper .item{
    text-align: center;
    background-color: #fff;
    padding:0 25px 60px ;
    position: relative;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.index07_swiper .imgbox{
    padding-bottom: 54%;
    position: relative;
    z-index: 2;
    transform: translate(0,-65px);
    -webkit-transform: translate(0,-65px);
    -moz-transform: translate(0,-65px);
    -ms-transform: translate(0,-65px);
    -o-transform: translate(0,-65px);
}
.index07_swiper .imgbox img{
    position: absolute;
    left: 50%;
    top: 50%;
    max-height: 100%;
    transform: translate(-50%, -50%);
}
.index07_swiper .price{
    
font-weight: 700;
    display: flex;
    align-items: flex-end;
    margin-top: 30px;
    text-align: left;
    justify-content: center;
}
.index07_swiper .base_btn .span{
    line-height: 35px;
}

.index07_swiper .price .span{
    /*color: #129fdb;*/
     color: #000;
    line-height: 1;
}
.index07_swiper .price .old {
    margin-left: 10px;
    color: #a3a3a3;
    text-decoration: line-through;
    
font-weight: 500;
}
.index07_swiper .desc{
    line-height:1.625;
    margin-top: 20px;
}
.index07_swiper .base_btn{
    margin-top: 25px;
    width: 100%;
}
.index07_swiper .text_box{
    margin-top: -20px;
}
.index07_swiper .text_box .tit{
    font-weight: 700;
}
.index07_swiper .swiper-container{
    overflow: unset;
}

.index08{
    padding:75px 0 4.73%;
    overflow: hidden;
    background-color: #f5f5f5;
}

.index08 .title{
    
font-weight: 700;
    text-align: center;
    line-height: 1;
}
.index08 .main{
    margin-top: 60px; 
}

.index08_swiper{
    padding: 0 5.6%;
}
.index08_swiper .swiper-container{
    overflow: unset;
}
.index08_swiper .item{ 
    background-color: #fff;
    padding: 32px;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 20px;
}
.index08_hd{
    display: flex;
    align-items: center;
}
.index08_hd .imgbox{
    width: 68px;
    height: 68px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
}
.index08_hd .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index08_hd .text_box{
    margin-left: 20px;
}
.index08_hd .tit{
    color: #000;
    font-weight: 700;
    font-size: 19px;
}
.index08_hd .num_imgs{
    margin-top: 2px;
}
.index08_swiper .editor{
    margin-top: 55px;
    margin-bottom: 65px;
    color: #4c4c4c;
    padding-right:25px;
    flex: 1;
    font-size: 15px;
}

.index08_swiper .editor::-webkit-scrollbar,.selects::-webkit-scrollbar{width:2px;height:1px;}
.index08_swiper .editor::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);background:#1e94d4;}
.index08_swiper .editor::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#f2f2f2;}



.index08_swiper .remarks{
    margin: 25px 0;
    height: 58px;
    overflow-y: auto;
    display: none;
}
.remarks{
    display: flex;
    align-items: center;
}
.remarks .remark{
    max-width: 24%;
    width: auto;
}
.remarks .remark:not(:last-child){
    margin-right: 20px;
}
.remarks .remark img{
    height: 58px;
}
.index08_pro{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0 0;
    border-top: 1px solid #e7e7e7;
    flex-direction: row-reverse;
}
.index08_pro:hover .index08_btn {
    color: #1e94d4;
} 
.index08_pro .text_box{
    width: calc(100% - 80px);
    padding-left: 15px;
}
.index08_pro .index08_img{
    min-width: 80px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index08_pro .index08_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index08_pro .tit{
    color: #1d1d1f;
    line-height: 1.2;
    font-weight: 500;
}
.index08_pro .index08_btn{
    color: #5f5f5f;
    margin-top: 5px;
    display: inline-block;
    font-weight: 700;
    display: none;
}



.index08_swiper .num_imgs{
    display: flex;
    align-items: center;
}
.index08_swiper .img:not(:first-child){
    margin-left: 3px;
}
.index08_swiper .num_imgs .img img{
    height: 14px;
}
.index08_swiper .editor{
    max-height: 100px;
    overflow-y: auto;
    line-height: 1.6;
    font-weight: 500;
}

.index08_swiper .bar_b,
.index07_swiper .bar_b{
    display: flex;
    align-items: center;
    margin-top: 50px;
}
.index08_swiper .swiper-pagination,
.index08_swiper .swiper-scrollbar,
.index07_swiper .swiper-scrollbar{
    position: relative;
    flex: 1;
    height: 3px;
    background-color: #eaeaeb;
}
.index08_swiper .swiper-scrollbar-drag,
.index07_swiper .swiper-scrollbar-drag{
    cursor: pointer;
}
.index08_swiper .swiper-scrollbar-drag:before,
.index07_swiper .swiper-scrollbar-drag:before {
    content:'';
    display:block;
    background-color: #1e94d4;
    position: absolute;
    left: 0;
    top: 43%;
    width: 100%;
    height: 4px;
    transform: translate(0,-50%);
    border-radius: 4px;
}
.index08_swiper .swiper-pagination .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.index07_swiper .swiper-pagination .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: #1e94d4;
}

.index08_swiper .swiper_box,
.index07_swiper .swiper_box{
    width: 55px;
    margin-left: 90px;
    display: flex;
    justify-content: space-between;
} 
.index08_swiper .swiper_btn,
.index07_swiper .swiper_btn{
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
}
.index08_swiper .swiper_btn.prev::before,
.index07_swiper .swiper_btn.prev::before{
    content: '';
    display: block;
    position: absolute;
    top: 31%;
    border-bottom: 1px solid #606366;
    border-left: 1px solid #606366;
    right: 4px;
    width: 8px;
    height:8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.index08_swiper .swiper_btn.next::before,
.index07_swiper .swiper_btn.next::before{
    content: '';
    display: block;
    position: absolute;
    top: 31%;
    border-top: 1px solid #606366;
    border-right: 1px solid #606366;
    right: 8px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.index08_swiper .swiper-slide,
.index07_swiper .swiper-slide{
    opacity: .4;
       height: auto;
}
.index08_swiper .swiper-slide-active,
.index08_swiper .swiper-slide-next,
.index07_swiper .swiper-slide-active,
.index07_swiper .swiper-slide-next{
    opacity: 1;
}
.index08_swiper .swiper-slide-next +.swiper-slide,
.index07_swiper .swiper-slide-next +.swiper-slide{
    opacity: 1;
}

.index09{
    background-color: #f5f5f5;
    padding: 3.95% 0 1.1%;
}
.index09 .title{
    
font-weight: 700;
    text-align: center;
    line-height: 1;
}
.index09 .main{
    margin-top: 3.2%;
}


.index09_swiper .item{
    position: relative;
    display: block;
}
.index09_swiper .item::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    background-color: #1e94d4;
    z-index: 2;
    opacity: 0;
    transition: all .5s;
}
.index09_swiper .item::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0,.5);
    z-index: 3;
    transition: all .5s;
}
.index09_swiper .imgbox{
    padding-bottom: 56%;
    position: relative;
}
.index09_swiper .imgbox img{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.index09_swiper .text_box{
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    max-width: 95%;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 6;
    opacity: 0;
}
.index09_swiper .swiper-slide-active .text_box{
    opacity: 1;
}

.index09_swiper .more{
    position: relative;
    padding-right: 20px;
    display: inline-block;
    margin-top: 20px;
}
.index09_swiper .more::before{
    content: '';
    display: block;
    position: absolute;
    top: 31%;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    right: 8px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.index09_swiper .more:hover {
    color:#1e94d4;
}
.index09_swiper .more:hover:before {
    border-color:#1e94d4;
}
 

.index09_swiper .swiper-slide-active .item::before{
    opacity: 0;
}
.index09_swiper .swiper-slide-active .item::after{
    opacity: 0;
}
.index09_swiper{
    position: relative;
}
.index09_swiper .swiper-pagination{
    text-align: center;
    width: 100%;
    bottom: 30px;
}
.index09_swiper .swiper-pagination .swiper-pagination-bullet{
    width: 50px;
    height: 4px;
    background-color: #cccccc;
    margin: 0 7.5px !important;
    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    -o-border-radius: unset;
    opacity: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.index09_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #1e94d4;
    width: 100px;
}
.index09 .base_video{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-image: url(../images/icon16.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    z-index: 9;
}
@media (max-width: 1024px){
    .index08_swiper .editor{
        margin-top: 35px;
        margin-bottom: 35px;
        font-size: 14px;
    }
    .index07_swiper .price{
        margin-top: 15px;
    }
    .index08_swiper .item{
        padding: 25px;
    }
    .index08_swiper{
        padding: 0;
    }
    .index08_hd .tit{
        font-size: 16px;
    }
}
@media (max-width: 768px){
    .index08_swiper .editor{
        margin-top: 25px;
        margin-bottom: 25px;
        font-size: 12px;
    }
    .index07_swiper .imgbox {
        transform: translate(0, -35px);
        -webkit-transform: translate(0, -35px);
        -moz-transform: translate(0, -35px);
        -ms-transform: translate(0, -35px);
        -o-transform: translate(0, -35px);
    }
    .index07_swiper .item{
        padding-bottom: 35px;
    }
    .index08_swiper .editor {
        max-height: 100px;
    }
     .index08_swiper .item{
        padding: 15px;
    }
}


.base_swiper .swiper_btn{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 60px;
    height: 60px;
    z-index: 2;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
    cursor: pointer;
}
.base_swiper .swiper_btn:hover{
    background-color: #069ad9;
}
.base_swiper .swiper_btn.prev{
    left: 5%;
    background-image: url(../images/icon09.png);
}
.base_swiper .swiper_btn.next{
    right: 5%;
    background-image: url(../images/icon10.png);
}
@media (max-width: 1459px){
    .base_swiper .swiper_btn {
        width: 45px;
        height: 45px;
    }
}
@media (max-width: 768px){
    .base_swiper .swiper_btn {
        width: 35px;
        height: 35px;
    }
}
@media (max-width: 640px){
    .base_swiper .swiper_btn {
        width: 30px;
        height: 30px;
    }
    .index09 .base_video{
        width: 35px;
        height: 35px;
    }
}


.percent{
    position: absolute;
    left: 0;
   top: -4px;
    width: 70px;
    height: 64px;
    /* background-color: #ff9700; */
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 15px; 
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    line-height: 1.3;
    background-image: url(../images/percent_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center; 
}
/*.percent::before{*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 5px;*/
/*    left: 50%;*/
/*    transform: translate(-50%,0);*/
/*    -webkit-transform: translate(-50%,0);*/
/*    -moz-transform: translate(-50%,0);*/
/*    -ms-transform: translate(-50%,0);*/
/*    -o-transform: translate(-50%,0);*/
/*    width: 5px;*/
/*    height: 5px;*/
/*    background-color: #fff;*/
/*    border-radius: 50%;*/
/*    -webkit-border-radius: 50%;*/
/*    -moz-border-radius: 50%;*/
/*    -ms-border-radius: 50%;*/
/*    -o-border-radius: 50%;*/
/*}*/



@media (max-width: 1459px){
    .foot_bot .link:not(:first-child) {
        margin-left: 20px;
    }
    .base_btn,
    .base_btn1,
    .base_btn3{
        font-size: 14px;
    }
    .base_btn .span,
    .base_btn1 .span,
    .base_btn2 .span,
    .base_btn3 .span{
        line-height: 35px;
        padding: 0 20px;
    }
}
@media (max-width: 768px){
   
    .index01 {
        height: 40vh;
    }
    .index02,
    .index03,
    .index04,
    .index05,
    .index07,
    .index08,
    .index09{
        padding: 20px 0;
    }
    .index03 .main,
    .index08 .main,
    .index09 .main,
    .index08_swiper .bar_b,
    .index07 .main,
    .index07 .tabs_con1{
        margin-top: 20px;
    }
    .tabs_con1 .tab:not(:first-child) {
        margin-left: 25px;
    }
    .list1 .item img {
        height: 25px;
    }
    .list2 .item {
        margin-bottom: 3.5%;
    }
    .list2 .ctit {
        margin-top: 15px;
    }
    .list2 .desc {
        margin-top: 15px;
    }
    .list2 .base_btn {
        margin-top: 20px;
    }
    .base_btn,
    .base_btn1,
    .base_btn3{
        font-size: 12px;
    }
    .base_btn .span,
    .base_btn1 .span,
    .base_btn2 .span,
    .base_btn3 .span{
        padding: 0 10px;
        line-height: 25px;
        font-size: 14px;
    }
    .percent{ 
        font-size: 12px;
        width: 52px;
        height: 45px;
        line-height: 1.2;
        padding-bottom: 5px;
        top: -4px;
        padding-top: 2px;
    }
    .index03_swiper .swiper-wrapper {
        flex-wrap: wrap;
    }
    
    .index03_swiper .swiper-wrapper .swiper-slide {
        width: 49%;
        margin-bottom: 2%;
    }
    .index03_swiper .swiper-wrapper .swiper-slide {
        width: 49%;
        height: 280px;
    }
    .index03_swiper .swiper-wrapper .swiper-slide:not(:nth-child(2n+1)){
        margin-left:2%;
    }
}

@media (max-width: 640px){
    /* .index03_swiper .swiper-wrapper .swiper-slide {*/
    /*    width: 100%;*/
    /*}*/
    .index01 .main {
        max-width: 100%;
    }
    .index01 .text_box {
        top: 14%;
    }
    .index01 .desc{
        margin-top: 15px;
    }
    .index01 .base_btn{
        margin-top: 10px;
    }
    .list1 {
        flex-wrap: wrap;
    }
    .list1 .item {
        width: 49%;
        margin-bottom: 2%;
    }
    .list1 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .list1 .tit {
        margin-top: 10px;
    }
    .index03_swiper .item {
        /*padding: 15px;*/
        /* padding: 15% 15px;*/
        padding: 100% 15px 0;
    }
    .index03_swiper .imgbox {
        padding-bottom: 50%;
    }
    .list2 .item {
        flex-wrap: wrap;
    }
    .list2 .imgbox {
        width: 100%;
    }
    .list2 .text_box {
        width: 100%;
        margin-top: 15px;
    }
    .list2 .base_btn {
        margin-top: 10px;
    }
    .list2 .ctit {
        margin-top: 10px;
    }
    .list2 .desc {
        margin-top: 10px;
    }
    .index02, .index03, .index04, .index05, .index07, .index08, .index09 {
        padding:15px 0;
    }
    .index07_swiper .base_btn {
        margin-top: 15px;
    }
     
    .index08_swiper .swiper_box {
        margin-left: 20px;
    }
    .index09_swiper .swiper-pagination {
        bottom: 10px;
    }
    .index09_swiper .more{
        margin-top: 10px;
    }
    .index09_swiper .swiper-pagination .swiper-pagination-bullet {
        width: 15px;
        margin: 0 5px !important;
    }
    .index09_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 30px;
    }
    .index01 .swiper-pagination {
        bottom: 10px;
    }
    .index01 .swiper-pagination .swiper-pagination-bullet {
        width: 15px;
        margin: 0 5px !important;
    }
    .index01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 30px;
    }
    
    .tabs_con1 .tabs{
        overflow-x: auto;
    }
    .tabs_con1 .tabs::before{
        opacity:0;
    }
    .tabs_con1 .tab {
        white-space: nowrap;
    }
}

/* 侧边 */
.sidebar{
    width: 75px;
    position: fixed;
    right: 30px;
    bottom: 10%;
    z-index: 1000;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.list3 .item{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-image: linear-gradient(to right, #86cdf3 , #36a1db);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
} 
.list3 .item img {
    width: 60%;
}
.list3 .item .ctit{
    position: absolute;
    right: 115%;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    white-space: nowrap;
    padding: 15px 20px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    display: none;
}
.list3 .item:hover .ctit{
    display: block;
}


.form .close{
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 10px;
    z-index: 10;
    cursor: pointer;
    padding-top: 2%;
}

.form .close:before,
.form .close:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    border-bottom: 1px solid #333;
}

.form .close:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.form .close:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.form2{
    position: absolute;
    width: 520px;
    right: 100%;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 30px 50px 30px;
}

.form2{
    bottom: 100%;
}
.form2 .form_tit{
    line-height: 1.27;
    color: #212324;
    
font-weight: 700;
}
.form2 .form_desc{
    color: #474b4f;
    line-height: 1.625;
    margin-top: 20px;
}
.form2 .form_list{
    margin-top: 20px;
}
.form2 .form_item{
    margin-bottom:20px;
}
.form2 .lable{
    color: #636466;
    line-height: 1.88;
}
.form2 .input{
    border: 1px solid #ebebeb;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    line-height: 50px;
    padding:0 20px;
}
.form2 .input select{
    width: 100%;
    height: 100%;
    border: none;
    color: #636466;
}
.form2 .input input{
    width: 100%;
    border: none;
    color: #333;
}
.form2 .input input::placeholder{
    color: #999999;
}
.form2 .input.select{
    position: relative;

}
.form2 .input.select::before{
    content: '';
    display: block;
    position: absolute;
    top: 41%;
    border-top: 1px solid #636466;
    border-right: 1px solid #636466;
    right: 18px;
    width: 6px;
    height: 6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}

.form2 .form_btn{
    margin: 40px auto 0;
    width: 180px;
    line-height: 50px;
    background-image: linear-gradient(to right, #87cdf3 , #35a0da);
    text-align: center;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}


@media (max-width: 1280px){
    .list3 .item {
        width: 40px;
        height: 40px;
    }
    .list3 .citem {
        width: 40px !important;
        height: 40px !important;
    }
    .sidebar {
        right: 20px;
        width: 40px;
    }
    .list3 .item img {
        width: 25px;
    }
    .form2 .input {
        line-height: 40px;
        padding: 0 15px;
    }
    .form2 .form_item {
        margin-bottom: 15px;
    }
    .form2 .form_btn {
        margin: 25px auto 0;
        line-height: 40px;
        width: 120px;
    }
}
@media (max-width: 768px){
     .form2 {
        width: 300px;
        padding: 15px 25px;
    }
    .list3 .item .ctit {
        font-size: 12px;
        padding: 10px 15px;
    }
    .form2 {
        bottom: 0;
    }
    .form .close {
        right: 5px;
    }
    .form2 .input {
        line-height: 30px;
        padding: 0 10px;
    }
    .form2 .input{
        margin-top: 5px;
    }
    .form2 .form_item {
        margin-bottom: 10px;
    }
    .form2 .form_btn {
        margin: 15px auto 0;
        width: 60px;
        line-height: 25px;
        font-size: 12px;
    }
    .showcountry {
        margin: 0 10px !important;!i;!;
    }
}

/* 产品列表页 */
.pro01{
      padding: 15px 0;
    position: sticky;
    background-color: #f5f5f5;
    z-index: 2;
}
.pro01_swiper{
    position: relative;
}
.pro01_swiper .item{
    text-align: center;
}
.pro01_swiper .imgbox{
    text-align: center;
    display: inline-block;
    box-shadow: 0 0 25px rgba(0,0,0,0.04);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.pro01_swiper .imgbox img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-height: 63%;
}

.pro01_swiper .imgbox {
    width: 75px;
    height: 75px;
    position: relative;
}
.pro01_swiper .swiper-slide{
    padding: .3% .3%;
}
.pro01_swiper .tit{
    line-height: 1.5;
    color: #052944;
    margin-top: 5px;
}
.pro01_swiper .swiper_btn{
    background-color: #f7f7fa;
    width: 50px;
    height: 50px;
}
.pro01_swiper .swiper_btn.prev{
    left: -5%;
    background-image: url(../images/icon12.png);
}
.pro01_swiper .swiper_btn.next{
    right: -5%;
    background-image: url(../images/icon13.png);
}
.pro01_swiper .swiper_btn.prev:hover{
    background-image: url(../images/icon09.png);
}
.pro01_swiper .swiper_btn.next:hover{
    background-image: url(../images/icon10.png);
}

.pro02{
    background-color: #f5f5f5;
    padding: 70px 0 80px;
}
.pro02 .pro_tit{
    text-align: center;
    padding-bottom: 65px;
    border-bottom: 1px solid #d9d9d9;
    
font-weight: 700;
}
.pro02 .main{
    display: flex;
    padding-top: 60px;
}
.pro02 .main .left{
    width: 18%;
    padding-right: 4%;
    min-width: 160px;
}
.pro02 .main .right{
    flex: 1;
}

.scalp .scalp_item{
    margin-bottom: 40px;
}
.scalp .scalp_item .scalp_tit{
    color: #052944;
    
font-weight: 700;
}
.scalp .scap_list{
    margin-top: 15px;
}
.scap_list .scap_item{
    position: relative;
    padding-left: 25px;
    color: #636466;
    line-height: 1.2;
    margin-bottom: 15px;
    cursor: pointer;
    display: block;
    
font-weight: 500;
}
.scap_list1 .scap_item .act{
    width: 16px;
    height: 16px;
    border: 1px solid #868687;
    position: absolute;
    left: 0;
    top: -1px;
}
.scap_list1 .scap_item.cur .act{
    background-color: #1e94d4;
    border-color: #1e94d4;
}
.scap_list1 .scap_item.cur .act::before{
    content: '';
    display: block;
    position: absolute;
    top: 26%;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    right: 3px;
    width: 8px;
    height: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.scap_list2 .scap_item .act{
    width: 16px;
    height: 16px;
    border: 1px solid #eaeaeb;
    position: absolute;
    left: 0;
    top: -1px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.scap_list2 .scap_item.cur .act{
    border-color: #000;
}
.scap_list2 .scap_item.cur .act .span{
    width: 50%;
    height: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background-color: #000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.pro02 .list5{
    margin-bottom: 50px;
}
.list5{
    display: flex;
    flex-wrap: wrap;
}
.list5 .item{
    /*box-shadow: 0 0 25px rgba(0,0,0,0.1);*/
    width: 23.875%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #ffffff;
    margin-bottom: 1.5%;
    /*overflow: hidden;*/
}
.list5 .item:not(:nth-child(4n+1)){
    margin-left: 1.5%;
}
.list5 .imgbox{
    padding-bottom: 99%;
    position: relative;
    background-color: #fff;
    border-bottom: 2px solid #e1e1e1;
}
.list5 .imgbox img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 70%;
}
.list5 .item .text_box{
    text-align: center;
    padding:15px 20px 30px; 
}
.list5 .price{
    
font-weight: 700;
    display: flex;
    align-items: flex-end;
    margin-top: 40px;
    text-align: left;
}
.list5 .base_btn .span{
    line-height: 35px;
}

.list5 .price .span{
    color: #129fdb;
    line-height: 1;
}
.list5 .price .old {
    margin-left: 10px;
    color: #a3a3a3;
    text-decoration: line-through;
    
font-weight: 500;
}
.list5 .desc{
    line-height: 1.44;
    color: #000;
    text-align: left;
    margin-top: 10px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 40px;
    
font-weight: 500;
    
font-weight: 700;
}
.list5 .base_btn{
    display: none;
    margin-top: 20px;
}
.list5 .item:hover .base_btn{
    display: block;    
}
.list5 .item:hover .price{
    display: none;
}





@media (max-width: 1459px){
    .pro01_swiper .swiper_btn{
        width: 45px;
        height: 45px;
    }
    .pro01_swiper .swiper_btn.prev{
        left: 0;
    }
    .pro01_swiper .swiper_btn.next{
        right: 0;
    }
    .pro02{
        padding: 45px 0;
    } 
    .pro02 .pro_tit{
        padding-bottom: 35px;
    }
} 
@media (max-width: 1024px){
    .list5 .item .text_box {
        padding: 15px 10px;
    }
    .list5 .item {
        width: 32.33%;
    }
    .list5 .item:not(:nth-child(4n+1)) {
        margin-left: 0;
    }
    .list5 .item:not(:nth-child(3n+1)) {
        margin-left: 1.5%;
    }
     .pro02 .pro_tit{
        padding-bottom: 15px;
    }
    .list5 .desc {
        height: 35px;
    }
}
@media (max-width: 768px){
    .pro02{
        padding: 25px 0;
    } 
    .pro01_swiper .swiper_btn{
        width: 30px;
        height: 30px;
    }
    .pro02{
        padding: 15px 0;
    }
    .list5 .item {
        width: 49%;
        margin-bottom: 2%;
    }
    .list5 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .list5 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .pro02 .list5 {
        margin-bottom: 20px;
    }
    .pro01{
        padding: 15px 0;
    }
    .pro01_swiper .imgbox {
        width: 75px;
        height: 75px;
    }
   
}
@media (max-width: 640px){
    .pro02 .main {
        flex-wrap: wrap;
    }
    .pro02 .main .left {
        width: 100%;
    }
    .scalp {
        display: flex;
        flex-wrap: wrap;
    }
    .scalp .scalp_item {
        width: 50%;
        margin-bottom: 15px;
    }
    
}
/* 产品详情 */
.proinfo01{
    padding: 80px 0 90px;
    background-color: #f5f5f5;
}
.box_pro{
    display: flex;
    justify-content: space-between;
}
.box_pro .box_pro_l{
     width: 57.5%;
}
.box_pro .box_fixed{
     position: sticky;
    top: 120px;
}
.box_pro .box_pro_r{
     width: 35%;
}
.box1{
    display: flex;
    justify-content: space-between;
}
.box1 .left{
    height: 630px;
}
.box1 .left,
.box2 .left{
    width: 100%;
    /*width: 57.5%;*/
}
.box1 .left{
    display: flex;
}
.box1 .right,
.box2 .right{
    width: 35%;
    /* display: flex;
    flex-direction: column;
    justify-content: space-between; */
}

.pro_tab1{
    width: 100px;
    min-width: 100px;
    padding: 25px 0;
    position: relative;
}
.pro_tab1 .item{
    cursor: pointer;
}
.pro_tab1 .imgbox{
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}
.pro_tab1 .imgbox img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 70%;
}
.pro_tab2{
    width: calc(100% - 100px);
    padding-left: 30px;
}
.pro_tab1,
.pro_tab1 .swiper-container{
    height: 100%;
}
.pro_tab2,
.pro_tab2 .swiper-container{
    height: 100%;
}
.pro_tab1 .swiper_btn{
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    cursor: pointer;
    z-index: 2;
}
.pro_tab1 .swiper_btn:hover::before{
    border-color: #02b8f4;
}
.pro_tab1 .swiper_btn.prev{
    top: 0;
}
.pro_tab1 .swiper_btn.prev::before{
    content: '';
    display: block;
    position: absolute;
    top: 41%;
    border-bottom: 2px solid #acadaf;
    border-left: 2px solid #acadaf;
    right: 6px;
    width: 6px;
    height: 6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.pro_tab1 .swiper_btn.next{
    bottom: 7px;
}
.pro_tab1 .swiper_btn.next::before{
    content: '';
    display: block;
    position: absolute;
    top: 25%;
    border-bottom: 2px solid #acadaf;
    border-left: 2px solid #acadaf;
    right: 6px;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}



.pro_tab2 .imgbox{
    background-color: #fff;
    height: 100%;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.pro_tab2 .imgbox img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 80%;
}
.pro_box .ctit{
    color: #1e94d4;
    line-height: 1.44;
    
font-weight: 700;
}
.pro_box .tit{
    
font-weight: 700;
    margin: 20px 0;
}
.pro_box .price{
    display: flex;
    align-items: flex-end;
    
font-weight: 700;
    color: #1e94d4;
    line-height: .8;
    margin-top: 15px;
}
.pro_box .old{
    color: #636466;
    line-height: 1;
    margin-left: 15px;
    text-decoration: line-through;
}
.pro_box .num_box{
    display: flex;
    align-items: center;
    margin-top: 25px;
}
.pro_box .num_imgs{
    display: flex;
    align-items: center;
}
.pro_box .num_imgs .img{
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
}
.pro_box .num_imgs .img:not(:first-child){
    margin-left: 5px;
}
.pro_box .num_tit{
    color: #636466;
    margin-left: 15px;
}
.pro_box .desc{
    color: #636466;
    line-height: 1.44;
    margin-top: 30px;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 15px;
}
.pro_box .desc::before{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 105%;
    background-color: #ededed;
    height: 1px;
}
.color_box{
    display: flex;
    margin: 20px 0 35px;
}
.color_box .colors{
    margin-left: 20px;
    display: flex;
    flex-wrap: wrap;
}
.color_box .color{
    padding-left: 33px;
    position: relative;
}
.color_box .color:not(:first-child){
    margin-left: 15px;
}
.color_box .color .act{
    width: 26px;
    height: 26px;
    /*background-image: linear-gradient(#e5e5e5, #919191);*/
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    left: 0;
    top: -4px;
    background-size: cover;
}
.color_box .color .act.cur{
    background-image: unset;
    border: 1px solid #2795d2;
}
.pro_box .types{
    display: flex;
    flex-wrap: wrap;
}
.pro_box .types .type:not(:nth-child(2n+1)){
    margin-left: 1%;
}
.pro_box .type{
    width:49%;
    padding: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    color: #636466;
    text-align: center;
    line-height: 1.444;
}
.pro_box .type.cur{
    border: 1px solid #1e94d4;
}
.proinfo_tit{
    color: #000000;
    font-weight: 700;
}
.number_box{
    display: flex;
    align-items: center;
    margin-top: 25px;
}
.number_box .add_box{
    display: flex;
    align-items: center;
}
.number_box .add,
.number_box .reduce{
    width: 50px;
    height: 50px;
    text-align: center;
    color: #636466;
    border: 1px solid #e5e5e5;   
    line-height: 50px; 
    background-color: #fff;
    cursor: pointer;
}
.number_box .add{
     border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -ms-border-radius: 0 10px 10px 0;
    -o-border-radius: 0 10px 10px 0;
}
.number_box .reduce{
    border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -ms-border-radius: 0 10px 10px 0;
    -o-border-radius: 0 10px 10px 0;
      border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -ms-border-radius: 10px 0 0 10px;
    -o-border-radius: 10px 0 0 10px;
}
.number_box .nums{
    width: 80px;
    background-color: #fff;
    height: 50px;
    border-top: 1px solid #e5e5e5;    
    border-bottom: 1px solid #e5e5e5;    
}
.number_box .nums input{
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
}
.pro_box .base_btn{
    width: 100%;
    text-align: center;
    margin-top: 40px;
}


.box2{
    display: flex;
    align-items: center;
    margin-top: 45px;
    justify-content: space-between;
}
.box2 .box2_tit{
    
font-weight: 700;
}
.box2 .pro_tab3{
    margin-top: 40px;
}
.box2 .imgbox{
    padding-bottom: 130px;
    position: relative;
}
.box2 .imgbox .collect{
    background-image: url(../images/icon14.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.box2 .imgbox .collect1{
    background-image: url(../images/icon15.svg);
}
.box2 .imgbox img{
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    max-height: 100%;
    max-width: 80%;
}
.box2 .item{
    padding: 30px 15px 25px;
    background-color: #fff;
}
.box2 .base_btn{
    margin-top: 30px;
    width: 100%;
    text-align: center;
}
.box2 .base_btn .span{
    line-height: 35px;
    padding: 0 15px;
}


.box2 .price{
    display: flex;
    align-items: flex-end;
    
font-weight: 700;
    color: #1e94d4;
    line-height: .8;
    margin-top: 15px;
}
.box2 .old{
    color: #636466;
    line-height: 1;
    margin-left: 15px;
    text-decoration: line-through;
}
.box2 .box2_desc1{
    margin: 15px 0;
    line-height: 1.571;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.box2 .num_box{
    display: flex;
    align-items: center;
}
.box2 .num_tit{
    color: #636466;
    margin-left: 10px;
}
.box2 .num_box .num_imgs{
    display: flex;
    align-items: center;
}
.box2 .num_imgs .img {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
}
.box2 .num_imgs .img:not(:first-child) {
    margin-left: 5px;
}
.box2 .box2_item{
    margin-bottom: 20px;
    display: flex;
}
.box2 .box2_item .box2_desc{
    color: #636466;
    margin-left: 20px;
}
.box2 .proinfo_tit{
    width: 95px;
    min-width: 95px;
}
.proinfo02{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /*padding: 10% 0 19%;*/
}
.proinfo02 .proinfo_ding img{
    width: 100%;
}
.proinfo02 .ding_box{
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    width:100%;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.proinfo02 .text_box{
    max-width: 640px;
}

.proinfo02 .tit{
    color: #fff;
    line-height: 1.5;
    
font-weight: 700;
}
.proinfo02 .ctit{
    color: #fff;
    line-height: 1.5;
    margin-top: 30px;
}



.proinfo03{
    padding: 130px 0;
}
.proinfo03 .title{
    text-align: center;
    line-height: 1.3;
    
font-weight: 700;
}
.proinfo03 .imgbox{
    position: relative;
    margin-top: 50px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.proinfo03 .video_box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.proinfo03 .video_box video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.proinfo03 .video_btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background-image: url(../images/icon16.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 3;
    width: 50px;
    height:50px;
    cursor: pointer;
}


.tabs1{
    position: absolute;
    top: 10%; 
    z-index: 2;
    width: 100%;
}
.tabs1 .tab{
    color: #000000;
    line-height:1.7;
    text-transform: uppercase;
    background-color: #f6f6f6;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    padding: 0 45px;
    line-height: 50px;
    cursor: pointer;
    
font-weight: 700;
    white-space: nowrap;
    min-width: 220px;
    text-align: center;
}
.tabs1 .tab:not(:first-child){
    margin-top: 25px;
}
.tabs1 .tab.cur{
    background-color: transparent;
    background-image: linear-gradient(to right, #87cdf3 , #35a0da);
    color: #fff;
}
.proinfo04 .main{
    position: relative;
}
.proinfo04_swiper{
    position: relative;
}
.proinfo04_swiper .text_box{
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    color: #fff;   
    width: 100%;
}
.proinfo04_swiper .item{
    position: relative;
}
.proinfo04_swiper .ptit{
    line-height: 1.3;
}
.proinfo04_swiper .desc{
    line-height: 1.6;
    margin: 25px 0 20px;
    
font-weight: 700;
}
.proinfo04_swiper .pcdesc{
    line-height: 1.3;
}



.proinfo05{
    padding: 130px 0 110px;
}
.proinfo05 .title{
    text-align: center;
    
font-weight: 700;
    line-height: 1.5;
}
.proinfo05 .desc{
    color: #636466;
    line-height: 1.5;
    text-align: center;
}
.proinfo05 .box3{
    margin-top: 55px;
}
.box3{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box3 .left{
    width: 28%;
}
.box3 .right{
    width: 67.3%;
}
.box3 .imgbox{
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.box3 .mah{
    display: flex;
    align-items: flex-end;
    
font-weight: 700;
}
.box3 .span{
    line-height: .8;
}
.box3 .charges{
    display: flex;
    flex-wrap: wrap;
}
.box3 .charges .charge_item{
    width: 49%;
    margin-top: 80px;
}
.box3 .charges .charge_item:not(:nth-child(2n+1)){
    margin-left: 2%;
}
.box3 .charge{
    display: flex;
    align-items: flex-end;
    
font-weight: 700;
}
.box3 .charge_tit{
    
font-weight: 700;
    margin-top: 5px;
}
.box3 .dop{
    
    margin-left: 5px;
}

.proinfo06 .title{
    text-align: center;
    line-height: 1.3;
    color: #000000;   
    
font-weight: 700; 
}
.proinfo06 .imgbox{
    margin-top: 50px;
}

.proinfo07{
    padding: 130px 0 100px;
}
.list6{
    display: flex;
    flex-wrap: wrap;
}
.list6 .item{
    position: relative;
    margin-bottom: 1.3%;
}
.list6 .imgbox,
.list7 .imgbox{
    padding-bottom: 610px;
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.list6 .imgbox::before,
.list7 .imgbox::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(transparent 70%, #332b29);
    z-index: 2;
}
.list6 .imgbox img,
.list7 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list6 .item .tit,
.list7 .item .tit{
    position: absolute;
    left: 50px;
    bottom: 50px;
    color: #ffffff;
    z-index: 3;
}
.list6 .item:nth-child(4n+1),
.list6 .item:nth-child(4n+4){
    width: 41.6%;
}
.list6 .item:nth-child(4n+2),
.list6 .item:nth-child(4n+3){
    width: 57.1%;
}
.list6 .item:nth-child(4n+2){
    margin-left: 1.3%;
}
.list6 .item:nth-child(4n+4){
    margin-left: 1.3%;
}

.list7{
    display: flex;
    flex-wrap: wrap;
}
.list7 .item{
    position: relative;
    margin-bottom: 1.3%;
    width: 49.35%;
}
.list7 .item:not(:nth-child(2n+1)){
    margin-left: 1.3%;
}
.proinfo08{
    padding: 0 0 60px;
}
.list8 .item{
    display: flex;
    margin-bottom: 8px;
    align-items: center;
}
.list8 .left{
    width: 50%;
}
.list8 .right{
    width: 50%;
}
.list8 .right .imgbox{
    width: 100%;
}
.list8 .right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list8 .tit{
    line-height: 1.3;
    color: #212324;
    
font-weight: 700;
}
.list8 .desc{
    margin-top: 40px;
    line-height: 1.444;
}
.list8 .item:nth-child(2n){
    flex-direction: row-reverse;
}
.list8 .item:nth-child(2n) .left{
    padding-left: 5%;
}
.list8 .item:nth-child(2n+1) .left{
    padding-right: 5%;
}

.proinfo09{
    padding: 60px  0 60px;
}
.proinfo09 .title{
    text-align: center;
    color: #000;
    
font-weight: 700;
}
.proinfo09 .main{
    margin-top: 60px;
    border: 1px solid #e8e7e7;
}
.table1 .capt_box{
    padding: 50px 0 40px;
}
.table1 .imgbox{
    padding-bottom: 75%;
    position: relative;
}
.table1 .imgbox img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
}

.table1 thead td:first-child,
.table1 tbody td:first-child{
    width: 205px;
    padding-left: 15px;
    
font-weight: 700;
}
.table1 thead td:not(:first-child),
.table1 tbody td:not(:first-child){
    padding-left: 55px;
}
.table1 thead tr td:last-child,
.table1 tbody tr td:last-child{
    padding-right: 55px;
}
.table1 .desc{
    line-height:1.625;
    margin: 20px 0;
}

.table1 .num_imgs{
    display: flex;
    align-items: center;
}
.table1 .num_imgs .img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}
.table1 .num_imgs .img:not(:first-child) {
    margin-left: 5px;
}
.table1 tbody tr{
    height: 65px;
    border: 1px solid #ebeaea;
}
.table1 tbody tr:nth-child(2n+1){
    background-color: #f5f5f5;    
}
.table1 tbody td:not(:first-child){
    font-size: 18px;
}
.table1 tbody tr:nth-child(2) td:not(:first-child){
    
font-weight: 700;
    font-size: 24px;
}

.proinfo10{
    padding: 60px 0 140px;
}

.proinfo10 .title{
    text-align: center;
    
font-weight: 700;
    line-height: 1.2;
}
.proinfo10 .list9{
    margin-top: 55px;
}
.list9 .item{
    border-top: 1px solid #eeeded;
    border-bottom: 1px solid #eeeded;
    cursor: pointer;
}
.list9 .q{
   padding: 30px 0;
   position: relative;
   padding-right: 45px;
}
.list9 .a{
    opacity: 0;
    overflow: hidden;
    height: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
 
}
.list9 .item.cur .a{
    height: auto;
    opacity: 1;
    padding-bottom: 15px;
    line-height: 1.5;
}
.list9 .q::before{
    content: '';
    display: block;
    position: absolute;
    top: 41%;
    border-bottom: 2px solid #b2b2b2;
    border-left: 2px solid #b2b2b2;
    right: 30px;
    width: 8px;
    height: 8px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.proinfo11{
    padding: 85px 0 0;
    background-color: #f5f5f5;
}
.proinfo11 .title{
    
font-weight: 700;
    line-height: 1.2;
}
.proinfo11 .main{
    margin-top: 50px;
}


.form3{
    background-color: #fff;
    border: 1px solid #eeeded;
    padding:45px 30px 30px;
}
.form3 .item{
    margin-bottom: 25px;
}
.form3 .item.textarea{
    height: 180px;
}
.form3 .item.textarea textarea{
    width: 100%;
    height: 100%;
    border: none;
    resize: none;
    font-family: 'Roboto';
}
.form3 .item.textarea textarea::placeholder{
    color: #636466;
}
.form3 .form_bot{
    display: flex;
    align-items: flex-end;
}
.form3 .left{
    flex: 1;
}
.form3 .imgs{
    display: flex;
    align-items: center;
}
.form3 .imgs .upimg{
    width: 110px;
    height: 110px;
    position: relative;
}
.form3 .imgs .upimg img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.form3 .imgs .upimg:not(:first-child){
    margin-left: 15px;
}
.form3 .imgs .add_img{
    border: 1px dashed #e8e7e7;
    width: 108px;
    height: 108px;
    margin-left: 15px;
    position: relative;
}
.form3 .imgs .add_img input{
    width: 100%;
    height: 100%;
    opacity: 0;
}
.form3 .imgs .add_img::before{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 20px;
    height: 2px;
    background-color: #d9d9da;
}
.form3 .imgs .add_img::after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width:2px;
    height: 20px;
    background-color: #d9d9da;
}
.form3 .scores{
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.form3 .score_tit{
    color: #000000;
    
font-weight: 700;
}
.form3 .base_btn .span{
    font-size: 16px;
}


.form3 .num_imgs{
    display: flex;
    align-items: center;
    margin-left: 20px;

}
.form3 .num_imgs .img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.form3 .num_imgs .img:not(:first-child) {
    margin-left: 5px;
}

.proinfo12{
    padding: 55px 0 20px;
    background-color: #f5f5f5;
}
.list10 .item{
    margin-bottom: 55px;
    display: flex;
}
.list10 .left{
    width: 100px;
    min-width: 100px;
}
.list10 .left .imgbox{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    text-align: center;
    width: 90px;
    height: 90px;
    margin: 0 auto;
}
.list10 .left  .name{
    margin-top: 20px;
    text-align: center;
    color: #636466;
}
.list10 .right{
    flex: 1;
    margin-left: 45px;
}
.list10 .capt{
    display: flex;
    align-items: center;
}
.list10 .num_imgs{
    display: flex;
    align-items: center;
}
.list10 .num_imgs .img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.list10 .num_imgs .img:not(:first-child) {
    margin-left: 5px;
}
.list10 .capt_tit {
    color: #000000;
    font-weight: 700;
    margin-left: 15px;
}
.list10 .desc{
    margin: 15px 0 25px;
    color: #636466;
    line-height: 1.444;
}
.list10 .editor{
    color: #636466;
    line-height: 1.444;
}
.list10 .press_imgs{
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.list10 .press_imgs .img{
    width: 100px;
    height: 100px;
}
.list10 .press_imgs img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list10 .press_imgs .img:not(:first-child){
    margin-left: 15px;
}


@media (max-width: 1459px){
    .box1 .left{
        height: 500px;
    }
    .pro_tab1 {
        width: 80px;
        min-width: 80px;
    }
    .box1 .right, .box2 .right {
        width: 45%;
    }
    
    .pro_box .type {
        padding: 10px;
    }
    
    .color_box {
        margin: 20px 0;
    }
    
   
    .box2 .add_cart {
        padding: 5px 20px;
        margin-top: 20px;
    }
    
    .proinfo01 {
        padding: 50px 0;
    }
    
    .proinfo03,.proinfo05,.proinfo07{
        padding: 70px 0;
    }
    
    .proinfo03 .video_btn {
        width: 40px;
        height: 40px;
    }
    
    .tabs1 .tab {
        padding: 0 30px;
        line-height: 40px;
    }
    
    
    .box3 .charges .charge_item {
        margin-top: 30px;
    }
    
    .proinfo08 {
        padding-bottom: 40px;
    }
    
    .table1 .capt_box {
        padding: 30px 0;
    }
    
    .proinfo09 {
        padding: 50px 0;
    }
    
    .proinfo10 {
        padding: 30px 0 60px;
    }
    
    .list9 .q {
        padding: 20px 0;
        padding-right: 45px;
    }
    
    .proinfo11 {
        padding: 50px 0 0;
    }
}
@media (max-width: 1024px){
    .box1 .left {
        height: 400px;
    }
    .pro_tab1 {
        width: 60px;
        min-width: 60px;
    }
    .number_box .add, .number_box .reduce {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    
    .number_box .nums {
        height: 30px;
        width: 60px;
    }
    
    .color_box .color .act {
        width: 20px;
        top: -1px;
        height: 20px;
    }
    
    
    .box2 .add_cart {
        padding: 2px 12px;
    }
    
    .box2 .box2_item .box2_desc {
        margin-left: 15px;
    }
    
    .proinfo03, .proinfo05, .proinfo07 {
        padding: 50px 0;
    }
    
    .table1 thead td:not(:first-child), .table1 tbody td:not(:first-child) {
        padding-left: 15px;
    }
    
    .table1 thead tr td:last-child, .table1 tbody tr td:last-child {
        padding-right: 15px;
    }
    
    .proinfo09 {
        padding: 30px 0;
    }
    
    .proinfo10 .list9 {
        margin-top: 20px;
    }
    
    .proinfo11 .main {
        margin-top: 20px;
    }
  
    .tabs1 .tab {
        padding: 0 20px;
    }
    .tabs1 .tab:not(:first-child){
        margin-top: 10px;
    }
}
@media (max-width: 850px){
    .proinfo09 .main {
        overflow-x: auto;
    }
    
    .proinfo09 .main .table1 {
        width: 150%;
    }
    
    .tabs1 .tab {
        padding: 0 10px;
        line-height: 40px;
    }
    
    .proinfo03 .video_btn {
        width: 35px;
        height: 35px;
    }
    
    .box_pro{
        flex-wrap: wrap;
    }
    
    .box_pro .box_pro_l {
        width: 100%;
    }
    .box_pro .box_pro_r{
         width: 100%;
        margin-top: 20px;
    }
    
    .box2 .pro_tab3 {
        margin-top: 20px;
    }
    
    .box2 {
        margin-top: 20px;
    }
    
    .proinfo03, .proinfo05, .proinfo07 {
        padding: 20px 0;
    }
    
    .proinfo03 .imgbox {
        margin-top: 20px;
    }
    .tabs1 .tab{
        line-height: 35px;
    }
    .proinfo06 .imgbox {
        margin-top: 20px;
    }
    .proinfo09 .main {
        margin-top: 20px;
    }
    .proinfo10,
    .proinfo11{
        padding: 20px 0;
    }
    .form3 .item.textarea {
        height: 100px;
    }
    .form3 {
        padding: 25px;
    }
    .form3 .imgs .upimg {
        width: 50px;
        height: 50px;
    }
    
    .form3 .imgs .add_img {
        width: 48px;
        height: 48px;
    }
   
    .proinfo12 {
        padding: 20px 0;
    }
    
    .list10 .item {
        margin-bottom: 30px;
    }
    .list10 .press_imgs{
        flex-wrap: wrap;
    }
}
@media (max-width: 640px){
    .proinfo04_swiper .desc {
        font-size: 14px;
        margin: 5px 0;
    }
    
    .proinfo04_swiper .pcdesc {
        font-size: 12px;
    }
    
    .proinfo04_swiper .text_box {
        top: 60%;
        text-align: center;
    }
    
    .proinfo04_swiper .ptit {
        font-size: 12px;
    }
    .list10 .item {
        flex-wrap: wrap;
    }
    
    .list10 .right {
        flex: unset;
        width: 100%;
        margin: 15px 0 0;
    }
    
    .list10 .left .imgbox {
        width: 70px;
        height: 70px;
    }
    
    .list10 .left .name {
        margin-top: 10px;
    }
    
    .list10 .press_imgs .img {
        width: 70px;
        height: 70px;
    }
    
    .form3 .form_bot {
        flex-wrap: wrap;
    }
    
 
    
    .form3 .scores {
        margin-top: 10px;
    }
    
    .form3 .item.textarea {
        height: 60px;
    }
    
    .list9 .q::before {
        right: 4px;
        top: 28%;
    }
    
    .list9 .q {
        padding: 10px 0;
        padding-right: 25px;
    }
    
    .proinfo09 .main .table1 {
        width: 800px;
    }
    
    .table1 tbody tr:nth-child(2) td:not(:first-child) {
        font-size: 20px;
    }
    
    .table1 thead td:first-child, .table1 tbody td:first-child {
        font-size: 14px;
    }
    
    .table1 tbody tr {
        height: 55px;
    }
    
    .table1 thead td:not(:first-child), .table1 tbody td:not(:first-child) {
        font-size: 14px;
    }
    
    .list8 .desc {
        margin-top: 20px;
    }
    
    .list8 .item {
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    
    .list8 .item:nth-child(2n+1) .left {
        padding-right: 0;
    }
    
    .list8 .left {
        width: 100%;
    }
    
    .list8 .right {
        width: 100%;
        margin-top: 15px;
    }
    
    .list8 .item:nth-child(2n) .left {
        padding-left: 0;
    }
    
    .box3 {
        flex-wrap: wrap;
    }
    
    .proinfo05 .box3 {
        margin-top: 20px;
    }
    
    .box3 .left {
        width: 100%;
    }
    
    .box3 .right {
        width: 100%;
        margin-top: 20px;
    }
    
    .box3 .charges .charge_item {
        margin-top: 20px;
    }
    
    .tabs1 .tab {
        line-height: 25px;
    }
    
    
    .box2 .box2_item {
        flex-wrap: wrap;
    }
    
    .box2 .box2_item .box2_desc {
        margin: 15px 0 0;
        font-size: 14px;
    }
    
    .box2 .item {
        padding: 15px;
    }
    
    .pro_tab2 {
        width: calc(100% - 60px);
    }
    .box1 .left {
        height: 250px;
    }
    .proinfo01 {
        padding: 20px 0;
    }
    .proinfo02 .ding_box {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
    }
    .proinfo02 .ding_box .tit,
    .proinfo02 .ding_box .ctit{
        color: #333;
        margin:5px 0;
    }
    .proinfo02 .ctit{
        margin-top:15px;
    }
}
/* 云储存 */
.cloud01{
    padding: 60px 0 50px;
}
.cloud01 .imgbox{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.cloud01 .text_box{
    position: absolute;
    width: 100%;
    left: 0;
    top: 20%;
    padding-left: 38%;
}
.cloud01 .main{
    max-width: 490px;
}
.cloud01 .tit{
    color: #000000;
}
.cloud01 .ctit{
    color: #000000;
    line-height: 1.888;
}
.cloud01 .base_btn{
    margin-top: 55px;
}

.cloud02{
    padding: 60px 0 ;
}
.cloud02 .title{
    text-align: center;
    line-height: 1.3;
    
font-weight: 700;
}
.cloud02 .desc{
    text-align: center;
    line-height: 1.4;
    color: #636466;
    margin-top: 15px;
}
.cloud02 .imgbox{
    position: relative;
    margin-top: 50px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.cloud02 .video_box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.cloud02 .video_box video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cloud02 .video_btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background-image: url(../images/icon16.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 3;
    width: 100px;
    height: 100px;
    cursor: pointer;
}
.cloud03{
    padding: 60px 0;
}
.cloud03 .title{
    text-align: center;
    line-height: 1.3;
    
font-weight: 700;
}
.cloud03 .desc{
    text-align: center;
    line-height: 1.66;
    color: #636466;
    margin-top: 15px;
}
.cloud03 .list11{
    margin-top: 60px;
}
.list11{
    display: flex;
    flex-wrap: wrap;
}
.list11 .item{
    width: 31.66%;
    text-align: center;
}
.list11 .item:not(:nth-child(3n+1)){
    margin-left: 2.5%;
}
.list11 .imgbox{
    overflow: hidden;
    border-radius: 20px;
}
.list11 .tit{
    
font-weight: 700;
}
.list11 .ctit{
    margin-top: 10px;
    line-height: 1.625;
}
.list11 .text_box{
    margin-top: 45px;
}
.cloud04{
    padding-bottom: 100px;
}
.cloud04 .title{
    text-align: center;
    line-height: 1.3;
    
font-weight: 700;
}
.cloud04 .desc{
    text-align: center;
    line-height: 1.66;
    color: #636466;
    margin-top: 15px;
}
.cloud04 .box4{
    margin-top: 65px;
}
.box4{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box4 .imgbox{
    border-radius: 30px;
    overflow: hidden;
}
.box4 .left{
    width: 59.7%;
}
.box4 .right{
    width: 30%;
}
.box4 .list12{
    max-width: 450px;
}
.list12 .item:not(:first-child){
   margin-top: 60px; 
}
.list12 .tit{
    color: #212324;
    line-height: 1.36;
    font-weight: 500;
}
.list12 .editor{
    line-height: 1.625;
    margin-top: 15px;
}
.cloud05{
    background-color: #f5f5f5;
    padding: 100px 0;
}
.cloud05 .cloud05_box{
    display: flex;
}
.cloud05 .left{
    width: 32%;
    padding-right: 2%;
    padding-top: 4%;
}
.cloud05 .right{
    width: 68%;
    padding-right: 2%;
}
.cloud05 .title{
    color: #000000;
    
font-weight: 700;
}
.cloud05 .desc{
    color: #636466;
    line-height: 1.666;
    margin: 15px 0;
}
.cloud05 .editor{
    color: #636466;
    line-height: 1.666;
    margin-top: 20px;
}
.cloud05 .base_btn{
    margin-top: 80px;
}
.cloud05 .imgbox{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}

.cloud06{
    padding: 80px 0 ;
}
.cloud06 .title{
    text-align: center;
    line-height: 1.3;
    
font-weight: 700;
}
.cloud06 .cloud06_swiper{
    margin-top: 70px;
}

.cloud06_swiper .swiper-slide{
    height: auto;
}
.cloud06 .item{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.cloud06 .imgbox{
    border-radius: 20px ;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px ;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
}
.cloud06 .imgbox img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cloud06 .text_box{
    padding: 7% 6%;
    flex: 1;
    background-color: #f5f5f5;
}
.cloud06 .tit{
    color: #212324;
    line-height: 1.36;
    
font-weight: 700;
}
.cloud06 .ctit{
    color: #636466;
    line-height: 1.625;
    margin-top: 15px;
}
.cloud07{
    padding: 120px 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.cloud07 .title{
    text-align: center;
    color: #000000;
    
font-weight: 700;
}
.cloud07 .desc{
    line-height: 1.888;
    text-align: center;
    color: #636466;
    margin-top: 10px;
}
.cloud07 .main{
    max-width: 620px;
    margin: 0 auto;
    width: 100%;
}
.cloud07 .base_btn{
    width: 100%;
    text-align: center;
}
.list13{
    display: flex;
    justify-content: center;
}
.list13 .item{
    width: 48.5%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 20px 15px 25px;
    background-color: #ffffff;
    text-align: center;
}
.list13 .item:not(:nth-child(2n+1)){
    margin-left: 3%;
}
.list13 .lable{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #d2d6de;
    display: inline-block;
    position: relative;
}
.list13 .lable::before{
    width: 50%;
    height: 50%;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background-color: #1a98ff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    opacity: 0;
}
.list13 .item.cur .lable::before{
    opacity: 1;
}
.list13 .tit{
    
font-weight: 700;
    color: #212324;
    line-height: 1.2;
    margin: 20px 0 30px;
}
.list13 .price{
    color: #212324;
    
font-weight: 700;
    line-height: 1.2;
}
.list13 .desc{
    color: #636466;
    line-height: 1.2;
    margin-top: 10px;
}
.cloud07 .list13{
    margin-top: 70px;
}
.cloud07 .base_btn{
    margin-top: 40px;
}
@media (min-width: 1920px) {
   .cloud08{
        min-height: 610px;
    } 
}
@media (max-width: 1920px) {
   .cloud08{
       min-height: 460px;
    } 
}
.cloud08{
    padding: 140px 0 138px;
    background-size: cover;
    background-repeat: no-repeat;
   
    display: flex;
    align-items: center;
}
.cloud08 .main{
    width: 100%;
    max-width: 560px;
}
.cloud08 .title{
    color: #ffffff;    
    line-height: 1.3;
    
font-weight: 700;
}
.cloud08 .input{
    background-color: #d5d6d6;
    border-radius: 27.5px;
    -webkit-border-radius: 27.5px;
    -moz-border-radius: 27.5px;
    -ms-border-radius: 27.5px;
    -o-border-radius: 27.5px;
    height: 55px;
    padding-left: 35px;
    margin-top: 25px;
    overflow: hidden;
}
.form4 input:-webkit-autofill {
 box-shadow: 0 0 0px 1000px #d5d6d6 inset !important;
}  
.form4 input:-webkit-autofill:focus {
 box-shadow: 0 0 0px 1000px #d5d6d6 inset !important;
}  
.form4 input{
    border: none;
    width: 100%;
    background-color: transparent;
    height: 100%;
    color: #212324;
}
.cloud08 .tishi{
    color: #ffffff;
    line-height: 1.66;
    margin-top: 25px;
}


@media (max-width: 1459px){
    .cloud01 {
        padding: 70px 0 40px;
    }
    .cloud02 {
        padding:25px 0;
    }
    .cloud02 .video_btn {width: 60px;height: 60px;}
    .cloud03 {
        padding: 25px 0 50px;
    }
    .cloud05 {
        padding: 70px 20px;
    }
    .cloud04{
        padding-bottom: 70px;
    }
    .cloud06 {
        padding: 70px 0;
    }
    .cloud06 .text_box {
        padding: 25px 20px;
    }
    .cloud07 {
        padding: 70px 0;
    }
    .cloud08 {
        padding: 70px 0;
    }
   .list12 .item:not(:first-child){
       margin-top: 40px; 
    }
    .cloud06 .cloud06_swiper {
        margin-top: 40px;
    }
    .cloud07 .list13 {
        margin-top: 40px;
    }
    .cloud03 .list11{
        margin-top: 40px;
    }
}
@media (max-width: 1280px){
    .cloud02 .video_btn{
        width: 45px;
        height: 45px;
    }
    .list11 .imgbox img {
        width: 60%;
    }
    .list12 .item:not(:first-child){
       margin-top: 20px; 
    }
    .cloud04 .box4{
        margin-top: 25px;
    }
    .cloud06 .cloud06_swiper {
        margin-top: 20px;
    }
    .cloud07 .list13 {
        margin-top: 20px;
    }
    .cloud03 .list11{
        margin-top: 20px;
    }
    .cloud05 .base_btn{
        margin-top: 40px;
    }
}
@media (max-width: 768px){
    .cloud06,
    .cloud07,
    .cloud08,
    .cloud03,
    .cloud02,
    .cloud01{
        padding: 20px 0;
    }
    .cloud05{
        padding: 20px 15px;
    }
    .cloud04{
        padding-bottom: 20px;
    }
    .list12 .item:not(:first-child){
       margin-top: 15px; 
    }
    .box4 {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    
    .box4 .left {
        width: 100%;
        margin-top: 15px;
    }
    
    .box4 .right {
        width: 100%;
    }
    
    .box4 .list12 {
        width: 100%;
        max-width: 100%;
    }
    .cloud01 .base_btn {
        margin-top:25px;
    }
    .cloud02 .imgbox{
        margin-top: 20px;
    }
    .list11 .text_box {
        margin-top: 25px;
    }
    .cloud05 .base_btn{
        margin-top: 30px;
    }
    .cloud08{
        min-height: auto;
    }
}
@media (max-width: 640px){
    .cloud02 .video_btn{
        width: 35px;
        height: 35px;
    }
    .cloud01 .base_btn {
        margin-top: 15px;
    }
    .cloud01 .text_box {
        padding-left: 5%;
        width: 95%;
    }
    
    .cloud01 .base_btn {
        margin-top: 15px;
    }
    
    .list11 {flex-wrap: wrap;}
    
    .list11 .item {
        width: 49%;
    }
    
    .list11 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    
    .list11 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    
    .list11 .text_box {
        margin-top: 15px;
    }
    .cloud05 .cloud05_box{
        flex-wrap: wrap;
    }
    
    .cloud05 .left {
        width: 100%;
        padding: 0;
    }
    
    .cloud05 .right {
        width: 100%;
        margin-top: 15px;
    }
    
    .cloud05 .base_btn {
        margin-top: 20px;
    }
    
    .list13 .lable {
        width: 25px;
        height: 25px;
    }
    
    .list13 .tit {
        margin: 15px 0;
    }
    
    .cloud07 .base_btn {width: fit-content;margin: 20px auto 0;display: block;}
    
    .cloud08 .input {
        height: 40px;
        padding-left: 15px;
        margin-top: 15px;
    }
    
    .cloud08 .tishi {
        margin-top: 15px;
    }
}

/* 支持问答 */
.sport01{
    padding: 150px 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.sport01 .title{
    color: #000000;
    line-height: 1.3;
    
font-weight: 700;
}
.sport01 .text_box{
    padding: 0 20%;
}
.sport01 .box5{
    margin-top: 30px;
}
.box5{
    width: 100%;
    max-width: 600px;
    height: 60px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    overflow: hidden;
    display: flex;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0,.1);
}
.box5 .input{
    height: 100%;
    flex: 1;
    padding-left: 30px;
}
.box5 .input input{
    height: 100%;
    color: #ababab;
    width: 100%;
}
.box5 .base_btn .span{
    line-height: 60px;
    border: none;
}

.box5 .base_btn{
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.sport02{
    padding: 65px 0;
}
.list14{
    display: flex;
    flex-wrap: wrap;
}
.list14 .icon{
    display: inline-block;
}
.list14 img{
    height: 48px;
}
.list14 .item{
    text-align: center;
    padding: 30px 10px 20px;
    width: 13.4285%;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    position: relative;
}
.list14 .item.cur::before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid #61b8e8;
    border-top: 0;
    bottom: -10px;
    z-index: 1;
    left: 50%;
    transform: translate(-50%,0) rotate(180deg);
    -webkit-transform: translate(-50%,0) rotate(180deg);
    -moz-transform: translate(-50%,0) rotate(180deg);
    -ms-transform: translate(-50%,0) rotate(180deg);
    -o-transform: translate(-50%,0) rotate(180deg);
}
.list14 .tit{
    color: #212324;
    line-height: 1.625;
    
font-weight: 700;
    margin-top: 10px;
}
.list14 .item:not(:first-child){
    margin-left: 15px;
}
.list14 .item:not(:nth-child(7n+1)){
    margin-left: 1%;
}
.list14 .img1{
    display: block;
}
.list14 .img2{
    display: none;
}
.list14 .item.cur{
    background-image: linear-gradient(to right, #87cdf3 , #34a0da);
}

.list14 .item.cur .tit{
    color: #fff;
}
.list14 .item.cur .img1{
    display: none;
}
.list14 .item.cur .img2{
    display:block;
}


.sport03{
    padding: 85px 0 65px;
    background-color: #f5f5f5;
}
.box6 .rouds{
    margin-top: 15px;
}
.rouds .roud{
    padding-left: 28px;
    color: #636466;
    position: relative;
    margin-bottom: 15px;
    display: block;
}
.rouds .roud .act{
    width: 15px;
    height: 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #eaeaeb;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 3px;
}
.rouds .roud.cur .act{
    background-color: #1e94d4;
}
.rouds .roud.cur .act::before{
    content: '';
    display: block;
    position: absolute;
    top: 24%;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    right: 2px;
    width: 8px;
    height: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.box6 .tit{
    color: #052944;
    line-height: 1.88;
    
font-weight: 700;
}
.box6{
    display: flex;
    justify-content: space-between;
}
.box6 .left{
    width: 250px;
    min-width: 250px;
    padding-right: 4%;
}
.box6 .right{
    flex: 1;
}
.sport03 .list15{
    padding: 0 0 40px;
}

.list15 .item{
    box-shadow: 0 0 15px rgba(0, 0, 0,.1);
    background-color: #ffffff;
    margin-bottom: 15px;
    cursor: pointer;
}
.list15 .q{
    display: flex;
    align-items: center;
    padding: 20px 40px 20px 25px;
    position: relative;
}
.list15 .q::before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 13px solid #7c7d7f;
    border-top: 0;
    z-index: 1;
    right: 18px;
    top: 29px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.list15 .q_tit{
    color: #212324;
    line-height: 1.44;
    margin-left: 30px;
}
.list15 .lable{
    min-width: 32px;
    width: 32px;
    height: 32px;
    background-color: #7c7d7f;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list15 .lable::before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid #7c7d7f;
    border-top: 0;
    right: -10px;
    top:12px;
    z-index: 1;
    transform:  rotate(90deg);
    -webkit-transform:  rotate(90deg);
    -moz-transform:  rotate(90deg);
    -ms-transform:  rotate(90deg);
    -o-transform:  rotate(90deg);
}
.list15 .a{
    height: 0;
    overflow: hidden;
}
.list15 .editor{
    color: #636466;
    line-height: 1.666;
}
.list15 .lnk{
    position: relative;
    padding-left: 40px;
    display: block;
    margin-top: 20px;
    display: inline-block;
    width: 25px;
    height: 32px;
}
.list15 .lnk::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/icon17.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 25px;
    height: 32px;
}
.list15 .span{
    color: #1e94d4;
    text-decoration: underline;
    line-height: 1.3;
}
.list15 .item.cur .a{
    padding: 35px 30px 35px 80px;
    border-top: 1px solid #f7f7fa;
    height: auto;
}
.list15 .item.cur .lable{
    background-color: #fff;
    background-image: linear-gradient(to right, #87cdf3 , #34a0da);
}
.list15 .item.cur .lable::before{
    border-bottom-color: #34a0da;
}
.list15 .item.cur .q::before {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    border-bottom-color:#1e94d4;
    top: 28px;
}

@media (max-width: 1459px){
    .box5 .base_btn .span {
        line-height: 45px;
    }
    .box5 {
        height: 45px;
    }
    .sport01 {
        padding: 80px 0;
    }
    .sport03 {
        padding: 45px 0;
    }
    .sport02{
        padding: 35px 0;
    }
    .rouds .roud .act{
        top: 2px;
    }
}
@media (max-width: 1280px){
    .list15 .item.cur .a {
        padding: 25px 25px 25px 40px;
    }
    .list15 .q_tit {
        margin-left: 25px;
    }
}
@media (max-width: 1024px){
    .list14 img {
        height: 40px;
    }
    .sport01 .text_box{
        padding: 0 2%;
    }
}
@media (max-width: 768px){
    .list14 img {
        height: 40px;
    }
    .list14 img {
        height: 30px;
    }
    
    .list14 .item {
        padding: 15px;
    }
    
    .list14 .tit {
        line-height: 1.2;
        margin-top: 5px;
    }
    .box6 .left {
        width: 180px;
        min-width: 180px;
    }
    .rouds .roud .act {
        top: 0px;
    }
}
@media (max-width: 640px){
    .sport01 .box5 {
        margin-top: 20px;
    }
    
    .box5 {
        height: 35px;
    }
    
    .box5 .base_btn .span {
        line-height: 35px;
    }
    
    .box5 .input {
        padding-left: 15px;
    }
    
    .sport01 {
        padding: 50px 0;
    }
    
    .sport02 {
        padding: 25px 0;
    }
    
    .list14 .item {
        width: 24%;
        padding: 10px;
        margin-bottom: 2%;
    }
    .list14 .item.cur::before{
        bottom: -5px;
    }
    
    .list14 img {
        height: 25px;
    }
    .sport03 {
        padding: 25px 0;
    }
    
    .box6 {flex-wrap: wrap;}
    
    .box6 .left {
        width: 100%;
    }
    .list15 .lable {
        min-width: 20px;
        height: 20px;
        font-size: 12px;
        width: 20px;
    }
    
    .list15 .lable::before {
        top: 6px;
        right: -8px;
    }
    
    .list15 .q_tit {
        margin-left: 15px;
    }
    
    .list15 .q {
        padding: 15px 40px 15px 15px;
    }
    
    .list15 .item.cur .a {
        padding: 15px;
    }
    
    .list15 .lnk {
        margin-top: 20px;
    }
    .sport03 .list15 {
        padding: 0 0 20px;
    }
    .list15 .item{
        margin-bottom: 10px;
    }
    .list15 .q::before {
        border: 5px solid transparent;
        border-bottom: 8px solid #7c7d7f;
        border-top: 0;
        right: 18px;
        top: 28px;
    }
}
/* 支持产品 */
.sport03 .list16{
    padding-bottom: 60px;
}

.list16{
    display: flex;
    flex-wrap: wrap;
}
.list16 .item{
    width: 32%;
    background-color: #ffffff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    text-align: center;
    padding: 55px 40px 45px;
    margin-bottom: 2%;
}
.list16 .item:not(:nth-child(3n+1)){
    margin-left: 2%;
}
.list16 .imgbox{
    padding-bottom: 51.8%;
    position: relative;
}
.list16 .imgbox img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 100%;
}
.list16 .tit{
    color: #212324;
    
font-weight: 700;
    margin-top: 60px;
}
.list16 .btns{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.list16 .btns>div{
    width: 49%;
}
.list16 .btns .span{
    padding: 0;
    text-align: center;
    
font-weight: 700;
    text-transform: uppercase; 
}

@media (max-width: 1459px){
    .list16 .tit {
        margin-top: 40px;
    }
    .list16 .btns {
        margin-top: 20px;
    }
    .list16 .btns .span{
        font-size: 16px;
    }
}
@media (max-width: 1280px){
    .list16 .item {
        padding: 20px 15px;
    }
    .list16 .btns .span{
        font-size: 14px;
    }
    .sport03 .list16 {
        padding-bottom: 40px;
    }
}
@media (max-width: 1024px){
    .list16 .btns .span{
        font-size: 12px;
    }
}
@media (max-width: 768px){
    .list16 .tit {
        margin-top: 20px;
    }
    .list16 .btns {
        margin-top: 15px;
    }
    .list16 .item {
        padding: 15px 10px;
    }
    .sport03 .list16 {
        padding-bottom: 20px;
    }
}
@media (max-width: 640px){
    .list16 .item {
        width: 49%;
    }
    .list16 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .list16 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .list16 .item {
        padding: 15px 5px;
    }
    .list16 .btns {
        margin-top: 10px;
    }
    .list16 .tit {margin-top: 10px;}
}

/* 产品详细 */

.locat{
    background-color: transparent;
    padding: 30px 0;
}
.list17{
    display: flex;
    align-items: center;
} 
.list17 a{
    color: #636466;
    margin: 0 8px;
}
.list17 span{
    color: #1e94d4;   
    margin-left: 8px; 
}
.list17 a.home{
    margin-left: 0;
    position: relative;
    padding-left: 25px;
}
.list17 a.home::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    background-image: url(../images/icon18.png);
    width: 15px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.detail01 .title{
    text-align: center;
    color: #000000;
    line-height: 1.25;
    
font-weight: 700;
}
.detail01 .main{
    padding: 45px 0 65px;
}
.detail01 .imgbox{
    padding-bottom: 28.8%;
    position: relative;
    margin-top: 20px;
}
.detail01 .imgbox img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 100%;
}

.detail02{
    padding: 60px 0 40px;
    background-color: #f9f9fb;
}
.list18{
    display: flex;
    align-items: center;
    justify-content: center;
}
.list18 .imgbox{
    padding-bottom: 38px;
    position: relative;
}
.list18 .imgbox img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 100%;
}

.list18 .item:not(:first-child){
    margin-left: 5%;
}
.list18 .tit{
    line-height: 1.88;
    color: #212324;
    
font-weight: 700;
    margin-top: 18px;
}
.detail03{
    padding: 90px 0;
}
.box7{
    display: flex;
}
.box7 .left{
    width: 200px;
    min-width: 200px;
    padding-right: 3%;
    padding-top: 93px;
}
.box7 .right{
    flex: 1;
}
.section1 .title{
    color: #212324;
    
font-weight: 700;
    margin-bottom: 5px;
    line-height: 1.2;
}
.list19 .item{
    padding: 35px 0;
}
.list19 .ptit{
    color: #000000;
    line-height: 1.5;
    
font-weight: 700;
}
.list19 .editor{
    color: #474b4f;
    line-height: 1.625;
    margin: 15px 0 20px;
}
.list19 .item:not(:first-child){
    border-top: 1px solid #eaeaea;
}
.list19 .more{
    color: #1e94d4;
}

.tab2 .tab{
    color: #212324;
    margin-bottom: 20px;
    cursor: pointer;
}
.tab2 .tab.cur{
    color: #2b9ad6;
}
.tab2 .tab.cur .span{
    text-decoration: underline;
    display: inline-block;
}

.detail04{
    background-color: #f9f9fb;
    padding: 70px 0 90px;
}
.detail04 .title{
    text-align: center;
    
font-weight: 700;
    color: #000000;
    line-height: 1.2;
    padding-left: 200px;
}
.detail04 .list20{
    margin-top: 40px;
    padding-left: 200px;
}
.list20{
    display: flex;
    justify-content: space-between;
}
.list20 .item{
    text-align: center;

}
.list20 .imgbox{
    padding-bottom: 30px;
    position: relative;
}
.list20 .imgbox img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 100%;
}
.list20 .tit{
    margin-top: 20px;
    line-height: 1.25;
    
font-weight: 700;
}

@media (max-width: 1459px){
    .locat {
        padding: 20px 0;
    }
    
    .detail01 .main {
        padding: 30px 0 50px;
    }
    
    .detail02 {
        padding: 40px 0;
    }
    
    .list18 .tit {
        margin-top: 10px;
    }
    
    .detail03 {
        padding: 50px 0;
    }
    
    
    .list19 .item {
        padding: 25px 0;
    }
    
    .box7 .left {
        padding-top: 70px;
    }
    
    .detail04 {
        padding: 50px 0;
    }
    
}
@media (max-width: 1024px){
    .box7 .left {
        width: 120px;
        min-width: 120px;
        padding-top: 40px;
    }
    
    .detail04 .list20 {
        padding-left: 0;
        margin-top: 20px;
    }
    
    .detail04 .title {
        padding-left: 0;
    }
    
    .list20 .imgbox {
        padding-bottom: 25px;
    }
    
    .list20 .tit {
        margin-top: 10px;
    }
    
    .detail04,
    .detail02{
        padding: 30px 0;
    }
    
    .list19 .item {
        padding: 15px 0;
    }
}
@media (max-width: 768px){
    .locat {
        padding: 15px 0;
    }
    .list17 a.home::before{
        top: -2px;
    }
    .detail01 .main {
        padding: 20px 0;
    }
    .detail04, .detail02,.detail03{
        padding: 20px 0;
    }
    .box7 {
        flex-wrap: wrap;
    }
    .box7 .left {
        width: 100%;
        min-width: 100%;
        padding-top: 0;
    }
    .tab2 {
        display: flex;
    }
    .tab2 .tab:not(:first-child) {
        margin-left: 15px;
    }
    .box7 .right {
        flex: unset;
        width: 100%;
    }
    .list19 .editor {
        margin: 10px 0;
    }
    .list20 .imgbox {
        padding-bottom: 20px;
    }
    .list20 .item {
        width: 32.33%;
    }
    .list18 .imgbox{
        padding-bottom: 25px;
    }
    
}
@media (max-width: 768px){
    .locat {
        padding: 10px 0;
    }
}

/* 产品视频 */
.sport03 .list21{
    padding-bottom: 40px;
}
.list21{
    display: flex;
    flex-wrap: wrap;

}
.list21 .item{
    width: 32.33%;
    margin-bottom: 1.5%;
}
.list21 .item:not(:nth-child(3n+1)){
    margin-left: 1.5%;
}
.list21 .base_video{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-image: url(../images/icon16.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.list21 .imgbox{
    padding-bottom: 56%;
    position: relative;
}
.list21 .imgbox img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 100%;
}
.list21 .tit{
    color: #212324;
    
font-weight: 700;
    line-height: 1.44;
    text-align: center;
    margin: 20px 0 15px;
}


@media (max-width: 1024px){
    .list21 .tit{
        margin: 10px 0;
    }
}
@media (max-width: 768px){
    .list21 .base_video {
        width: 25px;
        height: 25px;
    }
    .sport03 .list21{
        margin-bottom: 20px;
    }
    .list21 {
        flex-wrap: wrap;
    }
    .list21 .item {
        width: 49%;
    }
    .list21 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .list21 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
}

/* 固件更新 */
.sport03 .list22{
    padding-bottom: 40px;
}

.list22 .item{
    margin-bottom: 10px;
    background-color: #ffffff;
    padding: 0 25px;
    display: block;
}

.list22 .ptit{
    padding: 20px 25px 20px 60px;
    position: relative;
}
.list22 .ptit::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 11px;
    background-image: url(../images/icon19.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 37px;
    height: 37px;
}
.list22 .ptit::after{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 19px;
    background-image: url(../images/icon21.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 23px;  
}

.list22 .item:hover{
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.list22 .item:hover .ptit::before{
    background-image: url(../images/icon20.png);
}
.list22 .item:hover .ptit::after{
    background-image: url(../images/icon22.png);
}

@media (max-width: 768px){
    .list22 .ptit {
        padding: 15px 25px 15px 30px;
    }
    .list22 .ptit::before {
        width: 20px;
        height: 20px;
    }
    .list22 .ptit::after {
        width: 15px;
        height: 16px;
        top: 11px;
    }
    .list22 .item {
        padding: 0 15px;
    }
    .sport03 .list22 {
        padding-bottom: 20px;
    }
}

/* 隐私政策 */
.sport04{
    padding: 80px 0;
    background-color: #f5f5f5;
}
.sport04 .title{
    text-align: center;
    line-height: 1.2;
    
font-weight: 700;
}
.sport04 .box8{
    margin-top: 40px;
}
.box8{
    display: flex;
    justify-content: space-between;
}
.box8 .left{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    background-color: #fff;
    flex: 1;
    padding: 40px;

}
.box8 .right{
    width: 22.2%;
    padding-left: 3%;
}
.box8 .tit{
    color: #000000;
    line-height: 1.25;
}
.box8 .editor{
    line-height: 1.44;
    color: #212324;
    margin-top: 20px;
}
.box8 .editor h2{
    font-size: 24px;
    
font-weight: 700;
}
.box8 .editor h3{
    font-size: 20px;
    
font-weight: 700;
}
.follow .foll_tit{
    color: #636466;
    line-height: 1.66;
}
.follow .folls{
    margin: 20px 0 40px;
}
.folls{
    display: flex;
    align-items: center;
}
.folls .foll{
    width: 20px;
    height:20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.folls .foll:not(:first-child){
    margin-left: 25px;
}
.folls .foll .img1{
    display: block;
}
.folls .foll .img2{
    display: none;
}
.folls .foll:hover .img1{
    display: none;
}
.folls .foll:hover .img2{
    display: block;
}

.relates .relate_tit{
    color: #636466;
    line-height: 1.66;
}

.relates .relate_item{
    padding: 27px 0;
    border-bottom: 1px solid #ededee;
    display: flex;
}
.relates .imgbox{
    width: 70px;
    min-width: 70px;
    padding-bottom: 70px;
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.relates .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.relates .text_box{
    margin-left: 20px;
    flex: 1;
}
.relates .relate_t{
    color: #212324;
    line-height: 1.5;
    
font-weight: 700;
}
.relates .relate_d{
    color: #636466;
    line-height: 1.5;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 10px;
}

@media (max-width: 1459px){
    .sport04 {
        padding: 50px 0;
    }
    .box8 .editor h2{
        font-size: 20px;
    }
    .box8 .editor h3{
        font-size: 18px;
    }
}
@media (max-width: 1024px){
    .sport04 .box8{
        margin-top:20px;
    }
    .box8 .editor h2{
        font-size: 16px;
    }
    .box8 .editor h3{
        font-size: 14px;
    }
    .relates .imgbox {
        width: 50px;
        min-width: 50px;
        padding-bottom: 50px;
    }
    .relates .relate_item {
        padding: 15px 0;
    }
}
@media (max-width: 768px){
    .relates .relate_item {
        flex-wrap: wrap;
    }
    .relates .text_box {
        width: 100%;
        flex: unset;
        margin: 10px 0 0;
    }
    .follow .folls{
        margin: 15px 0;
    }
    .box8 .left {
        padding: 25px;
    }
    .sport04 {
        padding: 30px 0;
    }
}
@media (max-width: 640px){
    .box8 {
        flex-wrap: wrap;
    }
    .box8 .left {
        width: 100%;
        padding: 15px;
    }
    .box8 .right {
        width: 100%;
        padding-left: 0;
        margin-top: 15px;
    }
}

/* 退换货流程 */
.sport05{
    padding: 80px 0;
    background-color: #f5f5f5;
}
.sport05 .title{
    text-align: center;
    line-height: 1.2;
    
font-weight: 700;
}
.sport05 .box9{
    margin-top: 40px;
}
.box9 .editor{
    line-height: 1.444;
}
.box9 .editor h2{
    font-size: 24px;
    
font-weight: 700;
    color: #000;
}
.box9 .editor li{
    padding-left: 15px;
    position: relative;
    color: #636466;
}
.box9 .editor li::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 11px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #1e94d4;
}
@media (max-width: 1459px){
    .box9 .editor h2{
        font-size: 20px;
    }
    .sport05{
        padding: 40px 0;
    }
}
@media (max-width: 1280px){
    .box9 .editor h2{
        font-size: 18px;
    }
}
@media (max-width: 768px){
    .box9 .editor h2{
        font-size: 16px;
    }
    .sport05{
        padding: 20px 0;
    }
    .sport05 .box9 {
        margin-top: 20px;
    }
}
@media (max-width: 768px){
    .box9 .editor h2{
        font-size: 14px;
    }
}

/* 联系我们 */
.list23{
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: flex;
    padding: 60px 30px 60px 50px;
}
.list23 .item{
    padding-left: 15px;
    border-left: 1px solid #e7e9ed;
    padding-right: 45px;
}
.list23 .item:nth-child(3){
    flex: 1;
}
.list23 .icon{
    width: 35px;
    height: 35px;
}
.list23 .icon img{
    width: 100%;
}
.list23 .ctit{
    line-height: 1.44;
    margin-top: 15px;
    color: #212324;
}
.list23 .cdesc{
    line-height: 1.3;
    
font-weight: 700;
    margin-top: 15px;
}
.box10{
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 0 40px 40px;
}
.map_box{
    text-align: center;
    padding: 60px 0 70px;
    margin-top: 20px;
}
.map_box .map_img{
    display: inline-block;
    position: relative;
}
.map_box .list24{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.list24 .item{
    position: absolute;
    padding-left: 35px;
}
.list24 .ptit{
    font-size: 18px;
    color: #212324;
    line-height: 1.44;
}
@keyframes topbot {
    0%{
        transform: translate(0,-10px);
        -webkit-transform: translate(0,-10px);
        -moz-transform: translate(0,-10px);
        -ms-transform: translate(0,-10px);
        -o-transform: translate(0,-10px);
    }
    50%{
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
    }
    100%{
        transform: translate(0,-10px);
        -webkit-transform: translate(0,-10px);
        -moz-transform: translate(0,-10px);
        -ms-transform: translate(0,-10px);
        -o-transform: translate(0,-10px);
    }
}
.list24 .item::before{
    content: '';
    display: block;
    width: 28px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 6%;
    background-image: url(../images/icon31.png);
    animation: topbot 2s infinite;
    -webkit-animation: topbot 2s infinite;
}
.list24 .item:nth-child(1){
    left: 10%;
    top: 21%;
}
.list24 .item:nth-child(2){
    left: 12%;
    top: 40%;
}
.list24 .item:nth-child(3){
    left: 11%;
    top: 52%;
}
.list24 .item:nth-child(4){
    left: 39%;
    top: 30%;
}
.list24 .item:nth-child(5){
    left: 34%;
    top: 39%;
}
.list24 .item:nth-child(6){
    left: 46%;
    top: 32%;
}

.list24 .item:nth-child(7){
    left: 47%;
    top: 36%;
}
.list24 .item:nth-child(8){
    left: 84%;
    top: 42%;
}
.list24 .item:nth-child(9){
    left: 68%;
    top: 54%;
}
.list24 .item:nth-child(10){
    left: 71%;
    top: 62%;
}
.list24 .item:nth-child(11){
    left: 82%;
    top: 59%;
}
.list24 .item:nth-child(12){
    left: 78%;
    top: 79%;
}
.list24 .item:nth-child(13){
    left: 37%;
    top: 34%;
}


.list24 .item1{
    padding-right: 35px;
    padding-left: 0;
}
.list24 .item1::before{
    content: '';
    display: block;
    width: 28px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    left: unset;
    top: 6%;
    background-image: url(../images/icon31.png);
}
.list25{
    display: flex;
    flex-wrap: wrap;
}
.list25 .item{
    width: 32.66%;
    margin-bottom: 2%;
}
.list25 .item:not(:nth-child(3n+1)){
    margin-left: 1%;
}

.list25 .item{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
}
.list25 .text_box{
    padding: 25px;
}
.list25 .imgbox{
    padding-bottom: 55.2%;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}
.list25 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list25 .capt{
    display: flex;
    align-items: center;
}
.list25 .icon{
    width: 30px;
    height: 20px;
}
.list25 .capt_tit{
    color: #212324;
    margin-left: 12px;
    
font-weight: 700;
}
.list25 .uitem{
    color: #212324;
    margin-top: 20px;
}
.list25 .uitem span{
    color: #636466;
}
@media (max-width: 1459px){
    .list23 {
        padding: 40px 30px;
    }
    .list23 .item {
        width: 23%;
    }
    .list24 .ptit {
        font-size: 16px;
    }
    .map_box {
        padding: 40px 0;
    }
    .list25 .uitem {
        margin-top: 15px;
    }
    .list25 .text_box{
        padding: 15px;
    }
}
@media (max-width: 1280px){
    .list25 .uitem {
        margin-top: 10px;
    }
    .folls .foll:not(:first-child) {
        margin-left: 10px;
    }
}
@media (max-width: 1024px){
    .list25 .icon {
        width: 20px;
        height: 18px;
    }
    .list24 .ptit {
        font-size: 14px;
    }
    .list23 .cdesc {
        margin-top: 10px;
    }
    .list23 {
        padding: 20px 25px;
    }
    .box10{
        padding: 0 30px 30px;
    }
}
@media (max-width: 768px){
    .list25 .item {
        width: 49%;
    }
    .list25 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .list25 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .list24 .item {
        padding-left: 25px;
    }
    .list24 .item::before {
        width: 20px;
        height: 16px;
    }
    .list24 .ptit {
        font-size: 12px;
    }
    .list23 .item {
        padding-right: 15px;
    }
    .list24 .item1 {
        padding-left: 0;
        padding-right: 25px;
    }
    .list24 .item {
        transform: scale(.7);
    }
    .list23 .cdesc{
        margin-top: 5px;
    }
    .list23 .icon {
        width: 25px;
        height: 25px;
    }
    
    .list23 .ctit {
        margin-top: 10px;
    }
    .box10 {
        padding: 0 15px 20px;
    }
}
@media (max-width: 640px){
    .list25 .item {
        width: 100%;
    }
    .list25 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    .list23 {
        padding: 15px;
        flex-wrap: wrap;
    }
    .list23 .item {
        width: 50%;
        margin-bottom: 3%;
    }
    .folls .foll {
        width: 15px;
        height: 15px;
    }
    .list25 .item {
        width: 100%;
    }
    .list25 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
}

/* 活动价格绿色 */
.template.grey{
    background-color: #f5f5f5;
}

.activity01{
    padding: 40px 0 50px;
}
.activity01 .main{
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.activity01 .bg_img{
    position: relative;
}
.flash{
    background-color: #041e42;
    border-bottom: 15px solid #ffd321;
    padding: 20px 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flash .flash_tit{
    color: #fff;
    
font-weight: 700;
}
.flash .flash_box{
    margin-left: 30px;
    color: #fff;
    display: flex;
}
.flash .flash_box>div{
    text-align: center;
}
.flash .flash_box>div:not(:first-child){
    margin-left: 25px;
}
.flash .flash_box .p1{
    
font-weight: 700;
    position: relative;
}
.flash .flash_box .p2{
    margin-top: 5px;
}
.flash .flash_box>div + div .p1::before{
    content: ":";
    display: block;
    position: absolute;
    left: -17px;
    top: -2%;
}

.box11{
    display: flex;
    justify-content: space-between;
    padding: 45px 80px 40px 60px;
    align-items: center;
}
.box11 .left{
    width: 65%;
}
.box11 .right{
    text-align: center;
}
.box11 .right .base_btn{
    text-align: center;
}
.box11 .tishi{
    color: #212324;
    margin-top: 15px;
    
font-weight: 700;
}
.list26{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.list26 .item{
    width: 33.33%;
    text-align: center;
    position: relative;
}
.list26 .ptit{
    color: #000000;
    
font-weight: 700;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.list26 .pdesc{
    color: #636466;
    
font-weight: 700;
    margin-top: 15px;
}
.list26 .item + .item::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    height: 60%;
    background-color: #dfdfe0;
    width: 2px;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}

.activity02 .title{
    color: #000;
    
font-weight: 700;
}

.search1{
    display: flex;
    border: 1px solid #e0e0e1;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    overflow: hidden;
    height: 60px;
    padding: 0 30px;
    align-items: center;
}
.search1 .serch_btn{
    background-image: url(../images/icon32.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.search1 .input{
    margin-left: 15px;
    flex: 1;
}
.search1 .input input{
    background-color: transparent;
}
.search1 .base_btn{
    border-radius: 30px;
}
.search1 .base_btn .span{
    line-height: 60px;
}
.activity02 .search1{
    margin-top: 20px;
    width: 100%;
    max-width: 610px;
    padding-right: 0 ;
}
.activity03{
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    
    padding: 60px 3.125%;
}

.list27{
    /*padding-left: 31.38%;*/
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    position: relative;
    /*  height: 40.2vw;*/
}
.list27 .item{
    /*width: 48.6%;*/
    /*margin-left: 1.4%;*/
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    background-color: #fff;
    overflow: hidden;
    height: 100%;
}

/*.list27 .item:nth-child(2),*/
/*.list27 .item:nth-child(3){*/
/*    margin-bottom: 1.4%;*/
/*}*/
/*.list27 .item:not(:nth-child(1)) {*/
/*    margin-bottom: 1.4%;*/
/*}*/

.list27 .imgbox{
    padding-bottom: 42%;
    position: relative;
    width: 46%;
}
.list27 .imgbox img{
    position: absolute;
    top: 50%;
    left: 0;
    max-height: 100%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    max-width: 90%;
}
.list27 .imgbox .collect{
    background-image: url(../images/icon14.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    background-size: contain;
    background-position: center;
}
.list27 .imgbox .collect.collect1,
.list28 .imgbox .collect.collect1{
    background-image: url(../images/icon15.svg);
}
.list27 .item{
    display: flex;
    padding: 4.9%; 
}
.list27 .text_box{
    width:48%;
    padding-left: 20px;
}
.list27 .price{
    display: flex;
    align-items: flex-end;
}
.list27 .price .span{
    line-height: .8;
    
font-weight: 700;
    color: #2a8703;
}
.list27 .price .old{
    margin-left: 10px;
    color: #636466;
    text-decoration: line-through;
    
}
.list27 .desc{
    margin: 15px 0;
    line-height: 1.625;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.list27 .num_box{
    display: flex;
    align-items: center;
}
.list27 .num_tit{
    color: #636466;
    margin-left: 10px;
}
.list27 .num_box .num_imgs{
    display: flex;
    align-items: center;
}
.list27 .num_imgs .img {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
}
.list27 .num_imgs .img:not(:first-child) {
    margin-left: 5px;
}
.list27 .base_btn{
    margin-top: 30px;
}
/*.list27 .item:first-child{*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    bottom: 1.4%;*/
/*    width: 31.38%;*/
/*    margin-left: 0;*/
/*    margin-bottom: 0;*/
/*    flex-direction: column;*/
/*    height: 100%;*/
/*}*/
/*.list27 .item:first-child .imgbox{*/
/*    width: 100%;*/
/*    padding-bottom: 64%;*/
/*}*/
/*.list27 .item:first-child .imgbox img{*/
/*    left: 5%;*/
/*}*/
/*.list27 .item:first-child .text_box{*/
/*    display: flex;*/
/*    width: 100%;*/
/*    margin-top: 50px;*/
/*    padding-left: 0;*/
/*}*/
/*.list27 .item:first-child .price{*/
/*    display: block;*/
/*    white-space: nowrap;*/
/*}*/
/*.list27 .item:first-child .price .span{*/
/*    font-size: 32px;*/
/*}*/
/*.list27 .item:first-child .price .old{*/
/*    margin-left: 0;*/
/*    margin-top: 10px;*/
/*}*/
/*.list27 .item:first-child .desc{*/
/*    margin-top: 0;*/
/*    overflow: hidden;*/
/*    -webkit-line-clamp: 3;*/
/*    text-overflow: ellipsis;*/
/*    display: -webkit-box;*/
/*    -webkit-box-orient: vertical;*/
/*}*/
/*.list27 .item:first-child .main{*/
/*    margin-left: 40px;*/
/*    flex: 1;*/
/*}*/
.list27 .base_btn .span{
    padding: 0 25px;
    line-height: 40px;
}


.activity04{
    padding: 120px 0 80px;
}
.activity04 .main .left {
    width: 18%;
    padding-right: 3%;
    min-width: 160px;
}
.activity04 .main {
    display: flex;
}
.activity04 .main .right {
    flex: 1;
}
.activity04 .list28{
    padding-bottom: 50px;
}

.list28{
    display: flex;
    flex-wrap: wrap;
}
.list28 .item{
    width: 23.5%;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    /*overflow: hidden;*/
    margin-bottom: 1.5%;
    margin-left: 1.5%;
}
.list28 .item1{
    width: 48.5%;
    margin-left: 1.5%;
    margin-bottom: 1.5%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}
.list28 .item1 .bg_img{
    height: 100%;
    
}
.list28 .item1 .bg_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list28 .imgbox{ 
    padding-bottom: 98%;
    position: relative;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-bottom: 2px solid #eee;
}
.list28 .imgbox img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 60%;
}
.list28 .base_btn .span{
    padding: 0 20px;
    line-height: 40px;
}
.list28 .imgbox .collect {
    background-image: url(../images/icon14.svg);
    width:30px;
    height: 30px;
    position: absolute;
    right:25px;
    top: 25px;
    background-size: contain;
    background-position: center;
}
.list28 .text_box{
    padding: 30px 35px 30px;
}
.list28 .price{
    display: flex;
    align-items: flex-end;
    margin-top: 30px;
}
.list28 .price .span{
    line-height: .8;
    
font-weight: 700;
    color: #2a8703;
}
.list28 .price .old{
    margin-left: 10px;
    color: #636466;
    text-decoration: line-through;
}
.list28 .desc {
    margin: 15px 0;
    line-height: 1.625;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.list28 .num_box{
    display: flex;
    align-items: center;
}
.list28 .num_tit{
    color: #636466;
    margin-left: 10px;
}
.list28 .num_box .num_imgs{
    display: flex;
    align-items: center;
}
.list28 .num_imgs .img {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
}
.list28 .num_imgs .img:not(:first-child) {
    margin-left: 5px;
}


/* 2024.6.4 */
.list27_swiper .swiper-slide{
    height:auto;
}
.list27_box{
    display: flex;
    margin-top: 3%;
}
.activity03 .list27_tit{
    text-align: center;
    color: #fff;
}
.list27_box .left{
    width: 30%;
}
.list27_box .right{
    width: 70%;
    padding-left: 20px;
}
.list27_box .left .item1.item{
    width: 100%;
    height: 100%;
    padding: 0;
}
.list27_box .left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media (max-width: 1459px){
    .activity04{
        padding: 70px 0;
    }
    .list28 .base_btn .span {
        line-height: 35px;
    }
    .list27 .base_btn .span{
        padding: 0 20px;
    }
}
@media (max-width: 1280px){
    .activity04{
        padding: 50px 0;
    }
    .list27 .item {
        padding: 30px;
    }
    .list27 .item:first-child .main {
        margin-left: 20px;
    }
    .list28 .text_box {
        padding: 20px;
    }
    .search1 {
        height: 45px;
        padding: 0 20px;
    }
    .box11 {
        padding: 30px;
    }
    .activity01 {
        padding: 30px 0;
    }
}
@media(max-width:1180px){
    .list27 .item {
        padding: 15px;
    }
    .list27 .imgbox{
        width: 33%;
    }
}
@media (max-width: 1024px){
    .list27 .item {
        flex-wrap: wrap;
    }
    .list27 .imgbox {
        width: 100%;
    }
    .list27 .text_box {
        width: 100%;
        padding: 15px 0;
    }
    /*.list27 .item:first-child .text_box {*/
    /*    flex-wrap: wrap;*/
    /*}*/
    /*.list27 .item:first-child .main {*/
    /*    margin: 10px 0;*/
    /*    flex: unset;*/
    /*    width: 100%;*/
    /*}*/
    .list28 .item {
        width: 48.5%;
    }
    .list28 .item1 {
        width: 98.5%;
    }
    .activity04 .list28{
        padding-bottom: 40px;
    }
    .list27 {
        height: auto;
    }
}
@media (max-width: 768px){
    .activity04{
        padding: 20px 0;
    }
    .list28 .base_btn .span {
        line-height: 25px;
        padding: 0 10px;
    }
    .list28 .price {
        margin-top: 15px;
    }
    .search1 {
        height: 40px;
        padding: 0 15px;
    }
    .activity01 {
        padding: 20px 0;
    }
    .box11 {
        padding: 20px;
    }
    .activity03 {
        padding: 30px 15px;
    }
    .activity04 .list28{
        padding-bottom: 20px;
    }
    .activity04 .main {
        flex-wrap: wrap;
    }
    
    .activity04 .main .left {
        width: 100%;
    }
    .list28 .imgbox {
        padding-bottom: 70%;
    }
    /*.list27 .item:first-child {*/
    /*    position: static;*/
    /*    width: 100%;*/
        /* margin-bottom: 10px; */
    /*    margin-left: 0;*/
    /*}*/
    
    .list27 {
        padding-left: 0;
        /*min-height: auto;*/
    }
    
    /*.list27 .item:first-child .text_box {*/
    /*    margin-top: 20px;*/
    /*}*/
    
    .list27 .item {
        width: 100%;
        margin-bottom: 15px !important;
        margin-left: 0;
        padding: 15px;
    }
    
    .list27 .imgbox img {
        left: 50%;
        transform: translate(-50%,-50%);
    }
    
    /*.list27 .item:first-child .imgbox img {*/
    /*    left: 50%;*/
    /*}*/
    
    /*.list27 .item:first-child .price .span {*/
    /*    font-size: 14px;*/
    /*}*/
    
    /*.list27 .item:first-child .price {*/
    /*    display: flex;*/
    /*}*/
    
    /*.list27 .item:first-child .price .old {*/
    /*    margin-left: 10px;*/
    /*}*/
    
    .list27_box {
        flex-wrap: wrap;
    }
    
    .list27_box .left {
        width: 100%;
    }
    
    .list27_box .right {
        width: 100%;
        padding: 15px 0 0;
    } 
}
@media (max-width: 640px){
    
    .flash {
        flex-wrap: wrap;
        padding: 10px;
    }
    
    .flash .flash_box {
        width: 100%;
        margin-left: 0;
        justify-content: center;
        margin-top: 10px;
    }
    
    .box11 {
        padding: 15px;
        flex-wrap: wrap;
    }
    
    .box11 .left {
        width: 100%;
    }
    
    .box11 .right {
        margin-top: 10px;
    }
    
    .box11 .tishi {
        margin-top: 10px;
    }
    
    .list28 .item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
    }
}

/* 主题活动 */
.theme01{
    padding: 40px 0 50px;
}
.theme01 .imgbox{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.theme01 .imgbox img{
    width: 100%;
}
.theme02{
    padding-bottom: 90px;
}
.theme02 .content{
    background-color: #041e42;
    padding: 15px 15px 25px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.theme02 .title{
    text-align: center;
    
font-weight: 700;
    color: #ffffff;
    margin-top: 40px;
}
.theme02 .list29{
    margin-top: 40px;
}
.box12{
    margin-top: 15px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    padding: 55px 15px;
    text-align: center;
}
.box12 .box12_tit{
    
font-weight: 700;
}
.box12 .box12_desc{
    line-height: 1.3;
    margin-top: 5px;
}
.box12 .box12_cdesc{
    line-height: 1.3;
    margin-top: 15px;
}
.list30{
    display: flex;
    flex-wrap: wrap;
}
.list30 .item{
    width: 32.66%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.list30 .item:not(:nth-child(3n+1)){
    margin-left: 1%;
}
.list30 .imgbox{
    padding-bottom: 76%;
    position: relative;
}
.list30 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list30 .text_box{
    position: absolute;
    left: 35px;
    top: 25px;
}
.list30 .under{
    
font-weight: 700;
    color: #fff;
}
.list30 .base_btn2{
    margin-top: 18px;
}
.base_item1 .list30{
    margin-top: 40px;
}




.list29{
    padding-left: 31.38%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.list29 .item{
    width: 48.6%;
    margin-left: 1.4%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    padding: 30px;
}

.list29 .item:nth-child(2),
.list29 .item:nth-child(3){
    margin-bottom: 1.4%;
}
.list29 .imgbox{
    padding-bottom: 42%;
    position: relative;
    width: 46%;
}
.list29 .imgbox img{
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.list29 .imgbox .collect {
    background-image: url(../images/icon14.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
}
.list29 .text_box{
    width:54%;
    padding-left: 30px;
}
.list29 .price{
    display: flex;
    align-items: flex-end;
}
.list29 .price .span{
    line-height: .8;
    
font-weight: 700;
    color: #2a8703;
}
.list29 .price .old{
    margin-left: 10px;
    color: #636466;
    text-decoration: line-through;
    
}
.list29 .desc{
    margin: 15px 0;
    line-height: 1.625;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.list29 .num_box{
    display: flex;
    align-items: center;
}
.list29 .num_tit{
    color: #636466;
    margin-left: 10px;
}
.list29 .num_box .num_imgs{
    display: flex;
    align-items: center;
}
.list29 .num_imgs .img {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
}
.list29 .num_imgs .img:not(:first-child) {
    margin-left: 5px;
}
.list29 .base_btn{
    margin-top: 30px;
}
.list29 .item:first-child{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 31.38%;
    margin-left: 0;
    margin-bottom: 0;
    flex-direction: column;
    background-size: cover;
    background-repeat: no-repeat;
}
.list29 .item:first-child .imgbox{
    width: 100%;
    padding-bottom: 64%;
}
.list29 .item:first-child .imgbox img{
    left: 5%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.list29 .item:first-child .text_box{
    display: flex;
    width: 100%;
    margin-top: 50px;
    padding-left: 0;
}
.list29 .item:first-child .price{
    display: block;
    white-space: nowrap;
}
.list29 .item:first-child .price .span{
    font-size: 32px;
}
.list29 .item:first-child .price .old{
    margin-left: 0;
    margin-top: 10px;
}
.list29 .item:first-child .desc{
    margin-top: 0;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.list29 .item:first-child .main{
    margin-left: 40px;
    flex: 1;
}

.list29 .item:first-child .img_text{
    position: absolute;
    left: 35px;
    top: 25px;
}
.list29 .item:first-child .under{
    color: #fff;
    
font-weight: 700;
    line-height: 1.3;
}
.list29 .item:first-child .base_btn2{
    margin-top: 15px;
}

.list29 .base_btn .span{
    padding: 0 20px;
}

@media (max-width: 1459px){
    .list29 .base_btn .span{
        padding: 0 20px;
    }
}
@media (max-width: 1280px){
    .list29 .item {
        padding: 30px;
    }
    .list29 .item:first-child .main {
        margin-left: 20px;
    }
}
@media (max-width: 1024px){
    .list29 .item {
        flex-wrap: wrap;
    }
    .list29 .imgbox {
        width: 100%;
    }
    .list29 .text_box {
        width: 100%;
        padding: 15px 0;
    }
    .list29 .item:first-child .text_box {
        flex-wrap: wrap;
    }
    .list29 .item:first-child .main {
        margin: 10px 0;
        flex: unset;
        width: 100%;
    }
    .theme02 .title,
    .theme02 .list29,
    .theme02 .list30{
        margin-top: 20px;
    }

}
@media (max-width: 1024px){
    .box12{
        padding: 20px 15px;
    }
    .list29 .item:first-child .base_btn2{
        margin-top: 10px;
    }
    .theme02 {
        padding-bottom: 40px;
    }
}

@media (max-width: 768px){
    .list29 .item:first-child {
        position: static;
        width: 100%;
        margin-left: 0;
    }
    
    .list29 {
        padding-left: 0;
    }
    
    .list29 .item:first-child .text_box {
        margin-top: 20px;
    }
    
    .list29 .item {
        width: 100%;
        margin-bottom: 15px !important;
        margin-left: 0;
        padding: 15px;
    }
    .list29 .item:first-child .price .span {
        font-size: 14px;
    }
    
    .list29 .item:first-child .price {
        display: flex;
    }
    
    .list29 .item:first-child .price .old {
        margin-left: 10px;
    }
    .box12 {
        padding: 30px 10px;
    }
    .list30 {
        flex-wrap: wrap;
    }
    
    .list30 .item {
        margin-bottom: 15px;
        width: 100%;
    }
    
    .list30 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .theme02 .content {
        padding: 5px 15px;
    }
    .theme02 {
        padding-bottom: 20px;
    }
    .list29 .item:first-child {
        padding-bottom: 100%;
    }
    .list29 .item:first-child .img_text{
        left: 15px;
        top: 15px;
    }
}

@media (max-width: 640px){
    .box12{
        padding: 20px 10px;
    }
}


/* 翻新 */

.novate01{
    background-color: #f5f5f5;
    padding: 60px 0 100px;
}
.novate01 .content{
    display: flex;
}
.novate01 .content .left{
    width: 18%;
    padding-right: 3%;
    min-width: 160px;
}

.novate01 .content .right{
    flex: 1;
}


.box13{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.box13 .imgbox{
    padding-bottom: 170px;
    position: relative;
}
.box13 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.box13 .text_box{
    position: absolute;
    left: 4%;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    color: #fff;
}
.box13 .tit{
    
font-weight: 700;
    line-height: 1.5;
}
.box13 .ctit{
    line-height: 1.5;
}



.box14{
    padding: 70px 0 0;
}
.box14 .list31{
    margin-top: 40px;
}
.box14 .title{
    text-align: center;
    
font-weight: 700;
    line-height: 1.3;
}
.list31{
    display: flex;
    flex-wrap: wrap;
}
.list31 .item{
    width: 23.875%;
    position: relative;
    margin-bottom: 1.5%;
    cursor: pointer;
}
.list31 .item:not(:nth-child(4n+1)){
    margin-left: 1.5%;
}
.list31 .imgbox{
    padding-bottom: 133%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.list31 .imgbox::before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(transparent, rgba(0,0,0,.5));
    z-index: 2;
}
.list31 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list31 .tit{
    color: #ffffff;
    line-height: 1.5;
    position: absolute;
    left: 35px;
    bottom: 30px;
    
font-weight: 700;
    z-index: 2;
}
.percent1{
    background-image: linear-gradient(to right, #86cdf3 , #36a1db);
    padding: 0 60px;
    line-height: 40px;
    position: absolute;
    left: -57px;
    top: 28px;
    transform-origin: 50% 50%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    color: #fff;
    font-weight: 700;
    font-size: 15px;
}

.box15{
    padding: 70px 0 0;
}
.box15 .list32{
    margin-top: 40px;
}
.box15 .title{
    text-align: center;
    
font-weight: 700;
    line-height: 1.3;
}
.list32{
    display: flex;
    flex-wrap: wrap;
}
.list32 .item{
    width: 23.875%;
    position: relative;
    margin-bottom: 1.5%;
}
.list32 .item:not(:nth-child(4n+1)) {
    margin-left: 1.5%;
}
.list32 .imgbox{
    padding-bottom: 99.2%;
    position: relative;
    background-color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.list32 .imgbox img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-width: 50%;
}
.list32 .tit{
    color: #212324;
    line-height: 1.44;
    margin-top: 20px;
    text-align: center;
    
font-weight: 700;
}



.box16{
    margin: 70px 0 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    background-image: linear-gradient(to right, #86cdf3 , #36a1db);
    padding: 30px;
}
.box16 .cmain{
    background-color: #ffffff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 55px 15px 35px;
    text-align: center;
}
.box16 .title{
    
font-weight: 700;
}
.box16 .editor{
    color: #636466;
    display: inline-block;
    margin: 30px 0 40px;
    text-align: left;
    line-height: 1;
}

.box16 .more{
    display: inline-block;
    color: #1e94d4;
    
font-weight: 700;
}

.box17{
    padding: 70px 0 0;
}
.box17 .title{
    text-align: center;
    
font-weight: 700;
    line-height: 1.3;
}
.box17 .list33{
    margin-top: 40px;
}
.list33{
    display: flex;
}
.list33 .item{
    width: 16.66%;
    text-align: center;
    position: relative;
}
.list33 .icon{
    padding-bottom: 33%;
    position: relative;
}
.list33 .icon img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 100%;
}
.list33 .tit{
    
font-weight: 700;
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
    line-height: 1.44;
    text-align: center;
}
.list33 .item + .item .icon::before{
    content: '';
    display: block;
    position: absolute;
    left: -7%;
    top: 40%;
    border-top: 1px solid #d7d9db;
    border-right: 1px solid #d7d9db;
    width: 1vw;
    height: 1vw;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

@media (max-width: 1459px){
    .box14,
    .box15,
    .box17{
        padding: 50px 0 0;
    }
    .box16{
        margin-top: 50px;
    }
    .novate01{
        padding: 50px 0;
    }
}
@media (max-width: 1280px){
    .box14,
    .box15,
    .box17{
        padding: 30px 0 0;
    }
    .box16{
        margin-top: 30px;
    }
    .box16 .cmain {
        padding: 25px 15px;
    }
    .box16 .editor{
        margin: 20px 0;
    }
    .box16{
        padding: 20px;
    }
    .percent1 {
        line-height: 25px;
        font-size: 12px; 
    }
    .novate01{
        padding: 30px 0;
    }
    .box14 .list31,
    .box15 .list32,
    .box17 .list33{
        margin-top: 20px;
    }
}
@media (max-width: 768px){
    .novate01{
        padding: 20px 0;
    }
    .box14,
    .box15,
    .box17{
        padding: 20px 0 0;
    }
    .box16{
        margin-top: 20px;
    }
    .list33 .tit {
        margin-top: 10px;
    }
}
@media (max-width: 640px){
    .novate01 .content {
        flex-wrap: wrap;
    }
    .novate01 .content .left {
        width: 100%;
    }
    .list31 .item {
        width: 49%;
        margin-bottom: 2%;
    }
    .list31 .item:not(:nth-child(4n+1)) {
        margin-left: 0;
    }
    .list31 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .list31 .tit {
        left: 15px;
        bottom: 15px;
    }
    .list32 .item {
        width: 49%;
    }
    .list32 .item:not(:nth-child(4n+1)) {
        margin-left: 0;
    }
    .list32 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .list33 {
        flex-wrap: wrap;
    }
    .list33 .item {
        width: 49%;
        margin-bottom:2%;
    }
    .list33 .item:not(:nth-child(2n+1)){
         margin-left: 2%;
    }
    .list33 .icon {
        padding-bottom: 17%;
    }
}
/* 翻新详情 */
.novinfo01{
    padding: 60px 0;
}
.novinfo01 .imgbox{
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.novinfo01 .imgbox img{
    width: 100%;
}
.novinfo01 .text_box{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    left: 4%;
}
.novinfo01 .tit{
    
font-weight: 700;
    color: #ffffff;
    line-height: 1;
}
.novinfo01 .ctit{
    color: #fff;
    line-height: 1.5;
    margin-top: 15px;
}
.novinfo02{
    padding: 20px 0 60px;
}
.novinfo02 .table2{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.table2 table{
    width: 100%;
    background-color: #fff;
}
.table2 thead{
    background-image: linear-gradient(to right, #86cdf3 , #36a1db);
}
.table2 thead tr td{
    
font-weight: 700;
    color: #ffffff;
    line-height: 60px;
    text-align: center;
}
.table2 tbody tr:not(:last-child) td{
    border-bottom: 1px solid #f3f3f3;
}
.table2 tbody tr td:first-child{
    font-size: 18px;
    
font-weight: 700;
    color: #000000;
    padding: 30px 10px 30px 50px;
}
.table2 tbody tr td:not(:first-child){
    font-size: 16px;
    color: #474b4f;
    padding: 30px 10px;
}
.table2 tr td:first-child{
    width: 27%;
}
.table2 tr td:last-child{
    width: 19%;
}

.novinfo03{
    padding: 60px 0;
}

.box18{
    display: flex;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
}
.box18 .imgbox{
    width: 100%;
    height: 100%;
}
.box18 .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box18 .left{
    width: 50%;
}
.box18 .right{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5%;
}
.box18 .tit{
    color: #000000;
    
font-weight: 700;
    line-height: 1.5;
}
.box18 .list34{
    margin-top: 25px;
}
.list34 .item{
    margin-top: 30px;
    display: flex;
}
.list34 .num{
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-image: linear-gradient(to right, #86cdf3 , #36a1db);
    display: flex;
    align-items: center;
    justify-content: center;
    
font-weight: 700;
    color: #fff;
}
.list34 .tbox{
    flex: 1;
    margin-left: 20px;
}
.list34 .ctit{
    color: #000000;
    
font-weight: 700;
}
.list34 .cdesc{
    color: #474b4f;
    line-height: 1.5;
    margin-top: 15px;
}
.novinfo04{
    padding: 60px 0;
}
.box19{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box19 .left{
    width: 33.33%;
}
.box19 .right{
    width: 62%;
}
.box19 .tit{
    color: #000000;
    
font-weight: 700;
    line-height: 1.3;
}
.box19 .desc{
    line-height: 1.5;
    color: #474b4f;
    margin-top: 20px;
}
.novinfo05{
    padding: 0 0 60px;
}
.box20{
    display: flex;
    background-color: #fff;
    overflow: hidden;
    border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    -ms-border-radius: 20px 0 0 20px;
    -o-border-radius: 20px 0 0 20px;
}
.box20 .title{
    
font-weight: 700;
}
.box20 .left{
    width: 50%;
    display: flex;
    align-items: center;
    padding: 5% 6%;
}

.box20 .right{
    width: 50%;
}
.box20 .right .imgbox{
    width: 100%;
    height: 100%;
    border-radius: 0 20px 20px 0;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    -ms-border-radius: 0 20px 20px 0;
    -o-border-radius: 0 20px 20px 0;
    overflow: hidden;
}
.box20 .right .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box20 .list35{
    padding-top: 20px;
}
.list35 .item{
    margin-top: 20px;
}

.list35 .tit{
    color: #000000;
    
font-weight: 700;
    line-height: 1.66;
}
.list35 .desc{
    color: #474b4f;
    line-height: 1.5;
    margin-top: 10px;
}
.novinfo06{
    padding: 35px 0 95px;
}
.novinfo06 .title{
    
font-weight: 700;
    line-height: 1.5;
    color: #000;
    text-align: center;
}
.novinfo06 .list15{
    margin-top: 40px;
    margin-bottom: 50px;
}

@media (max-width: 1459px){
    .novinfo01,
    .novinfo03,
    .novinfo04{
        padding: 40px 0;
    }
    .novinfo02{
        padding: 20px 0 40px;
    }
    .novinfo05{
        padding: 0 0 40px;
    }
    .novinfo06{
        padding: 20px 0 60px;
    }
}
@media (max-width: 1280px){
    .novinfo01,
    .novinfo03,
    .novinfo04{
        padding: 30px 0;
    }
    .novinfo02{
        padding: 20px 0 30px;
    }
    .novinfo05{
        padding: 0 0 30px;
    }
    .novinfo06{
        padding: 20px 0 30px;
    }
    .table2 tbody tr td:not(:first-child) {
        padding: 20px 0;
    }
    .table2 tbody tr td:first-child {
        padding: 20px 0 20px 30px;
    }
    .table2 tbody tr td:not(:first-child) {
        padding: 20px 0;
    }
    
    .list34 .num {
        width: 30px;
        min-width: 30px;
        height: 30px;
    }
    
    .list34 .cdesc {
        margin-top: 10px;
    }
    
    .box20 .left {
        padding: 4%;
    }
    
    .list35 .item {
        margin-top: 10px;
    }
}
@media (max-width: 768px){
    .novinfo01,
    .novinfo03,
    .novinfo04{
        padding: 20px 0;
    }
    .novinfo02{
        padding: 20px 0 20px;
    }
    .novinfo05{
        padding: 0 0 20px;
    }
    .novinfo06{
        padding: 20px 0 20px;
    }
    .table2 thead tr td {
        line-height: 40px;
    }
    .table2 thead tr td {
        font-size: 14px;
    }
    .table2 tbody tr td:first-child {
        padding: 15px;
        font-size: 16px;
    }
    .table2 tbody tr td:not(:first-child) {
        padding: 15px 0;
        font-size: 14px;
    }
    .list34 .item{
        margin-top: 15px;
    }
    .novinfo06 .list15 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
@media (max-width: 640px){
    .novinfo01 .ctit {
        margin-top: 5px;
    }
    .novinfo01{
        padding: 20px 0 10px;
    }
    .novinfo03, .novinfo04 {
        padding: 10px 0;
    }
    .novinfo02 {
        padding: 10px 0;
    }
    .novinfo02 .table2 {
        overflow-x: auto;
    }
    .novinfo02 .table2 table {
        width: 180%;
    }
    .box18 {
        flex-wrap: wrap;
    }
    .box18 .left {
        width: 100%;
    }
    .box18 .right {
        width: 100%;
    }
    .box19 .desc {
        margin-top: 10px;
    }
    .box20 {
        flex-wrap: wrap;
    }
    .box20 .left {
        width: 100%;
    }
    .box20 .right {
        width: 100%;
    }
    .novinfo06 {
        padding: 10px 0;
    }
}

/* 社群 */
.social01 .title{
    color: #000000;
    line-height: 1.5;
    
font-weight: 700;
}
.social01 .social01_swiper{
    margin-top: 30px;
}
.social01_swiper .swiper-slide{
    height: auto;
}
.social01_swiper .item{
    height: 100%;
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.social01_swiper .item .imgbox{
    padding-bottom: 122%;
    position: relative;
}
.social01_swiper .item .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.social01_swiper .text_box{
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
}
.social01_swiper .tit{
    color: #ffffff;
    line-height: 1.444;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.social01_swiper .time{
    margin-top: 20px;
    padding-left: 25px;
    position: relative;
    color: #fff;
}
.social01_swiper .time::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    background-image: url(../images/icon33.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 19px;
}
.social01_swiper .swiper-container{
    overflow: unset;
}
.social01{
    overflow: hidden;
    padding-top: 30px;
}
.social01:nth-child(2) {
    margin-top: -25px;
}
.social02{
    padding: 90px 0 115px;
    overflow: hidden;
}

.social02 .title{
    line-height: 1.5;
    font-weight: 700;
}
.social02 .social02_swiper{
    margin-top: 40px;
    position: relative;
}
.social02_swiper .swiper-container {
    overflow: unset;
}
.social02_swiper .imgbox{
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}
.social02_swiper.base_swiper .swiper_btn {
    background-color: #069ad9;
}
.social02_swiper .base_video{
    position: absolute;
    right: 40px;
    top: 40px;
    width: 67px;
    height: 67px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-image: url(../images/icon34.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
} 
.social02_swiper .pro_text{
    position: absolute;
    left: 55px;
    bottom: 60px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    padding: 20px 30px 30px 20px;
}
.social02_swiper .pro_text .icon{
    width: 75px;
    min-width: 75px;
}
.social02_swiper .pro_text .pro_box1{
    flex: 1;
    padding: 0 35px;
    max-width: 360px;
}
.social02_swiper .base_btn .span{
    padding: 0 20px;
}

.social02_swiper .pro_text .tit{
    color: #1e94d4;
    line-height: 1.44;
    
font-weight: 700;
}
.social02_swiper .pro_text .desc{
    color: #636466;
    line-height: 1.44;
    margin-top: 15px;
}
.social02_swiper .text_box{
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.social02_swiper .uicon{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
}
.social02_swiper .uicon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.social02_swiper .u_text{
    margin-left: 25px;
}
.social02_swiper .utit{
    color: #636466;
    line-height: 1.18;
}
.social02_swiper .udesc{
    color: #636466;
    line-height: 1.44;
    margin-top: 10px;
}

@media (max-width: 1459px){
    .social01{
        padding-top: 70px;
    }
    .social02 {
        padding: 70px 0;
    }
}
@media (max-width: 1280px){
    .social01{
        padding-top: 50px;
    }
    .social02 {
        padding: 50px 0;
    }
    .social02_swiper .base_video {
        width: 45px;
        height: 45px;
        top: 25px;
        right: 25px;
    }
    .social02_swiper .pro_text {
        left: 25px;
        bottom: 25px;
        padding: 15px;
    }
    .social02_swiper .pro_text .pro_box1 {
        padding: 0 25px;
    }
    .social02_swiper .uicon {
        width: 65px;
        height: 65px;
    }
    .social02_swiper .u_text {
        margin-left: 15px;
    }
}
@media (max-width: 1024px){
    .social01{
        padding-top: 30px;
    }
    .social02 {
        padding: 30px 0;
    }
}
@media (max-width: 768px){
    .social01{
        padding-top: 20px;
    }
    .social02 {
        padding: 20px 0;
    }
    .social01 .social01_swiper {
        margin-top: 20px;
    }
    .social01_swiper .time::before{
        top: -3px;
    }
    .social02_swiper .base_video {
        width: 30px;
        top: 10px;
        right: 10px;
    }
    
    .social02_swiper .pro_text .icon {
        width: 25px;
        min-width: 25px;
    }
    
    .social02_swiper .pro_text {
        flex-wrap: wrap;
        left: 10px;
        bottom: 10px;
        right: 10px;
    }
    
    .social02_swiper .pro_text .pro_box1 {
        flex: unset;
        width: 100%;
        padding: 10px 0;
    }
    
    .social02_swiper .pro_text .desc {
        margin-top: 5px;
    }
    .social02_swiper .uicon{
        width: 45px;
        height: 45px;
    }
    .social02_swiper .text_box {
        margin-top: 10px;
    }
}

/* 社群详细 */
.socinfo01{
    padding: 35px 0 85px;
}
.socinfo01 .title{
    color: #000000;
    line-height: 1.5;
    
font-weight: 700;
}
.socinfo01 .title img{
    display: inline-block;
    margin-left: 10px;
}
.socinfo01 .box21{
    margin-top: 55px;
}
.box21{
    display: flex;
    justify-content: space-between;
}
.box21 .left {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    flex: 1;
}
.box21 .left .main{
    background-color: #fff;
    padding: 40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.box21 .main1{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}
.box21 .right {
    width: 22.2%;
    padding-left: 3%;
}
.box21 .relates1{
    margin-bottom: 40px;
}
.relates1 .relate_tit {
    color: #636466;
    line-height: 1.66;
}
.relates1 .list36{
    margin-top: 15px;
}
.list36 .item{
    padding: 17px 0;
    border-bottom:1px solid #ededee;
    display: block;
}
.list36 .ptit{
    padding-left: 30px;
    position: relative;
    line-height: 1.7;
}
.list36 .ptit::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    background-image: url(../images/icon37.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 14px;
}
.box21 .capt{
    display: flex;
    align-items: center;
}
.box21 .capt .icon{
    width: 105px;
    height: 105px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-image: linear-gradient(to right, #86cdf3 , #36a1db);
    display: flex;
    align-items: center;
    justify-content: center;
}
.box21 .capt .icon img{
    max-width: 70%;
}
.box21 .capt .cap_text{
    margin-left: 30px;
    line-height: 1.44;
    color: #636466;
}
.box21 .ctit{
    color: #000000;
    line-height: 1.5;
    margin-top: 60px;
}
.box21 .editor{
    margin-top: 35px;
}
.box21 .editor h2{
    font-size: 24px;
}


@media (max-width: 1459px){
    .list36 .item {
        padding: 10px 0;
    }
    .box21 .capt .icon {
        width: 80px;
        height: 80px;
    }
    .box21 .ctit {
        margin-top: 40px;
    }
    .box21 .editor {
        margin-top: 25px;
    }
    .box21 .editor h2{
        font-size: 20px;
    }
}
@media (max-width: 1280px){
    .box21 .editor h2{
        font-size: 18px;
    }
}
@media (max-width: 1024px){
    .socinfo01 {
        padding: 30px 0;
    }
    
}
@media (max-width: 768px){
    .box21 .editor h2{
        font-size: 16px;
    }
    .socinfo01 .box21 {
        margin-top: 20px;
    }
    
    .socinfo01 {
        padding: 10px 0 10px;
    }
    
    .box21 .left .main {
        padding: 25px;
    }
    
    .box21 .ctit {
        margin-top: 20px;
    }
    
    .box21 .editor {
        margin-top: 15px;
    }
    
    .box21 .capt .icon {
        width: 60px;
        height: 60px;
    }
    
    .box21 .capt .cap_text {
        margin-left: 15px;
    }
    .box21 {
        flex-wrap: wrap;
    }
    
    .box21 .left {
        flex: unset;
        width: 100%;
    }
    
    .box21 .right {
        width: 100%;
    }
}
@media (max-width: 640px){
    .box21 .relates1 {
        margin-bottom: 20px;
        margin-top: 15px;
    }
    
    .relates1 .list36 {
        margin-top: 5px;
    }
    .list36 .ptit::before {
        width: 15px;
        height: 7px;
        top: 7px;
    }
    
    .list36 .ptit {
        padding-left: 25px;
    }
    .box21 .left .main{
        padding: 15px;
    }
}

/* 购买指南 */
.buy01{
    padding: 40px 0 0;
}
.buy01 .title{
    text-align: center;
    
font-weight: 700;
    line-height: 1.3;
}
.buy01 .imgbox{
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    position: relative;
    margin-top: 55px;
}
.buy01 .video_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.buy01 .video_box video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.buy01 .video_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background-image: url(../images/icon16.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 3;
    width: 100px;
    height: 100px;
    cursor: pointer;
}
.buy02{
    padding: 100px 0 0;
}
.buy02 .title{
    text-align: center;
    
font-weight: 700;
    color: #000000;
}
.buy02 .desc{
    color: #212324;
    line-height: 1.625;
    margin-top: 35px;
}
.buy02 .imgbox{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    margin-top: 60px;
}
.buy02 .imgbox img{
    width: 100%;
}
.buy03{
    padding: 90px 0 80px;
}
.buy03 .title{
    text-align: center;
    
font-weight: 700;
    color: #000000;
}
.buy03 .table3{
    margin-top: 45px;
}

.table3 table{
    border-width: 1px;
    border-color: #dbdbdb;
    color: #636466;
}
.table3 table td{
    padding: 18px 25px;
    width: 33.33%;
    line-height: 1.3;
}
.buy03 .text_box{
    margin-top: 40px;
}
.buy03 .tit{
    color: #212324;
    
font-weight: 700;
    line-height: 1.3;
}
.buy03 .editor{
    margin-top: 15px;
    line-height: 1.625;
}

.buy04{
    padding: 0 0 70px;
}
.list37 .item{
    margin-bottom: 35px;
    background-color: #f5f5f5;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 65px 70px 65px 45px;
}
.list37 .imgbox{
    padding-bottom: 17%;
    position: relative;
    width: 22%;
    
}
.list37 .imgbox img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 100%;
}
.list37 .text_box{
    flex: 1;
    padding-left: 45px;
}
.list37 .tit{
    color: #212324;
    
font-weight: 700;
    line-height: 1.35;
}
.list37 .desc{
    color: #636466;
    line-height: 1.625;
}
.list37 .price{
    display: flex;
    align-items: flex-end;
    margin-top: 55px;
}
.list37 .price .span{
    line-height: .8;
    
font-weight: 700;
    color: #3ea5dd;
}
.list37 .price .old{
    margin-left: 10px;
    color: #636466;
    text-decoration: line-through;
}
.list37 .base_btn{
    margin-top: 20px;
}
.list37 .base_btn .span{
    padding: 0 35px;
}

.buy05{
    padding: 0 0 60px;
}
.buy05 .title{
    text-align: center;
    
font-weight: 700;
    color: #000000;
}
.buy05 .list38{
    margin-top: 75px;
}
.list38{
    display: flex;
}
.list38 .item{
    width: 25%;
    text-align: center;
    margin-bottom: 2%;
}
.list38 .imgbox{
    padding-bottom: 51.5%;
    position: relative;
}
.list38 .imgbox img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 100%;
}
.list38 .tit{
    color: #212324;
    line-height: 1.44;
    margin-top: 40px;
    
font-weight: 700;
}
.list38 .desc{
    color: #636466;
    line-height: 1.625;
}
.list38 .usd{
    color: #212324;
    line-height: 1.44;
    margin-top: 30px;
}
.buy06{
    padding: 20px 0 100px;
}
.buy06 .title{
    
font-weight: 700;
}
.buy06 .list39{
    margin-top: 30px;
}

.list39{
    padding: 60px 0 45px;
    background-color: #f5f5f5;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.list39 .item{
    width: 25%;
    padding: 0 2%;
    text-align: center;
}
.list39 .icon{
    padding-bottom: 13.3%;
    position: relative;
}
.list39 .icon img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 100%;
}
.list39 .desc{
    color: #636466;
    line-height: 1.625;
    margin-top: 30px;
}
.list39 .citem{
    margin-top: 35px;
}
.list39 .tit{
    
font-weight: 700;
    color: #212324;
}
.list39 .ctit{
    color: #636466;
    line-height: 1.625;
    margin-top: 5px;
}
@media (max-width: 1459px){
    .buy01 .video_btn {
        width: 60px;
        height: 60px;
    }
    .buy01 {
        padding: 20px 0 0;
    }
    .buy01 .imgbox {
        margin-top: 30px;
    }
    .buy02 {
        padding: 70px 0 0;
    }
    .buy02 .imgbox {
        margin-top: 40px;
    }
    .buy03 {
        padding: 60px 0;
    }
    .list37 .item {
        padding: 45px;
    }
    .buy04 {
        padding: 0 0 40px;
    }
    .buy05 {
        padding: 0 0 40px;
    }
    .buy06 {
        padding: 20px 0 60px;
    }
    .list39 {
        padding: 40px 0;
    }
}
@media (max-width: 1024px){
    .buy01 .video_btn {
        width: 40px;
        height: 40px;
    }
    
    .buy02 {
        padding: 40px 0 0;
    }
    
    .buy02 .desc {
        margin-top: 20px;
    }
    
    .buy03 {
        padding: 40px 0;
    }
    
    .list37 .item {
        padding: 25px;
        margin-bottom: 15px;
    }
    
    .list37 .price {
        margin-top: 30px;
    }
    
    .buy05 .list38 {
        margin-top: 40px;
    }
    
    .buy06 .list39 {
        margin: 20px 0;
        padding: 25px 0;
    }
    
    .list39 .desc {
        margin-top: 15px;
    }
    
    .list39 .citem {
        margin-top: 20px;
    }
    
    .list38 .usd {
        margin-top: 15px;
    }
    
    .list38 .tit {
        margin-top: 20px;
    }
}
@media (max-width: 768px){
    .table3 table td {
        padding: 15px;
    }
    
    .buy03 .table3 {
        margin-top: 15px;
    }
    
    .buy03 {
        padding: 15px 0;
    }
    
    .buy03 .text_box {
        margin-top: 15px;
    }
    
    .list37 .item {
        padding: 15px;
    }
    
    .list37 .text_box {
        padding-left: 25px;
    }
    
    .buy04 {
        padding: 0 0 15px;
    }
    
    .buy05 {
        padding: 0 0 15px;
    }
    
    .buy06 .list39 {
        margin: 15px 0;
        padding: 15px 0;
    }
    
    .list39 .item {
        padding: 0 1%;
    }
    
    .buy06 {
        padding: 15px 0 15px;
    }
    .buy01 .imgbox {
        margin-top: 15px;
    }
    .buy02 {
        padding: 15px 0 0;
    }
    .buy02 .imgbox {
        margin-top: 15px;
    }
}
@media (max-width: 640px){
    .buy01 .video_btn {
        width: 30px;
        height: 30px;
    }
    .table3 table td {
        padding: 5px;
    }
    .list37 .text_box {
        padding: 10px 0 0;
    }
    .list37 .item {
        flex-wrap: wrap;
    }
    .list37 .imgbox {
        width: 100%;
        padding-bottom: 30%;
    }
    .list37 .price {
        margin-top: 10px;
    }
    .list37 .base_btn .span {
        padding: 0 15px;
    }
    .list37 .base_btn {
        margin-top: 15px;
    }
    .list38 .item {
        width: 50%;
        margin-bottom: 15px;
       
    }
    .buy05 .list38 {
        flex-wrap: wrap;
    }
    .list38 .usd {
        margin-top: 5px;
    }
    .buy06 .list39 {
        flex-wrap: wrap;
    }
    .list39 .item {
        width: 50%;
        margin-bottom: 15px;
        padding: 0 3px;
    }
    .list39 .citem {
        margin-top: 10px;
    }
}

/* 新品推荐 */
.novel01{
    padding: 50px 0 85px;
}
.novel01 .list40{
    margin-top: 80px;
}
.novel01 .title{
    
font-weight: 700;
    color: #212324;
    line-height: 1.3;
}
.novel01 .desc{
    color: #000000;
    line-height: 1.3;
    margin-top: 15px;
}
.list40 .item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}
.list40 .item:nth-child(2n){
    flex-direction: row-reverse;
}
.list40 .left{
    width: 33.33%;
    display: flex;
    align-items: center;
    padding: 3% 0;
}
.list40 .right{
    width: 57%;
}
.list40 .imgbox{
    height: 100%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.list40 .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list40 .tit{
    color: #212324;
    line-height: 1.27;
}
.list40 .cdesc{
    color: #636466;
    line-height: 1.625;
    margin-top: 20px;
}
.list40 .price{
    background-image: linear-gradient(to right, #86cdf3 , #36a1db);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    
font-weight: 700;
    margin-top: 20%;
}
.list40 .base_btn{
    margin-top: 30px;
}
.list40 .base_btn .span{
    padding: 0 30px;
}

@media (max-width: 1459px){
    .novel01 {
        padding: 20px 0 50px;
    }
    .novel01 .list40 {
        margin-top: 50px;
    }
    .list40 .item{
        margin-bottom: 50px;
    }
    .list40 .price {
        margin-top: 15%;
    }
}
@media (max-width: 1280px){
    .novel01 {
        padding: 20px 0 40px;
    }
    .novel01 .list40 {
        margin-top: 30px;
    }
    .list40 .item{
        margin-bottom: 30px;
    }
    .list40 .price {
        margin-top: 10%;
    }
}
@media (max-width: 1024px){
    .novel01 {
        padding: 15px 0;
    }
    .novel01 .list40 {
        margin-top: 15px;
    }
    .list40 .item{
        margin-bottom: 20px;
    }
    .list40 .price {
        margin-top: 5%;
    }
}
@media (max-width: 768px){
    .list40 .cdesc {
        margin-top: 10px;
    }
    .list40 .base_btn {
        margin-top: 15px;
    }
    .list40 .base_btn .span {
        padding: 0 15px;
    }
}
@media (max-width: 640px){
    .novel01 .desc {
        margin-top: 10px;
    }
    .list40 .item {flex-wrap: wrap;}
    
    .list40 .left {
        width: 100%;
    }
    .list40 .right {
        width: 100%;
    }
    .list40 .item:nth-child(2n) {
        flex-direction: row;
    }
}

/* 入会分享 */
.enroll01{
    padding:60px 0 85px;
}
.enroll01 .imgbox{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.enroll02{
    padding-bottom: 90px;
}
.enroll02 .title{
    color: #212324;
    line-height: 1.3;
    
font-weight: 700;
}
.enroll02 .editor{
    line-height: 1.444;
}
.enroll02 .editor h2{
    font-size: 24px;
}
.enroll02 .editor{
    padding: 35px 0;
}
.enroll02 .base_btn .span{
    padding: 0 40px;
}
@media (max-width: 1459px){
    .enroll01{
        padding: 50px 0;
    }
    .enroll02 {
        padding-bottom: 50px;
    }
    .enroll02 .base_btn .span{
        padding: 0 35px;
    }
}
@media (max-width: 1280px){
    .enroll01{
        padding: 40px 0;
    }
    .enroll02 .editor h2{
        font-size: 20px;
    }
    .enroll02 {
        padding-bottom: 40px;
    }
}
@media (max-width: 1024px){
    .enroll01{
        padding: 20px 0;
    }
    .enroll02 .editor h2{
        font-size: 16px;
    }
    .enroll02 {
        padding-bottom: 20px;
    }
    .enroll02 .base_btn .span{
        padding: 0 25px;
    }
    .enroll02 .editor {
        padding: 25px 0;
    }
}
@media (max-width: 768px){
    .enroll01{
        padding: 15px 0;
    }
    .enroll02 .editor {
        padding: 15px 0;
    }
}

/* 登录 */


.mandate{
    padding:2.7% 0 4.2%;
    background-repeat: no-repeat;
    background-size: cover;
}
.mandate.mandatelogin{
    padding:5% 0 6.5% ;
}
.mandate .main{
    text-align: right;
}
.mand{
    display: inline-block;
    max-width: 500px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    width: 100%;
    text-align: left;
    padding: 35px 40px;
}
.mand .icon{
    padding-bottom: 10%;
    position: relative;
}
.mand .icon img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 100%;
}
.mand .title{
    color: #212324;
    
font-weight: 700;
    line-height: 1.3;
    margin-top: 30px;
}
.mand .form5{
    margin-top: 25px;
}
.form5 .item{
    margin-top:20px;
}
.form5 .lable{
    color: #000000
}
.form5 .input{
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    height: 50px;
    padding-left: 20px;
    margin-top: 10px;
    position: relative;
}
.form5 .input input{
    border: none;
    width: 100%;
    height: 100%;
}
.form5 .hdm{
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.form5 .hdm .act{
    width: 18px;
    height: 18px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    position: relative;
}
.form5 .hdm .hdm_tit{
    color: #636466;
    margin-left: 15px;
}
.form5 .hdm.cur .act::before{
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    border-top: 2px solid #82caf1;
    border-right: 2px solid #82caf1;
    right: 3px;
    width: 8px;
    height: 4px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.form5 .base_btn{
    width: 100%;
    margin-top: 25px;
    text-align: center;
}
.form5 .link{
    display: inline-block;
    margin-top: 20px;
}
.form5 .tishi{
    display: flex;
    align-items: center;
    color: #000000;
    justify-content: center;
    margin-top: 35px;
}
.form5 .tishi a{
    color: #1e94d4;
    text-decoration: underline;
    margin-left: 3px;
}

.form5 .input.password .pass_word{
    background-image: url(../images/icon38.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 21px;
    height: 13px;
    cursor: pointer;
}
.form5 .input.yz{
    display: flex;
}
.form5 .input.yz .uimg{
    height: 100%;
    border-left: 1px solid #f5f5f5;
    padding: 0 5px;
    min-width:85px;
}
.form5 .input.yz .uimg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 1459px){
    .form5 .input {
        height: 40px;
    }
    .mand .title {
        margin-top: 20px;
    }
    .form5 .item {
        margin-top: 15px;
    }
    .form5 .tishi {
        margin-top: 35px;
    }
}
@media (max-width: 640px){
    .mand {
        padding: 20px 15px;
    }
    
    .form5 .input {
        height: 35px;
        padding-left: 10px;
    }
    
    .form5 .base_btn {
        margin-top: 10px;
    }
    
    .form5 .hdm .hdm_tit {
        margin-left: 10px;
    }
    
    .form5 .tishi {
        margin-top: 20px;
    }
    
    .mand .form5 {
        margin-top: 15px;
    }
}
/* 个人资料 */
.person{
    padding: 75px 0 90px;
}
.person_box{
    display: flex;
}
.person_box .left{
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    height: 100%;
    box-shadow: 0 0 15px #f5f7f9;
    min-width: 330px;
    width: 330px;
}
.person_box .right{
    width: calc(100% - 330px);
    margin-left: 10px;
    display: flex;
    flex-direction: column;
}
.box22{
    padding: 40px 40px 85px;
    text-align: center;
}
.box22 .imgbox{
   width: 95px;
   height: 95px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   overflow: hidden;
   display: inline-block;
}
.box22 .imgbox img{
    width: 100%;
    height: 100%;
}
.box22 .name{
    display: flex;
    align-items: center;
    margin-top: 30px;
    justify-content: center;
}
.box22 .name_tit{
    
font-weight: 700;
}
.box22 .name_btn{
    background-image: url(../images/icon39.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-position: center;
    margin-left: 10px;
}

.list41{
    margin-top: -40px;
    box-shadow: 0 0 15px #f5f7f9;
    border-radius: 50px 50px 10px 10px;
    -webkit-border-radius: 50px 50px 10px 10px;
    -moz-border-radius: 50px 50px 10px 10px;
    -ms-border-radius: 50px 50px 10px 10px;
    -o-border-radius: 50px 50px 10px 10px;
    padding: 40px 0 35px 40px;
}
.list41 .item{
    display: flex;
    align-items: center;
    border-radius: 29px 0 0 29px;
    -webkit-border-radius: 29px 0 0 29px;
    -moz-border-radius: 29px 0 0 29px;
    -ms-border-radius: 29px 0 0 29px;
    -o-border-radius: 29px 0 0 29px;
    padding: 20px 0 20px 20px;
    cursor: pointer;
    margin-bottom: 5px;
}
.list41 .item.cur,
.list41 .item:hover{
    background-image: linear-gradient(to right, #86cdf3 , #36a1db);
}

.list41 .img1{
    display: block;
}
.list41 .img2{
    display: none;
}
.list41 .item_tit{
    color: #212324;
    margin-left: 15px;
}

.list41 .item.cur .item_tit,
.list41 .item:hover .item_tit{
    color: #fff;
}
.list41 .item.cur .img1,
.list41 .item:hover .img1{
    display: none;
}
.list41 .item.cur .img2,
.list41 .item:hover .img2{
    display: block;
}

.box23{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    padding: 30px;
}
.box23 .box23_tit{
    
font-weight: 700;
    color: #000000;
}


.box24{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-top: 10px;
    flex: 1;
    background-color: #fff;
    margin-top: 10px;
    padding: 30px;
}
.form6{
    width: 100%;
    max-width: 800px;
}
.form6 .item{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.form6 .lable{
    color: #212324;
    width: 90px;
    min-width: 90px;
    text-align: right;
}
.form6 .input{
    border: 1px solid #f4f4f4;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    height: 50px;
    flex: 1;
    margin-left: 10px;
    padding-left: 20px;
}

.form6 .input input{
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.form6 .item.personid input{
    background-color: unset;
    color: #636466;
}
.form6 .bnt_box{
    flex: 1;
}
.form6 .base_btn.black .span{
    color: #636466;
    cursor: pointer;
}
.form6 .base_btn1::before{
    border-color:#f4f4f4 ;
}
.form6 .base_btn1:hover .span{
    color: #fff;
}
.form6 .item.select,
.form9 .item.select{
    position: relative;
}

.form6 .item.select .select_box{
    position: relative;
    padding-right: 15px;
    width: 100%;
}
.form9 .item.select .select_box{
    position: relative;
    width: 100%;
}



.form6 .item.select .select_box:before,
.form9 .item.select .select_box:before{
       content: '';
       display: block;
       position: absolute;
       top: 30%;
       border-top: 1px solid #555555;
       border-right: 1px solid #555555;
       right: 18px;
       width: 6px;
       height: 6px;
       transform: rotate(135deg);
       -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
       -ms-transform: rotate(135deg);
       -o-transform: rotate(135deg);
}


.form6 .item.select .input,
.form9 .item.select  .input{
    display: flex;
    align-items: center;
}

.form6 .item.select select,
.form9 .item.select select{
    border: none;
    width: 100%;
}
@media (max-width: 1459px){
    .person {
        padding: 50px 0;
    }
}
@media (max-width: 1280px){
    .person {
        padding: 40px 0;
    }
}
@media (max-width: 1024px){
    .person {
        padding: 30px 0;
    }
    .box23 {
        padding: 20px;
    }
    .form6 .lable {
        width: 60px;
        min-width: 60px;
    }
    .form6 .input {
        height: 40px;
    }
    .box24 {
        padding: 20px;
    }
    .list41 .item {
        padding: 15px 0 15px 15px;
    }
    .list41 {
        padding: 25px 0 25px 25px;
    }
    .box22 {
        padding: 30px 30px 50px;
    }
    .person_box .left {
        min-width: 250px;
        width: 250px;
    }
    .person_box .right{
        width: calc(100% - 250px);
    }
}
@media (max-width: 768px){
    .person {
        padding: 15px 0;
    }
    .form6 .input {
        height: 35px;
        margin-left: 5px;
        padding-left: 10px;
    }
    .box23 {
        padding: 15px;
    }
    .box24 {
        padding: 15px;
    }
    .form6 .item {
        margin-bottom: 10px;
    }
    .box22 .name {
        margin-top: 10px;
    }
    .person_box .left {
        min-width: 190px;
        width: 190px;
    }
    .person_box .right{
        width: calc(100% - 190px);
    }
    .box22 {
        padding: 20px 20px 50px;
    }
    .box22 .imgbox {
        width: 60px;
        height: 60px;
    }
    .list41 {
        margin-top: -20px;
        border-radius: 10px 10px 10px 10px;
        padding: 15px 0 15px 15px;
    }
    .list41 .item {
        padding: 10px 0 10px 10px;
    }

}
@media (max-width: 640px){
    .person_box {
        flex-wrap: wrap;
    }
    .person_box .left {
        min-width: 100%;
    }
    .person_box .right {
        margin: 10px 0 0;
        width: 100%;
    }
    .form6 .input input {
        font-size: 12px;
    }
    .form6 .item {
        flex-wrap: wrap;
    }
    .form6 .input {
        width: 100%;
        flex: unset;
        margin: 10px 0 0;
    }
    .form6 .lable {
        text-align: left;
    }
    .form6 .item:last-child .lable {
        display: none;
    }
}


/* 我的积分获取积分 */
.box25{
    padding: 30px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
}
.box25 .box25_tishi{
    color: #636466;
    line-height: 1.625;
    position: relative;
     display: inline-block;
     cursor: pointer;
}
.box25 .box25_tishi::before{
    content: '';
    display: block;
    position: absolute;
    left: 102%;
    top: 7px;
    background-image: url(../images/icon40.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.box25 .list42{
    margin-top: 60px;
    padding: 0 16%;
    display: flex;
    justify-content: space-between;
}
.list42 .num{
    color: #212324;
    
font-weight: 700;
    line-height: .9;
}
.list42 .box25_tit{
    color: #636466;
    line-height: 1.5;
}


.box26{
    padding: 30px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    margin-top: 10px;
}

.capt2{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
}
.tab4{
    display: flex;
    align-items: center;
}
.tab4 .tab{
    color: #636466;
    padding-bottom: 40px;
    position: relative;
    padding-top: 30px;
}
.tab4 .tab.cur::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    background-color: #1e94d4;
}
.tab4 .tab:not(:first-child){
    margin-left: 50px;
}

.time1{
    width: 41%;
    display: flex;
    align-items: center;
    min-width: 380px;
}
.time1 .time_box{
    display: flex;
    align-items: center;
    border: 1px solid #efefef;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    height: 50px;
    flex: 1;
    padding: 0 10px;
    position: relative;
    color: rgba(9,100,102, 0.61);
    padding-right: 40px;
}
.time1 .time_box::before{
    content: '';
    display: block;
    position: absolute;
    right: 15px;
    background-image: url(../images/icon41.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-size: contain;
}
.time1 .input{
    position: relative;
    margin: 0 10px;
}
.time1 .input input{
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*opacity: 0;*/
    width: 100%;
    text-align: center;
    /*height: 100%;*/
}
.time1 .base_btn{
    margin-left: 5px;
}
.time1 .base_btn .span{
    padding: 0 30px;
}

/*.time1 .input input::-webkit-calendar-picker-indicator {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    width: 100%;*/
/*}*/
.table4{
    padding: 0 0 40px;
}
.table4 table{
    width: 100%;
}
.table4 thead{
    background-color: #f5f5f5;
}
.table4 tr td{
    padding: 25px 20px;
}
.table4 thead td{
    color: #636466;
    font-size: 16px;
}
.table4 tbody td{
    color: #212324;
    font-size: 18px;
}
.table4 tbody tr td{
    border-bottom: 1px solid #efefef;
}

@media (max-width: 1459px){
    .box25 .list42 {
        margin-top: 40px;
    }
    .tab4 .tab {
        padding: 20px 0 30px;
    }
    .time1 .time_box {
        height: 35px;
    }
    .table4 tr td {
        padding: 15px;
    }
    .table4 {
        padding: 0 0 20px;
    }
    .tab4 .tab:not(:first-child) {
        margin-left: 40px;
    }
}
@media (max-width: 1280px){
    .table4 tbody td {
        font-size: 14px;
    }
    .tab4 .tab:not(:first-child) {
        margin-left: 15px;
    }
    .box25 .list42 {
        margin-top: 20px;
    }
}
@media (max-width: 1024px){
    .tab4 .tab {
        padding: 20px 0;
    }
    .box26,
    .box25{
        padding: 15px;
    }
}
@media (max-width: 768px){
    .table4 tbody td{
        font-size: 12px;
    }
    .capt2 {flex-wrap: wrap;}

    .tab4 {
        border-bottom: 1px solid #eee;
        width: 100%;
    }

    .tab4 .tab {
        padding: 0 0 15px;
    }

    .time1 {
        margin-top: 10px;
        min-width: 100%;
    }


    .table4 thead td {
        font-size: 14px;
    }

    .table4 tr td {
        padding: 10px;
    }

    .table4 {
        padding: 0 0 15px;
    }
    .box25 .list42 {
        padding: 0 5%;
    }
    .capt2{
        border-bottom: unset;
    }
    .time1 .time_box{
        height: 25px;
    }
}
@media (max-width: 640px){
    .table4 {
        overflow-x: auto;
    }
    .table4 table {
        width: 150%;
    }
    .time1 .time_box::before {
        width: 15px;
        height: 15px;
    }
}

/* 我的订单-全部 */
.box27{
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    padding: 30px;
    justify-content: space-between;
}
.box27 .box27_tit{
    color: #000000;
    
font-weight: 700;
    white-space: nowrap;
}
.box27 .box27_box{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.box27 .time1{
    margin-left: 5px;
    width:auto;
}
.price1{
    display: flex;
    align-items: center;
    border: 1px solid #efefef;
    height: 50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    padding: 0 10px;
    width: 260px;
    color: rgba(9,100,102, 0.61);
}

.price1 .price_num{
    width: 75px;
    position: relative;
    padding-left: 15px;
    margin: 0 10px;
}
.price1 .price_num input{
    width: 100%;
    height: 100%;
    border: none;
    background-color: none;
}
.price1 .price_num::before{
    content: '$';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    color: rgba(9,100,102, 0.61);
}

.box28{
    margin-top: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    padding: 30px 30px 60px;
}
.tab5{
    border-bottom: 1px solid #efefef;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
}
.tab5 .tab{
    color: #636466;
    display: inline-block;
    padding: 8px 0 35px;
    position: relative;
}
.tab5 .tab:not(:first-child){
    margin-left: 40px;
}
.tab5 .tab.cur{
    color: #1e94d4;
}

.tab5 .tab.cur::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #1e94d4;
}

.box28 .capt3{
    margin-top: 25px;
}
.box28 .list43{
    margin-bottom: 40px;
}

.capt3{
    padding: 25px 30px;
    background-color: #f5f5f5;
    display: flex;
    justify-content: space-between;
}
.capt3 .capt3_tit{
    color: #636466;
}
.capt3 .capt3_desc{
    color: #636466;
}
.list43 .box_text{
    border: 1px solid #efefef;
    padding: 30px;
}
.list43 .box_text .box29{
    margin-bottom: 10px;
}
.list43 .item{
    margin-bottom: 20px;
}
.box29{
    display: flex;
    align-items: center;
}
.box29 .box29_l{
    flex: 1;
    display: flex;
    align-items: center;
}
.box29 .box29_text{
    margin-left: 20px;
}
.box29 .box29_text .box29_tit{
    color: #000000;
    line-height: 1.2;
    
font-weight: 700;
}
.box29 .box29_text .box29_desc{
    color: #636466;
    line-height: 1.3;
    margin-top: 5px;
}
.box29 .box29_r{
    width: 150px;
    margin-left: 15px;
}
.box29 .price2{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box29 .price2 .price{
    color: #000000;
}
.box29 .price2 .nums{
    color: #000000;
    display: flex;
    align-items: center;
}
.box29 .imgbox{
    min-width: 110px;
    width: 110px;
    height: 110px;
    background-color: #f5f6f9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
}
.box29 .imgbox img{
    max-width: 72%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

.list43 .box30{
    margin-top: 10px;
}
.box30 .tol_price{
    
font-weight: 700;
}
.box30{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box30 .base_btn,
.box30 .base_btn3{
    width: 180px;
    text-align: center;
}
.box30 .base_btn3{
    margin-left: 10px;
     margin-top: 10px;
}

.box30 .tol_btns{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 70%;
}

@media (max-width: 1459px){
    .box30 .base_btn, .box30 .base_btn3 {
        width: 120px;
    }
    .price1 .price_num {
        width: 50px;
    }
    .price1 {
        width: 190px;
        height: 35px;
    }
}
@media (max-width: 1280px){
    .box30 .base_btn, .box30 .base_btn3 {
        width: 100px;
    }
}
@media (max-width: 1024px){
    .box30 .base_btn, .box30 .base_btn3 {
        width: auto;
    }
    .box27 {
        padding: 20px;
    }
    .capt3{
        padding: 20px;
    }
    .list43 .box_text{
        padding: 20px;
    }
    .box28 {
        padding: 20px;
    }
    .tab5 .tab {
        padding: 8px 0 20px;
    }
    .box28 .capt3 {
        margin-top: 15px;
    }
    .tab5 .tab:not(:first-child) {
        margin-left: 20px;
    }
    .box27 {
        flex-wrap: wrap;
    }
    .box27 .box27_box {
        width: 100%;
        margin: 10px 0 0;
    }
}
@media (max-width: 768px){
    .box27 {
        padding: 15px;
    }
    .box28 {
        padding: 15px;
    }
    .capt3{
        padding: 15px;
    }
    .list43 .box_text{
        padding: 15px;
    }
    .box27 .box27_box {
        flex-wrap: wrap;
    }
    .box27 .time1{
        margin-left: 0;
    }
    .price1 {
        height: 25px;
    }
    .box29 .box29_r {
        width: 100px;
    }
    .box29 .imgbox {
        min-width: 80px;
        width: 80px;
        height: 80px;
    }
    .tab5 .tab {
        padding: 8px 0 10px;
    }
    .box28 .list43 {
        margin-bottom: 20px;
    }
}
@media (max-width: 640px){
    .box28 .capt3 {
        flex-wrap: wrap;
    }
    
    .capt3 .capt3_desc {
        margin-top: 10px;
    }
    
    .box29 {
        flex-wrap: wrap;
    }
    
    .box29 .box29_l {
        flex: unset;
        width: 100%;
    }
    
    .box29 .box29_r {
        margin: 15px 0 0;
    }
    
    .box30 {
        flex-wrap: wrap;
    }
    
    .box30 .tol_btns {
        width: 100%;
        margin-top: 10px;
    }
    
    .box30 .base_btn, .box30 .base_btn3 {
        width: 33.33%;
    }
}

/*  我的订单-订单详细 */
.tail01{
    padding:0 30px 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
}
.box31{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0 30px;
    border-bottom: 1px solid #efefef;
}
.box31 .box31_tit{
    
font-weight: 700;
    color: #000000;
}
.box31 .box31_desc{
    color: #636466;
}
.box32 .item{
    padding: 30px 0;
    border-bottom: 1px solid #efefef;
}
.box32 .box32_tit{
    color: #212324;
    line-height: 1.3;
    
font-weight: 700;
}
.box32 .editor{
    color: #636466;
    line-height: 1.625;
    margin-top: 10px;
}
.box33{
    padding: 30px 0;
}
.box33 .box33_tit{
    color: #212324;
    line-height: 1.3;
    
font-weight: 700;
}
.box33 .table5{
    margin-top: 20px;
}
.table5 table{
    width: 100%;
}
.table5 thead{
    background-color: #f5f5f5;
}
.table5 thead td{
    padding-top: 25px;
    padding-bottom: 25px;
}
.table5 tr td:first-child{
    padding-left: 25px;
}
.table5 tr td:not(:first-child){
    white-space: nowrap;
    padding-left: 10px;
}

.table5 tbody tr:not(:last-child) td{
    border-top: 1px solid #f5f5f5;
}
.table5 tbody tr td:not(:first-child){
    font-size: 18px;
}
.table5 tbody td{
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #f5f5f5;
}
.table5 tbody td:first-child{
    border-left: 1px solid #f5f5f5;
}
.table5 tbody td:last-child{
    border-right: 1px solid #f5f5f5;
}
.box33 .box33_p {
    display: flex;
    align-items: center;
}
.box33 .imgbox {
    min-width: 110px;
    width: 110px;
    height: 110px;
    background-color: #f5f6f9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
}
.box33 .imgbox img{
    max-width: 72%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.box33 .box33_text {
    margin-left: 20px;
}
.box33 .box33_text .ptit {
    color: #000000;
    line-height: 1.2;
    font-weight: 700;
}
.box33 .box33_text .pdesc {
    color: #636466;
    line-height: 1.3;
    margin-top: 10px;
}

.box33 .box33_toll{
    text-align: right;
    padding: 30px 0;
    
font-weight: 700;
}
.box33 .base_btn{
    margin: 30px auto 0;
}
.box33 .btn_box{
    text-align: center;
}
@media (max-width: 1459px){
    .box33 .base_btn {
        margin: 20px auto 0;
    }
    .box33 {
        padding: 25px 0;
    }
    .box32 .item {
        padding: 20px 0;
    }
    .box31 {
        padding: 30px 0;
    }
    .tail01 {
        padding: 0 25px 25px;
    }
    .table5 tbody tr td:not(:first-child){
        font-size: 16px;
    }
}
@media (max-width: 1280px){
    .table5 thead td {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .table5 tbody td {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .table5 tr td:first-child {
        padding-left: 15px;
    }
    .box33 .box33_toll{
        padding: 20px 0;
    }
}
@media (max-width: 1024px){
    .tail01{
        padding:0 20px 20px;
    }
    .box31 {
        padding: 20px 0;
    }
    .box32 .item {
        padding: 15px 0;
    }
    .table5 tbody tr td:not(:first-child){
        font-size: 14px;
    }
}
@media (max-width: 768px){
    .tail01{
        padding:0 15px 15px;
    }
    .box33 .base_btn {
        margin: 0 auto 0;
    }
    .box33 {
        padding: 15px 0;
    }
}
@media (max-width: 640px){
    .table5 thead td {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .box33 .table5 {
        overflow-x: auto;
    }
    .table5 table{
        width: 180%;
    }
}

/* 我的订单_物流信息 */
.box34{
    padding:60px 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
}
.box34 .box34_tit{
    color: #000000;
    line-height: 1.3;
    
font-weight: 700;
}
.box34 .list44{
    margin-top: 25px;
    padding: 10px 0 0;
}
.list44{
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}
.list44 .item{
    width: 75px;
    text-align: center;
    position: relative;
}
.list44 .tit{
    margin-top: 10px;
}
.list44 .item.cur .num{
    background-color: unset;
    background-image: linear-gradient(to right, #86cdf3 , #36a1db);
}
.list44 .item.cur .num::before{
    opacity: .2;
}
.list44 .num{
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-color: #d0cfcf;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    color: #fff;
    position: relative;
    display: inline-block;
    z-index: 2;
}
.list44 .num::before{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 158%;
    height: 158%;
    background-image: linear-gradient(to right, #86cdf3 , #36a1db);
    opacity: .2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    opacity: 0;
}

.list44 .bar{
    background-color: #f5f5f5;
    position: absolute;
    top:20px;
    height: 4px;
    left: 35px;
    right: 35px;
    z-index: 1;
}
.list44 .car{
    background-image: linear-gradient(to right, #86cdf3 , #36a1db);
    background-color: unset;
    height: 4px;
    left: 0;
    width: 100%;
    position: absolute;
}
.list44 .car .car_img{
    display: block;
    position: absolute;
    background-image: url(../images/icon42.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 25px;
    left: 100%;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    z-index: 3;
}
.list44 .bar.cur .car::before{
    opacity: 0;
}

.box35{
    padding:30px 30px 60px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    margin-top: 10px;
}
.box35 .box35_tit{
    color: #212324;
    
font-weight: 700;
}
.box35 .list45{
    margin-top: 25px;
}
.list45 .item{
    padding-bottom: 30px;
    padding-left: 8px;
    border-left: 1px dashed #d0cfcf;
}
.list45 .tit{
    color: #212324;
    line-height: 1.5;
    position: relative;
}
.list45 .desc{
    color: #636466;
    line-height: 1.5;
    margin-top: 12px;
}
.list45 .item.cur .tit{
    display: flex;
    align-items: center;
}
.list45 .item.cur .time_tit{
    
font-weight: 700;
    margin-left: 10px;
}
.list45 .item.cur .tit::before{
    background-color: #1e94d4;
}

.list45 .new{
    background-image: linear-gradient(to right, #86cdf3 , #36a1db);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: inline-block;
    padding: 0 12px;
    color: #fff;
}
.list45 .tit::before{
    content: '';
    display: block;
    position: absolute;
    left: -11px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    background-color: #d0cfcf;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.box35 .btn_box{
    text-align: center;
    margin-top: 20px;
}


@media (max-width: 1459px){
    .box34,
    .box35{
        padding: 30px;
    }
}
@media (max-width: 1024px){
    .box34,
    .box35{
        padding: 20px;
    }
    .list45 .item{
        padding-bottom: 20px;
    }
    .list44 .car .car_img {
        width: 17px;
        height: 15px;
    }
   
}
@media (max-width: 768px){
    .box34,
    .box35{
        padding: 15px;
    }
    .list45 .item {
        padding-bottom: 15px;
    }
    .box35 .list45 {
        margin-top: 15px;
    }
    .box34 .list44{
        margin-top: 15px;
    }
    .list44 .car .car_img {
        width: 14px;
        height: 10px;
    }
}
@media (max-width: 640px){
    .list44 .item {
        width: 16.66%;
    }
    .list44 .num {
        transform: scale(.7);
    }
    .list44 .bar{
        top: 20px;
    }
    .box34 .list44 {
        margin-top: 5px;
    }
    .box34{
        padding: 10px;
    }
}

/* 售后申请 */
.box34 .list46{
    margin-top: 40px;
}
.list46{
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}
.list46 .item{
    width: 135px;
    text-align: center;
    position: relative;
}
.list46 .tit{
    margin-top: 10px;
    word-break: auto-phrase;
    height: 38px;
}
.list46 .item.cur .num{
    background-color: unset;
    background-image: linear-gradient(to right, #86cdf3 , #36a1db);
}
.list46 .item.cur .num::before{
    opacity: .2;
}
.list46 .item:first-child{
    text-align: left;
}
.list46 .item:first-child .num{
    margin-left: 35px;
    text-align: center;
}
.list46 .item:first-child .tit{
    text-align: center;
}
.list46 .num{
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-color: #d0cfcf;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    color: #fff;
    position: relative;
    display: inline-block;
    z-index: 2;
}
.list46 .num::before{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 158%;
    height: 158%;
    background-image: linear-gradient(to right, #86cdf3 , #36a1db);
    opacity: .2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    opacity: 0;
}

.list46 .bar{
    background-color: #f5f5f5;
    position: absolute;
    top:10px;
    height: 4px;
    left: 35px;
    right: 35px;
    z-index: 1;
}
.list46 .car{
    background-image: linear-gradient(to right, #86cdf3 , #36a1db);
    background-color: unset;
    height: 4px;
    left: 0;
    width: 100%;
    position: absolute;
}
.list46 .car .car_img{
    display: block;
    position: absolute;
    background-image: url(../images/icon42.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 25px;
    left: 100%;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    z-index: 3;
    opacity: 0;
}
.list46 .bar.cur .car::before{
    opacity: 0;
}

.box35 {
    padding: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    margin-top: 10px;
}
.box35 .title{
    
font-weight: 700;
    color: #212324;
    padding: 5px  0 30px;
    border-bottom: 1px solid #efefef;
}
.form7{
    padding: 30px 15% 30px 0;
}
.form7 .item{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.form7 .lable{
    color: #212324;
    margin-right: 15px;
    width: 160px;
    text-align: right;
}
.form7 .text_box{
    flex: 1;
    display: flex;
    align-items: center;
}
.form7 .text_box .imgbox{
    width: 110px;
    height: 110px;
    position: relative;
    background-color: #f5f6f9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.form7 .text_box .imgbox img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 60%;
}
.form7 .text_box .tit_box{
    margin-left: 20px;
}
.form7 .text_box .tit{
    color: #000000;
    
font-weight: 700;
}
.form7 .text_box .ctit{
    color: #636466;
    margin-top: 10px;
}
.form7 .input.color input,
.form7 .input.color input::placeholder{
    color: #636466;
}
.form7 .upimgs{
    flex: 1;
    flex-wrap: wrap;
    display: flex;
}
.form7 .upimgs .img{
    width: 110px;
    height: 110px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #f5f6f9;
    position: relative;
    margin-right: 10px;
}
.form7 .upimgs img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 60%;
}
.form7 .add_img{
    width: 110px;
    height: 110px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #f5f6f9;
    position: relative;
}
.form7 .add_img::before{
    content: '';
    display: block;
    width: 3px;
    height: 20px;
    background-color: #636466;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.form7 .add_img::after{
    content: '';
    display: block;
    width: 20px;
    height: 3px;
    background-color: #636466;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.form7 .add_img input{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.form7 .btns{
    padding-top: 10px;
}
@media (max-width: 1024px){
    .list46 .car .car_img {
        width: 17px;
        height: 15px;
    }
    .form7 .lable {
        width: 120px;
    }
    .box35 .title {
        padding: 5px 0 15px;
    }
    .box35 {
        padding: 20px;
    }
    .form7 {
        padding: 15px 0;
    }
    .form7 .text_box .imgbox,
    .form7 .upimgs .img,
    .form7 .add_img{
        width: 80px;
        height: 80px;
    }
    .form7 .item{
        margin-bottom: 10px;
    }
    .form7 .btns{
        padding-top: 0;
    }
    .form7 .item1 .input {
        height: 45px;
    }
    .box34 .list46 {
        margin-top: 20px;
    }
}
@media (max-width: 768px){
    .list46 .item {
        padding-bottom: 15px;
    }
    .list46 .car .car_img {
        width: 14px;
        height: 10px;
    }
    .form7 .text_box .imgbox,
    .form7 .upimgs .img,
    .form7 .add_img{
        width: 60px;
        height: 60px;
    }
    .form7 .item1 .input {
        height: 35px;
    }
    .form7 .item1 input, .form7 .item1 select{
        padding-left: 15px;
    }
    .box34 .list46 {
        margin-top: 15px;
    }
}
@media (max-width: 640px){
    .list46 .tit{
        height: 56px;
    }
    .list46 .item {
        width: 16.66%;
    }
    .list46 .num {
        transform: scale(.7);
    }
    .list46 .bar{
        top: 10px;
    }
    .list46 .item:first-child .num{
        margin-left: 0;
    }
    .list46 .item:first-child{
        text-align: center;
    }
    .form7 .item {
        flex-wrap: wrap;
    }
    
    .form7 .lable {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
}
/* 我的订单——评价 */
.box36{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-top: 10px;
    background-color: #fff;
    margin-top: 10px;
    padding: 30px;
}
.form8{
    padding: 30px 15% 30px 0;
}
.form8 .item{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.form8 .item1 .input{
    border: 1px solid #efefef;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    flex: 1;
    height: 50px;
    overflow: hidden;
    position: relative;
}
.form8 .item1 .input.select::before{
    content: '';
    display: block;
    position: absolute;
    top: 41%;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    right: 18px;
    width: 6px;
    height: 6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.form8 .item1 input,
.form8 .item1 select{
    width: 100%;
    height: 100%;
    padding-left: 20px;
    border: none;
    background-color: unset;
}
.form8 .lable{
    color: #212324;
    margin-right: 15px;
    width: 165px;
    text-align: right;
}
.form8 .text_box{
    flex: 1;
    display: flex;
    align-items: center;
}
.form8 .text_box .imgbox{
    width: 110px;
    height: 110px;
    position: relative;
    background-color: #f5f6f9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.form8 .text_box .imgbox img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 60%;
}
.form8 .text_box .tit_box{
    margin-left: 20px;
}
.form8 .text_box .tit{
    color: #000000;
    
font-weight: 700;
}
.form8 .text_box .ctit{
    color: #636466;
    margin-top: 10px;
}
.form8 .input.color input,
.form8 .input.color input::placeholder{
    color: #636466;
}
.form8 .upimgs{
    flex: 1;
    flex-wrap: wrap;
    display: flex;
}
.form8 .upimgs .img{
    width: 110px;
    height: 110px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #f5f6f9;
    position: relative;
    margin-right: 10px;
}
.form8 .upimgs img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 60%;
}
.form8 .add_img{
    width: 110px;
    height: 110px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #f5f6f9;
    position: relative;
}
.form8 .add_img::before{
    content: '';
    display: block;
    width: 3px;
    height: 20px;
    background-color: #636466;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.form8 .add_img::after{
    content: '';
    display: block;
    width: 20px;
    height: 3px;
    background-color: #636466;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.form8 .add_img input{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.form8 .btns{
    padding-top: 10px;
}
.form8 .stars{
    display: flex;
    align-items: center;
}
.form8 .stars .star{
    cursor: pointer;
}
.form8 .area_box{
    flex: 1;
    border: 1px solid #efefef;
    padding: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.form8 .area_tabs{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.form8 .area_tabs .area_tab{
    color: #636466;
    background-color: #f5f6f9;
    line-height: 25px;
    border: 1px solid #efefef;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    overflow: hidden;
    padding: 0 10px;
    cursor: pointer;
    margin-bottom: 10px;
}
.form8 .area_tabs .area_tab:not(:first-child){
    margin-left: 10px;
}
.form8 .area_tabs .area_tab.cur{
    background-image: linear-gradient(to right, #86cdf3 , #36a1db);
    color: #fff;
}

.form8 .textarea{
    width: 100%;
    margin-top: 20px;
}
.form8 .textarea textarea{
    width: 100%;
    border: none;
    height: 135px;
    resize: none;
    color: #636466;
}
@media (max-width: 1459px){
    .form8 .area_box {
        padding: 20px;
    }
    .form8 .lable {
        width: 150px;
    }
}
@media (max-width: 1280px){
    .form8 .lable {
        width: 130px;
    }
    .form8{
        padding: 0;
    }
}
@media (max-width: 1024px){
    .box36{
        padding: 20px;
    }
    .form8 .text_box .imgbox,
    .form8 .upimgs .img,
    .form8 .add_img {
        width: 80px;
        height: 80px;
    }
}
@media (max-width: 768px){
    .form8 .text_box .imgbox,
    .form8 .upimgs .img,
    .form8 .add_img {
        width: 60px;
        height: 60px;
    }
    .form8 .item {
        margin-bottom: 15px;
    }
    .form8 .area_box {
        padding: 15px;
    }
}
@media (max-width: 640px){
    .form8 .item {
        flex-wrap: wrap;
    }
    .form8 .lable {
        width: 100%;
        margin-bottom: 10px;
        text-align: left;
        margin-right: 0;
    }
}

/* 我的订单优惠卷 */
.box37{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    padding: 30px;
    margin-top: 10px;
    flex: 1;
}
.tab6{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #efefef;
}
.tab6 .tab:not(:first-child){
    margin-left: 75px;
}

.tab6 .tab{
    padding: 10px 0 40px;
    position: relative;
    cursor: pointer;
}
.tab6 .tab.cur{
    color: #1e94d4;
    
font-weight: 700;
}
.tab6 .tab.cur::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    background-color: #1e94d4;
}
.box37 .list47{
    margin-top: 35px;
}
.list47{
    display: flex;
    flex-wrap: wrap;
}
.list47 .item{
    width: 32.33%;
    display: flex;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    margin-bottom: 1.5%;
    background-image: linear-gradient(to right, #fffbf0 60%, #f1e6d2);
}
.list47 .item:not(:nth-child(3n+1)){
    margin-left: 1.5%;
}

.list47 .dollar{
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-image: linear-gradient(#e0c7a2, #f0e7d2);
    position: relative;
}
.list47 .dollar::before{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: absolute;
    right: -7px;
    top: -6px;
}
.list47 .dollar::after{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: absolute;
    right: -7px;
    bottom: -6px;
}


.list47 .num{
    
font-weight: 700;
    color: #ae9065;
    line-height: .8;
}
.list47 .doll_tit{
    color: #b3976d;
    line-height: 1.3;
    margin-top: 5px;
}
.list47 .used{
    flex: 1;
    padding: 30px 30px 15px 10px;
 
    position: relative;
}
.list47 .used.on::before{
    content: '';
    display: block;
    position: absolute;
    right: -12px;
    top: -13px;
    background-image: url(../images/icon45.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 72px;
    height: 68px;
}
.list47 .tit{
    line-height: 1.3;
    
font-weight: 700;
    word-break: break-word;
}
.list47 .time{
    line-height: 1.4375;
}
.list47 .btn{
    display: inline-block;
    color: #ffffff;
    padding: 0 23px;
    background-image: linear-gradient(#e6cfaf, #deb780);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    line-height: 30px;
    margin-top: 15px;
    
font-weight: 700;
}
.list47.hui .item{
   background-color: #f8f8f8;
   background-image: unset;
}
.list47.hui .dollar{
    background-image: linear-gradient(#e5e5e5, #e7e7e7);
}
.list47.hui .num,
.list47.hui .doll_tit{
    color: #212324;
}
.list47.hui .tit{
    color: #000;
}
.list47.hui .time{
    color: #7c7e7f;
}
.list47.hui .btn{
    background-image: linear-gradient(#e5e5e5, #e7e7e7);
    color: #636466;
}
.list47.hui .used::before{
    background-image: url(../images/icon46.png);
}
.list47.hui.hui1 .used::before{
    background-image: url(../images/icon47.png);
}


@media (max-width: 1459px){
    .tab6 .tab {
        padding: 10px 0 30px;
    }
    .tab6 .tab:not(:first-child) {
        margin-left: 55px;
    }
}
@media (max-width: 1280px){
    .tab6 .tab {
        padding: 10px 0 25px;
    }
    .tab6 .tab:not(:first-child) {
        margin-left: 35px;
    }
}
@media (max-width: 1024px){
    .box37{
        padding: 20px;
    }
    .box37 .list47 {
        margin-top: 15px;
    }
    .list47 .used {
        padding: 15px 15px;
    }
    .list47 .btn {
        margin-top: 10px;
        line-height: 20px;
        padding: 0px 10px;
    }
    .tab6 .tab:not(:first-child) {
        margin-left: 25px;
    }
    .tab6 .tab {
        padding: 10px 0;
    }
}
@media (max-width: 768px){
    .box37{
        padding: 15px;
    }
    .list47 .item {
        width: 49%;
    }
    .list47 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .list47 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .tab6 .tab:not(:first-child) {
        margin-left: 20px;
    }
}
@media (max-width: 640px){
    .list47 .item{
        width: 100%;
    }
    .list47 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    .list47 .used {
        padding-right: 40px;
    }
}

/* 我的订单收货地址 */
.box38{
    padding: 25px 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box38 .box38_tit{
    
font-weight: 700;
}
.box38 .base_btn .span{
    padding: 0 30px;
}
.box39{
    padding: 40px 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    margin-top: 10px;
}
.box39 .box39_top{
    background-color: #f5f5f5;
    padding: 0 20px;
    color: #636466;
}
.box39 .box39_main{
    padding: 0 20px;
}
.box39 .box39_top .list48{
    align-items: center;
}
.box39 .box39_main .list48{
    border-bottom: 1px solid #efefef;
}
.list48{
    display: flex;
}
.list48 .item{
    flex: 1;
    padding: 20px 0;
}
.list48 .item:not(:first-child){
    padding-left: 15px;
}
.list48 .item:nth-child(1){
    width: 130px;
    min-width: 130px;
    flex:unset;
}
.list48 .item:nth-child(3){
    width: 170px;
    min-width: 170px;
    flex: unset;
}
.list48 .item:nth-child(4){
    width: 160px;
    min-width: 160px;
    flex: unset;
    padding-left: 40px;
}
.list48 .item:nth-child(5){
    width: 145px;
    min-width: 145px;
    flex: unset;
    padding-left: 50px;
}
.list48 .default{
    display: flex;
    align-items: center;
}
.list48 .default .act{
    width: 17px;
    height: 17px;
    border: 1px solid #efefef;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
}
.list48 .default.cur .act{
    border-color: #8fd0f4;
}
.list48 .default.cur .act::before{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 70%;
    height: 70%;
    background-image: linear-gradient(to right,#8fd0f4,#42a7de);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.list48 .default .tit{
    margin-left: 10px;
    color: #212324;
}
.list48 .btns{
    display: flex;
    align-items: center;
}
.list48 .btn{
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}
.list48 .btn.edit_address{
    background-image: url(../images/icon48.png);
}
.list48 .btn.delete_address{
    margin-left: 20px;
    background-image: url(../images/icon49.png);
}
.form9{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}
.form9 .main{
    position: relative;
    width: 95%;
    max-width: 740px;
    padding: 40px;
    background-color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.form9 form{
    margin-top: 20px;
}
.form9 .title{
    color: #000000;
    
font-weight: 700;
    line-height: 1.3;
}
.form9 .close{
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 14px;
    z-index: 10;
    cursor: pointer;
    padding-top: 2%;
}
.form9 .close:before,
.form9 .close:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    border-bottom: 1px solid #78797a;
}
.form9 .close:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.form9 .close:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.form9 .item{
    margin-top: 20px;
}
.form9 .item .input{
    height: 50px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: 1px solid #f5f5f5;
    padding: 0 20px; 
    margin-top: 10px;
}
.form9 .item input{
    width: 100%;
    height: 100%;
    color: #999999;
    border: none;
}
.form9 .item select{
    border: none;
    width: 100%;
    height: 100%;
}
.form9 .item .input.area{
    padding: 20px;
    height: auto;
}
.form9 .item textarea{
    border: none;
    width: 100%;
    height: 100%;
    min-height: 70px;
    resize: none;
}
.form9 .item select,
.form9 .item input::placeholder,
.form9 .item textarea::placeholder{
    color: #999999;
}

.form9 .btn_box{
    text-align: center;
    margin-top:40px;
}

@media (max-width: 1459px){
    .list48 .item:nth-child(4){
        padding-left: 20px;
        width: 120px;
        min-width: 120px;
    }
    .list48 .item{
        padding: 15px 0;
    }
    .list48 .item:nth-child(5) {
        width: 110px;
        min-width: 110px;
        padding-left: 15px;
    }
    .list48 .item:nth-child(1) {
        width: 100px;
        min-width: 100px;
    }
    .form9 .btn_box {
        margin-top: 20px;
    }
    .form9 .main {
        padding: 25px;
    }
    .form9 .item .input {
        height: 40px;
    }
}
@media (max-width: 1024px){
    .box38,
    .box39{
        padding: 20px;
    }
    .list48 .btn {
        width: 15px;
        height: 15px;
    }
    .list48 .item:nth-child(3) {
        width: 120px;
        min-width: 120px;
    }
    .list48 .item:nth-child(5) {
        width: 70px;
        min-width: 70px;
    }
    .box38 .base_btn .span {
        padding: 0 20px;
    }
    .form9 .item .input {
        height: 35px;
        padding: 0 10px;
    }
    .form9 .item .input.area {
        padding: 10px;
    }
}
@media (max-width: 768px){
    .box38,
    .box39{
        padding: 15px;
    }
    .box39_top.fs16,
    .box39 .box39_main {
        width: 150%;
    }
    .box39 .box39_big{
        overflow-x: auto;
    }
    .box38 .base_btn .span {
        padding: 0 10px;
    }
    .form9 .close {
        padding: 10px;
        top: 15px;
        right: 15px;
    }
    .form9 .main {
        padding: 15px;
    }
}
@media (max-width: 640px){
    .box39_top.fs16,
    .box39 .box39_main {
        width: 300%;
    }
}
/* 我的订单建议反馈 */
.box40{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    margin-top: 10px;
    padding: 30px;
    flex: 1;
}
.form10{
    padding-right: 25%;
}
.form10 .item{
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}
.form10 .label{
    min-width: 45px;
    width: 45px;
    color: #212324;
}
.form10 .input{
    flex: 1;
    margin-left: 10px;
    border: 1px solid #ebebeb;
    height: 50px;
    padding: 0 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.form10 .input input{
    width: 100%;
    height: 100%;
}
.form10 .item.area .label{
    padding-top: 20px;
}
.form10 .item.area{
    align-items: unset;
}
.form10 .item.area .input{
    padding: 15px 20px;
    height: auto;
}
.form10 .input.area textarea{
    width: 100%;
    height: 100%;
    border: none;
    resize: none;
    height: 65px;
}
.form10 .input.area textarea::placeholder{
    color: #636466;
}
.form10 .item.btn{
    padding-top: 20px;
} 
@media (max-width: 1459px){
    .form10{
        padding-right: 10%;
    }
}
@media (max-width: 1280px){
    .form10{
        padding-right: 0;
    }
}
@media (max-width: 1024px){
    .box40{
        padding: 20px;
    }
    .form10 .input {
        height: 40px;
        padding: 0 10px;
    }
    .form10 .item{
        margin-bottom: 15px;
    }
    .form10 .item.area .input{
        padding: 10px;
    }
}
@media (max-width:768px){
    .box40{
        padding: 15px;
    }
    .form10 .input {
        height: 35px;
    }
    .form10 .item.btn{
        padding-top: 0;
    }
}

/* 退出登录弹窗 */
.exit{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}
.exit .title{
    color: #000000;
    
font-weight: 700;
    text-align: center;
}
.exit .main{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    padding: 70px 90px;
    width: 95%;
    max-width: 560px;
    position: relative;
}
.exit .btns{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px;
}
.exit .btns .base_btn,
.exit .btns .base_btn3{
    text-align: center;
    width: 48%;
}

.exit .btns .span{
    padding: 0;
}
.exit .close{
    position: absolute;
    right: 25px;
    top: 25px;
    padding: 15px;
    z-index: 10;
    cursor: pointer;
    padding-top: 2%;
}
.exit .close:before,
.exit .close:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    border-bottom: 1px solid #636466;
}
.exit .close:before {
    transform: rotate(45deg);
}
.exit .close:after { 
    transform: rotate(-45deg); 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
@media (max-width:1459px){
    .exit .main {
        padding: 40px 50px;
    }
    .exit .btns{
        margin-top: 40px;
    }
}
@media (max-width:1280px){
    .exit .main {
        padding: 30px;
    }
    .exit .btns{
        margin-top: 30px;
    }
}
@media (max-width:1024px){
    .exit .main {
        padding: 20px 30px;
    }
}
@media (max-width:768px){
    .exit .close {
        right: 10px;
        top: 10px;
        padding: 10px;
    }
}
/* 购物车 */
.cart01{
    padding: 80px 0 100px;
}
.cart01 .title{
    color: #000000;
    line-height: 1.2;
    
font-weight: 700;
}
.cart01 .cart{
    margin-top: 30px;
    box-shadow: 0 0 15px #e5e5e5;
    padding-bottom: 50px;
    background-color: #fff;
}
.list50{
    display: flex;
    align-items: center;
}
.list50 .item:nth-child(1){
    flex: 1;
    padding-right: 15px;
}
.list50 .item:nth-child(2){
    width: 75px;
    min-width: 75px;
}
.list50 .item:nth-child(3){
    width: 125px;
    min-width:125px;
    text-align: center;
}
.list50 .item:nth-child(4){
    width: 110px;
    min-width: 110px;
    text-align: center;
}
.list50 .item:nth-child(5){
    width: 120px;
    min-width: 120px;
    text-align: center;
}
.list50 .item:nth-child(2),
.list50 .item:nth-child(3),
.list50 .item:nth-child(4),
.list50 .item:nth-child(5){
    margin-left: 90px;
}
.list50 .quant{
    display: flex;
    align-items: center;
    border: 1px solid #e7e7e7;
}
.list50 .quant .num{
    flex: 1;
    height: 35px;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}
.list50 .quant input{
    width: 100%;
    height: 100%;
    color: #000000;
    text-align: center;
    background-color: transparent;
}
.list50 .quant .add{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #636466;
}
.list50 .quant .reduce{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #636466;
}
.list50 .delte{
    background-image: url(../images/icon49.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 20px;
    display: inline-block;
}
.cart .cart_bot .list50{
    padding: 20px 0;
}
.list50 .item_all{
    display: flex;
    align-items: center;
}
.list50 .item_all .up_box{
    display:flex;
    align-items: center;
}
.list50 .item_all .text_box{
    margin-left: 20px;
}
.list50 .item_all .imgbox{
    min-width: 110px;
    width: 110px;
    height: 110px;
    background-color: #f5f6f9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
}
.list50 .item_all .imgbox img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-width: 70%;
}
.cart .item_all .color{
    color: #636466;
    margin-top: 10px;
}
.cart .item_all .tit{
    
font-weight: 700;
    margin-top: 10px;
}




.cart .cart_top{
    background-color: #f5f5f5;
}
.cart .cart_top .item{
    padding: 20px 0;
}

.cart .cart_top,
.cart .cart_bot{
    padding: 0 30px;
}
.cart .cart_top .list50{
    align-items: center;
}
.cart .cart_bot .list50{
    border-bottom: 1px solid #efefef;
}

.cart .all{
    display: flex;
    align-items: center;
}
.cart .all_act{
    min-width: 16px;
    width: 16px;
    height: 16px;
    border: 1px solid #d1d0d0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
}
.cart .all_act.cur::before{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 70%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #87c6e8;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.cart .all_tit,
.cart .up_box{
    margin-left: 30px;
}

.cart .toall_price{
    text-align: right;
    padding-top: 20px;
    
font-weight: 700;
    padding-right: 50px;
}
.cart .btn_box{
    text-align: center;
    margin-top: 60px;
}

@media (max-width:1459px){
    .list50 .item:nth-child(2), .list50 .item:nth-child(3), .list50 .item:nth-child(4), .list50 .item:nth-child(5) {
        margin-left: 50px;
    }
    .cart01 {
        padding: 50px 0;
    }
}

@media (max-width:1280px){
    .list50 .item:nth-child(2), .list50 .item:nth-child(3), .list50 .item:nth-child(4), .list50 .item:nth-child(5) {
        margin-left: 30px;
    }
    .cart01 {
        padding: 30px 0;
    }
    .cart .item_all .imgbox{
        min-width: 80px;
        width: 80px;
        height: 80px;
    }
    .cart .btn_box {
        margin-top: 40px;
    }
}
@media (max-width:1024px){
    .list50 .item:nth-child(2), .list50 .item:nth-child(3), .list50 .item:nth-child(4), .list50 .item:nth-child(5) {
        margin-left: 20px;
    }
    .cart01 {
        padding: 20px 0;
    }
    .list50 .item:nth-child(3) {
        width: 80px;
        min-width: 80px;
    }
    
    .list50 .quant .add {
        width: 25px;
        height: 25px;
    }
    
    .list50 .quant .num {
        height: 25px;
    }
    
    .list50 .quant .reduce {
        width: 25px;
        height: 25px;
    }
    
    .list50 .item:nth-child(5) {
        width: 90px;
        min-width: 90px;
    }
    
    .cart .cart_top .item {
        padding: 15px 0;
    }
    
    .cart .cart_bot .list50 {
        padding: 15px 0;
    }
    
    .cart .all_tit, .cart .up_box {
        margin-left: 15px;
    }
    .cart .toall_price{
        padding: 10px 30px 0 0;
    }
    .cart01 .cart {
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .cart .btn_box {
        text-align: center;
        margin-top: 20px;
    }
}
@media (max-width:640px){

    .cart .cart_big{
        overflow-x: auto;
    }
    .cart .cart_bot,
    .cart .cart_top{
        width: 200%;
    }
}

/*订单结算 */
.settle01{
    padding: 80px 0 60px;
}
.settle01 .title{
    color: #000000;
    
font-weight: 700;
}
.settle01 .box41,
.settle01 .box42,
.settle01 .box44,
.settle01 .box45{
    margin-top: 40px;
}
.box41{
   padding: 35px 30px;
   border: 1px solid #efefef;
   background-color: #fff;
   box-shadow: 0 0 15px #fafafa;
}
.box41 .tit{
    color: #212324;
    
font-weight: 700;
}
.box41 .main{
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 30px;
}
.box41 .act{
    min-width: 16px;
    width: 16px;
    height: 16px;
    border: 1px solid #d1d0d0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
}
.box41 .act.cur{
    border-color: #87c6e8;
}
.box41 .act.cur::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 60%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #87c6e8;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.box41 .left,
.box41 .right{
    display: flex;
    align-items: center;
}
.box41 .right{
    justify-content: space-between;
    flex: 1;
    margin-left: 40px;
}
.box41 .deafs{
    display: flex;
}
.box41 .deaf{
    padding: 0 20px;
    position: relative;
}
.box41 .deaf + .deaf::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #e0e0e0;
}

.box41 .name{
    margin-left: 20px;
}
.box41 .address,
.box41 .phone{
    margin-left: 45px;
}
.box41 .other_tit{
    color: #636466;
    padding-right: 20px;
    position: relative;
}
.box41 .other_tit::before{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    background-image: url(../images/icon50.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 11px;
    height: 11px;
}
.box42 {
    padding: 35px 30px;
    border: 1px solid #efefef;
    background-color: #fff;
    box-shadow: 0 0 15px #fafafa;
}
.box42 .tit {
    color: #212324;
    font-weight: 700;
}
.box42 .main {
    margin-top: 30px;
    padding-left: 30px;
}
.box42 .pay_acts{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.box42 .pay_act{
    display: flex;
    align-items: center;
}
.box42 .pay_act:not(:first-child){
    margin-left: 60px;
}
.box42 .imgbox{
    margin-left: 20px;
}
.box42 .act{
    min-width: 16px;
    width: 16px;
    height: 16px;
    border: 1px solid #d1d0d0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
}
.box42 .pay_act.cur .act{
    border-color: #87c6e8;
}
.box42 .pay_act.cur .act::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 60%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #87c6e8;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}


.box43{
    margin-top: 30px;
}
.box43 title{
    color: #000;
    
font-weight: 700;
    padding-left: 30px;
}
.box43 .box43_con{
    margin-top: 20px;
    background-color: #ffffff;
    box-shadow:0 0 15px #ebebeb;
}
.box43 .box43_top,
.box43 .box43_bot{
    padding: 0 30px;
}
.box43 .box43_top{
    background-color: #f5f5f5;
}

.box43 .box43_top .item{
    padding: 25px 0;
    color: #636466;
}
.box43 .box43_bot{
    border: 1px solid #efefef;
}
.box43 .box43_bot .list51{
    padding: 25px 0;
}
.box43 .box43_bot .list51:not(:last-child){
    border-bottom: 1px solid #efefef;
}


.list51{
    display: flex;
    align-items: center;
}
.list51 .item:nth-child(1){
    flex: 1;
    padding-right: 15px;
}
.list51 .item:nth-child(2){
    width: 75px;
    min-width: 75px;
}
.list51 .item:nth-child(3){
    width: 125px;
    min-width:125px;
    text-align: center;
}
.list51 .item:nth-child(4){
    width: 120px;
    min-width: 120px;
    text-align: center;
    padding-right: 30px;
    white-space: nowrap;
}
.list51 .item:nth-child(2),
.list51 .item:nth-child(3),
.list51 .item:nth-child(4){
    margin-left: 170px;
}
.list51 .quant{
    display: flex;
    align-items: center;
    border: 1px solid #e7e7e7;
}
.list51 .quant .num{
    flex: 1;
    height: 35px;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}
.list51 .quant input{
    width: 100%;
    height: 100%;
    color: #000000;
    text-align: center;
    background-color: transparent;
}
.list51 .quant .add{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #636466;
}
.list51 .quant .reduce{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #636466;
}
.list51 .delte{
    background-image: url(../images/icon49.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 20px;
    display: inline-block;
}
.list51 .item_all{
    display: flex;
    align-items: center;
}
.list51 .item_all .up_box{
    display:flex;
    align-items: center;
}
.list51 .item_all .text_box{
    margin-left: 70px;
}
.list51 .item_all .color{
    margin-top: 5px;
}
.list51 .item_all .imgbox{
    min-width: 110px;
    width: 110px;
    height: 110px;
    background-color: #f5f6f9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
}
.list51 .item_all .imgbox img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-width: 70%;
}


.box44 .act{
    min-width: 16px;
    width: 16px;
    height: 16px;
    border: 1px solid #d1d0d0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
}
.box44 .freight.cur .act{
    border-color: #87c6e8;
}
.box44 .freight.cur .act::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 60%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #87c6e8;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.box44 {
    padding: 35px 30px;
    border: 1px solid #efefef;
    background-color: #fff;
}
.freights{
    display: flex;
    flex-wrap: wrap;
}
.freights .freight:not(:first-child){
    margin-left: 70px;
}
.freights .freight{
    display: flex;
    align-items: center;
}
.freights .fre_tit{
    margin-left: 20px;
}
.box44 .freights{
    margin-top: 30px;
    padding-left: 25px;
}
.box45{
    display: flex;
}
.box45 .left{
    flex: 1;
    padding-right: 225px;
}
.box45 .area{
    background-color: #fff;
    padding: 35px 30px;
    border: 1px solid #efefef;
    min-height: 250px;
}
.box45 .area textarea{
    width: 100%;
    height: 100%;
    resize: none;
    border: none;
    color: #000;
}
.box45 .right{
    text-align: right;
    max-width: 350px;
    width: 100%;
}
.box45 .ptit{
    margin-bottom: 8px; 
}
.box45 .ptit.toall_price{
    font-weight: 700;
}

.box45 .ptit input{
    width: 100px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #efefef;    
    text-align: center;
    
font-weight: 700;
}
.box45 .ptit.allred{
    color: red;  
}
.box45 .ptit.all777{
    color: #3d3d3d;  
}
.box45 .coupon{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.coupon .btn_shows{
    display: flex;
    align-items: center;
    margin-left: 20px;
}
.coupon .btn_show{
    display: flex;
    align-items: center;
}
.coupon .btn_tit{
    margin-left: 5px;
}
.coupon .btn_show:not(:first-child){
    margin-left: 18px;
}
.coupon .act{
    min-width: 16px;
    width: 16px;
    height: 16px;
    border: 1px solid #d1d0d0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
}
.coupon .btn_show.cur .act{
    border-color: #87c6e8;
}
.coupon .btn_show.cur .act::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 60%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #87c6e8;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.coup_box{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}
.coup_box .title{
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
}
.coup_box .main{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    padding: 50px;
    width: 95%;
    max-width: 800px;
    position: relative;
}
.coup_box .close{
    position: absolute;
    right: 25px;
    top: 25px;
    padding: 15px;
    z-index: 10;
    cursor: pointer;
    padding-top: 2%;
}
.coup_box .close:before,
.coup_box .close:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    border-bottom: 1px solid #636466;
}
.coup_box .close:before {
    transform: rotate(45deg);
}
.coup_box .close:after { 
    transform: rotate(-45deg); 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.coup_box .list52{
    margin-top: 35px;
    max-height: 325px;
    overflow-y: auto;
}
.list52{
    display: flex;
    flex-wrap: wrap;
}
.list52 .item{
    /*width: 49%;*/
    width: calc((100% - 20px)/2);
    display: flex;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    margin-bottom: 1.5%;
    background-image: linear-gradient(to right, #fffbf0 60%, #f1e6d2);
}
.list52 .item:not(:nth-child(2n+1)){
    /*margin-left: 2%;*/
    margin-left: 0;
}

.list52 .dollar{
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-image: linear-gradient(#e0c7a2, #f0e7d2);
    position: relative;
}
.list52 .dollar::before{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: absolute;
    right: -7px;
    top: -6px;
}
.list52 .dollar::after{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: absolute;
    right: -7px;
    bottom: -6px;
}


.list52 .num{
    
font-weight: 700;
    color: #ae9065;
    line-height: .8;
}
.list52 .doll_tit{
    color: #b3976d;
    line-height: 1.3;
    margin-top: 5px;
}
.list52 .used{
    flex: 1;
    padding: 30px 20px 15px 10px;
    position: relative;
}
.list52 .used::before{
    content: '';
    display: block;
    position: absolute;
    right: -12px;
    top: -13px;
    background-image: url(../images/icon45.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 72px;
    height: 68px;
}
.list52 .tit{
    line-height: 1.3;
    
font-weight: 700;
    word-break: break-word;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.list52 .time{
    line-height: 1.4375;
}
.list52 .btn{
    display: inline-block;
    color: #ffffff;
    width: 20px;
    height: 20px;
    border: 1px solid #e5c99e;
    margin-top: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.list52 .item.cur .btn{
    background-image: linear-gradient(#e6d0af, #deb780);
    position: relative;
}
.list52 .item.cur .btn::before{
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    border-bottom: 2px solid #fefefd;
    border-left: 2px solid #fefefd;
    right: 2px;
    width: 11px;
    height: 6px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.coup_box .check_box{
    text-align: center;
    margin-top: 15px;
}
.coup_box .check_btn{
    display: inline-block;
    padding-right: 16px;
    position: relative;
}
.coup_box .check_btn::before{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    background-image: url(../images/icon50.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 11px;
    height: 11px;
}
.coup_box .tishi{
    margin-top: 40px;
}
.coup_box .input{
    margin-top: 30px;
    height: 50px;
}
.coup_box .input input{
    width: 100%;
    height: 100%;
    border: none;
    padding-left: 15px;
    flex: 1;
}
.coup_box .cou_btn{
    text-align: center;
    margin-top: 40px;
}

@media (max-width:1459px){
    .coup_box .main {
        padding: 35px;
    }
    .coup_box .list52 {
        margin-top: 25px;
    }
    .coup_box .tishi {
        margin-top: 20px;
    }
    .coup_box .input {
        margin-top: 15px;
        height: 35px;
    }
    .settle01 {
        padding: 50px 0;
    }
    
    .settle01 .box41, .settle01 .box42, .settle01 .box44, .settle01 .box45 {
        margin-top: 30px;
    }
    
    .box41,
    .box42,
    .box44{
        padding: 20px;
    }
    
    .box42 .main,
    .box41 .main{
        padding-left: 15px;
        margin-top: 20px;
    }
    
    .box45 .area {
        padding: 20px;
    }
    
    .box43 .box43_top, .box43 .box43_bot {
        padding: 0 20px;
    }
    .list51 .item:nth-child(2), .list51 .item:nth-child(3), .list51 .item:nth-child(4) {
        margin-left: 100px;
    }
    .list51 .item_all .text_box {
        margin-left: 40px;
    }
}

@media (max-width:1280px){
    .box41 .address, .box41 .phone {
        margin-left: 25px;
    }
    .settle01 .box41, .settle01 .box42, .settle01 .box44, .settle01 .box45 {
        margin-top: 20px;
    }
    .box41, .box42, .box44 {
        padding: 15px;
    }
    .box43 .box43_top, .box43 .box43_bot {
        padding: 0 15px;
    }
    .list51 .item:nth-child(2), .list51 .item:nth-child(3), .list51 .item:nth-child(4) {
        margin-left: 50px;
    }
    .list51 .item_all .text_box {
        margin-left: 20px;
    }
    .list51 .item_all .imgbox{
        width: 80px;
        height: 80px;
        min-width: 80px;
    }
    .box45 .left {
        padding-right: 105px;
    }
    .settle01 {
        padding: 30px 0;
    }
}
@media (max-width:768px){
    .list52 .btn {
        width: 25px;
        height: 25px;
    }
    .list52 .item.cur .btn::before {
        right: 4px;
    }
    .coup_box .main {
        padding: 20px;
    }
    .coup_box .close {
        padding: 10px;
        top: 10px;
        right: 10px;
    }
    .coup_box .cou_btn {
        margin-top: 20px;
    }
    .list51 .item:nth-child(2), .list51 .item:nth-child(3), .list51 .item:nth-child(4) {
        margin-left: 30px;
    }
    .box45 .left {
        padding-right: 15px;
    }
    .box43 .box43_top .item {
        padding: 15px 0;
    }
    .box43 .box43_bot .list51 {
        padding: 15px 0;
    }
    .settle01 {
        padding: 20px 0;
    }
}
@media (max-width:640px){
    .list52 .item {
        width: 100%;
    }
    .list52 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    .coup_box .list52 {
        margin-top: 15px;
        max-height: 275px;
    }
    .box43 .box43_con .box43_big {
        overflow-x: auto;
    }
    .box43 .box43_top, .box43 .box43_bot{
        width: 200%;
    }
    .box42 .pay_act:not(:first-child) {
        margin-left: 0;
    }
    
    .box42 .pay_act {
        margin-bottom: 10px;
        width: 100%;
    }
    .box41 .main {
        flex-wrap: wrap;
        margin-top: 10px;
    }
    
    .box41 .left, .box41 .right {
        flex-wrap: wrap;
    }
    
    .box41 .right {
        margin-left: 0;
        margin-top: 10px;
    }
    
    .box41 .deaf {
        padding: 0 10px;
    }
    
    .box41 .address, .box41 .phone {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }
    
    .box41 .name {
        margin-left: 10px;
        /* width: 100%; */
    }
    
    .box42 .main, .box41 .main {
        padding-left: 0;
    }
    
    .box42 .imgbox {
        margin-left: 10px;
    }
    
    .box41 .other_tit {
        margin-top: 10px;
    }
    
    .box43 .box43_top .item {
        padding: 10px 0;
    }
    
    .freights .freight:not(:first-child) {
        margin-left: 0;
    }
    
    .box44 .freights {
        padding-left: 0;
    }
    
    .freights .fre_tit {
        /* font-size: 14px; */
        margin-left: 15px;
    }
    .box44 .freights {
        margin-top: 10px;
    }
    .freights .freight{
        margin-bottom: 10px;
    }
    .box45 {
        flex-wrap: wrap;
    }
    .box45 .left {
        padding-right: 0;
    }
    .box45 .right{
        margin-top: 20px;
    }
    .box45 .ptit input {
        width: 60px;
        line-height: 35px;
    }
    .box45 .ptit {
        margin-bottom: 5px;
    }
}
.button-item {
    display: flex;
    justify-content: space-evenly;
}
.SignIn {
    display: inline-block;
    max-width: 500px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    width: 100%;
    text-align: left;
    padding: 35px 40px ;
}
.SignIn_div {
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    height: 50px;
    padding-left: 20px;
    margin-top: 10px;
    position: relative;
}
.SignIn_div input{
    border: none;
    width: 100%;
    height: 100%;
}
.input-box input {
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    height: 50px;
    padding-left: 20px;
    margin-top: 10px;
    position: relative;
}
.denglu .base_btn {
    position: relative;
    display: inline-block;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    cursor: pointer;
    overflow: hidden;
    font-size: 16px;
    margin-left: 5%;
    width: 131px;
    height: 41px;
}
.denglu .base_btn .span {
    line-height: 44px;
    padding: 0px 31px;
    color: #fff;
    position: relative;
    z-index: 5;
}
.Confirm .base_btn {
    position: relative;
    display: inline-block;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    cursor: pointer;
    overflow: hidden;
    font-size: 16px;
    margin-left: 5%;
    width: 131px;
    height: 41px;
}
.Confirm .base_btn .span {
    line-height: 44px;
    padding: 0px 31px;
    color: #fff;
    position: relative;
    z-index: 5;
}


.base_hbox{

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, .1);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 9999999;

}

.base_hbox .main {

    background-color: #fff;

    max-width: 360px;

    width: 100%;

    padding: 50px 0 45px;

    text-align: center;

}

.base_hbox .added_tit {

    margin-top: 20px;

}

@media (max-width:768px){

    .base_hbox .main {

        padding: 30px 0;

        max-width: 200px;

    }

    .base_hbox .main .imgbox {

        width: 30px;

        margin: 0 auto;

    }

    .base_hbox .added_tit {

        margin-top: 10px;

    }

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

.search10 .input {
    border: 1px solid #eee;
    width: 60%;
    height: 50px;
    border-radius: 20px;
    padding:0 15px;
    display: flex;
    align-items: center;
}
.search10 .input input{
    width:100%;
}
.box23 .search10 {
    margin-top: 30px;
}
@media (max-width:1459px){
    .search10 .input{
        height: 35px;
    }
}
@media (max-width:768px){
   
    .search10 {
        flex-wrap: wrap;
    }
    
    .search10 .input {
        width: 100%;
        padding: 10px 15px;
        height: auto;
        margin-bottom: 15px;
    }
}


.form6 .item .avatar_box {
    position: relative;
        display: flex;
    align-items: center;
}
.form6 .item .avatar_box .tishi{
    margin-left: 10px;
    color: #999;
    font-size:12px;
}

.form6 .item .avatar_box #avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.form6 .item .avatar_box img {
    border-radius: 50%;
}

.msg_base {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
    z-index: 999;
}
.msg_base .content{
    position: relative;
}
.msg_base .main {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.guizhe {
    max-width: 500px;
    background-color: #fff;
    padding: 2%;
    text-align: center;
    width: 90%;
}
.guizhe .editor {
    margin-top: 5%;
    max-height: 40vh;
    overflow-y: auto;
}
.msg_base .close {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 10px;
    z-index: 10;
    cursor: pointer;
    padding-top: 2%;
}
.msg_base .close:before,
.msg_base .close:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    border-bottom: 1px solid #000;
}
.msg_base .close:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.msg_base .close:after {
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
}
@media (max-width: 640px){
    .guizhe {
        padding: 15px;
    }
}

.single{
    padding: 5% 0;
}
@media (max-width: 640px){
    .single{
        padding: 25px 0;
    }
}


.coup_box  .input01 {
    display: flex;
    border: 1px solid #eee;
    border-radius: 25px;
    overflow: hidden;
}

.coup_box .input01 .base_btn {
    white-space: nowrap;
}
@media (max-width: 640px){
   .coup_box .input01 .base_btn .span {
        line-height: 33px;
    }
}

.pro_tab2 .video_btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background-image: url(../images/icon16.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 3;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
@media (max-width: 640px){
  .pro_tab2 .video_btn{
        width: 35px;
        height: 35px;
    }
}
.pro_tab2 {
    position: relative;
}
.pro_tab2 .collect{
     background-image: url(../images/icon14.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 5%;
    right: 5%;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}
.pro_tab2 .collect1{
    background-image: url(../images/icon15.svg);
}

.box29 .price2 .nums .collect {
    background-image: url(../images/icon14.svg);
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
    margin-right: 10px;
}
.box29 .price2 .nums .collect.collect1{
    background-image: url(../images/icon15.svg);
}
/*20240428*/

.number_box .add, .number_box .reduce {
    width: 36px;
    height: 40px;
    line-height: 40px;
}

.number_box .nums {
    height: 40px;
    width: 50px;
}

.pro_box .type {
    width: auto;
    min-width: 6em;
    padding: 5px 15px;
    border-radius: 6px;
}


.pro_box .types {
    margin-bottom: 10px;
}
.proinfo01 .box1 {
    align-items: flex-start;
}

.proinfo01 .box1 .left { 
    width: 100%;
}

.proinfo01 .box2 {
    align-items: flex-start;
}
.list9 .q {
    font-weight: bold;
    font-size: 20px;
}
.list9 .a * {
    font-size: inherit !important;
}
.proinfo10 .title.fs60,.proinfo11 .title.fs60 {font-size: 40px;}
.swiperCtr .btn {
    position: absolute;
    z-index: 10;
    padding: 25px;
    top: 50%;
    margin-top: -25px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.2);
    transition: .3s;
    border-radius: 50%;
    cursor: pointer;
}

.swiperCtr .btn.prev {
    left: 5%;
    background-image: url(../images/icon09.png);
}

.swiperCtr .btn.next {
    right: 5%;
    background-image: url(../images/icon10.png);
}

.swiperCtr .btn:hover {
    background-color: #fff;
}

.swiperCtr .btn.prev:hover {
    background-image: url(../images/icon12.png);
}

.swiperCtr .btn.next:hover {
    background-image: url(../images/icon13.png);
}
.swiperCtr {
    opacity: 0;
    transition: .3s;
}

.index01:hover .swiperCtr {
    opacity: 1;
}
@media(max-height:780px){
    .sidebar {
    bottom: 0;
}
}
@media(max-width:850px){
    .proinfo01 .box1 .left{
        position: relative;
        top: 0;
    }
    .list9 .q{
        font-size: 16px;
    }
    .proinfo10 .title.fs60,.proinfo11 .title.fs60 {font-size: 20px;}
}
/*2024.6.4*/
/* 底部定位 */
.hbox2{
    display: flex;
    justify-content: flex-end;
    padding: 10px 0;
}
.fixd_box{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(288, 288, 288, 1);
    z-index: 99;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}
.hbox2 .main{
    display: flex;
    align-items: center;
}
.hbox2 .hbtns{
    margin-left: 15px;
}
.hbox2 .price_box{
    text-align: right;
}
.hbox2 .hbtns .base_btn{
    margin-left: 15px;
}
.hbox2 .price{
    color: #999;
    font-weight: 700;
}
.hbox2 .price_tit{
    color: #1e94d4;
    margin-top: 5px;
}
.hbox2 .hbtns .base_btn1 {
    font-size: 16px;
}

.hbox2 .hbtns .base_btn1 .span {
    line-height: 35px;
}
.hbox2 .hbtns .base_btn {
    font-size: 16px;
}

.hbox2 .hbtns .base_btn .span {
    line-height: 35px;
}

.list2 .item:hover img,
.list11 .item:hover img,
.cloud05 .imgbox:hover img,
.cloud06 .item:hover img,
.list28 .item1:hover img,
.list31 .item:hover img,
.list8 .item:hover img
{
    transform: scale(1.1);
}
.list28 .item1 .bg_img{
    overflow: hidden;
}
.list8 .right .imgbox{
    overflow: hidden;
    border-radius: 30px;
}

.list28 .item:hover .imgbox img{
    transform:translate(-50%,-50%) scale(1.1);
}

.list2 .item img,
.list11 .item img,
.cloud05 .imgbox img,
.cloud06 .item img,
.list28 .item img,
.list28 .item1 img,
.list31 .item img,
.list8 .item img{
    transition: all .5s;
}
.pro_bar{
    width:100%;
    text-align:left;
    color: #1e94d4;
    position:relative;
    /*padding-right: 25px;*/
    margin-left: calc(250px + 3%);
    width:calc(97% - 250px);
    margin-bottom: 20px;
    padding-top: 15px;
    border-top: 1px solid #f5f4f4;
}
.promore{
    display: inline-block;
}
.promore a{
    
font-weight: 700;
}
/*.promore:before{*/
/*     content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 8px;*/
/*    border-top: 2px solid #1e94d4;*/
/*    border-right: 2px solid #1e94d4;*/
/*    right: 10px;*/
/*    width: 6px;*/
/*    height: 6px;*/
/*    transform: rotate(45deg);*/
/*    -webkit-transform: rotate(45deg);*/
/*    -moz-transform: rotate(45deg);*/
/*    -ms-transform: rotate(45deg);*/
/*    -o-transform: rotate(45deg);*/
/*}*/
@media (max-width: 1459px) {
    .promore:before{
        top: 5px;
    }
}
@media (max-width: 1024px) {
    .promore:before{
        top: 3px;
        border-top: 1px solid #1e94d4;
        border-right: 1px solid #1e94d4;
    }
    .promore {
        padding-right: 20px;
    }
}
.cloud01 .base_btn {
    display: none;
}


/* 2024.7.18 */

.advert{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: 999;
}
.advert .content{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.advert .main{
    max-width: 440px;
    width: 95%;
    position: relative;
}
.advert .close{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    z-index: 99;
}
.advert .close::before{
    content: '';
    display: block;
    width: 60%;
    height: 2px;
    background-color: #333333;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -moz-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    -o-transform: translate(-50%,-50%) rotate(45deg);
}
.advert .close::after{
    content: '';
    display: block;
    width: 2px;
    height: 60%;
    background-color: #333333;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -moz-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    -o-transform: translate(-50%,-50%) rotate(45deg);
}

.social01{
    position: relative;
}
.social_ding{
    position: absolute;
    top: -120px;
}

.cloud07{
    display: none;
}
 
 
/* 弹窗 */
.added_btns {
    display: flex;
    align-items: center;
    padding: 0 15px;
    justify-content: space-between;
    margin-top: 35px;
}
.added_btns .base_btn {
    width: 48%;
}
.added_btns .base_btn .span{
    line-height: 40px;
}
@media (max-width: 768px){
    
  .search1 .base_btn .span{
        line-height: 40px;
    }
}



.agree_fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #000;
}
.agree_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}
.agree_box .base_btn .span {
    white-space: nowrap;
    line-height: 30px;
    padding: 0 25px;
    font-size: 14px;
}
.agree_box .editor {
    width: 80%;
    color: #fff;
}
@media (max-width: 768px){
     .agree_box {
        flex-wrap: wrap;
    } 
    .agree_box .editor {
        width: 100%;
    }
    .agree_box .base_btn{
        margin-top: 10px;
    }
}

/*2024.8.30*/
.index01.base_swiper .swiper_btn {
    box-shadow: 0 0 0 rgba(0,0,0,.1);
    background-color: rgba(0, 0, 0, .7);
}
.index01.base_swiper .swiper_btn:hover {
    background-color: #069ad9;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    background-color: transparent;
    background-image: none;
    color: rgb(0, 0, 0);
}
.novateno .left{
    display: none;
}
.novateno .right{
    width: 100%;
}
.list3 .citem {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-image: linear-gradient(to right, #86cdf3, #36a1db);
    margin-top: 10px;
    cursor: pointer;
}

.list3 .gotop {
    background-image: url(../images/icon10.png);
    transform: rotate(-90deg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}