/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
}
@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height:1.5;font-family:tahoma,arial,"Hiragino Sans GB",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}
h1,h2,h3,h4,h5,h6{font-family:tahoma,arial,"Hiragino Sans GB","微软雅黑",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
sup,sub{vertical-align:baseline}
html {overflow-x: hidden;height: 100%;font-size: 16px;-webkit-tap-highlight-color: transparent;}
body {font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif;color: #333;font-size: .28em;line-height: 1;-webkit-text-size-adjust: none;}
hr {height: .02rem;margin: .30px 0;border: medium none;border-top: .02rem solid #cacaca;}
a {color: #25a4bb;text-decoration: none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}
input[disabled]{
  opacity:1;
  background-color: #ffffff;
}
textarea[disabled] {
  opacity:1;
  background-color: #ffffff;
}
blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* custom */
a {
  color: #7e8c8d;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
}

li {
  list-style: none;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*显示省略号*/
.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*显示两行*/
.ellipsis-2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
  line-height: 0.40px;
}
.clear{
  clear: both;
}
body{
  /*background-color: rgb(246, 246, 246);*/
}
.contens{
  width: 100%;
  padding: .40px .2rem;
  box-sizing: border-box;
  background-color: #fff;
}
.contens>item{
  display: inline-block;
  width: 100%;
  font-size: .35rem;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
/*字体*/
.font-WenQuanYi{
  font-family: "PingFang SC", Tahoma, Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

/*字体颜色*/
.grayColor{
  color: #979797;
}
.numGray{
  color: #CCCCCC;
}
.whiteColor{
  color: #FFFFFF;
}
.blackColor{
  color: #232020;
}
.glodColor{
  color: #FBC02C;
}
.blackColor3{
  color: #333333
}
/*字体 h1*/
.h1{
  font-size: 26px;
}
.h2{
  font-size: 24px;
}
.h3{
  font-size: 22px;
}
.h4{
  font-size: 18px;
}
.h5{
  font-size: 16px;
}
.h6{
  font-size: 15px;
}
.h7{
  font-size: 12px;
}

/*字体 r-h1*/
.r-h1{
  font-size: 0.35rem;
}
.r-h2{
  font-size: 0.34rem;
}
.r-h3{
  font-size: 0.25rem;
}
.r-h4{
  font-size: 0.22rem;
}
.r-h5{
  font-size: 0.8rem;
}
.tc{
  text-align: center!important;
}
.tl{
  text-align: left!important;
}
.tr{
  text-align: right!important;
}
.fw{
  font-weight: 600;
}
/*flex类*/
.fx, .fx-rc-c, .fx-ra-c, .fx-r-jc,
.fx-j-sb, .fx-j-sa, .fx-r-ac, .fx-c, .fx-acj{
  display: flex!important;
}
.fx-c{
  flex-direction: column;
}
.fx-r-jc{
  justify-content: center;
}
.fx-rc-c{
  justify-content: center;
  align-items: center;
}
.fx-ra-c{
  align-items: center;
}
.fx-j-sb{
  justify-content: space-between;
}
.fx-j-sa{
  justify-content: space-around;
}
.fx-r-ac{
  align-items: center;
}
.fx-j-start{
  justify-content: flex-start;
}
.fx-acj{
  align-items: center;
  justify-content: center;
}
.fx-warp{
  flex-wrap: wrap;
}
/*行块转换*/
.block{
  display: block;
}
.inline{
  display: inline;
}
.inline-block{
  display: inline-block;
}
/*常用间距*/
.ml-10{
  margin-left: 10px;
}
.ml-15{
  margin-left: 15px;
}
.pl-5{
  padding-left: 5px;
}
.pl-10{
  padding-left: 10px;
}
.pl-15{
  padding-left: 15px;
}
.m-b-10{
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
/*文本换行*/
.ellipsis{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ellipsis-12{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsis-13{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/*占位*/
.state{
  width: 1%;
}
.round{
  border-radius: 50%;
}
.icon-img{
  width: 25px;
  height: 25px;
}
.icon-img17{
  width: 17px;
  height: 17px;
}
.word-indent{
  text-indent: 20px;
}
.text-lines{
  word-wrap: break-word;
  word-break: normal;
}
.text-lines-p{
  white-space:normal;
  word-wrap:break-word;
}
/*图片相关*/
.imgs-100{
  display: block;
  width: 100%!important;
  height: 100%!important;
}
.display-block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.display-none{
  display: none;
}
.width-100{
  width: 100% !important;
}
.width-90{
  width: 90% !important;
}
.height-100{
  height: 100%!important;
}
.height-90{
  height: 90%!important;
}
.height-65{
  height: 65%!important;
}
.height-auto{
  height: auto!important;
}
.height-inherit{
  height: inherit!important;
}
.border-box{
  box-sizing: border-box;
}
/*头部*/
/*间距*/

.m-0{margin:0 !important}
.m-1{margin:15px !important}
.m-2{margin:20px !important}
.m-3{margin:30px !important}
.m-4{margin:35px !important}
.m-5{margin:40px !important}
.m-auto{margin:auto !important}

.p-0{padding: 0 !important}
.p-1{padding:15px !important}
.p-2{padding:20px  !important}
.p-3{padding:30px !important}
.p-4{padding:35px  !important}
.p-5{padding:40px !important}

.m-t-0{margin-top:0 !important}

.m-t-1{margin-top:15px !important}
.m-t-2{margin-top:20px  !important}
.m-t-3{margin-top:30px !important}
.m-t-4{margin-top:35px  !important}
.m-t-5{margin-top:40px !important}

.m-b-0{margin-bottom:0 !important}
.m-b-1{margin-bottom:15px !important}
.m-b-2{margin-bottom:20px  !important}
.m-b-3{margin-bottom:30px !important}
.m-b-4{margin-bottom:35px  !important}
.m-b-5{margin-bottom:40px !important}

.m-r-0{margin-right:0 !important}
.m-r-1{margin-right:15px !important}
.m-r-2{margin-right:20px  !important}
.m-r-3{margin-right:30px !important}
.m-r-4{margin-right:35px  !important}
.m-r-5{margin-right:40px !important}

.m-l-0{margin-left:0 !important}
.m-l-1{margin-left:15px !important}
.m-l-2{margin-left:20px  !important}
.m-l-3{margin-left:30px !important}
.m-l-4{margin-left:35px  !important}
.m-l-5{margin-left:40px !important}

.p-t-0{padding-top:0 !important}
.p-t-1{padding-top:15px !important}
.p-t-2{padding-top:20px  !important}
.p-t-3{padding-top:30px !important}
.p-t-4{padding-top:35px  !important}
.p-t-5{padding-top:40px !important}

.p-r-0{padding-right:0 !important}
.p-r-1{padding-right:15px !important}
.p-r-2{padding-right:20px  !important}
.p-r-3{padding-right:30px !important}
.p-r-4{padding-right:35px  !important}
.p-r-5{padding-right:40px !important}

.p-l-0{padding-left:0 !important}
.p-l-1{padding-left:15px !important}
.p-l-2{padding-left:20px  !important}
.p-l-3{padding-left:30px !important}
.p-l-4{padding-left:35px  !important}
.p-l-5{padding-left:40px !important}

.p-b-0{padding-bottom:0 !important}
.p-b-1{padding-bottom:15px !important}
.p-b-2{padding-bottom:20px  !important}
.p-b-3{padding-bottom:30px !important}
.p-b-4{padding-bottom:35px  !important}
.p-b-5{padding-bottom:40px !important}

.p-r-l-0{padding-left:0 !important; padding-right:0 !important;}
.p-r-l-1{padding-left:15px !important; padding-right:15px}
.p-r-l-2{padding-left:20px  !important; padding-right:20px  !important;}
.p-r-l-3{padding-left:30px !important;padding-right:30px !important;}
.p-r-l-4{padding-left:35px  !important; padding-right:35px  !important;}
.p-r-l-6{padding-left:2.5rem !important; padding-right:2.5rem !important;}
.p-r-l-5{padding-left:40px !important; padding-right:40px !important;}