@charset "utf-8";
.LineHide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.clearfix:after {
  content: "";
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
}
.clearfix {
  zoom: 1;
}
.main {
  width: 100%;
  background-color: #F5F7FA;
}
.main .layout {
  width: 78.5%;
  max-width: 1500px;
  margin: 0 auto;
}
.layout {
  width: 78.5% !important;!i;!;
  max-width: 1500px !important;!i;!;
  margin: 0 auto;
}
body a:hover {
  cursor: pointer;
  user-select: none;
  color: #DE201F;
}
.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bx {
  width: 77%;
  margin: auto;
}
.bix {
  background: #eeeeee;
  padding: 30px 0;
}
.bix .bix-x {
  width: 100%;
}
.bix .bix-x p {
  font-size: 26px;
  color: #333;
}
.bix .bix-x a {
  font-size: 18px;
  color: #4c4c4c;
  position: relative;
}
.bix .bix-x a::before {
  content: "-";
  position: absolute;
  left: -20px;
}
.foor {
  width: 100%;
  height: auto;
  background: url(../images/foor-bj.png);
  /*background:#4966D9;*/
  background-size: 100% 100%;
  overflow: hidden;
  padding-bottom: 20px;
}
.foor .foor-top .zuo {
    padding-right: 4%;
    width: 66%;
    border-right: 1px solid #cd777c
}

