﻿

/* input 默认输入框颜色 */
input::placeholder {
  color: #CAC7C7;
}

input::-webkit-input-placeholder {
  color: #CAC7C7;
}

.dis-flex {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.dis-row {
  -webkit-box-orient: vertical;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.dis-row-reverse {
  -ms-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.dis-col {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.flex-align {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.flex-align-end {
  -webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.flex-justify {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.flex-justify-end {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.flex-justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flex-justify-around {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.flex-justify-evenly {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
}

.flex-wrap {
  flex-wrap: wrap
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse
}

.flex-align-between {
  align-content: space-between;
}

.flex-s-0 {
  flex-shrink: 0;
}

.dis-block {
  display: block;
}

.dis-inline-block {
  display: inline-block;
}

.dis-none {
  display: none;
}

.img-ver-align {
  vertical-align: -1px;
}

/* 字体大小 */
.fs-0 {
  font-size: 0px;
}

.fs-10 {
  font-size: 12px;
  transform: scale(calc(10/12));
}

.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-19 {
  font-size: 19px;
}

.fs-20 {
  font-size: 20px;
}

.fs-22 {
  font-size: 22px;
}

.fs-24 {
  font-size: 24px;
}

.fs-26 {
  font-size: 26px;
}

.fs-27 {
  font-size: 27px;
}

.fs-28 {
  font-size: 28px;
}

.fs-30 {
  font-size: 30px;
}

.fs-32 {
  font-size: 32px;
}

.fs-29 {
  font-size: 29px;
}

.fs-34 {
  font-size: 34px;
}

.fs-36 {
  font-size: 36px;
}

.fs-40 {
  font-size: 40px;
}

.fs-42 {
  font-size: 42px;
}

.fs-48 {
  font-size: 48px;
}

.fs-50 {
  font-size: 50px;
}

.fs-54 {
  font-size: 54px;
}

.fs-59 {
  font-size: 59px;
}

.fs-66 {
  font-size: 66px;
}

/* 鼠标样式 */
.cursor-default {
  cursor: default;
}

.click {
  cursor: pointer;
}

.not-allowed {
  cursor: not-allowed;
}

/* 浮动 */
.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.pf {
  position: fixed;
}

.ps {
  position: sticky;
}

/* 字体颜色 */
.c-3 {
  color: #333;
}

.c-6 {
  color: #666;
}

.c-9 {
  color: #999;
}

.c-f {
  color: #fff;
}

.c-8b8b8b {
  color: #8B8B8B;
}

.c-E2271D {
  color: #e2271d;
}

.c-E2251B {
  color: #e2251b;
}

.c-acacac {
  color: #acacac;
}

.c-ec5c57 {
  color: #ec5c57;
}

.c-ed5d57 {
  color: #ed5d57;
}

.c-df3219 {
  color: #df3219;
}

.c-f6100b {
  color: #f6100b;
}

.c-E11E2D {
  color: #E11E2D;
}

.c-C0C0C0 {
  color: #c0c0c0;
}

.c-b5b5b5 {
  color: #b5b5b5;
}

.c-hover-de211a:hover {
  color: #DE211A;
}

/* 背景颜色 */
.bg-FFF {
  background-color: #fff;
}

.bg-333 {
  background-color: #333;
}

.bg-F6F6F6 {
  background-color: #F6F6F6;
}

.bg-E6E6E6 {
  background-color: #E6E6E6;
}

.bg-F6F8FA {
  background-color: #f6f8fa;
}

.bg-E2251B {
  background-color: #e2251b;
}

.bg-ec5c57 {
  background-color: #ec5c57;
}

.bg-f6f8fa {
  background-color: #f6f8fa;
}

.bg-ffcdca {
  background-color: #ffcdca;
}

.bg-f3705a {
  background-color: #f3705a;
}

.bg-fff4f5 {
  background-color: #fff4f5;
}

.bg-FDF3F4 {
  background-color: #FDF3F4;
}

.bg-f4f4f4 {
  background-color: #f4f4f4;
}

.bg-ebebeb {
  background-color: #ebebeb;
}

.bg-f2f2f2 {
  background-color: #f2f2f2;
}

/* 文本 */
.ta-l {
  text-align: left;
}

.ta-r {
  text-align: right;
}

.ta-c {
  text-align: center;
}

/* flex */
.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 0;
}

.flex-con {
  flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
}

.flex-25 {
  flex: 0 0 25%;
  -webkit-box-flex: 0 0 25%;
  -moz-box-flex: 0 0 25%;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
}

.flex-30 {
  flex: 0 0 30%;
  -webkit-box-flex: 0 0 30%;
  -moz-box-flex: 0 0 30%;
  -webkit-flex: 0 0 30%;
  -ms-flex: 0 0 30%;
}

.flex-33 {
  flex: 0 0 33%;
  -webkit-box-flex: 0 0 33%;
  -moz-box-flex: 0 0 33%;
  -webkit-flex: 0 0 33%;
  -ms-flex: 0 0 33%;
}

.flex-35 {
  flex: 0 0 35%;
  -webkit-box-flex: 0 0 35%;
  -moz-box-flex: 0 0 35%;
  -webkit-flex: 0 0 35%;
  -ms-flex: 0 0 35%;
}

.flex-40 {
  flex: 0 0 40%;
  -webkit-box-flex: 0 0 40%;
  -moz-box-flex: 0 0 40%;
  -webkit-flex: 0 0 40%;
  -ms-flex: 0 0 40%;
}

.flex-50 {
  flex: 0 0 50%;
  -webkit-box-flex: 0 0 50%;
  -moz-box-flex: 0 0 50%;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
}

.flex-60 {
  flex: 0 0 60%;
  -webkit-box-flex: 0 0 60%;
  -moz-box-flex: 0 0 60%;
  -webkit-flex: 0 0 60%;
  -ms-flex: 0 0 60%;
}

.flex-70 {
  flex: 0 0 70%;
  -webkit-box-flex: 0 0 70%;
  -moz-box-flex: 0 0 70%;
  -webkit-flex: 0 0 70%;
  -ms-flex: 0 0 70%;
}

/* 边距 */
.m-auto {
  margin: 0 auto;
}

.m-10 {
  margin: 10px;
}

.m-15 {
  margin: 15px;
}

.m-20 {
  margin: 20px;
}

.m-25 {
  margin: 25px;
}

.m-30 {
  margin: 30px;
}

.mt--4 {
  margin-top: -4px;
}

.mt-2 {
  margin-top: 2px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-7 {
  margin-top: 7px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-9 {
  margin-top: 9px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-11 {
  margin-top: 11px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-13 {
  margin-top: 13px;
}

.mt-14 {
  margin-top: 14px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-17 {
  margin-top: 17px;
}

.mt-18 {
  margin-top: 18px;
}

.mt-19 {
  margin-top: 19px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-21 {
  margin-top: 21px;
}

.mt-22 {
  margin-top: 22px;
}

.mt-23 {
  margin-top: 23px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-26 {
  margin-top: 26px;
}

.mt-27 {
  margin-top: 27px;
}

.mt-28 {
  margin-top: 28px;
}

.mt-29 {
  margin-top: 29px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-31 {
  margin-top: 31px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-34 {
  margin-top: 34px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-36 {
  margin-top: 36px;
}

.mt-37 {
  margin-top: 37px;
}

.mt-38 {
  margin-top: 38px;
}

.mt-39 {
  margin-top: 39px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-42 {
  margin-top: 42px;
}

.mt-44 {
  margin-top: 44px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-46 {
  margin-top: 46px;
}

.mt-47 {
  margin-top: 47px;
}

.mt-48 {
  margin-top: 48px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-58 {
  margin-top: 58px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-66 {
  margin-top: 66px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-74 {
  margin-top: 74px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-106 {
  margin-top: 106px;
}

.mt-108 {
  margin-top: 108px;
}

.mt-159 {
  margin-top: 159px;
}

.mt-245 {
  margin-top: 245px;
}

.mt-270 {
  margin-top: 270px;
}

.mt_236 {
  margin-top: -236px;
}

.mt_470 {
  margin-top: -470px;
}

.mt_85 {
  margin-top: -85px;
}


.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-11 {
  margin-bottom: 11px;
}

.mb-13 {
  margin-bottom: 13px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-22 {
  margin-bottom: 22px;
}

.mb-23 {
  margin-bottom: 23px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-26 {
  margin-bottom: 26px;
}

.mb-27 {
  margin-bottom: 27px;
}

.mb-28 {
  margin-bottom: 28px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-33 {
  margin-bottom: 33px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-37 {
  margin-bottom: 37px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-52 {
  margin-bottom: 52px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-160 {
  margin-bottom: 160px;
}


.ml-3 {
  margin-left: 3px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-6 {
  margin-left: 6px;
}

.ml-7 {
  margin-left: 7px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-9 {
  margin-left: 9px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-11 {
  margin-left: 11px;
}

.ml-12 {
  margin-left: 12px;
}

.ml-13 {
  margin-left: 13px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-16 {
  margin-left: 16px;
}

.ml-17 {
  margin-left: 17px;
}

.ml-18 {
  margin-left: 18px;
}

.ml-19 {
  margin-left: 19px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-21 {
  margin-left: 21px;
}

.ml-22 {
  margin-left: 22px;
}

.ml-23 {
  margin-left: 23px;
}

.ml-24 {
  margin-left: 24px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-26 {
  margin-left: 26px;
}

.ml-27 {
  margin-left: 27px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-31 {
  margin-left: 31px;
}

.ml-32 {
  margin-left: 32px;
}

.ml-34 {
  margin-left: 34px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-37 {
  margin-left: 37px;
}

.ml-38 {
  margin-left: 38px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-42 {
  margin-left: 42px;
}

.ml-44 {
  margin-left: 44px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-52 {
  margin-left: 52px;
}

.ml-56 {
  margin-left: 56px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-63 {
  margin-left: 63px;
}

.ml-64 {
  margin-left: 64px;
}

.ml-66 {
  margin-left: 66px;
}

.ml-72 {
  margin-left: 72px;
}

.ml-74 {
  margin-left: 74px;
}

.ml-76 {
  margin-left: 76px;
}

.ml-89 {
  margin-left: 89px;
}

.ml-93 {
  margin-left: 93px;
}

.ml-100 {
  margin-left: 100px;
}

.ml-108 {
  margin-left: 108px;
}

.ml-113 {
  margin-left: 113px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-137 {
  margin-left: 137px;
}

.ml-160 {
  margin-left: 160px;
}

.ml-165 {
  margin-left: 165px;
}

.ml-210 {
  margin-left: 210px;
}

.ml-281 {
  margin-left: 281px;
}

.mr-4 {
  margin-right: 4px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-6 {
  margin-right: 6px;
}

.mr-8 {
  margin-right: 8px;
}

.mr-9 {
  margin-right: 9px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-12 {
  margin-right: 12px;
}

.mr-13 {
  margin-right: 13px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-16 {
  margin-right: 16px;
}

.mr-19 {
  margin-right: 19px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-23 {
  margin-right: 23px;
}

.mr-24 {
  margin-right: 24px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-42 {
  margin-right: 42px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-245 {
  margin-right: 245px;
}


.p-10 {
  padding: 10px;
}

.p-15 {
  padding: 15px;
}

.p-20 {
  padding: 20px;
}

.p-22 {
  padding: 22px;
}

.p-25 {
  padding: 25px;
}

.p-30 {
  padding: 30px;
}

.pt-4 {
  padding-top: 4px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-8 {
  padding-top: 8px;
}

.pt-12 {
  padding-top: 12px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-21 {
  padding-top: 21px;
}

.pt-22 {
  padding-top: 22px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-27 {
  padding-top: 27px;
}

.pt-29 {
  padding-top: 29px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-108 {
  padding-top: 108px;
}



.pb-4 {
  padding-bottom: 4px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-6 {
  padding-bottom: 6px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-22 {
  padding-bottom: 22px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-26 {
  padding-bottom: 26px;
}

.pb-27 {
  padding-bottom: 27px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-79 {
  padding-bottom: 79px;
}


.pl-3 {
  padding-left: 3px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-9 {
  padding-left: 9px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-11 {
  padding-left: 11px;
}

.pl-14 {
  padding-left: 14px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-18 {
  padding-left: 18px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-21 {
  padding-left: 21px;
}

.pl-22 {
  padding-left: 22px;
}

.pl-23 {
  padding-left: 23px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-47 {
  padding-left: 47px;
}

.pl-48 {
  padding-left: 48px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-52 {
  padding-left: 52px;
}

.pl-54 {
  padding-left: 54px;
}

.pl-56 {
  padding-left: 56px;
}

.pl-58 {
  padding-left: 58px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-145 {
  padding-left: 145px;
}

.pl-124 {
  padding-left: 124px;
}

.pl-162 {
  padding-left: 162px;
}

.pl-155 {
  padding-left: 155px;
}



.pr-3 {
  padding-right: 3px;
}

.pr-8 {
  padding-right: 8px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-11 {
  padding-right: 11px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-37 {
  padding-right: 37px;
}

.pr-48 {
  padding-right: 48px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-88 {
  padding-right: 88px;
}

.pr-118 {
  padding-right: 118px;
}

.border-radius-2 {
  border-radius: 2px;
}

.border-radius-4 {
  border-radius: 4px;
}

.border-radius-6 {
  border-radius: 6px;
}

.border-radius-7 {
  border-radius: 7px;
}

.border-radius-10 {
  border-radius: 10px;
}


.btn-base {
  border-width: 1px;
  border-style: solid;
  text-align: center;
  min-width: 181px;
  height: 57px;
  padding: 0 30px;
  line-height: 55px;
  letter-spacing: 1px;
  box-sizing: border-box;
}

.btn-full {
  background: #DE211A;
  color: #fff;
  border-color: #DE211A;
}

.btn-redEmpty {
  background: #fff;
  color: #DE211A;
  border-color: #DE211A;
}

.btn-blackEmpty {
  background: #F5F7F9;
  color: #2D2D2D;
  border-color: #5B5B5B;
}

.btn-full:hover {
  background: #FF443D;
  color: #fff;
  border-color: #FF443D;
}

.btn-redEmpty:hover {
  background: #DE211A;
  color: #fff;
  border-color: #DE211A;
}

.btn-blackEmpty:hover {
  background: #DE211A;
  color: #fff;
  border-color: #DE211A;
}

/*  */
.box-border {
  box-sizing: border-box;
}

/* 字重 */

.fw-b {
  font-weight: bold;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

/* 行高 */
.lh-1em {
  line-height: 1em;
}

.lh-18 {
  line-height: 18px;
}

.lh-20 {
  line-height: 20px;
}

.lh-22 {
  line-height: 22px;
}

.lh-24 {
  line-height: 24px;
}

.lh-25 {
  line-height: 25px;
}

.lh-26 {
  line-height: 26px;
}

.lh-27 {
  line-height: 27px;
}

.lh-28 {
  line-height: 28px;
}

.lh-29 {
  line-height: 29px;
}

.lh-30 {
  line-height: 30px;
}

.lh-32 {
  line-height: 32px;
}

.lh-34 {
  line-height: 34px;
}

.lh-36 {
  line-height: 36px;
}

.lh-38 {
  line-height: 38px;
}

.lh-39 {
  line-height: 39px;
}

.lh-40 {
  line-height: 40px;
}

.lh-39 {
  line-height: 39px;
}

.lh-42 {
  line-height: 42px;
}

.lh-44 {
  line-height: 44px;
}

.lh-45 {
  line-height: 45px;
}

.lh-48 {
  line-height: 48px;
}

.lh-49 {
  line-height: 49px;
}

.lh-50 {
  line-height: 50px;
}

.lh-57 {
  line-height: 57px;
}

.line-1-5 {
  line-height: 1.5;
}

/* 宽度 */
.w-full {
  width: 100%;
}

.w-34 {
  width: 34px;
}

.w-37 {
  width: 37px;
}

.w-68 {
  width: 68px;
}

.w-70 {
  width: 70px;
}

.w-74 {
  width: 74px;
}

.w-80 {
  width: 80px;
}

.w-112 {
  width: 112px;
}

.w-135 {
  width: 135px;
}

.w-136 {
  width: 136px;
}

.w-142 {
  width: 142px;
}

.w-169 {
  width: 169px;
}

.w-175 {
  width: 175px;
}

.w-180 {
  width: 180px;
}

.w-183 {
  width: 183px;
}

.w-195 {
  width: 195px;
}

.w-222 {
  width: 222px;
}

.w-232 {
  width: 232px;
}

.w-251 {
  width: 251px;
}

.w-270 {
  width: 270px;
}

.w-574 {
  width: 574px;
}

.w-585 {
  width: 585px;
}

.w-620 {
  width: 620px;
}

.w-800 {
  width: 800px;
}

/* 高度 */
.h-full {
  height: 100%;
}

.h-15 {
  height: 15px;
}

.h-16 {
  height: 16px;
}

.h-19 {
  height: 19px;
}

.h-20 {
  height: 20px;
}

.h-22 {
  height: 22px;
}

.h-24 {
  height: 24px;
}

.h-32 {
  height: 32px;
}

.h-34 {
  height: 34px;
}

.h-40 {
  height: 40px;
}

.h-42 {
  height: 42px;
}

.h-43 {
  height: 43px;
}

.h-44 {
  height: 44px;
}

.h-49 {
  height: 49px;
}

.h-50 {
  height: 50px;
}

.h-55 {
  height: 55px;
}

.h-65 {
  height: 65px;
}

.h-92 {
  height: 92px;
}

.h-105 {
  height: 105px;
}

.h-141 {
  height: 141px;
}

.h-143 {
  height: 143px;
}

.h-149 {
  height: 149px;
}

.h-168 {
  height: 168px;
}

.h-228 {
  height: 228px;
}

.h-518 {
  height: 518px;
}

.h-524 {
  height: 524px;
}

/* z-index */
.z-index-5 {
  z-index: 5;
}

/* 遮罩统一样式 */
.mxy-dialog-mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  filter: alpha(opacity=80);
  transition: opacity .5s ease;
  display: none;
}

.mxy-dialog-mask-close {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 32px;
  height: 32px;
  background-image: url(../image/close.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-size: 0;
}

/* 超出隐藏 */
.row-hide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 超出两行隐藏 */
.two-row-hide {
  white-space: normal;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 分页器start */
#mxy-pager {
  padding: 0;
  margin: 10px auto;
  /* margin: 10px; */
  /* width: 400px; */
  height: 30px;
  -webkit-user-select: none;
}

#mxy-pager li {
  min-width: 36px;
  height: 36px;
  line-height: 34px;
  margin: 0 3px 0 3px;
  padding: 0 10px;
  text-align: center;
  vertical-align: top;
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-size: 14px;
  box-sizing: border-box;
}

.pagerBtn {
  color: #333;
  background: white;
  border: 1px solid #d7d7d7;
}

.pagerBtn:hover {
  background-color: #fff;
  color: #E2251B;
  border-color: #E2251B;
}

.pagerChoosed {
  color: #FFF;
  background: #E2251B;
  border: 1px solid #E2251B;
}

.pagerOmit {
  color: #333;
  background: #f9f9f9;
  border: 1px solid #d7d7d7;
}

.dis-style {
  color: #d2d2d2 !important;
  cursor: not-allowed !important;
}

.dis-style:hover {
  color: #d2d2d2 !important;
}

.mxy-pager-jump {
  height: 100%;
}

.mxy-pager-jump-page {
  width: 40px;
  height: 22px;
  border: 1px solid #f4f4f4;
}

.mxy-pager-enter {
  width: 40px;
  height: 20px;
  line-height: 18px;
  border: 1px solid #f4f4f4;
}

.mxy-pager-enter:hover {
  border-color: #E2251B;
  color: #E2251B;
}

/* 分页器end */

.mxy-input-required::before {
  content: '*';
  position: absolute;
  right: -5px;
  top: 0;
  color: #E2251B;
  font-size: 16px;
}

/* 通用模板 */
.mxy-baseEmbed {
  width: 100%;
}

.mxy-baseEmbed-1920 {
  /*max-width: 1920px;*/
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 80px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.mxy-baseEmbed .mxy-baseEmbed-div {
  max-width: 1170px;
  box-sizing: border-box;
}

.mxy-baseEmbed .mxy-baseEmbed-button-list a {
  margin-right: 56px;
}

.mxy-baseEmbed .mxy-baseEmbed-button-list a:last-of-type {
  margin-right: 0;
}

.mxy-baseEmbed .mxy-baseEmbed-auto {
  margin-left: auto;
  margin-right: auto;
}

.mxy-baseEmbed .mxy-baseEmbed-desc {
  letter-spacing: 5px;
}

/**
 * loading
 */
.cpt-loading-mask.column {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  z-index: 100;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.cpt-loading-mask.column .div-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 260px;
  background: rgba(0, 0, 0, 0.6);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  padding: 16px;
}

/* line 42, ../sass/loading.scss */
.cpt-loading-mask.column .div-loading .loading {
  position: relative;
  width: 40px;
  height: 40px;
  background: transparent;
  margin: 20px auto;
}

.cpt-loading-mask.column .load-circle {
  width: 40px;
  height: 40px;
  position: relative;
}

.cpt-loading-mask.column .loading.origin .load-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.cpt-loading-mask.column .load-container1>div,
.cpt-loading-mask.column .load-container2>div,
.cpt-loading-mask.column .load-container3>div {
  width: 20%;
  height: 20%;
  background-color: #ffffff;

  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  -moz-animation: bouncedelay 1.2s infinite ease-in-out;
  -o-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

.cpt-loading-mask.column .load-container2 {
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.cpt-loading-mask.column .load-container3 {
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.cpt-loading-mask.column .circle1 {
  top: 0;
  left: 0;
}

.cpt-loading-mask.column .circle2 {
  top: 0;
  right: 0;
}

.cpt-loading-mask.column .circle3 {
  right: 0;
  bottom: 0;
}

.cpt-loading-mask.column .circle4 {
  left: 0;
  bottom: 0;
}

.cpt-loading-mask.column .load-container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.cpt-loading-mask.column .load-container3 .circle1 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}

.cpt-loading-mask.column .load-container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.cpt-loading-mask.column .load-container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.cpt-loading-mask.column .load-container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.cpt-loading-mask.column .load-container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.cpt-loading-mask.column .load-container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.cpt-loading-mask.column .load-container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.cpt-loading-mask.column .load-container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.cpt-loading-mask.column .load-container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.cpt-loading-mask.column .load-container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

/**
 * loading
 */
/* 线 */
.base-line {
  height: 1px;
  width: 100%;
}

.base-vertical {
  height: 100%;
  width: 1px;
}

/* 分页 */
nav[aria-label='Pagination Navigation'] {
  line-height: 1;
  font-size: 14px;
}

nav[aria-label='Pagination Navigation']>div:nth-child(1) {
  display: none;
}

nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(1) {
  display: none;
}

nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span a,
nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span span[aria-current='page'] {
  width: 36px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #d7d7d7;
  color: #333;
  background: white;
  box-sizing: border-box;
  margin: 0 3px 0 3px;
}

nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span a:hover {
  border: 1px solid #E2251B;
}


nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span span[aria-current='page'] {
  color: #FFF;
  background: #E2251B;
  border: 1px solid #E2251B;
}

nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span span[aria-disabled='true'] {
  padding: 0 5px;
}

nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span a[rel='prev'],
nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span a[rel='next'] {
  width: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span a[rel='prev'] {
  padding-left: 2px;
}

nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span a[rel='prev']::after {
  content: "上一页";
  width: 50px;
  text-align: left;
}

nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span a[rel='next']::before {
  content: "下一页";
  width: 50px;
  text-align: right;
}

nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span a[rel='prev'] svg,
nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span a[rel='next'] svg {
  width: 20px;
  height: 20px;
}

nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span span[aria-label='Next &raquo;'],
nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span span[aria-label='&laquo; Previous'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span span[aria-label='Next &raquo;']>span,
nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span span[aria-label='&laquo; Previous']>span {
  width: 75px;
  height: 36px;
  line-height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #c0c4cc;
  text-align: center;
  border: 1px solid #d7d7d7;
  background: white;
  box-sizing: border-box;
  margin: 0 3px 0 3px;
}

nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span span[aria-label='Next &raquo;']>span::before {
  content: "下一页";
  width: 50px;
  text-align: right;
}

nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span span[aria-label='&laquo; Previous']>span::after {
  content: "下一页";
  width: 50px;
  text-align: left;
}

nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span span[aria-label='Next &raquo;']>span svg,
nav[aria-label='Pagination Navigation']>div:nth-child(2)>div:nth-child(2)>span span[aria-label='&laquo; Previous']>span svg {
  width: 20px;
  height: 20px;
}
.category-label-list .category-label-list-item{
        width: 100%;
    }
    .category-label-list .category-label-list-item .category-label-list-nav{
        width: 1170px;
        margin: 0 auto;
    }
    .category-label-list .category-label-list-item .category-label-list-nav .category-label-list-content{
        width: 1170px;
    }
    .category-label-list .category-label-list-item .category-label-list-nav .category-label-list-content .category-label-list-content-left{
        width: 762px;
    }
    /* 导航样式 */
    .category-label-list .category-label-list-item .category-label-list-nav .category-label-list-content .category-label-list-content-left .category-label-list-content-left-nav .category-label-list-content-left-nav-item a:hover {
        color: #e2251b;
    }
    .category-label-list .category-label-list-item .category-label-list-nav .category-label-list-content .category-label-list-content-left .category-label-list-content-left-item{
        width: 762px;
        height: 193px;
        padding: 22px 26px 22px 22px;
        box-sizing: border-box;
    }
    .category-label-list .category-label-list-item .category-label-list-nav .category-label-list-content .category-label-list-content-left .category-label-list-content-left-item:hover{
        position: relative;
        box-shadow: 0px 0px 28px 1px rgba(79, 77, 77, 0.15);
    }
    .category-label-list .category-label-list-item .category-label-list-nav .category-label-list-content .category-label-list-content-left .category-label-list-content-left-item .category-label-list-content-left-item-title:hover{
        color: #ed545e;
    }
    .category-label-list .category-label-list-item .category-label-list-nav .category-label-list-content .category-label-list-content-left .category-label-list-content-left-item .category-label-list-content-left-item-describe:hover{
        color: #ed545e;
    }
    .category-label-list .category-label-list-item .category-label-list-nav .category-label-list-content .category-label-list-content-left .category-label-list-content-left-item .tag-text:nth-child(n+2){
        margin-left: 10px;
    }
    .category-label-list .category-label-list-item .category-label-list-nav .category-label-list-content .category-label-list-content-left .category-label-list-content-left-item .tag-text:hover{
        color: #ed545e;
    }
    .category-label-list .category-label-list-item .category-label-list-nav .category-label-list-content .category-label-list-content-left .category-label-list-content-left-item .huo-icon{
        width: 10px;
        height: 10px;
    
}
    .category-label-list .category-label-list-item .category-label-list-nav .category-label-list-content .category-label-list-content-left .category-label-list-content-left-line{
        width:762px;
        height: 1px;
    }
    /* 列表项样式 */
    .news-home-content-left-list .news-home-content-left-item {
        padding: 22px 0;
    }
    .news-home-content-right{
        width: 385px;
    }
    .news-home-content-right .hot-recommended .biaoqian-icon{
        width:16px;
        height: 20px;
        background: url('static/image/biaoqian-icon.png') no-repeat center;
        background-size: contain;
    }
    .news-home-content-right .hot-recommended .hot-recommended-item{
        height: 88px;
    }
    .news-home-content-right .hot-recommended .hot-recommended-item .hot-recommended-item-line{
        width: 2px;
        height: 88px;
    }
    .news-home-content-right .hot-recommended .hot-recommended-item:last-child  .hot-recommended-item-line{
        width: 2px;
        height: 30px;
    }
    .news-home-content-right .hot-recommended .hot-recommended-item .hot-recommended-item-line::before{
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 3px;
        width: 14px;
        height: 15px;
        background: url('static/image/point-icon.png') no-repeat center;
    }
    .news-home-content-right .hot-recommended .hot-recommended-item:hover .hot-recommended-item-title{
        color: #ed545e;
    }
    .news-home-content-right .training-scheme .biaoqian-icon{
        width:16px;
        height: 20px;
        background: url('static/image/biaoqian-icon.png') no-repeat center;
        background-size: contain;
    }
    .news-home-content-right .training-scheme .training-scheme-item {
        margin-bottom: 20px;
    }
    .news-home-content-right .training-scheme .training-scheme-item:hover .training-scheme-item-title{
        color: #ed545e;
    }
    .news-home-content-right .training-scheme .training-scheme-item:nth-child(n+2){
        margin-top: 21px;
    }
    .news-home-content-right .label .biaoqian-icon{
        width:16px;
        height: 20px;
        background: url('static/image/biaoqian-icon.png') no-repeat center;
        background-size: contain;
    }
    .news-home-content-right .label .label-box-item{
        padding: 6px 10px;
        box-sizing: border-box;
        border: solid 1px #f4f4f4;
    }
    .news-home-content-right .label .label-box-item:hover{
        border: solid 1px #ed545e;
        color: #e2251b;
        }
.pagination{ text-align: center; padding: 25px 0;}
.pagination li{ width: 31px; height: 31px; display: inline-block; *display: inline; *zoom: 1; font: 14px/31px arial; text-align: center; background: #d86f6f; margin: 0; *margin: 0 3px;}
.pagination li.fli{ width: 103px; background: #e29090;}
.pagination li.lli{ width: 103px; background: #e29090;}
.pagination li a{ color: #fff; display: block; width: 100%;}
.pagination li span{ display: block; width: 100%; background: #fff;}
.pagination li.fli em{ padding-left: 24px; }
.pagination li.lli em{ padding-right: 24px; }
.pagination li a:hover,.pagination li a.current{ background-color: #ab0101;}