﻿@charset "utf-8";
html {
  font-size: calc(100vw / 1920);
}
::-webkit-scrollbar {
  width: 0px;
  /* 滚动条宽度 */
  background-color: #fff;
  /* 滚动条背景色 */
  display: none;
}

/* 定义滚动条轨道 */
::-webkit-scrollbar-track {
  /* border-radius: 10px; */
  background-color: transparent;
  /* 轨道颜色 */
}

/* 定义滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #EAEAEA;
  /* 滑块颜色 */
}

/* 鼠标悬停时滑块颜色变化 */
::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
@font-face {
  font-family: 'AliPuHuiTi Regular';
  src: url('../fonts/Alibaba-PuHuiTi-Regular/Alibaba-PuHuiTi-Regular.woff2') format('woff2'),
       url('../fonts/Alibaba-PuHuiTi-Regular/Alibaba-PuHuiTi-Regular.woff') format('woff'),
       url('../fonts/Alibaba-PuHuiTi-Regular/Alibaba-PuHuiTi-Regular.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'AliPuHuiTi Bold';
  src: url('../fonts/Alibaba-PuHuiTi-Bold/Alibaba-PuHuiTi-Bold.woff2') format('woff2'),
    url('../fonts/Alibaba-PuHuiTi-Bold/Alibaba-PuHuiTi-Bold.woff') format('woff'),
    url('../fonts/Alibaba-PuHuiTi-Bold/Alibaba-PuHuiTi-Bold.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'AliPuHuiTi medium';
  src: url('../fonts/Alibaba-PuHuiTi-Medium/Alibaba-PuHuiTi-Medium.woff2') format('woff2'),
    url('../fonts/Alibaba-PuHuiTi-Medium/Alibaba-PuHuiTi-Medium.woff') format('woff'),
    url('../fonts/Alibaba-PuHuiTi-Medium/Alibaba-PuHuiTi-Medium.ttf') format('truetype');
  font-display: swap;
}
.bold{
  font-family: 'AliPuHuiTi Bold';
}
*{word-wrap:break-word}
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
html{
  scroll-behavior: smooth
}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0;}
ul,ol,dl{list-style-type:none}
html,body{position:static;-webkit-overflow-scrolling: touch;}
html{font-family: 'AliPuHuiTi Regular';}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:'AliPuHuiTi Regular';font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none;}
body,th,td,button,input,select,textarea{font-family:'AliPuHuiTi Regular';font-size:14px;color: #333;}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none; color:#333}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"]{line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/*IE下a:hover 背景闪烁*/
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root){overflow: hidden}
fieldset{border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height: auto}
input[type="search"]{-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none}
 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.cl:before,.cl:after{content: " "; display: table;}
.cl::after{clear: both;}
ul,li{list-style-type:none;}
i,em{font-style:normal}
a{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: alll 0.5s;}
.tran{transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-webkit-transition: all 0.5s;/* Safari 和 Chrome */-o-transition: alll 0.5s;/* Opera */}
a{color:#3D454D; text-decoration:none; font-size:14px;}
/* a:hover{text-decoration:none; color:#E6653A} */


/*布局*/ 
.ow{ overflow:hidden} 
.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flexD{flex-direction: column;display: flex;}
.flexwrap{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flexCenter{justify-content: center;}
.flex1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.flexalign{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.ui-nowrap{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ui-nowrap-multi{display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.weap{ width:1200px; margin:0 auto;}
.flexbetweenr{-webkit-justify-content:space-between;justify-content:space-between;-webkit--moz-box-pack:space-betweenr;}


