/* 重置 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; color:inherit;}
a:hover { text-decoration:none; cursor: pointer;}
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }

.none{
  display: none !important;
}

div, header, nav, main, section, footer, a{
  box-sizing: border-box;
}

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

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

.flex-between{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn:hover{
  opacity: 0.9;
  font-weight: bold;
}

.more-right{
  display: inline-block;
   width: 4px;
   height: 4px;
   border-right: 1.5px solid #fff;
   border-top: 1.5px solid #fff;
   transform: rotate(45deg);
   margin-left: 8px;
}

.to-more{
  display: flex;
  width: 10px;
  height: 10px;
  border: 1px solid #FF3002;
  border-radius: 50%;
  margin-left: 5px;
  position: relative;
  text-align: center;
  line-height: 10px;
  margin-top: 2px;
}


.to-more::after{
  display: block;
  content: '';
  width: 2px;
  height: 2px;
  border-right: 1.5px solid #FF3002;
  border-top: 1.5px solid #FF3002;
  transform: rotate(45deg);
  margin-top: 3px;
  margin-left: 2px;
}