@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 20px;
}

body {
  font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .75rem;
  line-height: 1.5;
  color: #333333;
  background-color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul, option {
  margin: 0;
  padding: 0;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.icon-checkbox,
.icon-heart-shaped {
  cursor: pointer;
}

.icon-checkbox input[type='checkbox'],
.icon-heart-shaped input[type='checkbox'] {
  display: none;
}

.icon-checkbox.selected:before {
  content: '\e610';
}

.icon-heart-shaped.selected:before {
  content: '\e612';
}

a {
  color: #333333;
  text-decoration: none;
}

a:hover {
  color: #015c97;
  text-decoration: none;
}

img {
  vertical-align: middle;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #dedede;
}

.fn-left {
  float: left;
}

.fn-right {
  float: right;
}

.overflow-hide {
  overflow: hidden;
}

.fn-clear {
  zoom: 1;
}

.fn-clear:before, .fn-clear:after {
  content: "";
  display: table;
}

.fn-clear:after {
  clear: both;
}

.content-block {
  width: 1200px;
  margin: 15px auto;
}

.ma-a {
  margin: 0.5rem !important;
}

.ma-t {
  margin-top: 0.5rem !important;
}

.ma-r {
  margin-right: 0.5rem !important;
}

.ma-b {
  margin-bottom: 0.5rem !important;
}

.ma-l {
  margin-left: 0.5rem !important;
}

.ma-tb {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.ma-lr {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.nma-a {
  margin: 0 !important;
}

.nma-t {
  margin-top: 0 !important;
}

.nma-r {
  margin-right: 0 !important;
}

.nma-b {
  margin-bottom: 0 !important;
}

.nma-l {
  margin-left: 0 !important;
}

.pa-a {
  padding: 0.5rem !important;
}

.pa-t {
  padding-top: 0.5rem !important;
}

.pa-r {
  padding-right: 0.5rem !important;
}

.pa-b {
  padding-bottom: 0.5rem !important;
}

.pa-l {
  padding-left: 0.5rem !important;
}

.pa-tb {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.pa-lr {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.npa-a {
  padding: 0 !important;
}

.npa-t {
  padding-top: 0 !important;
}

.npa-r {
  padding-right: 0 !important;
}

.npa-b {
  padding-bottom: 0 !important;
}

.npa-l {
  padding-left: 0 !important;
}

.tx-color-base {
  color: #333333 !important;
}

.tx-color-gray {
  color: #999999 !important;
}

.tx-color-white {
  color: #ffffff !important;
}

.tx-color-main {
  color: #015c97 !important;
}

.tx-color-blue {
  color: #48d3f6 !important;
}

.tx-color-pink {
  color: #ff8793 !important;
}

.tx-color-orange {
  color: #ff9c6c !important;
}

.tx-color-violet {
  color: #a4abff !important;
}

.tx-color-green {
  color: #6eb229 !important;
}

.tx-s-24 {
  font-size: 0.6rem !important;
}

.ta-c {
  text-align: center !important;
}

.ta-l {
  text-align: left !important;
}

.ta-r {
  text-align: right !important;
}

.tx-bold {
  font-weight: bold;
}

.bg-color-white {
  background-color: #ffffff !important;
}

.bg-color-blue {
  background-color: #d9eff6 !important;
}

.bg-color-red {
  background-color: #ff0000 !important;
}

.bg-color-gray-lighter {
  background-color: #efeff4 !important;
}

.bg-color-gray-light {
  background-color: #dedede !important;
}

.bg-color-gray {
  background-color: #999999 !important;
}

.bg-color-gray-dark {
  background-color: #666666 !important;
}

.bg-color-gray-darker {
  background-color: #333333 !important;
}