*{
  margin: 0;
  padding: 0;
}
a{
  text-decoration:none;
  outline: none;
  color: #222;
  transition: .3s;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
}
body {
    width: 100%;
    font: 400 15px/1.55 sans-serif;
    color: #878787;
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-family: 'Jost-Regular';
}
img{
    vertical-align: middle;
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
  margin: 0;
  padding: 0;
  border: 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block
}

button::-moz-focus-inner,input::-moz-focus-inner {
  padding: 0;
  border: 0
}

ul {
  list-style: inside
}

ol {
  list-style: decimal inside
}

ol ol,ul ul {
  padding-left: 1.5em
}

dd,dl {
  margin: 0 0 1.75em
}

table,td,th {
  border: 1px solid #ddd;
  vertical-align: middle
}

table {
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 1.5em 0 1.75em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0
}

caption,td,th {
  font-weight: 400;
  text-align: left
}

th {
  border-width: 0 1px 1px 0;
  font-weight: 600
}

td {
  border-width: 0 1px 1px 0
}

td,th {
  padding: 10px
}

small {
  font-size: 75%
}

address {
  font-style: italic;
  margin: 0 0 1.75em
}

b,strong {
  font-weight: 700
}

code,kbd,pre,samp,tt,var {
  font-family: Inconsolata,monospace
}

pre {
  border: 1px solid #d1d1d1;
  font-size: 1rem;
  line-height: 1.3125;
  margin: 0 0 1.75em;
  max-width: 100%;
  overflow: auto;
  padding: 1.75em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}

code {
  background-color: #d1d1d1;
  padding: .125em .25em
}

abbr,acronym {
  border-bottom: 1px dotted #d1d1d1;
  cursor: help
}

mark {
  background: #222;
  padding: .125em .25em;
  text-decoration: none;
  color: #fff
}

big {
  font-size: 125%
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

a {
  color: #222;
  transition: .3s
}

a,a:active,a:focus,a:hover {
  text-decoration: none;
  outline: 0
}

a:active,a:hover {

}

em {
  font-style: italic
}

strong {
  font-weight: 600
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle
}

iframe {
  max-width: 100%
}


button,input,textarea {
  transition: .3s
}

button,input,optgroup,select,textarea {
  color: inherit;
  font: inherit
}

button:focus,input:focus,textarea:focus {
  outline: 0;
  box-shadow: none
}

input:-webkit-autofill {
  border-color: #e6e6e6;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: #333
}

input:focus:-webkit-autofill {
  border-color: #d9d9d9
}


textarea {
  overflow: auto;
  padding: 10px 15px;
  min-height: 190px
}

button,input[type=submit] {
  -webkit-appearance: button
}[disabled=disabled],button[disabled=disabled],input[disabled=disabled] {
  cursor: not-allowed;
  opacity: .5
}

::-webkit-input-placeholder {
  color: #c1c1c1
}

:-moz-placeholder {
  color: #c1c1c1
}

::-moz-placeholder {
  color: #c1c1c1
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-box-shadow: 0 0 0 1000px #fff inset
}

@-moz-document url-prefix() {
  select:-moz-focusring,select::-moz-focus-inner {
    color: transparent!important;
    text-shadow: 0 0 0 #999!important;
    background-image: none!important;
    border: 0
  }
}

input:focus::-webkit-input-placeholder {
  color: transparent
}

input:focus::-moz-placeholder {
  color: transparent
}

input:focus:-ms-input-placeholder {
  color: transparent
}
::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 6;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 6;
    background: #EDEDED;
}

.custzk::-webkit-scrollbar {/*滚动条整体样式*/
    width: 0!important;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.custzk::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 0!important;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
}
.custzk::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0!important;
    background: #EDEDED;
}

select{
  border: 0;
}
.select {
  padding: 0 30px 0 15px;
  max-width: 100%;
  width: 100%;
  height: 40px;
  border: 1px solid #e3e3e3;
  vertical-align: middle;
  font-size: 14px;
  transition: border-color .5s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/svg+xml;
  base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==);background-position: right 10px top 50%;
  background-size: auto 18px;
  background-repeat: no-repeat;
  display: inline-block;
  background-color: transparent;
  box-shadow: none;
  color: #222;
  border-radius: 30px
}
.swipflx{
   width: 100%;
   display: flex;
}

.button,button,input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.clearn{
   clear: both;
   width: 100%;
   height: 1px;
   background: rgba(0,0,0,1);
}
*,:after,:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.clearfix:after,.clearfix:before {
  content: ' ';
  display: table
}
.page-thirteen-larr{
   display: flex;
}
.page-thirteen-larr a{
   background: #5b8cfb;
   color: #ffffff;
   border-radius: 10px;
   padding: 6px 20px;
}
.ntheader_wrapper{
   width: 100%;
   padding: 5px 0 0;
   box-sizing: border-box;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.wrapper-ul{
   display: flex;
   align-items: center;
   font-family: 'Jost-Medium';
   color: #333;
}
.wrapper-li{
   display: flex;
   align-items: center;
   margin:0 40px 0 0;
   font-size: 16px
}
.wrapper-li img{
   margin-right: 5px;
}
.wrapper-lis{
   display: flex;
   align-items: center;
   cursor: pointer;
   margin-right: 20px;
   font-size: 16px
}
.wrapper-lisx{
   display: flex;
   align-items: center;
   cursor: pointer;
   margin-right: 10px;
   font-size: 14px
}
.wrapper-lis img{
   margin-right: 5px;
}
.xclogo{
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   padding-bottom: 10px;
}
.header{
   width: 100%;
   position: fixed;
   z-index: 33;
   left: 0;
   right: 0;
   background: #fff;
   top: 0;
   padding-bottom: 5px;
   border-bottom: 1px solid #cfcfcf;
}
.xcmenu{
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   font-family: 'Jost-Regular';
   font-size: 14px;
   text-transform: uppercase;
}
.xcmenu-li{
   padding: 0 25px;
   font-size: 18px;
}
.xcmenu-li a{
   position: relative;
}
.xcmenu-li a:after {
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #fecb2f;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.xcmenu-li:hover a:after {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
}
.banner{
   width: 100%;
   max-width: 1650px;
   margin: 115px auto 15px;
   padding:0 30px;
   box-sizing: border-box;
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-direction: row-reverse;
}
.banner-l{
   width: 590px;
   padding-right: 30px;
   box-sizing: border-box;
}
.banner-r{
   flex: 1;
}
.banner-h1{
   font-family: 'Jost-Regular';
   padding-bottom: 15px;
}
.banner-h2{
   font-weight: bold;
   padding: 0 0 40px;
   color: #333;
   font-family: 'Jost-Medium';
}
.banner-btn{
   display: inline-block;
}
.banner-btn a{
   display: flex;
   align-items: center;
   padding: 10px 20px;
   box-sizing: border-box;
   border-radius: 10px;
   border: 1px solid #cbcbcb;
   text-align: center;
   justify-content: center;
   color: #5a8dfc;
   font-family: 'Jost-Medium';
}
.banner-btn a img{
   margin-left: 10px;
}
.page-one{
   width: 100%;
   max-width: 1500px;
   padding:30px 30px;
   box-sizing: border-box;
   margin: 30px auto;
   align-items: center;
   display: flex;
}
.page-one-left{
   padding-right: 30px;
   width: 460px;
   box-sizing: border-box;
}
.page-one-right{
   flex: 1;
}
.page-one-ul{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}
.page-one-li{
   width: 50%;
   padding: 15px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
}
.page-one-ico{
   width: 60px;
   margin-right: 15px;
}
.page-one-txt{
   flex: 1;
}
.page-one-h1{
  padding-left: 25px;
  padding-bottom: 10px;
  color: #101010;
  font-family: 'Jost-Medium';
}
.page-one-h2{
  color: #101010;
  padding-bottom: 15px;
  padding-left: 25px;
  font-family: 'Jost-Regular';
}
.page-one-arr{
  padding-left: 25px;
}
.page-one-txth1{
  font-size: 20px;
  color: #101010;
  padding-bottom: 4px;
  font-family: 'Jost-Regular';
}
.page-one-txth2{
  font-size: 14px;
  color: #4c4c4c;
  line-height: 20px;
  font-family: 'Jost-Regular';
}

.page-two{
   width: 100%;
   max-width: 1500px;
   padding:30px 30px;
   box-sizing: border-box;
   margin: 30px auto;
   align-items: center;
   display: flex;
   justify-content: space-between;
}
.page-two-left{
   align-items: center;
   display: flex;
   justify-content: space-between;
}
.page-two-ul{
   background: #f3f3f3;
   padding: 50px 20px;
   box-sizing: border-box;
   width: 30%;
}
.page-two-ul:nth-child(2n){
   margin-top: 120px;
}
.page-two-right{
   padding: 50px 0 0 0;
   width: 30%;
}
.page-two-li{
   width: 100%;
   display: flex;
   justify-content: space-between;
   padding: 15px 0;
}
.page-two-ico{
   width: 60px;
   margin-right: 10px;
}
.page-two-txt{
   flex: 1;
}
.page-two-txth1{
   font-size: 20px;
   padding-bottom: 6px;
   font-family: 'Jost-Regular';
   color: #363636;
}
.page-two-txth2{
   font-size: 14px;
   color: #4c4c4c;
    font-family: 'Jost-Regular';
}
.page-two-h1{
   color: #505050;
   font-family: 'Jost-Regular';
}
.page-two-h2{
   color: #333;
   margin-bottom: 15px;
   font-family: 'Jost-Medium';
}
.page-two-h3{
   color: #4c4c4c;
   padding-bottom: 40px;
   font-family: 'Jost-Regular';
}
.page-two-arr a{
   display: flex;
   align-items: center;
   padding:10px 20px;
   max-width: 140px;
   box-sizing: border-box;
   border-radius: 10px;
   border: 1px solid #cbcbcb;
   text-align: center;
   justify-content: center;
   color: #5a8dfc;
   font-family: 'Jost-Medium';
}
.page-two-arr a img{
   margin-left: 5px;
   margin-top: 3px;
}

.page-three{
   width: 100%;
   max-width: 1500px;
   padding: 30px 30px;
   margin: 0 auto;
 }
 .page-three-top{
   width: 100%;
   text-align: center;
 }
 .page-three-h1{
   font-family: 'Jost-Regular';
 }
 .page-three-txth1{
   font-size: 20px;
   font-family: 'Jost-Regular';
   color: #363636;
 }
 .page-three-txth2{
   color: #4c4c4c;
   font-family: 'Jost-Regular';
 }
 .page-three-h2{
   color: #101010;
   padding-bottom: 30px;
   font-family: 'Jost-Medium';
 }
.page-three-h3{
   color: #101010;
   padding-bottom: 30px;
   font-family: 'Jost-Medium';
 }
 .page-three-ul{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
 }
 .page-three-li{
   width: 33.3%;
   padding: 35px 15px;
   box-sizing: border-box;
   display: flex;
 }
 .page-three-ico{
   width: 60px;
   margin-right: 5px;
 }
 .page-three-txt{
   flex: 1;
 }
 .page-three-arr a{
    display: flex;
    align-items: center;
    padding: 10px 20px;
    max-width: 160px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #cbcbcb;
    margin: 0 auto 50px;
    text-align: center;
    justify-content: center;
    color: #5a8dfc;
   font-family: 'Jost-Regular';
  }

  .page-three-arr a img{
    margin-left: 5px;
    margin-top:3px;
  }
  .page-four{
     width: 100%;
     max-width: 1500px;
     padding: 30px 30px 0;
     margin: 0 auto;
  }
  .page-four-flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
  }
  .page-four-arr{
    display: flex;
    margin: 0 auto;
    justify-content: center;
  }
  .page-four-arr a {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #cbcbcb;
    margin: 0 auto 50px;
    text-align: center;
    justify-content: center;
    color: #5a8dfc;
    font-family: 'Roboto-Bold';
    font-size: 18px;
  }
