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

@font-face{
  font-family: 'AvenirNext';
	src: url('AvenirNext.ttf')  format('truetype'); /* Safari, Android, iOS */
}

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

.public *{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,sans-serif;box-sizing:border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.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;}
.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;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:0px -98px;width:16px;height:15px;}
@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-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.22rem -0.52rem;width:0.22rem;height:0.38rem;}
}



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

/* 顶部 ******************************************************************** */
.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;}/* position:absolute;top:0;left:0; */
.common_top-logo-1>img{width:100%;}
.common_top-logo-2{width:120px;height:120px;}
.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:12px;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:80%;margin-left:10%;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;}
.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-menu>a{display: table-cell;}
  .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.40rem;position: absolute;left:0.42rem;top:50%;transform: translateY(-50%);}
  .common_top-m_btn>div{width:0.46rem;height:0.03rem;background: #fff;border-radius: 0.015rem;position: absolute;left:0rem;opacity: 1;transition: all .4s ease-out,opacity .2s;}
  .common_top-m_btn>div:nth-child(1){top:0rem;transform-origin:center center;}
  .common_top-m_btn>div:nth-child(2){top:50%;transform: translate(0,-50%);}
  .common_top-m_btn>div:nth-child(3){bottom:0rem;transform-origin:center 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;
    transition: 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.1, 0, 0, 1.1, -20, -20);opacity: 0;transition:all 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.36rem;text-indent: 0;}
  .common_top-search-sub{background: initial;}
  .common_top-search-sub-item{}
  .common_top-search-sub-item>h1{font-size:0.4rem;line-height:1.4rem;text-indent: 0;}
  .common_top-search-sub-item>a{font-size:0.4rem;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,-50%);width:0.65rem;top:50%;margin-top:0px;}
  .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,-50%);width:0.65rem;top:50%;margin-left:0px;}
  .common_top_m-openmenu .common_top-menu{height:100%;}
  .common_top_m-openmenu .common_top-menu>a{transform:matrix(1, 0, 0, 1, 0, 0);opacity: 1;}

  /* 出现搜索框 */
  .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;}
}

/* 页脚 ****************************************************** */
.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:14px;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:14px;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){
  /* 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.4rem;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: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:14px;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:14px;}
.common_page-btn{width:30px;height:30px;background:#f1f1f1;border-radius: 50%;cursor: pointer;display: flex;justify-content: center;align-items: center;}
/*
<!-- 分页器 -->
<div class="common_page">
  <div class="common_page-btn common_page-btn_left"><i class="icon icon-page_left"></i></div>
  <p>1 / 14</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;
}


/* 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) {

}

*/