html,body{
	/* width: 100%;
	height: 100%;
	overflow-x: hidden; */
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; 
}
/** ????????? **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements ????? */
dl, dt, dd, ul, ol, li, /* list elements ?б???? */
pre, /* text formatting elements ????????? */
form, fieldset, legend, button, input, textarea, /* form elements ?????? */
th, td /* table elements ?????? */ {
    margin: 0;padding: 0;
}

/** ??????????? **/
/* 
    ???壺\5B8B\4F53
    ?????壺\65B0\5B8B\4F53
    ???壺\9ED1\4F53
    ???????\5FAE\8F6F\96C5\9ED1
    ???壺\6977\4F53_GB2312
    ?????壺 Source Han Sans CN
 */
body,button, input, select, textarea /* for ie */ {font: 14px/1.5 tahoma, \5FAE\8F6F\96C5\9ED1, sans-serif, Arial;}
body {background:#fff;-webkit-text-size-adjust:100%;color: #333;}
.body-maxwidth{max-width: 1920px;margin: 0 auto;}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;overflow: visible;line-height: 1em;}
address, cite, dfn, var{ font-style: normal; } /* ??б????? */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* ????????? */
small { font-size: 12px; } /* С?? 12px ????????????, ?? small ?????? */
/* em, strong, b, i {font-style:normal;font-weight:normal;} */
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
/** ?????б???? **/
ul, ol {list-style-type: none;margin: 0;padding: 0;}
ul, ol ,li { list-style: none;}

/** ????????????? **/
a,a:active {color: inherit;text-decoration: none;cursor: pointer;border: 0;}
sup { vertical-align: text-top; } /* ????, ??????и????? */
sub { vertical-align: text-bottom; }
span{line-height: normal;}
/** ????????? **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img ????????????? img ???? */
button, input, select, textarea { font-size: 100%; border-radius: 0;} /* ?????????? ie ???????????С */
button{border:0;background-color:none;outline:none;-webkit-appearance: none;}
select {border: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right: 14px;
    /*?????????????м????С?????*/
    background: url("https://www.yisiy.com/wt_imgs/select_arr.png") no-repeat scroll right center transparent;
}
textarea { resize:none; } /* ??????????????????????????? */
select, button, input,img {vertical-align: middle;}
/* ???optgroup ??????? */

/** ????????? **/
table { border-collapse: collapse; border-spacing: 0; }

/* ???? HTML5 ??? */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {display: block;margin: 0;padding: 0;}
mark { background: #ff0; }

/* <input>??? */
input{border: none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance: none;}
input:focus{ outline:none; }/* input????????????????? */

/* input???placeholder??????? */
:-moz-placeholder { color:#666; opacity:1; font-size: 14px;text-align: left;}
::-moz-placeholder { color:#666; opacity:1; font-size: 14px;text-align: left;}
input:-ms-input-placeholder{ color:#666; opacity:1; font-size: 14px;text-align: left;}
input::-webkit-input-placeholder{ color:#666; opacity:1; font-size: 14px;text-align: left;}

/* ????????? */
*{ box-sizing:border-box;}
*::before, *::after{ box-sizing:border-box;}
*:focus{ outline:none;}

/* ?????????????????????? */
/* p{text-align:justify; text-justify:distribute;} */
p{line-height: 1em;}

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

.clear:after{content:"";display:block;clear:both;}

/* =======================================winter==?????=========================================== */
/* ::-webkit-scrollbar{/*?????????*/ width: 0; height: 0; color: transparent;}
 */
/* ????????????? */
.banSelect {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}

/*?????????*/
@media screen and (max-width:321px){
	body{font-size:15px}
}
@media screen and (min-width:321px) and (max-width:400px){
	body{font-size:16px}
}
@media screen and (min-width:400px){
	body{font-size:18px}
}

.flex{/*??????????*/
    display: -webkit-box; /* ??汾??: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* ??汾??: Firefox (buggy) */
    display: -ms-flexbox; /* ???汾??: IE 10 */

    display: -webkit-flex; /* ?°汾??: Chrome 21+ */

    display: flex; /* ?°汾??: Opera 12.1, Firefox 22+ */
}

.flex-wrap{
    flex-wrap: wrap
}

.flex-1{/*????????*/
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
  flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1; /* OLD - Firefox 19- */
}

.flex-v{/*?л?????*/
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-center-x{/*??????*/
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-center-y{/*???????*/
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-justify{/*???????*/
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-around{/*??????*/
    -webkit-box-pack: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: center;
    justify-content: space-around;
}

.text-ellipsis{ /*??????????????*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.text2-ellipsis{ /*2????????????*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text3-ellipsis{ /*3????????????*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}