@charset "utf-8";
/* CSS Document */


/* 标签重置 */
html,body{width: 100%;margin:0;padding:0;text-rendering: optimizeLegibility;}
body{background-color:#fff;}


.public a{text-decoration:none;cursor:pointer;display:block;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.public img{display:block;border:0;}
::-ms-clear,::-ms-reveal{display:none;}
.public input,
.public textarea{border:0;outline:0;margin:0;padding:0;display:block;border-radius:0;}
  .public input::-webkit-input-placeholder{color:#888;}
  .public input:-moz-placeholder{color:#888;opacity:1;}
  .public input::-moz-placeholder{color:#888;opacity:1;}
  .public input:-ms-input-placeholder{color:#888;}

  .public textarea::-webkit-input-placeholder{color:#888;}
  .public textarea:-moz-placeholder{color:#888;opacity:1;}
  .public textarea::-moz-placeholder{color:#888;opacity:1;}
  .public textarea:-ms-input-placeholder{color:#888;}
.public button{border:0;outline:none;padding:0;}
.public ul{padding:0;margin:0;}
.public li{list-style:none;}
.public dl,
.public dd{margin:0;}
.public dt,
.public dd{line-height:1;}
.public p{margin:0;color:#333;font-size:16px;line-height:1;}
.public h1,
.public h2,
.public h3,
.public h4,
.public h5,
.public h6{margin:0;font-weight:normal;line-height:1;}
.public table{border-spacing:0;border-collapse:collapse;}
.public table th{font-weight:normal;}
.public select{outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.public select::-ms-expand{display: none;}
.public div{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* 
*{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,sans-serif;box-sizing:border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
html,body{width: 100%;margin:0;padding:0;text-rendering: optimizeLegibility;}
body{background-color:#fff;}
a{text-decoration:none;cursor:pointer;display:block;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
img{display:block;border:0;}
input,textarea{border:0;outline:0;margin:0;padding:0;display:block;border-radius:0;}
  input::-webkit-input-placeholder{color:#888;}
  input:-moz-placeholder{color:#888;opacity:1;}
  input::-moz-placeholder{color:#888;opacity:1;}
  input:-ms-input-placeholder{color:#888;}

  textarea::-webkit-input-placeholder{color:#888;}
  textarea:-moz-placeholder{color:#888;opacity:1;}
  textarea::-moz-placeholder{color:#888;opacity:1;}
  textarea:-ms-input-placeholder{color:#888;}
button{border:0;outline:none;padding:0;}
ul{padding:0;margin:0;}
li{list-style:none;}
dl,dd{margin:0;}
dt,dd{line-height:1;}
p{margin:0;color:#333;font-size:16px;line-height:1;}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;line-height:1;}
table{border-spacing:0;border-collapse:collapse;}
table th{font-weight:normal;}
select{outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand{display: none;}
div{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);} 
*/

/* 公共标签 */
.clearfix{clear:both;}
.clearafter::after{content:' ';display:table;clear:both;}
.public_graybg{background:#f6f6f6;}
.public_whitebg{background:#fff;}
.public_floatleft{float: left;}
.public_floatright{float: right;}
.public_shade{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000}
.public_shade20{background:rgba(0,0,0,.2);}
.public_shade10{background:rgba(0,0,0,.1);}
.hide{display:none;}
.hide_impt{display:none !important;}
.public_out{opacity: 0;}
.public_in{opacity: 1;}
.public_position-center{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.public_noscroll{overflow:hidden !important;width:100%;height:100%;position: relative;}
.public_transition{transition:all ease 0.3s;}
.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:5px;padding-right:5px;}

@media (max-width: 767px) {
  .container{padding:0;}
}

/* 小图标 */
.icon{background-image:url(../img/icon/icon.png);display:inline-block;vertical-align:top;background-size:540px 540px;}
.icon-top_glass{background-position:0 0;width:19px;height:19px;}
.icon-top_close{background-position:-19px 0px;width:19px;height:19px;}
.icon-footer_tel{background-position:-28px -19px;width:28px;height:24px;}
.icon-footer_email{background-position:0px -19px;width:28px;height:24px;}

.icon-footer_facebook{background-position:0px -43px;width:40px;height:40px;}
.icon-footer_instagram{background-position:-40px -43px;width:40px;height:40px;}
.icon-footer_youtube{background-position:-80px -43px;width:40px;height:40px;}
.icon-footer_twitter{background-position:-120px -43px;width:40px;height:40px;}
.icon-footer_linkedin{background-position:-160px -43px;width:40px;height:40px;}
  .icon-footer_facebook-box:hover{background:#3c5a96;}
  .icon-footer_instagram-box:hover{background:#4a4a4a;}
  .icon-footer_youtube-box:hover{background:#e64236;}
  .icon-footer_twitter-box:hover{background:#1cb3ea;}
  .icon-footer_linkedin-box:hover{background:#006b99;}
.icon-page_left,.icon-page_right{background-position:-56px 0px;width:8px;height:15px;}
.icon-page_right{transform: rotate(180deg)}
  /* m */
.icon_m-top_glass{background-position:0.52rem 0;width:0.52rem;height:0.52rem;}
  /* 导航里的放大镜 */
.icon_m-search_glass{background-position:0 0;width:0.38rem;height:0.38rem;}
  /* 产品 */
.icon-pro_filter{background-position:-38px 0px;width:18px;height:11px;}
.icon_m-pro_del-top{background-position:1.34rem 0;width:0.34rem;height:0.2rem;}
  /* 申请职位 input file */
.icon_resume-file{background-position:0px -83px;width:14px;height:15px;}
  /* where to buy 顶部按钮里的箭头 */
.icon_reta-arr{background-position:-64px 0px;width:15px;height:9px;}
  /* 点赞 */
.icon_zan{background-position:0 -98px;width:16px;height:15px;}
  /* 职位搜索 下拉选择框中的箭头 */
.icon_jobs-search-arr{background-position:0 -114px;width:16px;height:8px;}
  /* 零配件搜索顶部的搜索框中的箭头 */
.icon_support-res{background-position:0 -123px;width:22px;height:12px;}

@media (max-width: 767px){
  .icon{background-size:10.8rem 10.8rem;}
  .icon-top_glass{background-position:0rem 0;width:0.38rem;height:0.38rem;}

  .icon-footer_tel{background-position:-0.56rem -0.38rem;width:0.56rem;height:0.48rem;}
  .icon-footer_email{background-position:0rem -0.38rem;width:0.56rem;height:0.48rem;}

  .icon-footer_facebook{background-position:0rem -0.86rem;width:0.8rem;height:0.8rem;}
  .icon-footer_instagram{background-position:-0.8rem -0.86rem;width:0.8rem;height:0.8rem;}
  .icon-footer_youtube{background-position:-1.6rem -0.86rem;width:0.8rem;height:0.8rem;}
  .icon-footer_twitter{background-position:-2.4rem -0.86rem;width:0.8rem;height:0.8rem;}
  .icon-footer_linkedin{background-position:-3.2rem -0.86rem;width:0.8rem;height:0.8rem;}
  .icon-page_left,.icon-page_right{background-position:-1.12rem 0px;width:0.16rem;height:0.3rem;}

  /* 产品 */
  .icon-pro_filter{background-position:1rem 0;width:0.26rem;height:0.16rem;}

  /* 申请职位 input file */
  .icon_resume-file{background-position:0rem -1.66rem;width:0.28rem;height:0.3rem;}
    /* where to buy 顶部按钮里的箭头 */
  .icon_reta-arr{background-position:-1.28rem 0rem;width:0.3rem;height:0.18rem;}
    /* 点赞 */
  .icon_zan{background-position:0rem -1.96rem;width:0.32rem;height:0.3rem;}

    /* FAQ 顶部 */
  .icon_FAQ-arr{background-position:0.52rem -2.56rem;width:0.52rem;height:0.48rem;}
    /* FAQ收起左侧导航按钮 删除了 */
  /* .icon_FAQ-close{background-position:0.52rem -0.92rem;width:0.5rem;height:0.54rem;} */

    /* 职位搜索 下拉选择框中的箭头 */
  .icon_jobs-search-arr{background-position:0.2rem -1.56rem;width:0.2rem;height:0.3rem;}

  /* email 关闭按钮 */
  .icon_email-close{background-position:0.52rem -2.06rem;width:0.5rem;height:0.5rem;}

  /* 零配件搜索顶部的搜索框中的箭头 */
  .icon_support-res{background-position:1.64rem 0;width:0.28rem;height:0.18rem;}
}



/* 公共组件 *************************************** */

/* 顶部 ******************************************************************** */
.common_top-po{width:100%;height:60px;}
.common_top-bg{background:#1a1a1a;height:60px;width:100%;position: relative;top:0;left:0;z-index:500;}
.common_top{background:#1a1a1a;height:60px;position: relative;}
.common_top .shade{z-index:-1;}

.common_top-logo{position:absolute;top:0;left:5px;}
.common_top-logo-1{width:93px;height:60px;background-image:url('../img/icon/logo.png');background-size:100% auto;background-position:center center;}/* position:absolute;top:0;left:0; */
.common_top-logo-1>img{width:100%;}
.common_top-logo-2{width:120px;height:120px;background-image:url('../img/icon/logo-index.png');background-size:100% auto;background-position:center center;}
.common_top-logo-2>img{width:100%;}

.common_top-menu{display:none;margin-left:auto;margin-right:auto;height: 60px;}
/* float: left;padding:0 35px; */
.common_top-menu>a{font-size:16px;line-height:60px;color:#fff;animation-duration:0.4s;animation-timing-function: ease;animation-fill-mode:both;}
  /* pc导航没有搜索选项 */
.common_top-menu>.common_top-menu-search{display: none;}
.common_top-menu>a:hover{color:#b2b2b2;}
.common_top-menu>.active{color:#b2b2b2;}
.common_top-glass{position: absolute;top:15px;right:5px;width:30px;height:30px;z-index:2;cursor: pointer;display: none;}
.common_top-glass:hover{opacity: 0.5;}
.common_top-close{position: absolute;top:15px;right:22px;width:30px;height:30px;z-index:1;cursor: pointer;
  transform: rotate(0deg);opacity: 0;
}

.common_top-search{position: absolute;width:70%;top:0px;left:200px;opacity: 0;transition:opacity ease 0.75s;}
.common_top-search-input{height:60px;}/* visibility:hidden; */
.common_top-search-input>input{height: 60px;line-height: 60px;font-size:16px;text-indent: 28px;width:100%;color:#fff;background:transparent;}/* background: rgba(0,0,0,0); */
  
.common_top-search .shade{z-index:0;}
.common_top-search-sub{width:100%;background:#fff;}
.common_top-search-sub-item{padding-bottom:22px;}
.common_top-search-sub-item:before{width:90%;margin-left:5%;height:1px;background: rgba(0,0,0,.05);display:block;content: '';}
.common_top-search-sub-item>h1{font-size:14px;color:#888;text-indent:35px;line-height:50px;}/* text-indent:6%; */
.common_top-search-sub-item>a{font-size:14px;text-indent:50px;line-height:34px;color:#333;width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.common_top-search-sub-item>a:hover{color:#008cd6;background:#f7f7f7;cursor: pointer;}

/* pc端 切换显示搜索框 屏幕大于等于768px */
@media (min-width: 768px) {
    /* 出现搜索栏 */
    /* common_top_search 用来控制css过渡 js来控制显示隐藏 */
  .common_top_search .public_shade{display: block;opacity: 1;z-index:-1;}
    /* 放大镜向左移动 */
  .common_top_search .common_top-glass{right:10%;}
    /* 显示关闭按钮 */
  .common_top_search .common_top-close{transform: rotate(-180deg);opacity: 1;}
  .common_top_search .common_top-close:hover{opacity: 0.5;}
  .common_top_search .common_top-search{opacity: 1;}

  .common_top-menu{display:flex;padding-left:20%;padding-right:15%;width:100%;justify-content: space-around;}
  .common_top-glass{display: block;}
}

.common_top_m-glass{display: none;}
/* m */
@media (max-width: 767px) {
  .common_top-po{height:1.6rem;}
  .common_top-bg{height:1.6rem;}
  .common_top{height:1.6rem;}
    /* 黑色不透明遮罩 */
  .common_top_m-openmenu-shade{position: fixed;top:0;left:0;width:100%;height:0%;background: #0d0d0d;z-index:-10;transition: all .3s ease-out;}

  .common_top-m_btn{width:0.46rem;height:0.4rem;position: absolute;left:0.42rem;top:50%;transform: translateY(-50%);}
  .common_top-m_btn>div{width:100%;height:1px;background: #fff;position: absolute;left:0;opacity: 1;transition: transform .4s ease-out,opacity .2s;}
  .common_top-m_btn>div:nth-child(1){transform: translate(0,0);top:0;
    /* transform-origin:left center; */
  }
  .common_top-m_btn>div:nth-child(2){transform: translate(0,0);top:50%;}
  .common_top-m_btn>div:nth-child(3){transform: translate(0,0);top:100%;
    /* transform-origin:left center; */
  }

  .common_top-logo{top:0;left:50%;transform: translateX(-50%);}
  .common_top-logo-1{width:1.86rem;height:1.6rem;display: flex;align-items: center;}
  .common_top-logo-2{display: none !important;}

  .common_top_m-glass{width:0.52rem;height:0.52rem;position: absolute;right:0;top:50%;transform: translate(-0.42rem,-50%);z-index:10;visibility: hidden;
    opacity: 0;transition: opacity .2s,transform .4s ease-out;display: block;
  }
    /* 导航 */
  .common_top-menu{position: fixed;width:100%;height:0%;z-index:-1;padding:1.6rem 0.8rem 0 0.8rem;display: block;overflow: hidden;top:0;left:100%;
    transition: height ease 0.4s;}
  .common_top-menu>a{float: inherit;text-align: center;border-bottom:1px solid #262626;line-height:1.6rem;font-size:0.38rem;
    transform:matrix(1, 0, 0, 1, -20, -20);opacity: 0;transition:transform ease 0.4s,opacity ease 0.4s;
  }
  .common_top-menu>.common_top-menu-search{display: flex;align-items: center;justify-content: center;}
  .common_top-menu>.common_top-menu-search>i{margin-right:0.3rem;}
    /* 搜索框 */
  .common_top-search{opacity: 1;left:14%;width:72%;visibility:hidden;}
  .common_top-search-input{height:1.6rem;display: flex;align-items: center;}
  .common_top-search-input>input{height:0.6rem;line-height:0.6rem;font-size:0.44rem;text-indent: 0;}
  .common_top-search-sub{background: initial;}
  .common_top-search-sub-item{}
  .common_top-search-sub-item>h1{font-size:0.48rem;line-height:1rem;text-indent: 0;padding-top:0.4rem;}
  .common_top-search-sub-item>a{font-size:0.48rem;line-height:1.48rem;color:#fff;border-bottom:1px solid #262626;text-indent: 0;}
  .common_top-search-sub-item>a:hover{color:#fff;background:inherit;}

  /* 出现导航 */
  .common_top_m-openmenu{background: #0d0d0d;border-bottom:1px solid #262626;}
  .common_top_m-openmenu .common_top_m-openmenu-shade{height: 100%;}

  .common_top_m-openmenu .common_top-m_btn>div:nth-child(1){transform: rotate(45deg) translate(0,0.28rem);}
  .common_top_m-openmenu .common_top-m_btn>div:nth-child(2){transform: translate(-50%,-50%);opacity: 0;}
  .common_top_m-openmenu .common_top-m_btn>div:nth-child(3){transform: rotate(-45deg) translate(0,-0.28rem);}
  .common_top_m-openmenu .common_top-menu{height:100%;top:0;left:0;}
  .common_top_m-openmenu .common_top-menu>a{transform:matrix(1, 0, 0, 1, 0, 0);opacity: 1;}
  .common_top_m-openmenu .common_top-menu>a:nth-child(1){transition-delay:50ms;}
  .common_top_m-openmenu .common_top-menu>a:nth-child(2){transition-delay:100ms;}
  .common_top_m-openmenu .common_top-menu>a:nth-child(3){transition-delay:150ms;}
  .common_top_m-openmenu .common_top-menu>a:nth-child(4){transition-delay:200ms;}
  .common_top_m-openmenu .common_top-menu>a:nth-child(5){transition-delay:250ms;}
  .common_top_m-openmenu .common_top-menu>a:nth-child(6){transition-delay:300ms;}
  .common_top_m-openmenu .common_top-menu>a:nth-child(7){transition-delay:350ms;}
  .common_top_m-openmenu .common_top-menu>a:nth-child(8){transition-delay:400ms;}
  .common_top_m-openmenu .common_top-menu>a:nth-child(9){transition-delay:450ms;}

  /* 出现搜索框 */
  .common_top_m-opensearch{}
  .common_top_m-opensearch .common_top-logo{display: none;}
  .common_top_m-opensearch .common_top-search{display: block;visibility: visible;}
  .common_top_m-opensearch .common_top-menu{display: none;}
  .common_top_m-opensearch .common_top_m-glass{visibility: visible;opacity: 1;transform: translate(-2rem,-50%);}
}

/* 面包屑 路径导航 ************************************************************ */
.common_crumb{padding-top:30px;padding-bottom:15px;display: flex;align-items: center;}
.common_crumb-icon{width:65px;font-weight: bold;text-align: center;
  text-indent: -9999px;background-image: url(../../static/img/icon/icon-crumb.svg);background-size: cover;
}
.common_crumb>p{line-height:18px;font-size: 18px;font-weight: bold;margin-right:10px;}
.common_crumb>a{line-height:18px;font-size:18px;margin-right:10px;color:#333;}
@media (min-width: 768px){
  .common_crumb-icon{margin-top:0;}
}
@media (max-width: 767px){
  .common_crumb{padding:0.9rem 0 0.48rem 0.8rem;}
  .common_crumb-icon{width:1.23rem;}
  .common_crumb>p{line-height:0.34rem;font-size:0.34rem;font-weight: bold;margin-right:0.2rem;}
  .common_crumb>a{line-height:0.34rem;font-size:0.34rem;margin-right:0.2rem;}
}
/* 首页没有面包屑导航 */
[data-page-index] .common_crumb{display: none;}



/* 页脚 ****************************************************** */
.common_footer{}
.common_footer-top{padding-top:15px;padding-bottom:26px;border-bottom:1px solid #d9dadb;}

.common_footer-top-left{float: left;width:700px;}
.common_footer-top-left>dl{}
.common_footer-top-left>dl>dt{font-size:18px;color:#000;padding-bottom:30px;}
.common_footer-top-left>dl>dd{font-size:14px;margin-bottom:18px;}
.common_footer-top-left>dl>dd>a{color:#999;font-size:16px;}
.common_footer-top-left>dl>dd>a:hover{color:#0098e8;}

.common_footer-top-right{float: right;}
.common_footer-top-right-msg{margin-bottom:58px;}
.common_footer-top-right-msg>.item{float: left;margin-right:80px;}
.common_footer-top-right-msg>.item:last-child{margin-right: 0px;}
.common_footer-top-right-msg>.item>p{font-size:16px;color:#999;margin-bottom:24px;}
.common_footer-top-right-msg>.item>a{font-size:24px;line-height:24px;color:#55a9e5;}
.common_footer-top-right-msg>.item>a>i{margin-right:15px;}

.common_footer-top-right-icon{padding-bottom:30px;}
.common_footer-top-right-icon>a{float: left;width:40px;height:40px;background:rgba(51,51,51,.1);border-radius: 50%;margin-right:16px;transition: all ease 0.5s;}
.common_footer-top-right-icon>a:last-child{margin-right:0px;}

.common_footer-btm{padding-top:20px;padding-bottom:50px;}
.common_footer-btm a{font-size:16px;color:#999;}
.common_footer-btm a:hover{color:#0098e8;}
.common_footer-btm-left{float: left;margin-right:20px;}
.common_footer-btm-right{float: right;}
.common_footer-btm p{display: none;}
@media (min-width: 768px){
  /* pc 电话号码hover状态 */
  .common_footer-top-right-msg>.item>[data-tel]{cursor: default;}

  /* 3 */
  .common_footer-top-left_3>dl{float: left;margin-right:90px;}
  .common_footer-top-left_3>dl:last-child{margin-right:0px;}
  /* 4 */
  .common_footer-top-left_4{display: table;}
  .common_footer-top-left_4>dl{display: table-cell;}
  /* 5 */
  .common_footer-top-left_5{display: flex;justify-content: space-between;}
  .common_footer-top-left_5>dl{}
}
@media (min-width: 768px) and (max-width: 1200px) {
  .common_footer-top-left_3>dl{margin-right:150px;}

  .common_footer-top{padding-bottom:0px;}
  .common_footer-top-left{width:100%;}
  .common_footer-top-right{width:100%;}
  .common_footer-top-right::after{content:' ';display:table;clear:both;}
  .common_footer-top-right-msg{float: left;padding-top:34px;}
  .common_footer-top-right-icon{float: right;padding-top:50px;padding-bottom:50px;}
}

@media (max-width: 767px) {
  .common_footer>.container{padding:0 0.8rem;}

  .common_footer-top-left{width:100%;display: block;padding-bottom:0.36rem;position: relative;float: inherit;}
  .common_footer-top-left::after{content: ' ';position: absolute;width:9.2rem;height:1px;background:#e5e5e5;bottom:0px;}
  .common_footer-top-left>dl{width: 100%;overflow: hidden;height:1rem;transition:height 0.4s;position: relative;}
  .common_footer-top-left>dl>dt{line-height:1rem;font-size:0.32rem;color:#333;padding:0;}
  .common_footer-top-left>dl>dt::before{content:' ';transform: rotate(0deg) scale(1);background:#666;position: absolute;transition: transform .3s ease;
    width:13px;height:1px;top:0.5rem;right:0;
  }
  .common_footer-top-left>dl>dt::after {content:' ';transform: rotate(90deg) scale(1);background:#666;position: absolute;transition: transform .3s ease;
    width:13px;height:1px;top:0.5rem;right:0px;
  }
  .common_footer-top-left>dl>dd{line-height:1rem;font-size:0.28rem;color:#666;margin:0;text-indent:0.4rem;}
  .common_footer-top-left>dl>dd>a{line-height:1rem;font-size:0.28rem;color:#666;}
  .common_footer-top-left>dl>dd:nth-child(2){margin-top:-0.1rem;}
  .common_footer-top-left>.open{}/* height:6.9rem; */
  .common_footer-top-left>.open>dt::before{transform: rotate(45deg) scale(1.1);}
  .common_footer-top-left>.open>dt::after{transform: rotate(135deg) scale(1.1);}

  .common_footer-top{border:none;padding:0;}
  .common_footer-top-right{float: inherit;padding:0;display: flex;flex-wrap:wrap-reverse;}
  .common_footer-top-right-msg{width:100%;margin:0;}
  .common_footer-top-right-msg>.item{float: inherit;margin: 0;}
  .common_footer-top-right-msg>.item>p{display: none;}
  .common_footer-top-right-msg>.item>a{display: flex;height:1.5rem;align-items: center;border-bottom:1px solid #e5e5e5;padding-left:0.4rem;font-size:0.48rem;position: relative;}
  .common_footer-top-right-msg>.item>a>i{margin-right:0.48rem;}
  .common_footer-top-right-msg>.item>a::after{content:" ";display:block;position: absolute;width:0.22rem;height:0.4rem;top:50%;right:0.4rem;margin-top:-0.2rem;
    background-image:url("../img/icon/icon.png");background-position: 0.74rem 0rem;background-size: 10.8rem 10.8rem;
  }
  .common_footer-top-right-icon{width:100%;height:2.1rem;display: flex;align-items: center;justify-content: space-around;padding:0;border-bottom:1px solid #e5e5e5;}
  .common_footer-top-right-icon::after{display: none;}
  .common_footer-top-right-icon>a{width:0.8rem;height:0.8rem;margin:0;}

  .common_footer-btm{padding:0;height: 1.85rem;display: flex;align-items: center;justify-content: space-between;}
  .common_footer-btm::after{display: none;}
  .common_footer-btm a{font-size:0.28rem;margin:0;color:#666;}
  .common_footer-btm p{width:1px;height:0.28rem;background: #999;display: block;}
}
/* pc屏幕下导航处于展开状态 */
@media (min-width: 768px) {
  .common_footer-top-left>.open{height: inherit !important;}
}

/* 页面底部的版权信息 *********************************************** */
.common_copyright{background:#1a1a1a;font-size:16px;line-height:20px;color:#999;text-align: center;padding:20px;}
@media (max-width: 767px) {
  .common_copyright{font-size:0.28rem;line-height:0.76rem;padding:0.44rem 1.16rem;}
}

/* 分页器 ********************************************************** */
.common_page{display: flex;justify-content: center;align-items: center;}
.common_page>p{width:88px;text-align: center;color:#333;font-size:16px;}
.common_page-btn{width:30px;height:30px;background:#f1f1f1;border-radius: 50%;cursor: pointer;display: flex;justify-content: center;align-items: center;}

/*  html
<!-- 分页器 -->
<div class="common_page">
  <div class="common_page-btn common_page-btn_left">
    <i class="icon icon-page_left"></i>
  </div>
  <p>1 / 1</p>
  <div class="common_page-btn common_page-btn_right">
    <i class="icon icon-page_right"></i>
  </div>
</div>
*/

/* 带按钮的提示窗口 */
.common_confirm-shade{position: fixed;z-index:2000;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;display: flex;justify-content: center;align-items: center;
  animation-duration:0.3s;animation-timing-function: ease;animation-fill-mode:both;
}
.common_confirm{width:442px;background:#fff;padding:78px 0 30px 0;box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.4);border-radius: 10px;
  animation-duration:0.5s;animation-timing-function: ease;animation-fill-mode:both;
}
.common_confirm>h1{font-size:16px;color:#000;line-height:24px;padding:0 52px;text-align: center;margin-bottom:50px;}
.common_confirm-btn-box{width:384px;margin:0 auto;display: flex;justify-content: center;}
.common_confirm-btn{width:148px;line-height:38px;text-align: center;font-size:14px;color:#fff;border-radius:19px;margin:0 22px;cursor: pointer;}
.common_confirm-btn_close{background:#a0a0a0;}
.common_confirm-btn_ok{background:#008cd6;}
@media (max-width: 767px) {
  .common_confirm{width:9.6rem;padding:1.78rem 0 0.72rem 0;border-radius: 0.1rem;}
  .common_confirm>h1{font-size:0.36rem;line-height:0.54rem;padding:0 0.82rem;margin-bottom:0.96rem;}
  .common_confirm-btn-box{width:8.8rem;}
  .common_confirm-btn{width:3.6rem;line-height:0.8rem;font-size:0.26rem;border-radius:0.4rem;margin:0 0.4rem;}
}

/* loading 图片 */
.common_loading{position:absolute;top:0;left:0;width:100%;height:100%;
  animation-name:ani-loading;
  animation-duration:2s;animation-timing-function: linear;animation-fill-mode:both;animation-iteration-count:infinite;
  background-image:url("../../static/img/icon/loading.svg");background-size:cover;
}

/* 顶部出现的提示框 */
.common_prompt{position:relative;top:0;left:0;z-index:400;width:100%;}
/* @media (max-width: 767px) {
  .common_prompt{top:1.6rem;}
} */
  /* cookie使用许可提示框 */
.common_prompt-cookie-bg{background:#eee;}
.common_prompt-cookie{position:relative;padding:0 50px;height:60px;display: flex;justify-content: center;align-items: center;}
[data-page-index] .common_prompt-cookie{padding:0 50px 0 150px;}
.common_prompt-cookie>p{text-align: center;font-size:14px;line-height:18px;color:#333;}
.common_prompt-cookie>p>a{display: inline;color:#008ad0;text-decoration: underline;}
.common_prompt-cookie-close{position: absolute;width:25px;height:25px;top:50%;right:5px;margin-top:-12px;}
.common_prompt-cookie-close::before,
.common_prompt-cookie-close::after{position: absolute;content: " ";display: block;width:21px;height:1px;background:#333;top:12px;left:2px;transform-origin:50% 50%;}
.common_prompt-cookie-close::before{transform:rotate(45deg);}
.common_prompt-cookie-close::after{transform:rotate(-45deg);}
@media (max-width: 767px) {
  .common_prompt-cookie{padding:0.1rem 0.8rem 0.1rem 0.4rem;height:auto;}
  [data-page-index] .common_prompt-cookie{padding:0.1rem 0.8rem 0.1rem 0.4rem;}
  .common_prompt-cookie>p{text-align:left;font-size:0.28rem;line-height:0.5rem;}
  .common_prompt-cookie-close{width:0rem;height:0rem;right:0.62rem;margin-top:-0.15rem;background: #333;}
  .common_prompt-cookie-close::before,
  .common_prompt-cookie-close::after{position: absolute;content: " ";display: block;width:0.42rem;height:1px;background:#333 !important;top:0.2rem;left:0;}
  .common_prompt-cookie-close::before{transform:rotate(45deg);}
  .common_prompt-cookie-close::after{transform:rotate(-45deg);}
}


/* 下拉选择框 */
.common_choose{top:0px;box-shadow: 0px 0px 4.75px 0.25px rgba(0, 0, 0, 0.15);width:478px;}
.common_choose>.title{width:130px;background: #f6f6f6;float: left;height:433px;overflow-y: auto;}
.common_choose>.title>.title-item{width:100%;height:64px;cursor: pointer;display: flex;align-items: center;}
.common_choose>.title>.title-item>p{width:100%;text-align: center;color:#000;line-height:1.2;}
.common_choose>.title>.title-item:hover{background:#3c8dd6;}
.common_choose>.title>.title-item:hover>p{color:#fff;}
.common_choose>.title>.title-item.active{background:#3c8dd6;}
.common_choose>.title>.title-item.active>p{color:#fff;}

.common_choose>.option-box{float: left;width:348px;background: #fff;height:433px;overflow-y: auto;}
.common_choose .option{}
.common_choose .option>.option-item{float: left;width:134px;height:64px;display: flex;align-items: center;cursor: pointer;margin:0 10px;}
.common_choose .option>.option-item>p{text-align: center;width:100%;font-size:14px;color:#333;line-height:1.2;}
.common_choose .option>.option-item:hover{background:#3c8dd6;}
.common_choose .option>.option-item:hover>p{color:#fff;}
.common_choose .option>.option-item.active{background:#3c8dd6;}
.common_choose .option>.option-item.active>p{color:#fff;}

@media (min-width: 768px){
  .common_choose .option{width: 308px;margin: 0 auto;}
  /* PC下显示拉下选择框时，不显示黑色半透明遮罩 */
  .common_choose_shade{display: none !important;}
}

@media (max-width: 767px){
  .common_choose{position: fixed;z-index:10;top:50% !important;left:50% !important;width:100%;transform: translate(-50%, -50%) !important;}
  .common_choose>.title{width:22%;height:7.8rem;}
  .common_choose>.title>.title-item{height:1.1rem;}
  .common_choose>.title>.title-item>p{width:100%;line-height:1.2;font-size:0.38rem;}

  .common_choose>.option-box{width:78%;padding:0 10%;height:7.8rem;}
  .common_choose .option{}
  .common_choose .option>.option-item{width:46%;height:1.1rem;margin:0 2%;}
  .common_choose .option>.option-item>p{font-size:0.38rem;}

    /* 选择框黑色半透明遮罩 */
  .common_choose_shade{background:rgba(0,0,0,.5);position: fixed;width:100%;height:100%;z-index:9;top:0;left:0;display: none;}
}

/*  html
<div class="common_choose clearafter hide">
  <div class="title">
    <div class="title-item active"><p>V Series</p></div>
    <div class="title-item"><p>Y Series</p></div>
    <div class="title-item"><p>V7+ Limited edition</p></div>
  </div>
  <div class="option-box">
    <div class="option clearafter">
      <div class="option-item" data-m-id="0"><p>X20</p></div>
      <div class="option-item" data-m-id="1"><p>X21</p></div>
      <div class="option-item" data-m-id="2"><p>Y65</p></div>
      <div class="option-item" data-m-id="3"><p>Lorem ipsum dolor sit ame</p></div>
    </div>
    <div class="option clearafter hide">
      <div class="option-item" data-m-id="0"><p>X65</p></div>
      <div class="option-item" data-m-id="1"><p>X65</p></div>
      <div class="option-item" data-m-id="2"><p>X65</p></div>
    </div>
    <div class="option clearafter hide">
      <div class="option-item" data-m-id="0"><p>Z65</p></div>
      <div class="option-item" data-m-id="1"><p>Z65</p></div>
      <div class="option-item" data-m-id="2"><p>Z65</p></div>
    </div>
  </div>
</div>
<!-- m 黑色半透明遮罩 -->
<div class="common_choose_shade"></div>
*/

/* 顶部的面包屑导航 */
.common_top_crumb{display: flex;}
.common_top_crumb>a{font-size:16px;color:#333;line-height:1;}
.common_top_crumb>p.arr{font-size:16px;color:#333;margin:0 8px;}
.common_top_crumb>p{font-size:16px;color:#999;}
@media (max-width: 767px){
  .common_top_crumb{display: none;}
}
/*  html
<!-- 顶部面包屑导航 -->
<div class="public container common_top_crumb">
  <a href="#">Home</a>
  <p class="arr">&gt;</p>
  <p>Privacy Policy</p>
</div>
*/

/* 富文本编辑的页面 */
.common_richtest_crumb{padding-top:42px;padding-bottom:30px;}
.common_richtest-bg{background:#f6f6f6;padding-bottom:50px;}
.common_richtest{background: #fff;padding:50px 65px 30px 65px;box-sizing: border-box;}
.common_richtest>h1{padding-bottom:28px;text-align: center;line-height:1;color:#000;font-weight:bold;font-size:30px;margin: 30px 0;}
.common_richtest>h2{text-align: center;font-weight: normal;line-height:1;padding-bottom:20px;margin: 0;font-size:18px;}

.common_richtest-richtext{padding-bottom:20px;}/* display: none; */
.common_richtest-richtext h1{font-size:24px;color:#000;line-height:32px;padding-bottom:18px;}
.common_richtest-richtext h2{font-size:24px;line-height:32px;padding:40px 0;}
.common_richtest-richtext p{font-size:18px;color:#666;line-height:32px;padding-bottom:16px;}
.common_richtest-richtext a{display:inline;font-size:18px;color:#008ad0;line-height:32px;text-decoration:underline;}
.common_richtest-richtext .small-pic{display:inline-block;margin:0 .2em !important;width:auto !important;height:1em !important;vertical-align: -.23ex !important;}
.common_richtest-richtext .big-pic{display:block !important;margin:0px auto 36px auto !important;width:auto !important;height:auto !important;max-width:100% !important;max-height: 654px !important;}
.common_richtest-richtext video{display:block !important;margin:0px auto 36px auto !important;width:auto !important;height:auto !important;max-width:100% !important;max-height: 438px !important;}
.common_richtest-richtext .last-text {text-align: right;margin-top: 1rem;}
@media (max-width: 767px) {
  .common_richtest_crumb{padding-top:0.2rem;padding-bottom:0;}
  .common_richtest_crumb .common_top_crumb{display: none;}
  .common_richtest-bg{padding-bottom:0.5rem;}
  .common_richtest{padding:0.75rem 0.8rem;}
  .common_richtest>h1{padding-bottom:0.3rem;font-size:0.7rem;line-height: 1.2;}
  .common_richtest>h2{padding-bottom:1rem;font-size:0.6rem;}

  .common_richtest-richtext{padding-bottom:0.2rem;}
  .common_richtest-richtext h1{font-size:0.42rem;line-height:0.6rem;padding-bottom:0.35rem;}
  .common_richtest-richtext h2{font-size:0.6rem;line-height:1.2;padding:0.35rem 0;}
  .common_richtest-richtext p{font-size:0.36rem;color:#666;line-height:0.60rem;padding-bottom:0.35rem;}
  .common_richtest-richtext a{display:inline;font-size:0.36rem;color:#008ad0;}
  .common_richtest-richtext .big-pic{margin:0 auto 0.01rem auto !important;max-height: 14.4rem !important;}
  .common_richtest-richtext video{margin:0 auto 0.01rem auto !important;width: 100% !important;}
}

/* 邮件 */
.common_email-box{position:fixed;z-index:500;padding:88px 0;width:100%;height:100%;top:0;left:0;box-sizing: border-box;}
.common_email{width:767px;background:#f5f5f5;padding:0 36px;position:relative;top:0px;left:50%;max-height:100%;transform: translate(-50%,0);
  box-shadow: 0px 0px 18px 0px rgba(169, 169, 169, 0.7);overflow-y: scroll;overflow-x:hidden;}
.common_email-close{position:absolute;width:22px;height:22px;top:32px;right:32px;cursor: pointer;}
.common_email-close>i{display:none;}
.common_email-close::before,
.common_email-close::after{content:' ';display:block;width:100%;height:2px;background:#808080;position: absolute;top:10px;left:0;}
.common_email-close::before{transform: rotate(45deg);}
.common_email-close::after{transform: rotate(-45deg);}
.common_email>h1{text-align:center;font-size:32px;color:#333;padding-bottom:24px;padding-top:42px;}
.common_email>h2{text-align:center;font-size:14px;color:#808080;padding-bottom:10px;}
.common_email>h3{font-size:16px;color:#000;padding-bottom:14px;padding-top:20px;}
.common_email>h4{font-size:14px;color:#bababa;}
.common_email-input{padding-bottom:12px;}
.common_email-input>input{width:100%;height:50px;background:#fff;border-radius:5px;border:1px solid #999;text-indent:14px;font-size:14px;}
.common_email-input>p{font-size:14px;color:#c50202;padding-top:10px;}
.common_email-textarea{padding-bottom:12px;}
.common_email-textarea>textarea{width:100%;min-height:140px;border:1px solid #999;background:#fff;border-radius:5px;resize:vertical;padding:10px;font-size:14px;}
.common_email-textarea>p{font-size:14px;color:#c50202;padding-top:10px;}
.common_email-submit{padding:45px 0 46px 0;}
.common_email-submit button{padding:0 50px;height:38px;line-height:38px;text-align:center;background:#008eda;color:#fff;border-radius:19px;margin:0 auto;cursor: pointer;font-size:16px;display: block;}
.common_email-submit button.active{background:#a0a0a0;}
  /* 校验不通过的输入项边框变红 */
.common_email .common_email-input_prompt{border:1px solid #c50202;}
@media (max-width: 767px) {
  .common_email-box{padding:1.6rem 0 0 0;}
  .common_email{width:100%;height:100%;padding:0 0.8rem;box-shadow: 0;}
  .common_email-close{position:absolute;width:0.5rem;height:0.5rem;top:32px;right:32px;cursor: pointer;}
  .common_email-close>i{display:block;}
  .common_email-close::before,
  .common_email-close::after{display:none;}
  .common_email>h1{font-size:0.42rem;padding-bottom:0.4rem;padding-top:0.9rem;}
  .common_email>h2{font-size:0.3rem;padding-bottom:0.4rem;}
  .common_email>h3{font-size:0.34rem;padding-bottom:0.32rem;padding-top:0.22rem;}
  .common_email>h4{font-size:0.28rem;}
  .common_email-input{padding-bottom:0.3rem;}
  .common_email-input>input{height:0.9rem;border-radius:0.1rem;text-indent:0.22rem;font-size:0.26rem;}
  .common_email-input>p{font-size:0.26rem;padding-top:0.2rem;}
  .common_email-textarea{padding-bottom:0.24rem;}
  .common_email-textarea>textarea{min-height:1.58rem;border-radius:0.1rem;padding:0.2rem;font-size:0.26rem;}
  .common_email-textarea>p{font-size:0.26rem;padding-top:0.2rem;}
  .common_email-submit{padding:0.7rem 0 0.7rem 0;}
  .common_email-submit button{padding:0 1.85rem;height:1.2rem;line-height:1.2rem;border-radius:0.6rem;font-size:0.4rem;}
}



/* animation动画 ************************************************ */
.delay50 {  animation-delay: 50ms !important;}
.delay100{  animation-delay: 100ms !important;}
.delay150{  animation-delay: 150ms !important;}
.delay200{  animation-delay: 200ms !important;}
.delay250{  animation-delay: 250ms !important;}
.delay300{  animation-delay: 300ms !important;}
.delay350{  animation-delay: 350ms !important;}
.delay400{  animation-delay: 400ms !important;}
.delay450{  animation-delay: 450ms !important;}
.delay500{  animation-delay: 500ms !important;}
.delay550{  animation-delay: 550ms !important;}
.delay600{  animation-delay: 600ms !important;}
.delay650{  animation-delay: 650ms !important;}
.delay700{  animation-delay: 700ms !important;}
.delay750{  animation-delay: 750ms !important;}
.delay800{  animation-delay: 800ms !important;}
.delay850{  animation-delay: 850ms !important;}
.delay900{  animation-delay: 900ms !important;}
.delay950{  animation-delay: 950ms !important;}
.delay1000{ animation-delay: 1000ms !important;}
.delay1050{ animation-delay: 1050ms !important;}
.delay1100{ animation-delay: 1100ms !important;}
.delay1200{ animation-delay: 1200ms !important;}

/*
animation-duration:0.4s;animation-timing-function: ease;animation-fill-mode:both;
*/

/* loading 图的旋转动画 */
.ani-loading{animation-name:ani-loading;}
@keyframes ani-loading{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(-360deg);}
}

/* 淡出 会保留原有位置 */
.ani-fadeOut{animation-name:ani-fadeOut;}
@keyframes ani-fadeOut{
  0%{opacity: 1;}
  99%{opacity: 0;transform:scale(1,1);}
  100%{overflow: hidden;opacity: 0;transform:scale(0,0);}
}
/* 淡入 */
.ani-fadeIn{animation-name:ani-fadeIn;}
@keyframes ani-fadeIn{
  0%{opacity: 0;}
  100%{opacity: 1;}
}

/* 向下滑动淡入 */
.ani-slideDown{animation-name:ani-slideDown;}
@keyframes ani-slideDown{
  0%{opacity: 0;transform: translate(0,-10%);}
  100%{opacity: 1;transform: translate(0,0%);}
}

/* 向上滑动淡出 */
.ani-slideUp{animation-name:ani-slideUp;}
@keyframes ani-slideUp{
  0%{opacity: 1;transform: translate(0,0%);}
  100%{opacity: 0;transform: translate(0,-10%);}
}

/* 顶部导航 隐藏动画 */
@media (min-width: 768px) {
  /* 只在PC下有效 */
  .ani-topnavhide{animation-name:ani-topnavhide;}
}

@keyframes ani-topnavhide{
  0%  {transform: scale3d(1, 1, 1);}
  100%{transform: scale3d(0, 0, 0);}
}

/* 顶部导航 显示动画 */
@media (min-width: 768px) {
  /* 只在PC下有效 */
  .ani-topnavshow{animation-name:ani-topnavshow;}
}
@keyframes ani-topnavshow{
  0%  {transform: scale3d(0, 0, 0);}
  100%{transform: scale3d(1, 1, 1);}
}

/* 顶部 搜索默认选项 出现动画 */
.ani-topSearchOption{animation-name:ani-topSearchOption;animation-fill-mode: both;animation-duration: 0.3s;animation-timing-function: ease;}
@keyframes ani-topSearchOption{
  0%{transform:translate(0,-20px);opacity: 0;}
  100%{transform:translate(0,0px);opacity: 1;}
}

/*
@media (max-width: 1920px) {

}

@media (max-width: 1440px) {

}

@media (max-width: 767px) {

}

*/