.flex {display: flex;}
/*换行*/
.flex-wrap{display: flex;flex-wrap: wrap;align-content: flex-start;}
/*靠左*/
.flex-start{display: flex;justify-content: flex-start;align-items: center;}
/*靠右*/
.flex-end{display: flex;justify-content: flex-end;align-items: center;}
/* flex垂直排列 */
.flex-col {display: flex;flex-direction: column;}
/* flex全居中 */
.flex-center {display: flex;align-items: center;justify-content: center;}
/* flex竖向全居中 */
.flex-center-col {display: flex;flex-direction: column;align-items: center;justify-content: center;}
/* flex垂直居中 */
.flex-center-y {display: flex;align-items: center;}
/* flex水平居中 */
.flex-center-x {display: flex;justify-content: center;}
/* flex左右靠边 */
.flex-between {display: flex;align-items: center;justify-content: space-between;}
.flex-ul {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
/* 水平均匀分布 */
.flex-around{display: flex;justify-content: space-around;align-items: center;}
/* 超过隐藏为... */
.oe{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.oe2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.oe3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}


/*初始元素*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;}
html,body,textarea{line-height: 1;font-family: "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", arial, helvetica, sans-serif;font-size: 16px;color: #333;}
address,caption,cite,code,dfn,strong,th,var,b,i,em,strong,h1,h2,h3,h4,h5,h6{font-style: normal;}
ol,ul,li{list-style: none;}
iframe{border: none !important;outline: none !important;}
table{border-collapse: collapse;display: table;width: 100%;}
span,i,b{display: inline-block;}
*{box-sizing: border-box;}
html{max-width:750px;min-width:320px; margin:0 auto; position:relative;}
body{max-width:750px;min-width:320px;font-size:14px;overflow-x: hidden;}

/*美化滚动条*/
::-webkit-scrollbar{width: 0px;}
::-webkit-scrollbar-track{background-color: #EEEEEE;}
::-webkit-scrollbar-thumb{background-color: #D6D6D6;}
::-webkit-scrollbar-thumb:hover{background-color: #ccc}
::-webkit-scrollbar-thumb:active{background-color: #ccc}

/*文字段落*/
.tac{text-align: center !important;}
.tar{text-align: right !important;}
.tal{text-align: left !important;}
.taj{text-align: justify !important;}
.touper{text-transform: uppercase;}
.tolower{text-transform: lowercase;}
.tocapit{text-transform: capitalize;}

/*超出隐藏*/
.oe{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.dot{text-align: justify;overflow: hidden;}
.dot2{text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*清除浮动*/
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{*+height: 1%;}

/*图片的前景和背景*/
.bgcen{width: 100%;background-repeat: no-repeat !important;background-position: center center !important;}
.bgcov{width: 100%;background-repeat: no-repeat !important;background-size: cover !important;background-position: center center !important;}
.bg100{width: 100%;background-repeat: no-repeat !important;background-size: 100% 100% !important;background-position: center center !important;}
.imgcen{display: block;margin: 0 auto;}
.img100{display: block;width: 100%;height: 100%;}
.imgcov{display: block;width: 100%;max-width: 100%;object-fit: cover;}

/*超链接和图片*/
a,img{border: none;outline: none}
a{display: inline-block;text-decoration: none;cursor: pointer;color: #333;;}
img{display: inline-block;max-width: 100%;vertical-align: middle;}

/*表单*/
input,button{display: inline-block;border: none;outline: none;background: none;-webkit-appearance: none;}
input,textarea,select,button,fieldset,object{-moz-appearance: none;outline: none;-moz-outline: none;-webkit-box-shadow: none;box-shadow: none;-moz-box-shadow: none;}
textarea{resize: none;-webkit-appearance: none;}
button[type="submit"],button[type="reset"],input[type="submit"],input[type="reset"],input[type="button"],button{cursor: pointer;}
input::-ms-clear,input::-ms-reveal,input::-o-clear{display: none;}
input::-webkit-input-placeholder{ color: #999;}
input::-moz-placeholder{ color: #999;}
input:-moz-placeholder{ color: #999;}
input:-ms-input-placeholder{ color: #999;}

/*定义版心*/
.banxin95{width: 95%;margin: 0 auto;}
.banxin90{width: 90%;margin: 0 auto;}
.banxin85{width: 85%;margin: 0 auto;}
.banxin80{width: 80%;margin: 0 auto;}

/*如果是手机端的重置*/
a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; -webkit-appearance: none; outline: none; border: none;}

/*预加载.preloading**/
.preloading{width:0 !important;height:0 !important;opacity:0 !important;left:-10000px !important;top:-10000px !important;}
.preloading {width: 100%;text-align: center;height: 100%;position: fixed;background: #ffffff;z-index: 999999;top: 0px;display: table;left: 0; }
.preloading .wrap-preload {background-color:#f91f28;background: linear-gradient(90deg, #f91f28, #f85e2b);display: table-cell;text-align: center;vertical-align: middle; }
.preloading .cssload-loader {width: 49px; height: 49px; border-radius: 50%;margin: 3em;display: inline-block;position: relative;vertical-align: middle;background: #ffffff; }
.preloading .cssload-loader,.preloading .cssload-loader:before,
.preloading .cssload-loader:after {animation: 1.15s infinite ease-in-out;-o-animation: 1.15s infinite ease-in-out;-ms-animation: 1.15s infinite ease-in-out;-webkit-animation: 1.15s infinite ease-in-out;-moz-animation: 1.15s infinite ease-in-out; }
.preloading .cssload-loader:before,.preloading .cssload-loader:after {width: 100%; height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0; }
.preloading .cssload-loader {animation-name: cssload-loader;-o-animation-name: cssload-loader; -ms-animation-name: cssload-loader;-webkit-animation-name: cssload-loader;-moz-animation-name: cssload-loader; }

@keyframes cssload-loader {
  from {
    transform: scale(0);
    opacity: 1; }
  to {
    transform: scale(1);
    opacity: 0; } }
@-o-keyframes cssload-loader {
  from {
    -o-transform: scale(0);
    opacity: 1; }
  to {
    -o-transform: scale(1);
    opacity: 0; } }
@-ms-keyframes cssload-loader {
  from {
    -ms-transform: scale(0);
    opacity: 1; }
  to {
    -ms-transform: scale(1);
    opacity: 0; } }
@-webkit-keyframes cssload-loader {
  from {
    -webkit-transform: scale(0);
    opacity: 1; }
  to {
    -webkit-transform: scale(1);
    opacity: 0; } }
@-moz-keyframes cssload-loader {
  from {
    -moz-transform: scale(0);
    opacity: 1; }
  to {
    -moz-transform: scale(1);
    opacity: 0; } }