.page-four-li{
     display: flex;
     align-items: center;
     padding: 15px 0;
}
.page-four-h1{
    text-align: center;
    font-family: 'Jost-Regular';
    margin-bottom: 18px;
    color: #101010;
}
.page-fourteen-rh1{
    font-size: 18px;
    padding-top: 10px;
}
.page-four-h2{
    width: 100%;
    text-align: center;
    color: #101010;
    font-family: 'Jost-Regular';
    font-weight: bolder;
    margin-bottom: 15px;
}
.page-four-h3{
    text-align: center;
    font-family: 'Jost-Regular';
    margin-bottom: 15px;
    color: #888;
}
.page-four-ul{
    width: 30%;
}
.page-four-cent{
   width: 40%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.page-four-ico{
  width: 60px;
  margin: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-four-txt-l{
   text-align: right;
}
.page-four-txt-l{
   flex: 1;
}
.page-four-txt{
   flex: 1;
}
.page-four-txth1{
   font-size: 20px;
   color: #363636;
   font-family: 'Jost-Regular';
   line-height: 28px;
   font-weight: bolder;
}
.page-four-txth2{
   font-size: 14px;
   color: #4c4c4c;
   line-height: 20px;
   padding-top: 5px;
   font-family: 'Jost-Regular';
}

.page-five{
   width: 100%;
   max-width: 1500px;
   padding: 30px 30px;
   margin: 0 auto;
}
.page-five-top{
   width: 100%;
   text-align: center;
   padding: 10px 0;
}
.page-five-h1{
   font-family: 'Jost-Regular';
}
.page-five-h2{
    color: #101010;
    padding-bottom: 30px;
   font-family: 'Jost-Regular';
}
.page-five-h3{
    color: #101010;
    padding-bottom: 30px;
   font-family: 'Jost-Regular';
}
.page-five-flex{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}
.page-five-li{
   width: 33.3%;
   padding: 15px;
   box-sizing: border-box;
}
.page-five-lipad{
   border:1px solid #e7e7e7;
   padding:20px 30px;
   box-sizing: border-box;
}
.page-five-txth1{
   color: #363636;
   font-size: 20px;
   padding-top: 6px;
   font-family: 'Jost-Regular';
}
.page-five-txth2{
   font-size: 14px;
   color: #4c4c4c;
   padding: 15px 0 0 0;
   font-family: 'Jost-Regular';
}
.page-five-arr a {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    max-width: 140px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #cbcbcb;
    margin: 0 auto 50px;
    text-align: center;
    justify-content: center;
    color: #5a8dfc;
   font-family: 'Jost-Regular';
}
.page-five-arr a img{
   margin-top: 3px;
   margin-left: 4px;
}
.page-six-flex{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   margin-top: -40px;
}
.page-six{
   width: 100%;
   max-width: 1300px;
   padding: 30px 30px;
   margin: 0 auto;
}
.page-six-top {
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
.page-six-h1 {
    font-family: 'Jost-Regular';
    margin-bottom: 15px;
    color: #333;
}
.page-six-h2 {
    font-weight: bolder;
    color: #101010;
    padding-bottom: 0;
    margin-bottom: 15px;
    font-family: 'Jost-Regular';
}
.page-six-h3 {
    color: #8d8d8d;
    padding-bottom: 30px;
    font-family: 'Jost-Regular';
}
.page-six-li{
    width: 33.3%;
    padding: 15px;
    box-sizing: border-box;
}
.page-six-li:nth-child(2){
    margin-top: 50px;
}
.page-six-li:nth-child(3){
    margin-top: 100px;
}
.page-six-lipad{
    background: #f9f9f9;
    padding: 20px 10px;
    width: 100%;
    box-sizing: border-box;
    margin: 15px 0;
    display: flex;
}
.page-six-ico {
    width: 60px;
    margin: 8px;
    text-align: center;
}
.page-six-txt-l{
   flex: 1;
}
.page-six-txth1{
   font-size: 24px;
   color: #363636;
   font-family: 'Jost-Regular';
}
.page-six-txth2{
   font-size: 16px;
   color: #4c4c4c;
   padding: 0;
   line-height: 20px;
   font-family: 'Jost-Regular';
}
.page-six-arr {
   display: flex;
}
.page-six-arr a {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #cbcbcb;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    color: #5a8dfc;
}

.page-seven{
   width: 100%;
   max-width: 1300px;
   padding: 30px 30px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.page-seven-left{
   width: 500px;
   padding-right: 20px;
}
.page-seven-right{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}
.page-seven-h1{
   color: #363636;
   padding-bottom: 8px;
   font-family: 'Jost-Regular';
}
.page-seven-h2{
   color: #4c4c4c;
   padding: 10px 0;
   margin-top: 20px;
   margin-bottom: 15px;
   line-height: 40px;
   font-family: 'Jost-Regular';
   font-weight: 600;
}
.page-seven-h3{
   color: #4c4c4c;
   padding: 10px 0;
   line-height: 26px;
   margin-bottom: 80px;
   font-family: 'Jost-Regular';
}
.page-seven-btn a{
   background: #efefef;
   display: flex;
   align-items: center;
   border-radius: 10px;
   max-width: 250px;
   padding: 6px 10px;
   text-align: center;
   color: #5b8cfb;
   justify-content: center;
   font-family: 'Jost-Regular';
}
.page-seven-btn a img{
   margin-top: 3px;
   margin-left: 4px;
}
.page-seven-li{
   width: 100%;
   padding: 10px;
   box-sizing: border-box;
}
.page-seven-pad{
   width: 100%;
   padding: 10px;
   box-sizing: border-box;
   border: 1px solid #d6d6d6;
   background: #f2f2f2;
}
.page-seven-th1{
   width: 100%;
   font-size: 16px;
   margin-bottom: 15px;
   line-height: 24px;
   height: 50px;
   word-break: break-all;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   font-family: 'Jost-Regular';
}
.page-seven-img{
   width: 100%;
   overflow: hidden;
}
.page-seven-li img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.page-seven-li:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}

.page-eight{
   width: 100%;
   max-width: 1300px;
   padding: 30px 30px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.page-eight-left{
   width: 500px;
   padding-left: 50px;
}
.page-eight-right{
    width: 50%;
}
.page-eight-h1{
   color: #363636;
   line-height: 32px;
   margin-bottom: 8px;
   font-family: 'Jost-Regular';

}
.page-eight-h2{
   color: #4c4c4c;
   padding: 10px 0;
   margin-top: 20px;
   margin-bottom: 20px;
   line-height: 40px;
   font-family: 'Jost-Regular';
}
.page-eight-h3{
   color: #4c4c4c;
   padding: 10px 0;
   line-height: 22px;
   margin-bottom: 80px;
   font-family: 'Jost-Regular';
}
.page-eight-btn a{
   background: #efefef;
   display: flex;
   align-items: center;
   border-radius: 10px;
   max-width: 250px;
   padding: 6px 10px;
   text-align: center;
   color: #5b8cfb;
   justify-content: center;
}
.page-eight-li{
   width: 100%;
   padding: 10px;
   box-sizing: border-box;
}
.page-eight-pad{
   width: 100%;
   padding: 20px;
   box-sizing: border-box;
   border: 1px solid #d6d6d6;
   background: #f2f2f2;
}
.page-eight-th1{
	width: 100%;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;  /* 超出部分省略号 */
	word-break: break-all;  /* break-all(允许在单词内换行。) */
	display: -webkit-box; /* 对象作为伸缩盒子模型显示 */
	-webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
	-webkit-line-clamp: 2; /* 显示的行数 */
	height: 48px;
	line-height: 24px;
	padding-bottom: 15px;
	font-family: 'Jost-Regular';
	color: #000;
}
.page-eight-img{
   width: 100%;
   padding-bottom: 0;
}

.page-nine{
   width: 100%;
   max-width: 1000px;
   padding: 30px 30px;
   margin: 0 auto;
}
.page-nine-h1 {
    text-align: center;
    font-family: 'Jost-Regular';
    line-height: 32px;
    margin-bottom: 18px;
    color: #101010;
}
.page-nine-h2 {
    width: 100%;
    text-align: center;
    color: #101010;
    padding-bottom: 15px;
    font-family: 'Jost-Regular';
    font-weight: bolder;
}
.page-nine-h3 {
    text-align: center;
    font-family: 'Jost-Regular';
    line-height: 32px;
    margin-bottom: 15px;
    color: #888;
}
.page-thirteen-lh3{
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 26px;
}
.page-nine-right{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.page-nine-li{
   width: 100%;
   background: #fff;
   border-right: 1px solid #e3e3e3;
   border-bottom: 1px solid #e3e3e3;
}
#alsotab{
   border-top: 1px solid #e3e3e3;
   border-left: 1px solid #e3e3e3;
}
.page-nine-img img{
  width: 100%;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.page-nine-li:hover img{
  transform: scale(1.15, 1.15);
  transition: transform 0.6s ease 0s;
}
.page-nine-pad{
   width: 100%;
   padding: 20px;
   box-sizing: border-box;
}
.marbanner{
   margin: 102px 0 15px;
}
.bannern{
   width: 100%;
}
.bannern img{
   width: 100%;
}
.page-nine-th1{
	font-size: 18px;
	margin-bottom: 10px;
	height: 48px;
	line-height: 24px;
	color: #2a2a2a;
	font-family: 'Jost-Regular';
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;

}
.page-nine-img{
   width: 100%;
   overflow: hidden;
}
.page-nine-btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-nine-btn a {
    background: #efefef;
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 6px 10px;
    text-align: center;
    color: #5b8cfb;
    margin: 30px auto 20px;
    font-size: 18px;
    align-items: center;
    justify-content: center;
}
.page-ten {
    width: 100%;
    max-width: 1300px;
    padding: 30px 30px;
    margin: 20px auto;
}
.page-ten-h1 {
    text-align: center;
   font-family: 'Jost-Regular';
   line-height: 32px;
   margin-bottom: 18px;
   color: #101010;
}
.page-ten-h2 {
    color: #101010;
    padding-bottom: 10px;
    text-align: center;
    font-family: 'Jost-Medium';
}
.page-ten-h3 {
    text-align: center;
    font-family: 'Jost-Regular';
    margin-bottom: 28px;
    color: #888;
}
.page-ten-swip{
   position: relative;
   padding:0 50px;
}
.page-ten-swip .swiper-wrapper{
   height: auto;
}
.page-ten-li{
   width: 100%;
   padding: 0;
   box-sizing: border-box;
}
.page-ten-pad{
   width: 100%;
   border: 1px solid #d6d6d6;
   background: #f2f2f2;
   padding: 20px;
   box-sizing: border-box;
}
.page-ten-th1{
    width: 100%;
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 24px;
    height: 24px;
    word-break: break-all;
    text-overflow: ellipsis;
    //display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: 'Jost-Regular';
    white-space:nowrap;
}
.page-ten-img{
   padding-bottom: 10px;
   width: 100%;
}


.page-eleven{
   width: 100%;
   max-width: 1000px;
   padding: 30px 30px;
   margin: 20px auto;
}
.page-eleven-h1 {
    text-align: center;
   font-family: 'Jost-Regular';
}
.page-eleven-h2 {
    color: #101010;
    padding-bottom: 0;
    text-align: center;
    font-family: 'Jost-Medium';
}
.page-eleven-h3 {
    color: #101010;
    padding-bottom: 0;
    text-align: center;
    font-family: 'Jost-Medium';
}
.page-eleven-right{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.page-eleven-li{
   width: 33.3%;
   padding: 10px;
   box-sizing: border-box;
}
.page-eleven-pad{
   width: 100%;
   padding: 20px;
   background: #f2f2f2;
   box-sizing: border-box;
}
.page-eleven-th1{
   font-size: 16px;
   padding-bottom: 10px;
   color: #2a2a2a;
   font-family: 'Jost-Regular';
}
.page-eleven-img{
   width: 100%;
   padding-bottom: 20px;
}
.page-eleven-btn a {
    background: #efefef;
    display: flex;
    align-items: center;
    border-radius: 10px;
    max-width: 250px;
    padding: 6px 10px;
    text-align: center;
    color: #5b8cfb;
    margin: 20px auto;
    justify-content: center;
}

.page-twelve{
   width: 100%;
   margin: 0;
   background: #f8f8f8;
   background-image: linear-gradient(to bottom, #f1f0f0 ,#f8f8f8 , #f8f8f8);
   padding: 30px 0;
}
.page-contain-flex{
   width: 100%;
   max-width: 1400px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.page-twelve-left{
   display: flex;
   flex-wrap: wrap;
   width: 40%;
}
.page-twelve-leftli{
   width: 50%;
   padding: 5px;
   box-sizing: border-box;
}
.page-twelve-leftpad{
   width: 100%;
   box-sizing: border-box;
   background: #fff;
   padding: 5px;
}
.page-twelve-cent{
   width: 40%;
   padding: 20px;
   box-sizing: border-box;
}
.page-twelve-ch1{
   font-size: 16px;
   font-family: 'Jost-Regular';
}
.page-twelve-ch2{
    font-size: 26px;
    color: #101010;
    padding-bottom: 10px;
    font-family: 'Jost-Medium';
}
.page-twelve-ch3{
   font-size: 16px;
   font-family: 'Jost-Regular';
}
.page-twelve-cbtn a {
    background: #5b8cfb;
    display: flex;
    align-items: center;
    border-radius: 10px;
    max-width: 250px;
    padding: 6px 10px;
    text-align: center;
    color: #fff;
    margin: 20px 0;
    justify-content: center;
    font-family: 'Jost-Regular';
}
.page-twelve-right{
   padding-top: 300px;
}

.page-thirteen{
   width: 100%;
   margin: 0;
   background: #f8f8f8;
   background-image: linear-gradient(to bottom, #f1f0f0 ,#f8f8f8 , #f8f8f8);
   padding: 60px 0;
}
.page-thirteen-contain{
   width: 100%;
   max-width: 1400px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.page-thirteen-left{
   width: 35%;
   padding-right: 20px;
   box-sizing: border-box;
}
.page-thirteen-right{
  width: 65%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.page-thirteen-pad{
   width: 100%;
   padding: 0;
   box-sizing: border-box;
}
.page-thirteen-li{
  width: 100%;
  background: #fff;
  padding: 15px 15px 20px;
  box-sizing: border-box;
}
.page-thirteen-li img{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.page-thirteen-li:hover img{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
      transform: scale(1.15, 1.15);
}
.page-thirteen-rh1{
   width: 100%;
   font-size: 20px;
   line-height: 28px;
   height: 28px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
   margin-top: 15px;
   color: #333;
   font-family: 'Jost-Regular';
}
.page-thirteen-rh2{
   width: 100%;
   font-size: 14px;
   font-family: 'Jost-Regular';
    height: 88px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: normal;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp: 4;
}
.page-thirteen-rbtn{
  font-size: 16px;
  color: #000000;
  font-family: 'Jost-Medium';
}
.page-thirteen-lh1{
   font-family: 'Jost-Regular';
}
.page-thirteen-lh2{
  line-height: 40px;
  color: #000;
  margin: 22px 0;
  font-family: 'Jost-Medium';
}

.page-fourteen{
  width: 100%;
  margin: 0;
  background: #f8f8f8;
  background-image: linear-gradient(to bottom, #f1f0f0 ,#f8f8f8 , #f8f8f8);
  padding: 50px 0;
}
.page-fourteen-contain{
   width: 100%;
   max-width: 1400px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.page-fourteen-left{
   width: 50%;
   padding-right: 40px;
   box-sizing: border-box;
}
.page-fourteen-right{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}
.cust-select{
  display: none;
}
.leftfid02{
   position: fixed;
   bottom: 600px;
}
.page-fourteen-pad{
   width: 100%;
   padding: 10px;
   box-sizing: border-box;
}
.page-fourteen-li{
   width: 100%;
   background: #fff;
   padding: 10px;
   box-sizing: border-box;
   font-family: 'Jost-Regular';
}
.page-fourteen-lh1{
   color: #868686;
   font-family: 'Jost-Regular';
   margin-bottom: 15px;
}
.page-fourteen-lh2{
   font-size: 42px;
   line-height: 46px;
   color: #101010;
   padding-bottom: 18px;
   font-family: 'Jost-Medium';
}
.page-fourteen-lh3{
   font-size: 20px;
   color: #696969;
   font-family: 'Jost-Regular';
   margin-bottom: 18px;
}
.page-fourteen-larr a{
    background: #5b8cfb;
    font-family: 'Jost-Regular';
    display: flex;
    align-items: center;
    border-radius: 10px;
    max-width: 250px;
    padding: 6px 10px;
    text-align: center;
    color: #fff;
    margin: 20px 0;
    justify-content: center;
}
.page-fifteen{
  width: 100%;
  margin: 0;
  background: #f8f8f8;
  background-image: linear-gradient(to bottom, #f1f0f0 ,#f8f8f8 , #f8f8f8);
  padding: 80px 0;
}
.page-fifteen-contain{
   width: 100%;
   max-width: 1400px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.page-fifteen-left{
   width: 40%;
   padding-right: 40px;
   box-sizing: border-box;
   position: relative;
}
.page-fifteen-right{
   width: 45%;
   display: flex;
   position: relative;
}
.page-fifteen-pad{
   padding: 10px;
   box-sizing: border-box;
   text-align: center;
}
.page-fifteen-li{
   width: 100%;
   box-sizing: border-box;
   position: relative;
}
.page-fifteen-lh1{
   color: #868686;
   padding-bottom: 10px;
   font-family: 'Jost-Regular';
}
.page-fifteen-lh2{
   line-height: 46px;
   color: #101010;
   padding-bottom: 18px;
   font-family: 'Jost-Medium';
}
.page-fifteen-lh3{
   line-height: 30px;
   color: #696969;
   font-family: 'Jost-Regular';
   margin-bottom: 20px;
}
.page-fifteen-larr a{
    background: #5b8cfb;
    display: flex;
    align-items: center;
    font-family: 'Jost-Regular';
    border-radius: 10px;
    max-width: 250px;
    padding: 6px 10px;
    text-align: center;
    color: #fff;
    margin: 20px 0;
    justify-content: center;
}
.page-fifteen-li img{
    width: 100%;
}
.page-fif-bot{
   width: 100%;
   position: absolute;
   font-family: 'Jost-Regular';
   left: 0;
   bottom: 0;
   z-index: 3;
   padding: 15px;
   box-sizing: border-box;
   font-size: 12px;
   color: #fff;
}
.page-fifteen-img{
   position: absolute;
   left: -150px;
   bottom: -30px;
   z-index: 3;
   height: 185px;
   width: 252px;
}
.page-fifteen-img img{
   height: 185px;
   width: 185px;
}

.page-fif-bh1{
  text-align: center;
  width: 100%;
  font-size: 16px;
  color: #333;
}
.page-fif-bh2{
    text-align: center!important;
    border: 1px solid #fff;
    border-radius: 1000px;
    padding: 2px 10px;
    display: inline-block;
    background: #fff;
    font-size: 12px;
}
.page-fif-bh2 a{
   display: flex;
   align-items: center;
}
.customclose{
   display: none;
}
.cust-select{
  display: none;
}
.page-fifteen-pad:nth-child(3) .page-fif-bh1{
   width: 100%;
   text-align: center!important;
}

.page-fifteen-pad:nth-child(3) .page-fif-bh2{
   text-align: left!important;
   border: 1px solid #fff;
   border-radius: 1000px;
   padding: 2px 10px;
   display: inline-block;
   font-size: 12px;
   background: #fff;
}

.page-sixteen{
    width: 100%;
    margin: 0;
    background: #f8f8f8;
    background-image: linear-gradient(to bottom, #f1f0f0 ,#f8f8f8 , #f8f8f8);
    padding: 60px 0;
}
.page-sixteen-contain{
   width: 100%;
   max-width: 1500px;
   margin: 0 auto;
}
.page-sixteen-toph1{
   text-align: center;
   font-family: 'Jost-Regular';
}
.page-sixteen-toph2{
   color: #000;
   text-align: center;
   margin-bottom: 15px;
   font-family: 'Jost-Medium';
}
.page-sixteen-toph3{
   color: #000;
   text-align: center;
   margin-bottom: 15px;
   font-family: 'Jost-Medium';
}
.page-sixteen-ul{
   width: 100%;
}
.page-sixteen-li{
   width: 100%;
   text-align: center;
}
.page-sixteen-li img{
  transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.page-sixteen-li:hover img{
  transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.page-sixteen-img{
   width: 100%;
   margin-bottom: 20px;
   overflow: hidden;
}
.page-sixteen-top{
   width: 100%;
   padding-bottom: 50px;
}
.page-sixteen-btn{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-top: 30px;
}
.page-sixteen-btn a {
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #cbcbcb;
   padding: 6px 20px;
   border-radius: 10px;
   font-family: 'Jost-Regular';
}
.page-sixteen-btn a img{
   margin-top: 3px;
   margin-left: 4px;
}
.main-about{
   padding: 50px 0 20px;
   width: 100%;
   margin: 0 auto;
}
.main-about-h1{
   width: 100%;
   display: block;
   text-align: center;
   color: #101010;
   margin-bottom: 15px;
   font-family: 'Jost-Medium';
}
.main-about-h2{
   width: 100%;
   display: block;
   margin: 0 auto 15px;
   text-align: center;
   max-width: 1300px;
   color: #696969;
   font-family: 'Jost-Regular';
}
.main-about-h3{
   width: 100%;
   display: block;
   margin: 0 auto;
   text-align: center;
   padding-bottom: 20px;
   color: #696969;
   font-family: 'Jost-Regular';
}
.main-about-btn{
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
}
.main-about-btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbcbcb;
    padding: 6px 20px;
    border-radius: 10px;
    color: #4b83fc;
    font-family: 'Jost-Medium';
}
.main-about-btn a img{
   margin-top: 3px;
   margin-left: 4px;
}
.main-about-img img{
   max-width: 100%;
}
.main-about-flex{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-bottom: 40px;
   margin-top: 40px;
}
.about-flex-left{
   width: 40%;
   padding-right: 15px;
   box-sizing: border-box;
}
.main-about-lh1{
   font-family: 'Jost-Medium';
   display: block;
   text-align: left;
   width: 100%;
}
.main-about-lh2{
   text-align: left;
   color: #000;
   padding: 20px 0;
   font-family: 'Jost-Medium';
}
.main-about-lh3{
   text-align: left;
   color: #6b6b6b;
   padding-bottom: 30px;
   font-family: 'Jost-Regular';
}
.main-about-lbtn{
    display: flex;
}
.main-about-lbtn a {
    display: flex;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #cbcbcb;
    text-align: center;
    color: #5a8dfc;
    font-family: 'Jost-Regular';
    justify-content: center;
    align-items: center;
}
.main-about-lbtn a img{
   margin-top: 3px;
   margin-left: 4px;
}

.footer{
    width: 100%;
    float: left;
    background: #f6f6f4;
    padding: 60px 0 0;
    clear: both;
}
.contion-width{
    width: 90%;
    margin: 0 auto;
}
.ftrow{
    margin-left: -36px;
    margin-right: -36px;
}
.footli{
    width: 55%;
    padding: 0 36px 50px;
    box-sizing: border-box;
    float: left;
}
.footli2{
    width: 45%;
    padding: 0 36px 50px;
    box-sizing: border-box;
    float: left;
}
.ftbuy{
    width: 100%;
    border-bottom: 1px solid #d3d3d2;
    padding-bottom: 25px;
    color: #383838;
    letter-spacing: 2px;
    float: left;
    margin-bottom: 35px;
}
.ftdl{
    float: left;
    width: 100%;
}
.ftdt01{
    float: left;
    width: 33.3%;
}
.ftdt{
    float: left;
    width: 50%;
}
.ftdtr{
    float: left;
    width: 50%;
    max-width: 315px;
}
.ftdd{
    font-size: 22px;
    color: #2f2f2f;
    font-weight: bolder;
    width: 100%;
    padding-bottom: 15px;
}
.ftul{
    list-style: none;
}
.ftul li{
    width: 100%;
    padding: 10px 0;
    font-family: 'Jost-Regular';
}
.ftul li a{
    color: #575757;
    position: relative;
    font-size: 16px;
}
.ftul li a:after{
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #fecb2f;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.ftul li:hover a:after {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
}

.ftuls{
    width: 100%;

    color: #575757;
    float: left;
    padding-bottom: 30px;
    line-height: 24px;
}
.submit{
    width: 100%;

    color: #575757;
    float: left;
    padding-bottom: 30px;
    line-height: 24px;
}
.sub-text{
    width: 100%;
    color: #898989;
    float: left;
    font-size: 9px;
    line-height: 16px;
    letter-spacing: 0;
}
.subinput{
    border: 1px solid #bfbfbe;
    border-radius: 1000px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.inbtext{
    border: 0;
    background: none;
    height: 40px;
    line-height: 40px;
    padding-left: 8px;

}
.insub{
    background: #fecb2f;
    color: #2f2f2f;
    border-radius: 1000px;
    border: 0;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    padding: 0 15px;
    font-weight: bolder;
}
.share{
    float: left;
    width: 100%;
    padding-bottom: 15px;
}
.copylist{
     width: 100%;
     padding: 20px 100px 20px;
     box-sizing: border-box;
     display: flex;
     align-items: center;
     justify-content: space-between;
     background: #ffffff;
     float: left;
     border-top: 1px solid #cdcdcc;
     font-size: 16px;
 }
 .cpay img{
     border:1px solid #f1f1f1;
     border-radius: 6px;
     overflow: hidden;
 }
.st-btns{
    width: 34px;
    height: 34px;
    border: 1px solid #a8aaad;
    border-radius: 10000px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    margin-right: 10px;
}
.cpaytxt{
    width: 100%;
    text-align: center;
    padding: 10px 0;
    float: left;
    clear: both;
    border-top: 1px solid #cdcdcc;
    font-family: 'Jost-Regular';
}

.advantages-contain{
    width: 100%;
    margin: 130px auto 20px;
    max-width: 1050px;
   font-family: 'Jost-Regular';
}
.advan-manu{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.advan-manu a{
   font-size: 16px;
   margin: 5px 5px 5px 0;
   color: #2f2f2f;
  font-family: 'Jost-Regular';
}
.advcurr{
  background: #f1f1f1;
  padding:3px 10px;
  border-radius: 10px;
}
.advan-h1{
   text-align: center;
   width: 100%;
   font-size: 18px;
   font-family: 'Jost-Regular';
}
.advan-h2{
  text-align: center;
  font-size: 24px;
  color: #2a2a2a;
  font-family: 'Jost-Regular';
  padding-bottom: 15px;
}
.advan-ul{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}
.advan-li{
   width: 33.3%;
   padding:10px;
   box-sizing: border-box;
   margin-bottom: 20px;
}
.advan-li img{
  transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
}
.advan-li:hover img{
      transform: scale(1.15, 1.15);
  transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
}
.mater{
   width: 100%;
   padding: 15px 0 5px;
   border-bottom: 1px solid #f1f1f1;
   margin-bottom: 20px;
  font-family: 'Jost-Regular';
  font-size: 18px;
}
.advanlih1{
  color: #2a2a2a;
  width: 100%;
  height: 48px;
  font-family: 'Jost-Regular';
  font-size: 18px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;  /* 超出部分省略号 */
  word-break: break-all;  /* break-all(允许在单词内换行。) */
  display: -webkit-box; /* 对象作为伸缩盒子模型显示 */
  -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-line-clamp: 2; /* 显示的行数 */
  margin-bottom: 18px;
}
.advanlih-img{
   width: 100%;
   overflow: hidden;
}
.advanlih-img img{
   width: 100%;
}
.advanlih2{
  width: 100%;
  font-size: 18px;
  color: #2a2a2a;
  margin-bottom: 20px;
  height: 44px;
  line-height: 22px;
  margin-top: 15px;
  font-family: 'Jost-Regular';
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.advanli-more{
   font-size: 18px;
   color: #4b83fc;
   font-family: 'Roboto-Bold';
}
.advan-tag{
   width: 100%;
   padding: 30px 0 10px;
   border-bottom: 1px solid #f1f1f1;
   margin-bottom: 20px;
   font-family: 'Jost-Regular';
}
.advan-tag-ul{
   display: flex;
}
.advan-tag-li{
   margin: 0 15px;
}
.advdetail-ul{
   width: 100%;
   display: flex;
   justify-content: space-between;
   margin-bottom: 20px;
}
.advdetail-title{
   font-size: 30px;
   color: #000;
   padding: 10px 0 10px;
   line-height: 36px;
}
.advdetail-limore{
   font-size: 16px;
   font-family: 'Roboto-Bold';
}
.advdetail-ulleft{
   width: 370px;
   margin-right: 20px;
}
.advdetail-ulright{
   flex:1;
}
.advdetail-h1{
   width: 100%;
   padding-bottom: 20px;
   font-size: 22px;
   line-height: 28px;
   color: #525252;
}
.advdetail-any{
   width: 100%;
   font-size: 22px;
   font-weight: bolder;
   color: #333;
   padding: 10px 0;
   margin-bottom: 25px;
   border-bottom: 1px solid #ddd;
}
.advdetail-antit{
   width: 100%;
   padding: 15px 0 30px;
   font-size: 16px;
    color: #000;
}
.advdetail-product{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}
.advdetail-lis{
   width: 25%;
   padding: 20px;
   box-sizing: border-box;
}
.advdetail-lipad{
   width: 100%;
   text-align: center;
   position: relative;
   font-family: 'Jost-Regular';
}
.advdetail-liimg{
   margin-bottom: 20px;
   overflow: hidden;
}
.pageimg{
  overflow: hidden;
}
.advdetail-lis img{

transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
   width: 100%;
}
.advdetail-lis:hover img{
  transform: scale(1.15, 1.15);
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.custom-contain{
   width: 100%;
   display: flex;
   max-width: 1460px;
   margin:130px  auto 30px;
}
.custom-left{
   width: 280px;
   border-right:1px solid #f1f1f1;
}
.customuser-right{
   width: 300px;
   padding-left: 20px;
   box-sizing: border-box;
}
.custom-right-input{
   margin-top: 10px;
}
.custom-ul{
   display: flex;
   flex-wrap: wrap;
}
.custom-toph1{
   width: 100%;
   font-size: 24px;
   color: #2f2f2f;
   padding-left: 20px;
   font-family: 'Jost-Medium';
}
.custom-toph2{
   width: 100%;
   font-size: 16px;
   color: #2f2f2f;
   padding-left: 20px;
   font-family: 'Jost-Regular';
}

.radio {
    position: relative;
    margin-right: 12px;
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: 'Jost-Regular';
    line-height:48px;
}
.custom-left-pad{
    width: 100%;
}
.custom-line{
    width: 2px;
    height: 100%;
    background: #f1f1f1;
}
.custom-left-input{
    width: 100%;
    margin-bottom: 30px;
}
.custom-left-h1{
    width: 100%;
    font-size: 20px;
    color: #2f2f2f;
    padding-bottom: 10px;
    font-family: 'Jost-Medium';
}
.about-contain{
   width: 100%;
   margin: 130px auto 0;
   max-width: 1600px;
}
.about-text{
   width: 100%;
   max-width: 1300px;
   margin: 0 auto;
   padding-top: 30px;
   padding-bottom: 30px;
}
.about-txt-h1{
   width: 100%;
   text-align: center;
   font-size: 34px;
   color: #333;
   font-family: 'Jost-Regular';
}
.about-txt-h2{
   width: 100%;
   text-align: center;
   font-size: 22px;
   padding-bottom: 10px;
   color: #3d3d3d;
   font-family: 'Jost-Regular';
}
.about-txt-h3{
   width: 100%;
   font-size: 16px;
   color: #3d3d3d;
   text-align: center;
   padding-bottom: 15px;
   font-family: 'Jost-Regular';
}
.about-tep{
   width: 100%;
   max-width: 1300px;
   margin: 0 auto;
}
.about-tep-li{
   display: flex;
   justify-content: space-between;
   width: 100%;
   flex-direction:row;
   margin: 40px 0;
}
.news-tit{
   width: 100%;
   font-size: 30px;
   text-align: center;
   max-width: 1000px;
   margin: 0 auto;
}
.about-tepli-left{
   width: 50%;
   max-width: 550px;
}
.about-tepli-right{
   width: 50%;
   overflow: hidden;
}
.about-tepli-right img{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.about-tepli-right:hover img{
    transform: scale(1.15, 1.15);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.about-tep-li:nth-child(2n){
   justify-content: flex-end;
   flex-direction: row-reverse;
}
.about-tep-li:nth-child(2n) .about-tepli-left{
   max-width: 550px;
   width: 50%;
   padding-left: 50px;
   box-sizing: border-box;
}
.about-tepli-h1{
   font-size: 16px;
   color: #333;
  font-family: 'Jost-Regular';
}
.about-tepli-h2{
    font-size: 30px;
    color: #333;
    padding-left: 20px;
    font-family: 'Jost-Regular';
}
.about-tepli-h3{
    font-size: 16px;
    color: #333;
    padding-left: 20px;
    font-family: 'Jost-Regular';
}
.about-tep-bcen{
    font-size: 16px;
    color: #333;
}
.about-tep-bot{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 0 30px;
    font-family: 'Jost-Regular';
}
.about-tep-bimg{
   overflow: hidden;
}
.about-tep-bul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.about-tep-bli{
    width: 25%;
    padding: 10px;
    box-sizing: border-box;
}
.about-tep-bli img{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.about-tep-bli:hover img{
   transform: scale(1.15, 1.15);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.about-flex{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about-flex{
    width: 100%;
    margin: 0 auto;
}
.about-tepli-img{
    display: none;
}
.about-flex-img{
    width: 100%;
    position: relative;
}
.about-flex-cet{
    width: 25%;
    padding-left: 50px;
    box-sizing: border-box;
}
.about-fh1{
    font-size: 28px;
    color: #333;
    text-align: center;
}
.about-fh2{
   font-size: 20px;
   line-height: 28px;
   text-align: center;
   padding: 20px 0;
   font-family: 'Jost-Regular';
}
.about-fh3{
   width: 100%;
   text-align: center;
   font-size: 22px;
   color: #333;
}
.about-fh4{
   width: 100%;
   text-align: center;
   padding-bottom: 30px;
   font-size: 22px;
   color: #333;
   font-family: 'Jost-Regular';
}
.about-fwidth{
   width: 100%;
}
.about-banner{
   width: 100%;
   margin:  auto 0;
}
.about-position{
   position:absolute;
   z-index: 2;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
}
.about-ph1{
   font-size: 55px;
   color: #fff;
   line-height: 60px;
   text-align: center;
   margin-bottom: 28px;
   font-family: 'Jost-Medium';
}
.about-pul{
   width: 100%;
   background: #fff;
   border-radius: 100px;
   min-width: 780px;
   display: flex;
   justify-content: space-between;
   padding: 15px 50px;
   box-sizing: border-box;
}
.about-pctit{
   width: 100%;
   text-align: center;
   padding: 20px 0 0;
   color: #fff;
   font-size: 16px;
   font-family: 'Jost-Regular';
}
.about-pnum{
   font-size: 30px;
   line-height: 30px;
   color: #333;
   font-family: 'Jost-Medium';
}
.about-ptit{
   font-size: 14px;
   font-family: 'Jost-Regular';
}
.swiper-wrapper{
   height: auto;
}
.swiper-bot{
   width: 80%;
   padding: 0 100px;
   box-sizing: border-box;
   margin-top: -60px;
}
.swipad{
   padding:4px;
   box-sizing: border-box;
}
.new-contain{
   width: 100%;
   margin: 90px auto 30px;
}
.main-width{
   max-width: 1360px;
   margin:0 auto;
}
.new-banner-flxe {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 35px;
    margin-bottom: 35px;
    padding-top: 35px;
    flex-direction: row-reverse;
}
.new-flxe-left {
    width: 40%;
    padding: 15px 25px 15px 0;
    box-sizing: border-box;
}
.newh1 {
    width: 100%;
    font-size: 24px;
    padding-bottom: 26px;
}
.new-des {
    width: 100%;
    padding: 10px 0;
    margin-bottom: 20px;
}
.newdayflx {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.new-flxe-right {
    flex: 1;
    border-radius: 8px;
    overflow: hidden;
}

.hightflx a:last-child .info-list{
   border-bottom: 0;
}
.recommend {
    width: 100%;
    margin-bottom: 25px;
}
.newen-dep{
    color: #2f2f2f;
    width: 100%;
    padding-bottom: 28px;
}
.newen-dep ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.newen-dep li{
    width: 100%;
    position: relative;
    padding:3px 0 3px 10px;
    font-size: 16px;
    box-sizing: border-box;
}
.newen-dep li:after {
    width: 4px;
    height: 4px;
    background: #333;
    border-radius: 1000px;
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    margin-top: 0;
}
.new-li-right-hot {
    width: 100%;
    margin-bottom: 30px;
    float: left;
    clear: both;
}
.new-wi-w3 {
    float: left;
    width: 100%;
    padding: 0 15px 0;
    box-sizing: border-box;
    border-right: 1px solid #f1f1f1;
}
.recommend {
    width: 100%;
    margin-bottom: 25px;
}
.new-witt {
    line-height: 26px;
    color: #000;
    font-size: 20px;
    padding-bottom: 15px;
    height: 90px;
}
.new-flx {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.new-time {
    color: #8d8d8d;
}
.new-view {
    color: #0059b5;
    display: flex;
    align-items: center;
}
.new-learn02 {
    color: #252831;
    font-size: 16px;
    font-weight: bolder;
    padding-top: 10px;
    position: relative;
    display: inline-block;
}
.new-bor {
    position: relative;
    display: inline-block;
}
.new-learn02 a:after {
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #fecb2f;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.highlight-w {
    width: 100%;
    border-bottom: 2px solid #a7a7a7;
    float: left;
    clear: both;;
}
.higflx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    clear: both;
}
.newh3 {
    font-size: 22px;
}
.newmore {
    color: #252831;
    font-size: 16px;
    font-weight: bolder;
    padding-top: 15px;
    position: relative;
    display: block;
}
.info-list {
    width: 100%;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #e4e4e4;
}
.info-left {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 365px;
    max-width: 365px;
}
.info-right {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 20px;
}
.newen-dep {
    color: #2f2f2f;
    width: 100%;
    padding-bottom: 28px;
}
.blog-day {
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%;
    padding: 10px 0;
}
.highlight {
    color: #000000;
    width: 100%;
    padding: 25px 0 15px;
}
.new-product-h1 {
    padding: 20px 0;
}
.col-2 {
    float: left;
    width: 25%;
    padding-left: 6px;
    padding-right: 6px;
    box-sizing: border-box;
}
.new-pro-img {
    border: 1px solid #f1f1f1;
    overflow: hidden;
}
.new-pro-h1 {
    width: 100%;
    padding: 24px 0 10px;
}
.new-pro-h2 {
    width: 100%;
    line-height: 24px;
    min-height: 64px;
    padding: 15px 0 0 0;
}
.blog-day {
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%;
    padding: 10px 0;
}
.new-time {
    color: #8d8d8d;
}
.new-view {
    color: #0059b5;
    display: flex;
    align-items: center;
}
.clear{
   clear: both;
}
.new-product-ul{
   width: 100%;
   float: left;
}
.new-tag-ul a {
    padding: 6px 18px;
    display: block;
    font-size: 16px;
    border: 1px solid #e0e0e0;
    border-radius: 1000px;
    margin: 4px 5px;
    float: left;
}
.new-tag{
   width: 100%;
   float: left;
   clear: both;
   padding: 30px 0 50px;
}
.page-sixteen-h1{
	line-height: 24px;
	margin-bottom: 10px;
	font-size: 18px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	height: 74px;
}
.page-sixteen-h2{
   width: 100%;
   font-size: 18px;
   text-align: center;
   color: #242424;
   font-family: 'Roboto-Bold';
}
.about-tep-bname{
   font-size: 22px;
   color: #333;
   padding: 10px 0;
   font-family: 'Jost-Regular';
   text-transform: uppercase;
}
.custom-maflex{
   width: 100%;
   display: flex;
   justify-content: space-between;
}
.custom-main{
   margin: 130px auto 30px;
   width: 100%;
   max-width: 1170px;
}
.custom-right-cn{
   max-width: 400px;
   color: #000;
}
.custom-right-h1{
   font-size: 15px;
   font-family: 'Jost-Regular';
}
.custom-right-h2{
   font-size: 24px;
   line-height: 26px;
   font-family: 'Jost-Regular';
   margin: 10px 0;
}
.custom-right-h3{
   font-size: 15px;
   font-family: 'Jost-Regular';
   margin-bottom: 15px;
   line-height: 20px;
}
.custom-right-h4{
   font-size: 18px;
   font-family: 'Jost-Regular';
   font-weight: bold;
}
.custom-pli{
   width: 100%;
   display: flex;
   align-items: center;
   margin-bottom: 10px;
   font-family: 'Jost-Regular';
}
.custom-pad{
   margin-right: 10px;
   font-size: 15px;
   font-family: 'Jost-Regular';
}
.custom-right-h5{
   font-size: 18px;
   font-family: 'Jost-Regular';
   font-weight: bold;
}
.custom-right-h6{
   font-size: 18px;
   font-family: 'Jost-Regular';
   font-weight: bold;
}
.custom-right-h7{
   font-size: 15px;
   font-family: 'Jost-Regular';
   margin-bottom: 10px;
}
.custom-right-h8{
   font-size: 18px;
   font-family: 'Jost-Regular';
   font-weight: bold;
}
.custom-right-h9{
   font-size: 15px;
   font-family: 'Jost-Regular';
   margin-bottom: 10px;
   line-height: 20px;
}
.custom-right-h10{
   font-size: 18px;
   font-family: 'Jost-Regular';
   margin: 10px 0 0;
   font-weight: bold;
}
.custom-btn01{
   width: 100%;
   background: #4b83fc;
   border-radius: 4px;
   padding:6px 0;
   text-align: center;
   font-family: 'Jost-Medium';
   font-size: 20px;
   color: #fff;
   cursor: pointer;
    margin-top: 15px;
}
.custom-btn01 a{
   display: block;
   color: #fff;
}

.custom-btn02{
   width: 100%;
   border-radius: 4px;
   border: 1px solid #4b83fc;
   padding:4px 0;
   text-align: center;
   font-family: 'Jost-Medium';
   font-size: 20px;
   color: #333;
   margin-top: 15px;
   background: #fff;
}
.custom-btn02 a{
   display: block;
   color: #4b83fc;
}
.pad_r20{
   padding-right: 20px;
}
.onactive{
   border:2px solid #4b83fc!important;
}
.custom-tep{
   margin:5px 20px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
.custom-tep-a{
   width: 10%;
   padding: 0;
   box-sizing: border-box;
   border: 2px solid #f1f1f1;
   margin: 3px;
}
.custom-tep-a img{
   width: 100%;
}
.custom-maimg{
   width: 65%;
   box-sizing: border-box;
   padding-right: 30px;
   box-sizing: border-box;
}
.custom-img{
   width: 100%;
   position: relative;
   max-width: 700px;
   margin: 0 auto;
}
.certop{
   width: 100%;
   text-align: center;
   font-family: 'Jost-Regular';
}
.custom-img-bot{
   width: 100%;
   border:1px solid #f1f1f1;
   box-sizing: border-box;
}
.custom-img-bot img{
   width: 100%;
}
.custom-about-titflx{
   width: 100%;
   display: flex;
   margin: 20px 0;
   justify-content: space-between;
}
.custom-about-titright{
   width: 390px;
}
.custom-about-titleft{
   width: 500px;
}
.custom-about-tiul{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}
.custom-about-tili{
   padding:10px;
   box-sizing: border-box;
   width: 50%;
}
.tipr{
   font-family: 'Jost-Regular';
   color: #101010;
}
.timun{
   font-size: 26px;
   font-family: 'Jost-Regular';
   color: #101010;
}
.custom-about-tih1{
   font-size: 14px;
   font-family: 'Jost-Regular';
   color: #101010;
   padding-left: 10px;
}
.custom-about-th1{
   font-size: 24px;
   font-family: 'Jost-Regular';
   color: #101010;
}
.custom-about-th2{
   font-size: 14px;
   font-family: 'Jost-Regular';
}
.custom-about{
    width: 100%;
    color: #222;
    font-family: 'Jost-Regular'!important;
}
.custom-about span{
    font-family: 'Jost-Regular'!important;
}
.custom-about div{
    font-family: 'Jost-Regular'!important;
}
.custom-about img{
   max-width: 100%!important;
   height: auto!important
}
.search-bg{
   position: fixed;
   width: 100%;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: rgba(0,0,0,0.3);
   z-index: 3333;
   display: none;
}
.search-pad{
   position: fixed;
   width: 100%;
   left: 0;
   right: 0;
   top: 0;
   z-index: 34;
   background: #ffffff;
   padding: 20px 0;
}
.searc-contain{
   width: 90%;
   max-width: 1400px;
   margin:0 auto;
}
.searclose{
   width: 100%;
   text-align: right;
   padding: 5px 0;
}
.sear-flex{
   width: 80%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.sear-int{
   width: 100%;
   border-bottom: 1px solid #bababa;
}
.sear-int input{
   width: 100%;
   border: 0;
}
.search-product{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}
.search-productli{
   width: 16%;
   padding: 5px;
   box-sizing: border-box;
}
.search-producimg{
   overflow: hidden;
}
.search-productli img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.search-productli:hover img{
    transform: scale(1.15, 1.15);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.search-producname{
   width: 100%;
   font-size: 13px;
   font-family: 'Jost-Regular';
   text-align: center;
   padding-top: 10px;
   line-height: 20px;
}
.advdetail-lih1{
	line-height: 24px;
	margin-bottom: 10px;
	font-size: 18px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	height: 72px;
}
.search-pop{
   width: 100%;
   padding: 20px 5px 5px;
   box-sizing: border-box;
   font-family: 'Jost-Regular';
}
.searclose img{
  cursor: pointer;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
}
.searclose img:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.sear-fd{
   margin-right: 10px;
}
.sear-btn{
  margin-left: 10px;
}
.banner-contain{
  width: 100%;
  position: relative;
}
.banner-contain .swiper-button-next, .banner-contain .swiper-container-rtl .swiper-button-prev{
  right: 0;
}
.banner-contain .swiper-button-prev, .banner-contain .swiper-container-rtl .swiper-button-next {
  left: 0;
  right: auto;
}
.pcnone{
  display: none!important;
}
.ftarr{
  display: none;
}
.open .ftarr{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.ftarr{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

.cd-nav-trigger {
    float: left;
    position: relative;
    display: block;
    width: 27px;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
}
.cd-nav-trigger span {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s;
}
.cd-nav-trigger span::before {
    top: -8px;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
    content: '';
    right: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
    content: '';
    right: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
}
.cd-nav-trigger span::after {
    top: 8px;
}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
    position: absolute;
    display: inline-block;
    height: 2px;
    width: 24px;
    background: #333;
}
.wapheard{
   display: none;
}
.nav-bg{
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: rgba(0,0,0,0.32);
   z-index: 20;
   display: none;
}
.nav-bgpad{
   width: 100%;
   position: fixed;
   z-index: 21;
   top: 56px;
   left: 0;
   right: 0;
   background: #fff;
   height: 300px;
}
.cd-nav-trigger.nav-is-visible span {
    background: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.nav-is-visible span::before {
    -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
    transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
    -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
    transform: translateX(4px) translateY(2px) rotate(-45deg);
}
.navisible .cd-nav-trigger span::before{
    top: -4px!important;
}
.navisible .menu-down{
  display: block!important;
}
.navisible .cd-nav-trigger span::before{
    top: -4px!important;
}
.user-containflex{
    width: 100%;
    margin: 0 auto;
    max-width: 1350px;
    font-family: 'Jost-Regular';
    display: flex;
    background: #fff;
}
.user-mcontainflex{
    width: 100%;
    margin: 0 auto;
    max-width: 850px;
    font-family: 'Jost-Regular';
    display: flex;
    background: #fff;
}


.login-contain {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 180px 0 100px;
}
.login-main-pad {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.inquiry-bg-quiry{
    width: 60%!important;
}
.login-contain-quiry{
    width: 40%;
}
.login-main-pad-quiry{
    width: 100%;
    position: relative;
    padding: 8px 50px;
    box-sizing: border-box;
}
.login-main-ul {
    width: 100%;
    max-width: 460px;
}
.register-main-h1 {
    width: 100%;
    padding: 25px 0;
}
.font38 {
    font-size: 38px;
}
.register-main-txt {
    width: 100%;
    padding-bottom: 35px;
}
.font17 {
    font-size: 17px;
}
.color03 {
    color: #000000;
}
.sign-input {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #888888;
}
.input--nariko {
    overflow: hidden;
    padding-top: 20px;
    margin-top: 10px;
    margin-bottom: 0;
}
.input {
    position: relative;
    z-index: 0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.sign-input input {
    padding: 0;
    width: 100%;
    font-size: 18px
}

.register-main-btn {
    width: 100%;
    text-align: center;
    background: #4b83fc;
    border-radius: 4px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    margin: 30px 0;
    cursor: pointer;
    font-family: 'Jost-Regular';
    font-size: 16px;
}
.font14 {
    font-size: 14px;
}
.color03 {
    color: #000000;
}
.login-main-pad:after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 400px;
    background: #feedb5;
    transform: translate(-50%,-50%);
    content: "";
}
.login-main-pad{
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
}


div.screen{
  width:320px;
  height:560px;
  overflow:hidden;
  position:absolute;
  top:180px;
  left:50%;
  margin-left:-160px;
  background:#31558a;
}

.list{margin-top:36px; text-align:left;}
.item{
  height:115px;
  margin-top:30px 0;
  padding-left:115px;
  clear:both;
}
.item .img, .item span{background:#214273; border-radius:3px;}
.item .img{float:left; width:71px; height:71px; margin-left:-93px;}
.item span{height:11px; width:180px; margin-bottom:19px; float:left;}
.item span:nth-of-type(3){width:75px; margin-botom:0;}

div.burger {
  height: 30px;
  width: 40px;
  position: absolute;
  cursor: pointer;
  top: 30px;
}
  div.x,
  div.y,
  div.z {
    position: absolute; margin: auto;
    top: 0px; bottom: 0px;
    background: #333;
    border-radius:2px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
        -ms-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
  }
  div.x, div.y, div.z { height: 3px; width: 18px; }
  div.y{top: 18px;}
  div.z{top: 37px;}
  div.collapse{
    top: 20px;
    background:#333;
    -webkit-transition: all 70ms ease-out;
       -moz-transition: all 70ms ease-out;
        -ms-transition: all 70ms ease-out;
         -o-transition: all 70ms ease-out;
            transition: all 70ms ease-out;
  }


  div.rotate30{
    -ms-transform: rotate(30deg);
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg);
    -webkit-transition: all 50ms ease-out;
       -moz-transition: all 50ms ease-out;
        -ms-transition: all 50ms ease-out;
         -o-transition: all 50ms ease-out;
            transition: all 50ms ease-out;
  }
  div.rotate150{
    -ms-transform: rotate(150deg);
      -webkit-transform: rotate(150deg);
      transform: rotate(150deg);
    -webkit-transition: all 50ms ease-out;
       -moz-transition: all 50ms ease-out;
        -ms-transition: all 50ms ease-out;
         -o-transition: all 50ms ease-out;
            transition: all 50ms ease-out;
  }

  div.rotate45{
    -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    -webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;
  }
  div.rotate135{
    -ms-transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
    -webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;
  }

div.navbar{height:73px;background:#385e97;}

div.circle{
  border-radius: 50%;
  width: 0px;
  height: 0px;
  position:fixed;
  z-index: 30;
  top: 35px;
  left: 36px;
  background:#fff;
  opacity:1;
  -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
     -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
      -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
          transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
div.circle.expand{
  width:3200px;
  height:3200px;
  top: -1600px;
  left: -1600px;
  -webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
     -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
      -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
          transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

}
div.menu {
  width: 100%;
  z-index: 31;
  padding: 0 15px;
  box-sizing: border-box;
  position: fixed;
  font-family: 'Jost-Regular';
  top: 28px;
  left: 0px;
  right: 0px;
}
div.menu ul{
   width: 100%;
}
div.menu ul li {
  list-style: none;
  padding: 10px 0;
  border-bottom: 1px solid #f1f1f1;
  opacity:0;
  display: none;
  width:100%;
  font-size:0px;
  -webkit-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
     -moz-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
      -ms-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -o-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
          transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
div.menu ul li img{
  -webkit-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
     -moz-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
      -ms-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -o-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
          transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  width: 0;
  opacity: 0;
}
div.menu li.animate img{
  width: 16px;
  opacity:1;
  transition-delay: 0.03s;
  -webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
     -moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
      -ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
          transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

}
div.menu ul li a {
  color : #333;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:1px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
div.menu li.animate{
  font-size: 16px;
  display: block;
  opacity:1;
  -webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
     -moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
      -ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
          transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

.wapmunu{
   height: 50px;
}
.ftmenu {
    width: 100%;
    color: #383838;
    letter-spacing: 2px;
    margin-top: 0;
    margin-top: 95px;
    position: relative;
    display: flex;
    align-items: center;
}
.ftlink {
    width: 65px;
    height: 1px;
    background: #d3d3d2;
    margin-left: 8px;
}
.ftulwap {
    width: 100%;
    color: #575757;
    padding-bottom: 5px;
    line-height: 20px;
    font-size: 14px;
}
.ftdtwap{
   width: 100%;
   padding-top: 40px;
}
.new-des ul{
   list-style: none;
}
.new-des ul li{
   position: relative;
   font-size: 16px;
   width: 100%;
   padding-left: 10px;
}
.new-des ul li:after{
   position: absolute;
   content: "";
   width: 4px;
   height: 4px;
   border-radius: 1000px;
   background: #666;
   left:0;
   top:50%;
   transform: translateY(-50%);
}
.swiper-slide:last-child .new-wi-w3{
   border-right: 0;
}
.new-width{
   width: 100%;
   position: relative;
}
.wap{
   display: none
}
.news-contain{
  width: 100%;
  margin: 30px auto 20px;
  max-width: 1500px;
  font-size: 16px;
  font-family: 'Jost-Regular';
  background: #fff;
  color:#222;
  padding: 60px 120px;
  box-sizing: border-box;
}
.news-time{
  width: 100%;
  font-size: 16px;
  padding: 10px 0;
  text-align: center;
  color: #8d8d8d;
}
.new-cont{
  width: 100%;
  font-size: 20px;
  line-height: 36px;
}
.new-contact{
    width: 100%;
    margin: 60px 0 20px;
}
.new-ch1{
    width: 100%;
    padding-bottom: 15px;
}
.new-ch2{
    width: 100%;
    padding:6px 0;
}
.h5{
  display: none
}

.register-contain {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 150px 0 100px;
}
.register-main-pad {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.register-main-ul {
    width: 100%;
    max-width: 480px;
}
.register-main-h1 {
    width: 100%;
    padding: 25px 0;
}
.font38 {
    font-size: 38px;
}

.Jost-Medium {
    font-family: 'Jost-Medium';
}
.font16 {
    font-size: 14px;
}
.register-main-li-input {
    width: 100%;
    border-bottom: 1px solid #6d6d6d;
}
.register-main-li-input input {
    border: 0;
    width: 100%;
    padding: 4px 0;
}
.register-main-li {
    width: 100%;
    padding: 10px 0;
}
.register-main-row {
    margin-left: -13px;
    margin-right: -13px;
}
.register-main-li2 {
    float: left;
    width: 50%;
    padding: 8px 13px;
    box-sizing: border-box;
}
/**注册**/
.register-contain{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 150px 0 100px;
}
.register-main-ul{
   width: 100%;
   max-width: 480px;
}
.register-main-h1{
   width: 100%;
   padding: 25px 0;
}
.register-main-h2{
   width: 100%;
   padding-bottom: 25px;
}
.register-main-txt{
   width: 100%;
   padding-bottom: 35px;
}
.register-main-li{
   width: 100%;
   padding: 10px 0;
}
.register-main-li-input{
   width: 100%;
   border-bottom: 1px solid #6d6d6d;
}
.register-main-li-input input{
   border: 0;
   width: 100%;
   padding: 4px 0;
}
.register-main-row{
   margin-left: -13px;
   margin-right: -13px;
}
.register-main-li2{
   float: left;
   width: 50%;
   padding: 8px 13px;
   box-sizing: border-box;
}
.register-main-note{
   width: 100%;
   padding: 10px 0;
}
.register-main-pad{
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.register-main-btn{
   width: 100%;
   text-align: center;
   background: #4b83fc;
   border-radius: 4px;
   height: 46px;
   line-height: 46px;
   color: #fff;
   margin: 30px 0;
   cursor: pointer;
}
.login-contain{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 180px 0 100px;
}
.login-main-pad{
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.login-main-pad:after{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 400px;
    background: #feedb5;
    transform: translate(-50%,-50%);
    content: "";
}
.login-main-ul {
    width: 100%;
    max-width: 460px;
}

/**会员中心**/
.account-main{
    width: 100%;
    padding: 160px 0 0;
    box-sizing: border-box;
    margin-bottom: 24px;
    background: #fff;
}
.account-main02{
    width: 100%;
    padding: 0 0 30px;
    box-sizing: border-box;
    margin-top: 94px;
}
.account-main-pad{
    width: 100%
}
.welfont{
   font-style: italic;
}
.acflx{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.account-menu{
    width: 100%;
    border-bottom: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.account-menu-h1{
    float: left;
    padding-right: 30px;
}
.account-menu-nav{
    float: left;
    display: flex;
}
.accpad{
    padding: 14px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.active{
    position: relative;
}
.active:after{
    position: absolute;
    width: 100%;
    height: 4px;
    background: #000;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
}
.active-about{
    position: relative;
}
.active-about:after{
    position: absolute;
    width: 100%;
    height: 4px;
    background: #dadada;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
}

.accouli{
    float: left;
    padding: 0 10px;
    margin: 0 18px;
    position: relative;
}
.accouli-fled{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border: 1px solid #000;
    padding: 50px 0 10px;
    width: 100%;
    box-sizing: border-box;
    display: none;
    visibility: hidden;
    z-index: 9;
    background: #f8f8f8;
}
.accouli:hover .accouli-fled{
    display: block;
    visibility: visible;
}
.accouli:hover .arrdow{
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.arrdow{
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
    display: flex;
    align-items: center;
    margin-top: 4px;
    padding: 0 4px;
}
.arrdow img{
    vertical-align: middle;
}
.accouhref {
    width: 100%;
    padding: 4px 10px;
    box-sizing: border-box;
}
.accouhref:hover{
    color: #333;
    background: #fdcb2e;
}
.accouli-name{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 11;
    padding: 0 8px;
}
.account-menu-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.accouright-flxe{
    display: flex;
    align-items: center;
}
.account-search{
    display: flex;
    align-items: center;
}
.accsearch{
    border: 1px solid #a9a9a9;
    background: #f5f5f5;
}
.accsearch input{
    border: 0;
    padding: 6px;
    height: 34px;
    width: 258px;
    box-sizing: border-box;
    background: none;
}
.accsearbtn{
    width: 70px;
    text-align: center;
    background: #fecb2f;
    height: 37px;
    line-height: 37px;
}
.account-bg{
    background: #f5f5f5;
    height: 37px;
    line-height: 37px;
    width: 138px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 13px;
}
.account-ctbg{
    background: #ededed;
}
.account-width{
    width: 100%;
    display: flex;
}
.account-left{
    background: #fff;
    width: 225px;
}
.account-center-pad{
    width: 834px;
    padding: 0 15px 0 0;
    box-sizing: border-box;
}
.account-center{
    width: 100%;
    background: #fff;
    margin-top: 15px;
}
.account-right{
   width: 425px;
}
.account-left-li{
   width: 100%;
   border-bottom: 1px solid #d2d4d5;
   padding: 30px 24px;
   box-sizing: border-box;
}
.account-left-li02{
   width: 100%;
   padding: 30px;
   box-sizing: border-box;
}
.acc-dd{
   width: 100%;
   padding: 10px 0;
}
.acc-dt {
   width: 100%;
   padding: 6px 0;
}
.acclink{
   width: 100%;
   border-bottom: 1px solid #d2d4d5;
   box-sizing: border-box;
   background: #fff;
}
.accflx{
   display: flex;
   justify-content: space-around;
   align-items: center;
   padding: 90px 0;
}
.acclist{
   width: 100%;
   text-align: center;
}
.acclist p{
   width: 100%;
   padding: 16px 0 0 0;
}
.logistics{
   width: 100%;
   height: 270px;
}
.accountflx{
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #d2d4d5;
   box-sizing: border-box;
}
.account-center02{
   width: 100%;
   background: #fecb2f;
   margin-top: 15px;
   padding: 0 15px 15px 15px;
   box-sizing: border-box;
}
.accountflx02{
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 30px 25px 20px 25px;
   box-sizing: border-box;
}
.least-bg{
   background: #000;
   color: #fff;
   padding: 8px 20px;
   border-radius: 1000px;
}
.logistic-bg{
   width: 100%;
   background: #fff;
   padding: 40px 0;
   box-sizing: border-box;
}
.account-rlist{
   width: 100%;
   margin-top: 15px;
   background: #fff;
}
.accnflx{
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 275px;
}
.accncenter{
   width: 100%;
   text-align: center;
}
.mycart{
   width: 100%;
   background: #fff;
}
.mycart-ul{
   width: 100%;
   box-sizing: border-box;
   padding: 20px;
}
.mycart-li{
  float: left;
  width: 25%;
  padding: 15px;
  box-sizing: border-box;
  position: relative;
}
.mycart-pad{
   width: 100%;
   background: #f6f6f4;
}
.mycart-pad img{
   width: 100%;
}
.account-flx{
   display: flex;
}
.account-textarea{
   margin: 15px 0 0;
   width: 100%;
   background: #fff;
   padding: 20px;
   box-sizing: border-box;
}

.message-board{
   width: 100%;
   padding-bottom: 16px;
}
.textarea-w{
   width: 100%;
   min-width: 100%;
   max-width: 100%;
   border: 1px solid #c9c9c9;
}
.message-submit{
   float: right;
   width: 100%;
   max-width: 402px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   background: #4b83fc;
   color: #fff;
   border-radius: 4px;
   margin-top: 15px;
   cursor: pointer;
}
.message-submit:hover{
   background: #fecb2f;
}
.logistic-pad{
   width: 100%;
   display: flex;
   justify-content: space-between;
   padding: 0 30px;
   box-sizing: border-box;
}
.logistics{
   width: 100%;
   padding: 40px 20px;
   box-sizing: border-box;
}
.logistic-left{
   width: 190px;
}
.logistic-left img{
   width: 100%;
}
.logistic-center{
   width: 445px;
   padding: 0 20px;
   box-sizing: border-box;
}
.logistic-right{
   width: 340px;
   position: relative;
   padding: 0 40px 0 0;
   box-sizing: border-box;
}
.logistic-right:after{
   width: 1px;
   height:
}
.logstep{
   width: 100%;
   padding-bottom: 18px;
   position: relative;
   padding-left: 16px;
}
.logstep:after{
   width: 8px;
   height: 8px;
   background: #d7d7d7;
   border-radius: 1000px;
   position: absolute;
   left: 0;
   top: 12px;
   content: "";
}
.logstep:before{
   width: 1px;
   height: 100%;
   background: #d7d7d7;
   content: "";
   position: absolute;
   top: 12px;
   left: 4px;
}
.logstep:last-child:before{
   width: 0;
}
.logstep:last-child:after{
  width: 8px;
  height: 8px;
  background: #fff!important;
  border:1px solid #d7d7d7;
  border-radius: 1000px;
  position: absolute;
  left: 0;
  top: 4px;
  content: "";
}
.swiper-button-prev01{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  z-index: 33;
  cursor: pointer
}
.swiper-button-next01{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  z-index: 33;
  cursor: pointer
}
.swiper-button-prev02{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  z-index: 33;
  cursor: pointer
}
.swiper-button-next02{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  z-index: 33;
  cursor: pointer
}
.least-bg span{
  color: #fecb2f;
}
.pad01{
  padding: 30px 0 20px 40px;
}
.pad02{
  padding: 30px 20px 20px 40px;
}
.pad03{
  padding: 30px 20px 20px 20px;
}
.pad04{
  padding: 20px 40px;
}
.acolw01{
  font-size: 10px;
  padding-right: 4px;
}
.order-right{
  flex: 1;
  margin-top: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.order-right-pad{
   width: 100%;
   background: #fff;
}
.order-line{
   width: 100%;
   border-bottom: 1px solid #d2d4d5;
   box-sizing: border-box;
}
.order-nav{
    width: 100%;
    padding: 20px 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order-nav-01{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order-nav-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}
.order-nav-04{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 305px;
}
.search-btn{
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #a9a9a9;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
}
.ftddtop{
   display: none;
}
.searchinput{
    height: 32px;
    line-height: 32px;
    border: 1px solid #a9a9a9;
    padding: 0 10px;
    width: 245px;
    box-sizing: border-box;
}
.dashed{
    border-right: 1px dashed #bbbbbb;
    width: 2px;
    height: 26px;
}
.ordli{
   margin-right: 20px;
   position: relative;
}
.ordli:last-child{
   margin:0;
}
.ocut:after{
   position: absolute;
   width: 100%;
   height: 1px;
   background: #fecb2f;
   content: "";
   bottom: 0;
   left: 0;
   right: 0;
}
.ornum{
   width: 18px;
   height: 18px;
   line-height: 18px;
   font-size: 12px;
   text-align: center;
   background: #fecb2f;
   color: #000;
   border-radius: 1000px;
   position: absolute;
   top: -8px;
   right: -14px;
}
.order-list-pad{
   width: 100%;
   padding: 20px 40px;
   box-sizing: border-box;
   background: #fff;
}
.tab-order-top{
   width: 100%;
   background: #f5f5f5;
   display: flex;
   align-items: center;
   justify-content: space-between;
   text-transform: uppercase;
   padding: 20px 0 20px 20px;
   box-sizing: border-box;
   border-bottom: 1px solid #d5d5d5;
}
.tab-top-03{
   display: flex;
   justify-content: center;
   align-items: center;
}
.fontstyle{
  text-transform: capitalize;
}
.tab-top-04{
   width: 164px;
   text-align: center;
   position: relative;
}
.tab-rflxe{
   display: flex;
   justify-content: center;
   width: 670px;
}
.tab-lflxe{
   display: flex;
   justify-content: left;
   flex-basis: 733px;
   position: relative;
}
.tab-top-01{
   padding-right: 50px;
}
.tab-top-02{
   display: flex;
   justify-content: center;
   align-items: center;
}
.select-time{
   width: 100%;
   padding: 0 40px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
}

/*下拉选择*/
#select_ui_name_jQuery2{
   font-weight: bolder;
}
#select_ui_name_jQuery2 .selectRt{
   margin-top: 0
}
#select_ui_name_jQuery2 .selectLt{
   color: #000;
}
.order-list-li{
   border: 1px solid #d5d5d5;
   width: 100%;
   margin-bottom: 30px;
}
.tab-order-ul{
   display: flex;
   justify-content: space-between;
}
.bord:after{
   width: 1px;
   height: 100%;
   position: absolute;
   content: "";
   right: 0;
   top: 0;
   bottom: 0;
   background: #d5d5d5;
}
.tab-lflxe-li{
   width: 100%;
   padding: 15px 30px;
   box-sizing: border-box;
   border-bottom: 1px solid #d5d5d5;
   display: flex;
}
.tab-lflxe-li:last-child{
   border-bottom: 0;
}
.tab-lflxe-img{
   width: 116px;
}
.tab-lflxe-img img{
   width: 100%;
}
.column{
   flex-direction: column;
}
.tab-lflxe-left{
   display: flex;
   flex-basis: 530px;
}
.tab-lflxe-name{
   flex-basis: 380px;
   padding-left: 15px;
}
.tab-marge-flex{
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 15px 0;
}
.tab-marge-flex img{
   padding-left: 5px;
}
.tab-marge {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    flex-direction: column;
}
.marline{
   padding: 0 0 8px 0;
   border-bottom: 1px solid #c2c2c2;
   width: 70%;
   margin: 0 auto 8px;
}
.trfont{
   padding-bottom: 4px;
}
.trfbtn{
   border: 1px solid #d2d2d2;
   background: #f3f3f3;
   text-align: center;
   padding: 6px 10px;
   margin-top: 10px;
}
.shopbag{
   width: 100%;
   padding: 120px 0 20px;
   box-sizing: border-box;
}
.shoparr{
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);   /* IE 9 */
  -moz-transform:rotate(180deg);  /* Firefox */
  -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
  -o-transform:rotate(180deg);  /* Opera */
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.goshop{
   width: 100%;
}
.goshop a{
   display: flex;
   align-items: center;
}
.goshop a p{
   display: flex;
   align-items: center;
}
.shoparr i{
   font-size: 12px!important;
}
.shop-curt{
   width: 100%;
   padding: 10px 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-bottom: 1px solid #111111;
}
.shopflx{
   display: flex;
   align-items: center;
}
.selec-address{
   display: flex;
   align-items: center;
   width: 517px;
   justify-content: flex-end;
}
.addres-width .selectBox{
  width: 350px;
  height: 35px;
  border: 1px solid #414141;
  display: flex;
  justify-content: space-between;
  padding: 0 5px;
  box-sizing: border-box;
}
.addres-width .optionsBox{
  width: 100%;
}
.addres-width{
  position: relative;
}
.delivery{
  padding-right: 15px;
}

/**购物车**/
.shopping-car-container {
  padding: 50px 0;
  width: 100%;
  display: flex;
}

.shopping-car-container .car-headers-menu {
  padding: 20px 15px 20px 30px;
  background: #f5f5f5;
}

.shopping-car-container .panel-body {
  padding: 35px 0;
  display: flex;
  justify-content: space-between;
}

#checkAll {
  vertical-align: text-bottom;
}

.car-menu label{
  display: flex;
  align-items: center;
}
.shopping-car-container .car-menu {
  text-align: left;
}

.shopping-car-container .goods-content {
  margin-top: 15px;
}

.shopping-car-container .goods-content .goods-item {
  padding: 0 0 0 30px;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #c4c4c4;
}

.shopping-car-container .goods-content .goods-item .car-goods-info {
  overflow: hidden;
}

.shopping-car-container .goods-content .goods-item .goods-image-column img,
.shopping-car-container .goods-content .goods-item .goods-image-column span {
  display: block;
  float: left;
}

.shopping-car-container .goods-content .goods-item .goods-image-column span {
  box-sizing: border-box;
  line-height: 25px;
  padding: 15px 0;
}

.goods-price {
  color: #333;
  padding: 15px 0;
}

.form-control {
  text-align: center;
}

.single-total {
  color: #333;
}

.goods-params {
  color: darkgray;
}

.bottom-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bottom-menu #checkAllBottom {
  vertical-align: text-bottom;
}

#deleteMulty {
  color: cornflowerblue;
  cursor: pointer;
  vertical-align: text-bottom;
}

.bottom-menu-include {
  background: #f5f5f5;
  width: 100%;
  padding: 40px 20px 55px;
  box-sizing: border-box;
}

#selectGoodsCount {
  color: orangered;
  font-size: 16px;
  font-weight: bolder;
}

#selectGoodsMoney {
}

.panel-default .submitData {
  color: white;
  cursor: pointer;
}

.panel-default .submitDis {
  background: #B0B0B0;
  cursor: no-drop;
}

.shopping-car-container .panel-default {
  position: relative;
}

.shop-menu-flxe{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.col-md-01{
  width: 225px;
  display: flex;
}
.col-md-02{
  width: 245px;
}
.col-md-03{
  width: 120px;
}
.col-md-04{
  width: 120px;
}
.col-md-05{
  width: 120px;
}
.col-md-06{
  width: 120px;
}
.col-md-01 img{
  vertical-align: middle;
}
.shopping-car-left{
  flex: 1;
}
.panel-right{
  width: 507px;
  justify-content: flex-end;
  margin-left:10px;
}
.input-group{
  display: flex;
  padding: 15px 0;
}
.btn {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border:0;
    background: none;
}
.form-control {
    display: block;
    width: 60px;
    height: 34px;
    padding: 0 12px;
    font-size: 20px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.input-group-btn{
    display: flex;
    align-items: center;
}
.goods-money-count{
    padding: 15px 0;
}
.remobbtn{
   text-align: left;
   padding: 15px 0;
}
.car-goods-info label{
    margin-right: 10px;
 }
#checkAll{
    margin-left: 10px;
 }
.totail-flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.topad01{
    padding: 36px 0 28px;
}
.topad02{
    padding: 0 0 10px;
}
.topad03{
    padding: 50px 0 10px;
    border-bottom: 1px solid #000;
}
.topad04{
    padding: 20px 0 50px;
}
.checkout{
    width: 100%;
    text-align: center;
    background: #080708;
    color: #fff;
    padding: 0;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}
.fade.in {
    opacity: 1;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    width: 520px;
    padding: 30px;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background: rgba(0,0,0,0.5);
}
.modal-body{
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
}
.modal-footer{
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.btns-default{
    background: #777;
    color: #fff;
    padding: 4px 20px;
    margin-right: 15px;
    border: 0;
    border-radius: 2px;
}
.btns-primary{
    background: #000;
    color: #fff;
    padding: 4px 20px;
    border: 0;
    border-radius: 2px;
}

input[type="checkbox"] {
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
    position: relative;
}

input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #646464;
}

input[type="checkbox"]:checked::before {
    content: "\2713";
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #646464;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

.help-pad{
    width: 100%;
    padding: 60px 20px;
    box-sizing: border-box;
}
.help-pad-flx{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #6b6b6b;
    padding-bottom: 20px;
}
.help-pad-li{
    width: 100%;
    padding: 20px 0 0 0;
}
.help-pad-li a{
    width: 100%;
    display: block;
    padding: 8px 0;
}
/**愿望清单**/
.wishlist{
   width: 100%;
   padding: 140px 0 50px;
   box-sizing: border-box;
   max-width: 1360px;
   margin: 0 auto;
}
.wishlist-pad{
   width: 100%;
}
.selec-sortby{
   display: flex;
   justify-content: flex-end;
   align-items: center;
   width: 100%;
}
.sortby-width{
   position: relative;
}
.wishli{
   float: left;
   width: 25%;
   padding: 15px;
}
.wish-row{
   margin-left: -15px;
   margin-right: -15px;
}
.wishclose{
  position: absolute;
  right: 10px;
  top: 10px;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
  cursor: pointer;
  z-index: 2;
}
.wishclose:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.wishimg{
   width: 100%;
   position: relative;
   overflow: hidden;
}
.wishimg-goods{
   width: 100%;
   position: relative;
   overflow: hidden;
}
.wishimg-goods img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    background: #f1f1f1;
  }
.wishimg-goods:hover img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: scale(1.15, 1.15);
}
.wish-flxe{
   border: 1px solid #000;
   display: flex;
   justify-content: space-between;
   margin: 33px 0 20px;
   height: 74px;
   line-height: 74px;
   padding: 0 50px;
   box-sizing: border-box;
}
.wish-name{
  width: 100%;
  margin-top: 10px;
  height: 48px;
  line-height: 24px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.wish-right{
   flex: 1;
}
.wish-right-pad{
   width: 100%;
   margin-top: 15px;
   background: #fff;
}
.per01{
   padding: 20px 20px 15px 40px;
   font-size: 18px;
}
.person-right-pad{
   width: 100%;
   background: #fff;
   padding: 60px 40px;
   box-sizing: border-box;
}
.person-bg{
   width: 100%;
   background: #fff;
}
.creat-width{
   flex: 1;
   text-align: center;
}
.person-main-row{
   margin-left: -13px;
   margin-right: -13px;
}
.person-main-li2{
   float: left;
   width: 50%;
   padding: 10px 13px;
   box-sizing: border-box;
}
.person-main-li{
   width: 100%;
   padding: 16px 0;
}
.perpad{
    margin: 12px 0 16px;
}
.person-main-li03{
   width: 100%;
   padding: 24px 0;
}
/**地址管理**/
.address-list02{
   width: 100%;
   position: relative;
   padding: 20px 5px;
   box-sizing: border-box;
   border: 1px solid #afafaf;
   margin: 0 0 15px 0;
}
.address-list{
   width: 100%;
   position: relative;
   padding: 20px;
   box-sizing: border-box;
   border: 1px solid #afafaf;
   margin: 0 0 15px 0;
}
.address-right-pad {
    width: 100%;
    background: #fff;
    padding: 10px 40px;
    box-sizing: border-box;
}
.address-del{
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: content;
    cursor: pointer;
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.address-del img{
   width: 16px;
}
.address-del:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.address-li{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 6px 0;
}
.address-li02{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1px 0;
}
.addlaber{
    width: 94px;
    text-align: right;
    padding-right: 10px;
}
.addright{
   flex: 1;
}
.edit-site{
   position: absolute;
   right: 20px;
   bottom: 20px;
   display: flex;
}
.address-name{
   width: 100%;
   padding: 0 0 15px 0;
}
.address-name02{
   width: 100%;
   padding: 0 0 15px 20px;
   box-sizing: border-box;
}
.set{
   margin-right: 20px;
}
.add-edits{
   width: 100%;
   display: flex;
   align-items: center;
   padding: 20px 0 60px;
}
.addbtn{
   width: 300px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   color: #fff;
   background: #080708;
   border-radius: 4px;
   cursor: pointer;
}
.addnote{
   padding-left:24px;
}
.editimg{
   padding: 0 10px;
}
.deadd{
   background: #fecb2f;
   color: #000;
   padding: 0 6px;
}
.address-bg{
   background: rgba(0,0,0,0.5);
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   z-index: 554;
   display: none;
}
.add-width{
   max-width: 640px;
   width: 100%;
   background: #fff;
   padding: 55px 20px;
   box-sizing: border-box;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   z-index: 555;
   display: none
}
.add-width02{
   max-width: 640px;
   width: 100%;
   background: #fff;
   padding: 55px 20px;
   box-sizing: border-box;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   z-index: 555;
   display: none
}
.addtitle{
   width: 100%;
   text-align: center;
   padding-bottom: 30px;
}
.addinput01{
   width: 100%;
   display: flex;
   align-items: center;
   position: relative;
}
.addleft{
   width: 90px;
   padding-right: 10px;
   text-align: right;
}
.addinput01 input{
   background: none;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   width: 100%;
   padding: 3px 0;
   position: relative;
   height: 32px;
   border-bottom: 1px solid #6d6d6d;
}
.addrow{
   margin-left: -15px;
   margin-right: -15px;
   display: flex;
   justify-content: space-between;
}
.addinput03{
   width: 100%;
   padding: 0 15px;
   box-sizing: border-box;
   position: relative;
   display: flex;
   align-items: center;
}
.addinput03 input{
   background: none;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   width: 100%;
   padding: 3px 0;
   position: relative;
   height: 32px;
   border-bottom: 1px solid #6d6d6d;
}
.addinput02{
   width: 100%;
   padding: 15px 0;
}
.address-btn{
   width: 100%;
   background: #080708;
   text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 2px;
   color: #fff;
   margin: 50px auto 0;
   max-width: 414px;
   cursor: pointer;
}
.addclose{
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.addclose:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.addclose02{
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.addclose02:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.edit{
  cursor: pointer;
}
.set{
  cursor: pointer;
}
.addlaber02 {
    width: 180px;
    text-align: right;
    padding-right: 10px;
}
.invoice-width{
    width: 80%;
    max-width: 1000px;
    background: #fff;
    padding: 40px;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 555;
    display: none;
}
.invoice-width02{
    width: 80%;
    max-width: 1000px;
    background: #fff;
    padding: 40px;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 555;
    display: none;
}
.invoice{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 4px 0;
}
.invoice input {
    background: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: 100%;
    padding: 3px 0;
    position: relative;
    height: 32px;
    border-bottom: 1px solid #6d6d6d;
    flex: 1;
}
.invoice label{
    width: 150px;
    text-align: right;
    margin-right: 10px;
    white-space :nowrap
}
.invoice-flx{
    display: flex;
    align-items: center;
    flex: 1;
    margin-left: -15px;
    margin-right: -15px;
}
.invoice-flx input{
   width: 33.3%;
   margin: 0 15px;
   box-sizing: border-box;
}
.subscription{
   width: 100%;
   padding: 50px 96px;
   box-sizing: border-box;
   background: #fff;
}
.sublist-flxe{
   width: 100%;
   border-bottom: 1px solid #a5a5a5;
   padding: 20px 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.subbtn{
   max-width: 292px;
   width: 100%;
   height: 42px;
   line-height: 42px;
   text-align: center;
   color: #fff;
   background: #080708;
   border-radius: 4px;
   cursor: pointer;
}
.subbtn a{
   display: block;
   color: #fff;
}
.sublist-mar{
   width: 100%;
   margin: 70px 0 0;
}
.sublist-ul{
   margin: 20px 0 16px;
   width: 100%;
   padding: 0 40px 30px;
   box-sizing: border-box;
   border-bottom: 1px solid #a5a5a5;
}
.sublist-li{
   width: 100%;
   padding: 10px 0;
}
.sublist-li label{
   width: 100%;
   display: flex;
   align-items: center;
   cursor: pointer;
}
.subspan{
   margin-left: 6px;
}
.submarn{
   width: 100%;
   text-align: right;
   padding: 0;
   display: flex;
   justify-content: right
}
.submitDis .submitData-btn{
   color: #fff;
   display: none;
}
.submitData-btn{
   color: #fff;
   display: block;
   padding: 18px 0;
   width: 100%;
}

.submitDis-btn {
   display: none;
}
.submitDis .submitDis-btn{
   display: block;
   padding: 14px 0;
}

/**结算**/
.settlement{
   width: 100%;
   padding: 140px 100px 0;
   box-sizing: border-box;
}
.setttop-flx{
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #111111;
   padding-bottom: 10px;
   margin-bottom: 10px;
}
.setleft{
   padding-left: 30px;
}
.set-h1{
   font-style: italic;
   padding-bottom: 5px;
}
.setright{
   display: flex;
   margin-top: 20px;
}
.steplitep{
   position: relative;
}
.step-num{
   position: relative;
   padding: 0 20px;
}
.step-num:after{
   content: "";
   width: 100%;
   height: 2px;
   background: #ffebad;
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   transform: translateY(-50%);
}
.step-num02:after{
   background: #fecb2f;
}
.step-num03:after{
   background: #696969;
}
.steppad{
   width: 36px;
   height: 20px;
   background: #fff;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%);
   z-index: 3;
}
.stepbg{
   width: 16px;
   height: 16px;
   text-align: center;
   line-height: 16px;
   background: #585858;
   color: #fff;
   border-radius: 1000px;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%);
   z-index: 3;
   font-size: 10px;
}
.step-name{
   padding: 10px 20px 0 20px;
   color: #585858;
}
.stcol{
   color: #000!important;
}
.purtit{
   padding: 20px 30px 20px;
}
.purborder{
   margin-top: 10px;
   border: 1px solid #c2c2c2;
   padding: 20px 35px;
   box-sizing: border-box;
   width: 100%;
}
.purflex{
   width: 100%;
   justify-content: space-between;
   align-items: center;
   display: flex;
}
.RadioStyle{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.RadioStyle input {
  display: none
  }
.add-liflx-left label {
  border: 1px solid #d2d2d2;
  display: inline-block;
  background: #f3f3f3;
  color: #666;
  padding: 8px 10px 8px 10px;
  line-height: 28px;
  min-width: 242px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.RadioStyle input:checked + label {
  background: url(../images/ico_checkon.svg) no-repeat right bottom;
  border: 1px solid #fecb2f;
  background-size: 21px 21px;
  color: #000
}
.RadioStyle input:disabled + label {
  opacity: 0.7;
}
.select-add{
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
}
.add-liflx{
   width: 100%;
   display: flex;
   align-items: center;
   margin: 10px 0;
}
.add-liflx-right{
   margin-left: 15px;
   display: flex;
   align-items: center;
   flex: 1;
}
.addinfo{
   padding:0 5px;
}
.current-menu{
   overflow: hidden;
   background: url(../images/arrdow-t.png) no-repeat right center!important;
}
.poster-btn{
   padding: 0 16px 0 0;
   cursor: pointer;
   background: url(../images/arrdow.png) no-repeat right center;
   display: inline-block;
   margin-top: 10px;
}
.col53{
   color: #535353;
}
.postup{
   background: url(../images/arrdow-t.png) no-repeat right center!important;
}
.puboli{
   width: 100%;
   border-bottom: 1px solid #c4c4c4;
   margin-bottom: 40px;
}
.puboli:last-child{
   border-bottom: 0;
}
.payment-flx{
   display: flex;
   align-items: center;
}
.pay-liflx{
   margin-right: 10px;
}
.pay-liflx label {
  border: 1px solid #d2d2d2;
  display: inline-block;
  background: #f3f3f3;
  color: #666;
  padding: 8px 10px 8px 10px;
  line-height: 28px;
  min-width: 180px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.deliveryset{
   width: 100%;
   background: #f5f5f5;
   display: flex;
   margin: 20px 0;
   padding: 20px 30px;
   box-sizing: border-box;
}
.distr-flx{
   display: flex;
   align-items: center;
   margin-left: -10px;
   margin-right: -10px;
}
.distr-liflx{
    width: 100%;
    margin: 0 10px;
    background: #fff;
}
.distr-liflx label {
    border: 1px solid #d2d2d2;
    display: inline-block;
    background: #fff;
    color: #666;
    padding: 8px 10px 8px 10px;
    line-height: 28px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}
.delivery-left{
    width: 500px;
}
.disname{
    width: 100%;
    padding-bottom: 25px;
}
.deliv-edit-flxe{
    display: flex;
    justify-content: space-between;
    padding: 30px 0 10px;
    border-bottom: 1px solid #c4c4c4;
}
.del01{
    width: 115px;
    margin-right: 10px;
}
.frights{
    width: 100%;
    padding: 20px 0 0 0;
}
.frights label{
    display: flex;
    align-items: center;
}
.frights label span{
    padding-left: 5px;
}
.delivery-right{
    flex: 1;
    padding-left: 50px;
    margin-left: 50px;
    padding-bottom: 30px;
    box-sizing: border-box;
    position: relative;
}
.delivery-right:after{
    width: 1px;
    height: 100%;
    background: #d4d4d4;
    position: absolute;
    top: 0;
    content: "";
    left: 0;
    bottom: 0;
}
.pro-order-detail{
    width: 100%;
}
.pro-order-nav{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 15px;
}
.pro-order-bot{
    width: 100%;
    display: flex;
}
.pro-nav01{
   display: flex;
   width: 55%;
   padding-left: 10px;
   box-sizing: border-box;
}
.pro-nav02{
   width: 15%;
   text-align: center;
}
.invoice-btn {
    padding: 0 16px 0 0;
    cursor: pointer;
    background: url(../images/arrdow.png) no-repeat right center;
    display: inline-block;
    margin-top: 10px;
}
.set-codes-flx{
    width: 100%;
    display: flex;
    flex:1;
    flex-wrap:wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.set-code-li{
    background-size: 100%;
    width: 330px;
    height: 166px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 30px;
    box-sizing: border-box;
    color: #fff;
    margin:0 10px;
}
.set-code-li:after{
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 1000px;
    overflow: hidden;
    top: 50%;
    left:-11px;
    transform: translateY(-50%);
    position: absolute;
    content: "";
}
.set-code-li:before{
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 1000px;
    overflow: hidden;
    top: 50%;
    right:-11px;
    transform: translateY(-50%);
    position: absolute;
    content: "";
}
.momey{
    position: relative;
    padding-left:14px;
}
.momey sup{
    font-size: 18px;
    position: absolute;
    left:0;
    top:22px;
}
.touse{
    position: absolute;
    right: 30px;
    bottom: 18px;
}
.codetime{
    position: absolute;
    left: 30px;
    bottom: 22px;
}
.set-codes-tit{
    width: 100%;
    padding-bottom: 16px;
}
.total-li{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 0;
}
.total-ul{
    width: 100%;
    padding: 40px 40px 20px;
    box-sizing: border-box;
}
.total-right{
    width: 170px;
    text-align: right;
}
.estimated-total{
    width: 100%;
    border-top: 1px solid #c4c4c4;
    background: #f5f5f5;
    padding: 18px 40px;
    box-sizing: border-box;
}
.estimated-li{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 4px 0;
}
.ead01{
   padding-left: 6px;
}
.suborder{
   width: 275px;
   height: 60px;
   line-height: 60px;
   text-align: center;
   margin: 15px 40px 15px;
   background: #fecb2f;
   float: right;
}
.suborder a{
   color: #333;
   display: block;
}
.paypad{
   width: 100%;
   padding: 60px 30px;
   box-sizing: border-box;
}
.paynote-left{
   max-width: 800px;
   line-height: 32px;
}
.paynote-flx{
   width: 100%;
   display: flex;
   justify-content: space-between;
}
.paynote-right{
   text-align: right;
   line-height: 32px;
}
.cashi-ul{
   width: 100%;
   padding: 40px 60px;
   box-sizing: border-box;
}
.cashi-li-flx{
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   padding-bottom: 15px;
   padding-top: 15px;
   border-bottom: 1px solid #dcdcdc
}
.cashi-left-flx{
   display: flex;
   align-items: center
}
.cashi-ul input[type="radio"] {
    width: 26px;
    height: 26px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 22px;
    position: relative;
}
.cashi-ul input[type="radio"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #646464;
}
.cashi-ul input[type="radio"]:checked::before {
    content: "\2713";
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #646464;
    color: #000;
    font-size: 22px;
    font-weight: bold;
}
.ca02{
    padding:0 40px;
}
.ca03{
   padding-right: 30px;
   margin-right: 30px;
   position: relative;
}
.ca03:after{
   position: absolute;
   right: 0;
   height: 20px;
   background: #c3c3c3;
   content: "";
   top: 50%;
   width: 1px;
   transform: translateY(-50%);
}
.oftag{
   background: #fecb2f;
   padding: 2px 14px;
   margin-right: 10px;
}
.colorfe{
   color: #fecb2f;
}
.cashi-right-flx{
   text-align: right;
   line-height: 24px;
}
.paynow{
   width: 100%;
   max-width: 370px;
   text-align: center;
   height: 60px;
   line-height: 60px;
   background: #fecb2f;
   margin-top: 20px;
   float: right;
}
.paynow a{
   display: block;
}
.payment-ok{
   width: 100%;
   padding: 160px 0 100px;
   text-align: center;
}
.payment-info-flxe{
   display: flex;
   justify-content: center;
   align-items: center;
   border-top: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
   padding: 30px 0;
   margin: 30px 0;
}
.payment-ok-img{
   padding: 10px 0;
}
.paytxt{
   padding: 6px 0;
}
.payinfo{
   padding: 0 20px;
   display: flex;
   align-items: center;
}
.payinfo img{
   height: 16px;
}
.payment-view-flxe{
   display: flex;
   justify-content: center;
   align-items: center;
}
.payview{
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0 29px;
}
.paymentno-view-flxe{
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 29px 0 0;
}

/*订单详情*/
.orderdetail-home{
   width: 100%;
   padding-bottom: 15px;
}
.orderdetail{
   width: 100%;
   background: #f5f5f5;
   padding: 170px 90px 40px;
   box-sizing: border-box;
}
.orderdetail-main{
   width: 100%;
   display: flex;
   margin-bottom: 8px;
}
.color3d{
   color: #3d3d3d;
}
.orderdetail-main-left{
   background: #fff;
   padding: 30px;
   box-sizing: border-box;
   width: 516px;
}
.paystyle{
   width: 100%;
   text-align: center;
   padding: 76px 0 60px;
}
.payinvoice{
   width: 186px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   border: 1px solid #d2d2d2;
   background: #f3f3f3;
   margin: 10px auto 0;
}
.paymodify{
   width: 186px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   border: 1px solid #fecb2f;
   background: #ffffff;
   margin: 10px auto 0;
}
.printflx{
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   padding: 60px 0 20px 0;
}
.print{
   display: flex;
   align-items: center;
   padding: 0 20px;
}
.cancell{
   display: flex;
   align-items: center;
   padding: 0 20px;
   cursor: pointer;
}
.print img{
   padding-right: 6px;
}
.cancell img{
   padding-right: 6px;
}
.orderdetail-main-right{
   flex: 1;
   box-sizing: border-box;
   background: #fff;
   border-left: 8px solid #f5f5f5;
   box-sizing: border-box;
}
.orderdetail-main-right-pad{
   width: 100%;
   background: #fff;
}
.ordertit{
   width: 100%;
   padding: 30px;
   box-sizing: border-box;
}
.step-mar{
   padding: 120px 30px;
   width: 100%;
   position: relative;
}
.order-step{
    width: 100%;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.stepli{
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #969799;
    font-size: 14px;
}
.step-line{
  width: 80%;
  position: relative;
  margin: 0 auto;
  height: 2px;
  top: 14px;
}

.step-line:after{
   background: url(../images/step-bg.png) repeat-x;
   width: 100%;
   height: 2px;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 0;
   content: "";
}

.step-txt{
   text-align: center;
}
.steparr{
   position: absolute;
   right: 0;
   top: 0;
   z-index: 2;
}
.step-img{
   position: relative;
   z-index: 4;
   display: flex;
   justify-content: center;
}
.step-img img{
   background: #fff;
}
.st01{
   margin-left: -10px;
   padding-left: 2px;
   background: #fff;
   display: flex;
   align-items: center;
}
.st02{
   background: #fff;
   padding: 0 9px;
}
.step-na{
   width: 100%;
   padding: 20px 0 0 0;
}
.steppod{
   position: absolute;
   right: 0;
   width: 100px;
   margin-right: -50px;
   text-align: center;
   margin-top: -25px;
}
.around{
   width: 9px;
   height: 9px;
   background: #fecb2f;
   border-radius: 1000px;
   margin: 8px auto 0;
}
.order-productpad{
   width: 100%;
   padding: 14px 30px 35px;
   box-sizing: border-box;
   border-bottom: 1px solid #c4c4c4;
   margin-bottom: 20px;
}
.order-consignee{
   width: 100%;
   padding: 30px 30px 35px;
   box-sizing: border-box;
   border-bottom: 1px solid #c4c4c4;
   margin-bottom: 20px;
}
.conleft{
   width: 94px;
   white-space: nowrap;
}
.conright{
   flex: 1;
   word-wrap:break-word;
   display: block;
   max-width: 300px;
}
.consigflx{
   width: 100%;
   display: flex;
   padding: 2px 0;
}
.order-productli{
   width: 100%;
   padding: 10px 0;
}
.order-productli a{
   width: 100%;
   display: flex;
}
.ordright{
   padding: 6px 0 5px 8px;
   box-sizing: border-box;
}
.ordtit{
   padding: 10px 0 0 0;
}
.viewmore{
   display: table;
   margin: 0 auto;
   padding-bottom: 8px;
   cursor: pointer;
   background: url(../images/arr-dow.png) no-repeat center bottom;
}
.conleft02{
   width: 170px;
}
.conleft03{
   width: 130px;
}
.order-total{
   padding:30px 0;
}
.order-total-li{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   padding: 4px 0;
}
.order-total-r{
   width: 140px;
   text-align: right;
}
.topad{
   padding-top: 40px;
}
.detail-name-flex{
   width: 100%;
   padding: 30px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
}
.dipad{
   padding-right: 20px;
}
.intro-flow{
   width: 100%;
   padding: 50px 50px;
   box-sizing: border-box;
}
.tro-flow-li{
   width: 100%;
   display: flex;
   padding-bottom: 30px;
   position: relative;
}
.tro-flow-left{
   display: flex;
   width: 300px;
   justify-content: flex-end;
   align-items: center;
}
.tro-flow-right{
   display: flex;
   position: relative;
   flex: 1;
}
.tro-flow-li:after{
   width: 1px;
   height: 100%;
   content: "";
   position: absolute;
   left: 330px;
   top: 0;
   background: #e0e0e0;
   z-index: 1;
}
.intro-flow-img{
   width: 60px;
   text-align: center;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   z-index: 2;
}
.intro-flow-img img{
   background: #fff;
}
.intro-flow-img:after{
   width: 8px;
   height: 8px;
   background: #d7d7d7;
   border-radius: 1000px;
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
}
.tro-flow-time{
   padding: 3px 0 0 10px;
}
.order-bg{
   position: fixed;
   width: 100%;
   background: rgba(0,0,0,0.5);
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   z-index: 33;
}
.reason{
   width: 750px;
   background: #fff;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   z-index: 34;
   padding: 55px;
   box-sizing: border-box;
}
.reason-close{
   position: absolute;
   top: 20px;
   right: 20px;
   cursor: pointer;
   transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
}
.reason-close:hover {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.reason-h1{
   width: 100%;
   text-align: center;
   padding-bottom: 5px;
}
.reason-txt{
   width: 100%;
   text-align: center;
   padding-bottom: 5px;
}
.reason-row{
   margin-left: -10px;
   margin-right: -10px;
}
.reasonli{
   float: left;
   width: 50%;
   padding: 10px;
   box-sizing: border-box;
}
.reasonli label{
  border: 1px solid #d2d2d2;
  display: inline-block;
  color: #666;
  padding: 8px 10px 8px 10px;
  line-height: 28px;
  min-width: 100%;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.reason-ul{
  width: 80%;
  margin: 40px auto 20px;
}
.reason-btn-l{
   float: left;
   width: 50%;
   padding: 10px;
   box-sizing: border-box;
   margin-top: 30px;
   cursor: pointer;
}
.reason-btn-r{
   float: left;
   width: 50%;
   padding: 10px;
   box-sizing: border-box;
   margin-top: 30px;
   cursor: pointer;
}
.reason-lbg{
   width: 100%;
   background: #080708;
   color: #fff;
   display: block;
   text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 4px;
}
.reason-lbg a{
   display: block;
   color: #fff;
   text-align: center;
   height: 50px;
   line-height: 50px;
}
.reason-rbg{
   width: 100%;
   background: #f3f3f3;
   color: #000;
   display: block;
   text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 4px;
}
.reason-rbg a{
   display: block;
   color: #000;
   text-align: center;
   height: 50px;
   line-height: 50px;
}

.reason-next{
   width: 750px;
   background: #fff;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   z-index: 34;
   padding: 55px;
   box-sizing: border-box;
}
.reason-next-close{
   position: absolute;
   top: 20px;
   right: 20px;
   cursor: pointer;
   transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
}
.reason-next-close:hover {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.reason-nextflx{
   display: flex;
   width: 100%;
   border: 1px solid #e1e1e1;
   padding: 24px;
   box-sizing: border-box;
   height: 210px;
}
.reason-next-ul{
   width: 100%;
   padding: 30px 40px;
}
.resimg{
   padding: 0 24px 0 0;
}
.resimg img{
   height: 20px;
}
.rexflx{
   display: flex;
   align-items: center;
   padding: 0;
}
.rexflx img{
   padding: 0 4px 0 0;
}
.color74{
   color:#747474;
}
.resnote{
   width: 100%;
   text-align: center;
   padding: 15px 0;
}
.res-row{
   margin-top: 10px;
   margin-left: -10px;
   margin-right: -10px;
   display: flex;
   justify-content: space-between;
}
.resnext{
   width: 100%;
   padding: 10px;
   box-sizing: border-box;
}
.resnext-leftbg{
   background: #f3f3f3;
   height: 50px;
   line-height: 50px;
   width: 100%;
   text-align: center;
   display: block;
   border-radius: 4px;
}
.resnext-leftbg a{
   color: #000;
   display: block;
}
.resnext-rightbg{
   background: #080708;
   height: 50px;
   line-height: 50px;
   width: 100%;
   text-align: center;
   display: block;
   border-radius: 4px;
}
.resnext-rightbg a{
   color: #fff;
   display: block;
}
.reason-bg{
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 33;
   background: rgba(0,0,0,0.5);
}
.cancel-bg{
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 33;
   background: rgba(0,0,0,0.5);
}
.cancel-next{
    width: 750px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 34;
    padding: 55px 20px 30px;
    box-sizing: border-box;
}
.cancel-close{
   position: absolute;
   top: 20px;
   right: 20px;
   cursor: pointer;
   transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
}
.cancel-close:hover {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.like-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    z-index: 22;
    cursor: pointer;
}
.like-prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    z-index: 22;
    cursor: pointer;
}
.cancel-ok{
    width: 100%;
    text-align: center;
    padding: 30px 0 20px;
}
.cancel-nh1{
    text-align: center;
    padding-bottom: 5px;
}
.cancel-nh2{
    text-align: center;
    padding: 15px 0;
}
.cancel-like{
    width: 100%;
    padding: 15px 0;
    text-align: center;
}
.cancell-order{
    width: 100%;
    padding: 26px 30px;
    box-sizing: border-box;
}
.cancell-top{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 6px;
}
.canpad{
   padding-right: 20px;
}
.cancell-tep{
    width: 100%;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    padding: 60px 0 40px;
    margin: 0 auto;
    max-width: 1000px;
}
.cancell-tep-li{
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
}
.canline{
    position: relative;
}
.cancell-tep-li:first-child .canline:after{
    background: none!important;
}
.cancell-tep-li:last-child .canline:before{
    background: none!important;
}
.canline:after{
    content: "";
    width: 50%;
    height: 2px;
    background: #fecb2f;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 0;
}
.canline:before{
    content: "";
    width: 50%;
    height: 2px;
    background: #fecb2f;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 0;
}
.canline img{
     width: 26px;
     position: relative;
     z-index: 1;
}
.cantxt{
    padding: 20px 0 0 0;
}
.mar20{
    margin-bottom: 20px;
}
.pad06{
    padding: 30px 40px 20px;
}
.cancell-tab{
    width: 100%;
    padding: 0 40px 40px;
}
.cancell-tab-boad{
   border: 1px solid #c2c2c2;
   width: 100%;
   padding-bottom: 30px;
}
.cantab-top{
   padding: 18px 0;
   border-bottom: 1px solid #c2c2c2;
   background: #f5f5f5;
   display: flex;
   align-items: center;
}
.cantab-mid{
   width: 100%;
   padding: 30px 0 0 ;
   display: flex;
   align-items: center;
}
.cantab01{
   width: 290px;
   text-align: center;
}
.cantab02{
   flex: 1;
   padding-left: 80px;
}
.cantab03{
   width: 290px;
   text-align: center;
}
.color8f{
   color:#8f8f8f;
}
.fontcenter{
   text-align: center;
}
.detail-tab{
   width: 100%;
   padding: 10px 40px 30px;
   box-sizing: border-box;
}
.detail-tab-boad{
   border: 1px solid #c2c2c2;
}
.detail-li01{
   width: 235px;
   box-sizing: border-box;
   padding: 15px 20px;
}
.detail-li02{
   flex: 1;
   padding-left: 30px;
   padding-top: 15px;
   padding-bottom: 15px;
   border-left: 1px solid #c2c2c2;
}
.detail-tbflx{
   width: 100%;
   display: flex;
   align-items: center;
   border-bottom: 1px solid #c2c2c2;
}
.detail-tbflx:last-child{
  border: 0;
}
.detail-font{
   padding: 30px 40px;
   box-sizing: border-box;
   width: 100%;
   line-height: 30px;
}
.explan{
   width: 100%;
   padding-bottom: 15px;
}
.fayflx{
   display: flex;
   align-items: center;
}
.palpay{

}
.palpay img{
   height: 20px;
}
.addinvoice{
   cursor: pointer;
}

.modify-odd{
    width: 600px;
    background: #fff;
    padding: 55px 94px;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -235px;
    z-index: 555;
}
.modify-close{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modify-close:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.del02 {
  width: 100%;
}
.del02 input{
   width: 100%;
}
.modify-bg{
  width: 600px;
  background: #fff;
  padding: 55px 94px;
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  margin-top: -235px;
  z-index: 555;
  display: none;
}
.modcloss{
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transition: width 1s,height 1s,transform 1s;
  -moz-transition: width 1s,height 1s,transform 1s;
  -webkit-transition: width 1s,height 1s,transform 1s;
  -o-transition: width 1s,height 1s,transform 1s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modcloss:hover{
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.mod-submit{
    width: 100%;
    background: #080708;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-radius: 2px;
    color: #fff;
    margin: 20px auto 0;
    max-width: 414px;
    cursor: pointer;
}
.leftfid {
    position: fixed;
    top: 100px;
    z-index: 33;
}
.customsc-right{
   float: right;
   width: 35%;
   position: relative;
   display: flex;
   justify-content: right;
}
#alsotab .swiper-wrapper{
   flex-direction: row!important;
}
#alsotab02 .swiper-wrapper{
   flex-direction: row!important;
}
#alsotab03 .swiper-wrapper {
    flex-direction: row!important;
}
#alsotab04 .swiper-wrapper {
    flex-direction: row!important;
}
.detail-tag{
    width: 100%;
    box-sizing: border-box;
    max-width: 1360px;
    clear: both;
    margin: 0 auto;
}
.detail-wtag{
    width: 100%;
    border-top: 1px solid #e4e4e4;
    background: #f3f3f3;
    border-bottom: 1px solid #e4e4e4;
    padding: 50px;
    box-sizing: border-box;
    margin-top: 50px;
    float: left;
    clear: both;
}
.detail-border{
    width: 100%;
    float: left;
}
.detail-border a {
    padding: 6px 18px;
    display: block;
    font-size: 16px;
    border: 1px solid #e0e0e0;
    border-radius: 1000px;
    margin: 4px 5px;
    float: left;
}

.detail-border a span{
    position: relative;
}
.detail-border a span:after {
    position: absolute;
    width: 0;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    background: #fecb2f;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.detail-border a:hover span:after {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
}
.inquiry-conbg{
   width: 100%;
   background: rgba(0,0,0,0.5);
   position: fixed;
   z-index: 99999;
   top: 0;
   left: 0;
   right: 0;
   display: none;
   bottom: 0;
 }
 .inquiry-con{
   max-width: 450px;
   background: #ffffff;
   border-radius: 10px 0 0 10px;
   overflow: hidden;
   box-shadow: 1px -1px 14px 3px rgba(43,43,43,0.5);
   position: fixed;
   right: -500px;
   top: 0;
   bottom: 0;
   z-index: 333333;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
 }
 .inleft{
   right: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
 }
 .inquiry-nav{
   width: 100%;
   padding: 10px 0 10px;
   text-align: center;
   font-size: 20px;
   font-family: 'Jost-Regular';
   background-image:linear-gradient(#ffffff,#fefefe,#f5f5f5);
 }
  .inquiry-close{
     position: absolute;
     top: 10px;
     right: 10px;
  }
 .inqright{
   font-size: 20px;
   text-align: center;
   width: 50%;
 }
 .inqleft{
    font-size: 20px;
    text-align: left;
    width: 50%;
    padding-left: 20px;
 }
 .subNavBox{
  width: 100%;
  margin: 10px auto 0;
}
.subNavBox ul{
  margin: 0;
  list-style: none;
}
.subNav{
  border-bottom:solid 1px #989898;
  cursor:pointer;
  padding:10px 0 2px;
  background:url(../images/pro-down.png) no-repeat center right;
}
.currentDt{
  background-image:url(../images/pro-top.png);
}
.navContent{
  display: none;
  padding-bottom: 5px;
  padding-top: 10px;
}
.procheck{
   width: 100%;
   padding: 3px 0;
   cursor: pointer;
   font-size: 16px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}
.procheck input[type="checkbox"] {
    width: 12px!important;
    height: 12px!important;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 10px!important;
    position: relative;
}
.check_span{
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 8px;
}
.spaceli{
   width: 100%;
   padding: 5px 0 0;
}
.spaceli-name{
   width: 100%;
   padding: 0;
}
.spaceli-input{
   width: 100%;
   border-bottom: 1px solid #b0b0b0;
}
.spaceli-input input{
   border: 0;
}
.info-row{
   margin-right: -9px;
   margin-left: -9px;
   display: flex;
   flex-wrap: wrap;
   padding-top: 10px;
}
.info-row-li{
   width: 50%;
   padding: 4px 9px;
   box-sizing: border-box;
}

.info-row-flxe{
   width: 100%;
   display: flex;
   align-items: center;
}
.info-name02{
   min-width: 70px;
   padding-right: 10px;
   font-size: 18px;
}
.info-name03{
   font-size: 18px;
   padding-right: 10px;
}
.info-name{
   padding-right: 15px;
   font-size: 18px;
}
.info-input{
   flex: 1;
   border-bottom: 1px solid #acacac;
}
.info-input input{
   width: 100%;
   border: 0;
}
.inquiry-flxe{
   width: 100%;
   display: flex;
   align-items: center;
   margin: 20px 0 0;
   justify-content: center;
   /*justify-content: flex-end;*/
}
.inquiry-btn{
    flex: 1;
    width: 100%;
    max-width: 200px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    background: #4b83fc;
    border-radius: 4px;
    padding: 0 20px;
    color: #fff;
    margin: 0 10px;
    cursor: pointer;
}
.inquiry-width{
   width: 100%;
   height: 100vh;
   overflow-y: scroll;
}
.inquiry-btn a {
    display: block;
    color: #fff;
}
.custview{
   width: 100%;
   padding: 15px 0;
   display: flex;
   align-items: center;
}
.swipcon-flxe{
   width: 616px;
   background: #ffffff;
   position: absolute;
   right: 47px;
   bottom: 180px;
   display: flex;
   padding: 20px;
   height: 360px;
   box-sizing: border-box;
   z-index: 3;
   opacity: 0;
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
}
.banner-select{
    opacity: 1!important;
    display: block!important;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.ifsize {
    display: flex;
    align-items: center;
}
.infflex{
    display: flex;
    align-items: center;
}
.info-rowflex{
    align-items: center;
    width: 100%;
}
.info-row-flxe01{
   display: block;
}
.inquiry-uw50{
   width: 50%;
}
.inquiry-ulfle{
   width: 100%;
   padding: 30px;
   box-sizing: border-box;
}
.inquiry-conpad{
   width: 100%;
   padding: 20px 30px;
   box-sizing: border-box;
   border-top:1px solid #ececec;
}
#product_img_btn{
    width: 54px;
    height: 54px;
    border: 1px solid #4b83fc;
    border-radius: 4px;
    cursor: pointer;
    background: #ffffff;
    color: #4b83fc;
    margin-bottom: 10px;
}
#product_img_btn .iconfont{
   font-size: 24px;
}
.handle{
   width: 28px;
   height: 28px;
   background: #4b83fc;
   color: #fff;
   border-radius: 1000px;
   border: 0;
   cursor: pointer;
   position: absolute;
   top: -8px;
   right: -8px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.handle img{
   width: 50%;
}
.layui-upload-img {
    width: 100%;
}
.img_list{
    width: 33.3%;
    padding: 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img_list_bor {
    border: 1px solid #ccc;
    position: relative;
    border-radius: 4px;
    height: 100px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.img_list img{
    max-width: 100%;
    max-height: 100%
}

#product_img_list{
   display: flex;
   flex-wrap: wrap;
}

.layui-upload-file {
    display: none !important;
    opacity: .01;
    filter: Alpha(opacity=1);
}

.layui-icon {
    font-family: layui-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.layui-icon-delete:before {
    content: "\e640"
}
.xfdiv {
    position: fixed;
    right: 12px;
    bottom: 9rem;
    z-index: 9;
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
}
.xful {
    /**background: #fecb2f;
    width: 68px;**/
    height: 68px;
    border-radius: 0.4rem;
    margin-bottom: 0.3rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
}
.leftclose{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.xfmar{
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.xfname{
    font-size: 12px;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 4px;
 }
.xful img {
    /*width: 90px;*/
    vertical-align: middle;
}
.prowish {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    cursor: pointer;
}
.prowish-img {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.prowish img {
    width: 18px;
    vertical-align: middle;
}
.account-user{
    width: 100%;
    background: #ededed;
    padding-top: 25px;
    padding-bottom: 25px;
}
.user-contain {
    width: 100%;
    margin: 0 auto;
    max-width: 1050px;
    font-family: 'Jost-Regular';
}
.account-main-pad {
    width: 100%;
}
.acflx {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.welfont {
    font-style: italic;
}
.account-user-nav{
   width: 100%;
   background: #fff;
   padding-top: 120px;
   padding-bottom: 15px;
}
.account-user-nav02{
   width: 100%;
   background: #fff;
   padding-top: 86px;
   padding-bottom: 15px;
}
.welfont{
   font-size: 18px;
}
.wish-rowpad{
  width: 100%;
  padding: 0 0 20px;
  box-sizing: border-box;
  background: #fff;
}
.inquiry-bg{
  background: #fff;
  width: 100%;
}
.inquiry-h1 {
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
.inquiry-pad {
    width: 100%;
    background: #ffffff;
    padding: 20px 50px;
    box-sizing: border-box;
}
.color {
    padding: 10px 0 0 0;
}
.font20 {
    font-size: 20px;
}
.custom-ul {
    width: 100%;
    display: flex;
    padding-top: 10px;
}
.customuser-left {
    flex: 1;
}
.custom-ul-select {
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 10px;
}
.custom-right{
   flex: 1;
}
.subNavBox{
  width: 100%;
  margin: 10px auto 0;
}
.subNavBox ul{
  margin: 0;
  list-style: none;
}
.subNav{
  border-bottom:solid 1px #989898;
  cursor:pointer;
  padding:10px 0 2px;
  background:url(../images/pro-down.png) no-repeat center right;
}
.currentDt{
  background-image:url(../images/pro-top.png);
}
.navContent{
  display: none;
  padding-bottom: 5px;
  padding-top: 10px;
}
.procheck{
   width: 100%;
   padding: 3px 0;
   cursor: pointer;
   font-size: 16px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}
.procheck input[type="checkbox"] {
    width: 12px!important;
    height: 12px!important;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 10px!important;
    position: relative;
}
.check_span{
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 8px;
}
.spaceli{
   width: 100%;
   padding: 5px 0 0;
}
.spaceli-name{
   width: 100%;
   padding: 0;
}
.spaceli-input{
   width: 100%;
   border-bottom: 1px solid #b0b0b0;
}
.spaceli-input input{
   border: 0;
}
.info-row{
   margin-right: -9px;
   margin-left: -9px;
   display: flex;
   flex-wrap: wrap;
   padding-top: 10px;
}
.info-row-li{
   width: 50%;
   padding: 4px 9px;
   box-sizing: border-box;
}
.info-row-li02{
   width: 100%;
   padding: 4px 9px;
   box-sizing: border-box;
}
.info-row-flxe{
   width: 100%;
   display: flex;
   align-items: center;
}
.info-name02{
   min-width: 70px;
   font-size: 18px;
}
.info-name012{
   font-size: 18px;
   padding-right: 10px;
}
.info-name03{
   font-size: 18px;
   padding-right: 10px;
}
.info-name{
   width: 70px;
   font-size: 18px;
}
.info-input{
   flex: 1;
   border-bottom: 1px solid #b0b0b0;
}
.info-input input{
   width: 100%;
   border: 0;
}
.inquiry-flxe{
   width: 100%;
   display: flex;
   align-items: center;
   margin: 40px 0 15px;
}
.inquiry-chat{
   width: 162px;
   height: 44px;
   text-align: center;
   line-height: 44px;
   border: 1px solid #000;
   border-radius: 4px;
   box-sizing: border-box;
    color: #080708;
    margin: 0 10px;
}
.inquiry-chat a {
    display: block;
}
.custview{
   width: 100%;
   padding: 15px 0;
   display: flex;
   align-items: center;
}
.swipcon-flxe{
   width: 616px;
   background: #ffffff;
   position: absolute;
   right: 47px;
   bottom: 180px;
   display: flex;
   padding: 20px;
   height: 360px;
   box-sizing: border-box;
   z-index: 3;
   opacity: 0;
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
}
.banner-select{
    opacity: 1!important;
    display: block!important;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.swip-right{
   flex: 1;
   text-align: center;
}
.swip-left{
  padding-right: 20px;
}
.company-img{
  width: 100%;
  padding-bottom: 20px;
}
.main-user{
  padding-top: 10px;
}
.main-email{
  padding-top: 10px;
}
.main-compy{
  width: 100%;
  padding: 0 0 6px 0;
}
.custom-num {
    width: 26px;
    height: 26px;
    background: #080708;
    border-radius: 1000px;
    position: absolute;
    top: -8px;
    left: -8px;
    text-align: center;
    line-height: 26px;
    color: #fff;
    z-index: 4;
}
/**下拉选择**/
.metro,
.metro div,
.metro li,
.metro div::after,
.metro .carat,
.metro .carat:after,
.metro .selected::after,
.metro:after{
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.metro .selected::after,
.metro.scrollable div::after{
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  pointer-events: none;
}
.metro{
  position: relative;
  width: 100%;
  cursor: pointer;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #f1f1f1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 16px;
}
.metro.open{
  z-index: 2;
}
.metro:hover{
  background: #f4f4f4;
}
.metro:after{
  content: '';
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 30px;
  top: 50%;
  transform: translateY(-50%);
}
.metro.focus:after{
  background: #f4f4f4;
}
.metro .carat{
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  z-index: 2;
  -webkit-transform-origin: 50% 20%;
  -moz-transform-origin: 50% 20%;
  -ms-transform-origin: 50% 20%;
  transform-origin: 50% 20%;

}

.metro .carat:after{
  content: '';
  display: inline-block;
  align-items: center;
  justify-content: center;
  background: url(../images/arr-down.png) no-repeat center;
  background-size: 20px;
  width: 20px;
  height: 20px;
  -webkit-transform-origin: 50% 20%;
  -moz-transform-origin: 50% 20%;
  -ms-transform-origin: 50% 20%;
  transform-origin: 50% 20%;
}

.metro:hover .carat:after{
  border-top-color: #f4f4f4;
}
.metro.focus .carat{
  border-top-color: #f8f8f8;
}
.metro.focus .carat:after{
  border-top-color: #fecb2f;
}
.metro.open .carat{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.metro .old{
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}
.metro select{
  position: absolute;
  left: 0px;
  top: 0px;
}
.metro.touch select{
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.metro .selected,
.metro li{
  display: block;
  line-height: 1;
  color: #000;
  padding: 12px 20px;
  overflow: hidden;
  white-space: nowrap;
}
.metro .selected::after{
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60px;

  border-radius: 0 2px 2px 0;
  box-shadow: inset -55px 0 25px -20px #f8f8f8;
}
.metro:hover .selected::after{
  box-shadow: inset -55px 0 25px -20px #f4f4f4;
}
.metro div{
  position: absolute;
  height: 0;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: -1px;
  background: #f8f8f8;
  overflow: hidden;
  opacity: 0;
}
.metro:hover div{
  background: #f4f4f4;
}
.metro.open div{
  opacity: 1;
  z-index: 2;
}
.metro.scrollable div::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;

  box-shadow: inset 0 -50px 30px -35px #f8f8f8;
}
.metro.scrollable:hover div::after{
  box-shadow: inset 0 -50px 30px -35px #f4f4f4;
}
.metro.scrollable.bottom div::after{
  opacity: 0;
}
.metro ul{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  list-style: none;
  overflow: hidden;
}
.metro.scrollable.open ul{
  overflow-y: auto;
}
.metro li{
  list-style: none;
  padding: 10px 20px;
}
.metro li.focus{
  background: #fdcb2e;
  position: relative;
  z-index: 3;
  color: #fff;
}
.seactive{
  background: #fdcb2e;
  color: #fff;
}
/**下拉选择结束**/
.custom-li {
    position: relative;
    width: 50%;
}
.info-row {
    margin-right: -9px;
    margin-left: -9px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
}
.inqflx03 {
    display: block;
    align-items: center;
    width: 100%;
    padding: 4px 0 4px 9px;
    box-sizing: border-box;
}
.inqflx01 {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.info-row-li {
    width: 100%;
    padding: 4px 9px 4px 0;
    box-sizing: border-box;
}
.info-row-flxe {
    width: 100%;
    display: flex;
    align-items: center;
}
.info-name012 {
    font-size: 18px;
    padding-right: 10px;
}
.info-input {
    flex: 1;
    padding-bottom: 5px;
    border-bottom: 1px solid #b0b0b0;
}
.siint {
    max-width: 100px;
    height: 28px;
    font-size: 14px;
}
.custitle{
   font-size: 20px;
   font-weight: bold;
   padding-bottom: 0;
   margin-bottom: 10px;
   border-bottom: 2px solid #b6b6b6;
   color: #333;
}
.fonten20{
   font-size: 20px;
}
.page-sixteen-h2 span {
    position: relative;
    padding-bottom: 0;
}
.page-sixteen-h2 span:after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #000;
    content: "";
    left: 0;
    bottom: 0;
}
.page-sixteen-h2 span:hover:after {
    background: #fecb2f;
    content: "";
}
.news-ttpag{
    width: 100%;
}
.news-conbg{
    padding: 100px 0 30px;
    width: 100%;
    background: #f6f6f4
}

.font40 {
  font-size: 40px;
  line-height: 44px;
}
.font34{
  font-size: 34px;
  line-height: 32px;
}
.font30{
  font-size: 30px;
  line-height: 30px;
}
.font28 {
  font-size: 28px;
  line-height: 28px;
}
.font22{
  font-size: 22px;
  line-height: 22px;
}
.font20{
  font-size: 20px;
  line-height: 22px;
}
.font18{
  font-size: 18px;
}
.btfont18{
  font-size: 18px;
  line-height: 22px;
}
.customsc-right-h5{
  display: none
}
.aboutflexs{
  width: 100%;
  display: flex;
  align-items: center;
}

.pagehome{
    width: 100%;
    float: left;
    clear: both;
    padding: 50px 50px;
    box-sizing: border-box;
    justify-content: center;
    display: flex;
    align-items: center;
}
.pagenav {
    margin: 0 10px;
    position: relative;
}
.pagenav input{
    width: 50px;
    border-radius: 0;
    border: 1px solid #eee;
    padding: 5px;
    box-sizing: border-box;
}
.pageactive a{
    color: #000!important;
}
.pageactive:after{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #333;
    height: 1px;
    content: "";
}
.pagenav a{
    color: #555;
}
.pagenav a:after{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    background: #333;
    height: 1px;
    content: "";
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.pagenav a:hover:after{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.uedrow{
    margin-left: -5px;
    margin-right: -5px;
    width: auto!important;
}
.uedcol-row{
    margin-left:0;
    margin-right:0;
    width: auto!important;
}
table td{
   width: auto!important;
}
table tr{
   width: 100%!important;
}
tbody{
   width: 100%!important;
}


/****/
body {
    width: 100%;
    color: #878787;
    margin: 0!important;
}
img{
    vertical-align: middle;
}
.uedcontion{
    width: 100%;
}
.uedrow{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.uedcol-row{
    display: flex;
    flex-wrap: wrap;
/*    align-items: center;
*/    width: 100%;
}

.uedcol-03 img{
    max-width: 100%;
    vertical-align: middle;
}

.uedcol-01 img{
    max-width: 100%;
    vertical-align: middle;
}
.uedcol-05 img{
    max-width: 100%;
    vertical-align: middle;
}
.uedcol-01{
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}
.uedcol-03{
    width: 33.3%;
    padding: 5px;
    box-sizing: border-box;
}
.uedcol-05{
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
}
.uedtitle{
    width: 100%;
    padding: 10px 20px;
    box-sizing: border-box;
    background: #000;
    border-bottom: 2px solid #53647a;
    color: #fff;
    font-size: 24px;
    font-family: 'Jost-Regular';
}
table{
    width: 100%;
    color: #000000;
}
.uedrowflex{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.uedrowflex-left{
    padding:5px;
    width: 41.5%;
    box-sizing: border-box;
}
.uedrowflex-left img{
    width: 100%
}
.uedrowflex-right img{
    width: 100%
}
.uedrowflex-right{
    padding:5px;
    width: 60%;
    box-sizing: border-box;
}
.uedrpad{
    padding:5px 0;
}
.uedaimg{
    width: 100%;
}
.uedname{
    width: 100%;
    font-size: 16px;
    padding: 10px 0;
}
.ftddtop img {
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
}
.ftdback .ftddtop{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.ftddtop{
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.search-bgwap{
   position: fixed;
   width: 100%;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: #ffffff;
   z-index: 331;
   display: none;
}
.search-padwap{
   position: fixed;
   width: 100%;
   left: 0;
   right: 0;
   top: 160px;
   z-index: 34;
   background: #ffffff;
   padding: 20px 0;
}
.wapsearch{
   display: none;
}
.wapaccont{
   display: none;
}
.searclosewap{
   display: none;
}
.wapright{
   display: flex;
   align-items: center;
}

.wrapperxx{
   width: 24px;
   height: 24px;
   position: relative;
   background: #000000;
   padding: 6px;
   border-radius: 10000px;
}
.wrapperxx img{
   width: 100%;
}
.mobwidth{
  max-width: 70px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wrapperxxm{
   width: 20px;
   height: 20px;
   position: relative;
   background: #000000;
   padding: 4px;
   border-radius: 10000px;
}
.wrapperxxm img{
   width: 100%;
}
.posnum{
   position: absolute;
   top: -6px;
   right: -15px;
   z-index: 9;
   background: #f25643;
   color: #fff;
   border:2px solid #fff;
   display: inline-block;
   height: 22px;
   width: 22px;
   border-radius: 1000px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 14px;

}
.posnums{
   position: absolute;
   top: -9px;
   right: -10px;
   z-index: 9;
   background: #f25643;
   color: #fff;
   border:2px solid #fff;
   display: inline-block;
   height: 20px;
   width: 20px;
   border-radius: 1000px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;

}
.wrapper-lis02{
   position: relative;
   cursor: pointer;
}
.wrapper-flem{
   position: relative;
}
.warpper-note{
   position: absolute;
   right: 20px;
   top: 98px;
   z-index: 4;
   background: #fff;
   padding: 15px;
   box-sizing: border-box;
   width: 300px;
   display: none;
}
.mesbox{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.mesbox-tt{
   font-size: 16px;
   color: #333;
}
.itemtime{
   width: 100%;
   color: #959595;
   padding: 10px 0 0;
}
.itemul{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}
.itemli{
   font-size: 16px;
   color: #333;
}
.telhref{
   display: flex;
   align-items: center;
}
.telhref a{
   color: #333;
}
.itemli01{
   width: 120px;
   padding-right: : 10px;
   box-sizing: border-box;
}
.itemli{
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.inquiry-bg-quirywidth{
   width: 100%;
}
.inputli{
   width: 100%;
   margin: 14px 0;
   float: left;
   clear: both;
   position: relative;
}
.inbg{
   display: inline-block;
   background: #ffffff;
}
.innote-pad{
   width: 100%;
}
.innote-pad textarea{
   max-width: 100%;
   min-width: 100%;
   width: 100%;
   max-height: 60px;
   overflow-y: auto;
}
.innote{
   font-size: 15px;
   font-weight: 500;
}
.cush1{
   padding-bottom: 10px;
   color: #000;
}
.inputli .red{
   position: absolute;
   right: -14px;
   font-size: 16px;
   color: red;
   top: 50%;
   font-weight: bolder;
   transform: translateY(-50%);
}
.leftshow-bg{
   position: fixed;
   width: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0,0,0,0.5);
   z-index: 99;
   display: none;
}
.leftrela{
   position: fixed;
   right: -500px;
   top: 0;
   bottom: 0;
   padding: 50px 0 0 0;
   width: 440px;
   box-sizing: border-box;
   height: 100%;
   background: #ffffff;
   z-index: 999;
   overflow-y: scroll;
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
}
.leftadd{
  right: 0!important;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.leftrela::-webkit-scrollbar {/*滚动条整体样式*/
    width: 0px!important;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.leftrela::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 6;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
}
.leftrela::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 6;
    background: #EDEDED;
}