.foor .foor-top .zuo p{
    font-weight: 600;
    color: #fff;
    font-size: 46px;
}
.foor .foor-top .you {
  color: #fff;
}
.foor .foor-top .you p {
  color: #fff;
}
.foor .foor-top .you p:nth-child(1) {
  margin-bottom: 20px;
}
.foor-top {
  width: 78.5%;
  height: 188px;
  border-bottom: 1px solid #de201f;
}
.foor .bq {
  text-align: center;
  color: #fff;
  margin-top: 28px;
}
.foor .bq a,
.foor .bq span {
  display: inline-block;
  color: #fff;
}
.foor .bq a:hover {
  color: #fff !important;
}
.foor-img {
  height: 1.875vw;
}
.foor-img1 {
  height: 2.7083vw;
}
.header-common-wrap .header-content-back{background-image:url("/statics/demo/newwb/images/header-back.png");background-color:#de201f}
.header-common-wrap .header-main-area{max-width:1500px;margin:0 auto;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}
.header-content-back .header-main-area{padding:54px 10px}
.header-common-wrap .header-content-logo{display:flex;justify-content:space-between;align-items:center}
.header-common-wrap .header-content-logo p{
    font-size: 1.2vw;
    color: #FFFFFF;
    /* margin-right: 18px; */
    margin-left: 20px;
    margin-top: 5px;
}
.header-common-wrap .header-content-logo-img{}
.header-common-wrap .header-content-logo-span{color:#fff;font-size:40px;margin-left:10px;letter-spacing:3px;font-weight: 600;color: #fff;font-size: 46px;}
.header-common-wrap .header-content-info{display:flex;align-items:center}
.header-common-wrap .toolbarSwitch{font-size:26px;color:#FFFFFF;margin-right:20px}
.header-common-wrap .search-form-box{margin-right:20px}
.header-common-wrap .search-form-box form{display:flex;align-items:center;border-radius:20px;width:auto;padding:0 20px;background-color:#fff}
.header-common-wrap .search-form-box form input{border:0;height:100%;padding:12px 0}
.header-common-wrap .search-form-box form img{width:20px;cursor:pointer}
.header-common-wrap .header-user-identity{background:#FF541B;border-radius:20px;padding:10px 20px;display:flex;align-items:center}
.header-common-wrap .header-user-identity a,.header-common-wrap .header-user-identity span{font-size:22px;color:#FFFFFF}
.header-common-wrap .header-user-identity span{margin:0 2px}
.header-common-wrap .header-user-info{display:flex;align-items:center;cursor:pointer;position:relative;padding:20px 0}
.header-common-wrap .header-user-info-detail{display:flex;align-items:center}
.header-common-wrap .header-user-info-profile{width:44px;height:44px;border-radius:100%}
.header-common-wrap .header-user-info-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px;height:22px;font-size:16px;color:#FFFFFF;margin-left:8px}
.header-common-wrap .header-user-info-list{position:absolute;bottom:10px;left:50%;z-index:2000;overflow:hidden;max-height:0;min-width:100%;transform:translate(-50%,100%);transition:max-height 0.5s ease;background-color:#e5252a;border-radius:8px}
.header-common-wrap .header-user-info-list-inner{padding:10px 10px}
.header-common-wrap .header-user-info-list-single{display:block;text-align:center;font-size:14px;color:#444444;white-space:nowrap;padding:8px 12px}
.header-common-wrap .header-user-info-list-single:hover{background:#D5D9E8;border-radius:6px}
.header-common-wrap .header-user-info:hover .header-user-info-list{max-height:300px}
.header-common-wrap .header-menu-back{background-color:#de201f}
.header-menu-back .header-main-area{max-width:1240px;padding:0 20px}
.header-common-wrap .header-menu-content{flex:1;display:flex;align-items:center;justify-content:space-between;height:90px;margin-right:100px}
.header-common-wrap .header-menu-single{margin-right:20px;position:relative}
.header-common-wrap .header-menu-single:last-child{margin-right:0}
.header-common-wrap .header-menu-single-link{position:relative;display:inline-block;font-weight:500;font-size:24px;color:#FFFFFF;white-space:nowrap;padding:10px 0}
.header-common-wrap .header-menu-single-link-active:after{content:"";display:block;width:100%;height:4px;background:#FFE48C;border-radius:2px;position:absolute;left:0;bottom:0}
.header-common-wrap .header-menu-single-list{position:absolute;bottom:2px;left:50%;z-index:2000;overflow:hidden;max-height:0;min-width:100%;transform:translate(-50%,100%);transition:max-height 0.5s ease;background-color:#e5252a;border-radius:8px}
.header-common-wrap .header-menu-single-list-inner{padding:16px 10px}
.header-common-wrap .header-menu-single-list-single{display:block;text-align:center;font-size:24px;color:#FFFFFF;white-space:nowrap;padding:8px 12px}
.header-common-wrap .header-menu-single-list-single:hover{background:#D5D9E8;border-radius:6px}
.header-common-wrap .header-menu-single:hover .header-menu-single-list{max-height:300px}
.header-common-wrap .header-menu-link-index{display:flex;align-items:center}
.header-common-wrap .header-menu-link-index-img{}
.header-common-wrap .header-menu-link-index-text{font-size:20px;color:#FFFFFF;margin-left:6px}
@media screen and (max-width:1200px){.header-common-wrap .header-content-logo-img{width:60px}
	.header-common-wrap .header-content-logo-span{font-size:34px}
	.header-common-wrap .toolbarSwitch{font-size:22px}
}@media screen and (max-width:1100px){.header-common-wrap .header-content-logo-img{width:55px}
	.header-common-wrap .header-content-logo-span{font-size:28px}
	.header-common-wrap .toolbarSwitch{font-size:20px}
	.header-common-wrap .header-menu-single-link{font-size:20px}
}@media screen and (max-width:1000px){.header-common-wrap .header-content-logo-img{width:50px}
	.header-common-wrap .search-form-box{display:none}
}@media screen and (max-width:900px){.header-common-wrap .header-content-logo-img{width:45px}
	.header-common-wrap .header-menu-content{margin-right:20px}
	.header-common-wrap .header-menu-single-link{font-size:18px}
	.header-common-wrap .header-menu-link-index-img{width:18px}
	.header-common-wrap .header-menu-link-index-text{font-size:18px}
}@media screen and (max-width:800px){.header-common-wrap .header-content-logo-img{width:40px}
	.header-common-wrap .header-content-logo-span{font-size:24px}
	.header-common-wrap .toolbarSwitch{display:none}
	.header-common-wrap .header-menu-single-link{font-size:16px}
	.header-common-wrap .header-menu-link-index-img{width:16px}
	.header-common-wrap .header-menu-link-index-text{font-size:16px}
}@media screen and (max-width:700px){.header-common-wrap .header-menu-link-index{display:none}
}@media screen and (max-width:600px){.header-common-wrap .header-content-logo-span{font-size:18px}
	.header-menu-back .header-main-area{padding:0 5px}
	.header-common-wrap .header-menu-link-index{display:none}
	.header-common-wrap .header-menu-content{margin-right:0}
	.header-common-wrap .header-menu-single{margin-right:0}
	.header-common-wrap .header-menu-single-link{font-size:14px}
}