@charset "UTF-8";
/* H5公共样式，用于所有H5开发页面*/
html {
  font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  font-family: inherit;
  font-size: 14px;
  background: #fff;
}
/* 将具有默认margin和padding的标记置零，所有标记的margin、padding都在使用时具体定义 */ 
* {
  box-sizing: border-box;
}
/* 常用标签，基本标签默认样式取消，HTML标签，取消基本标签默认样式，防止不同浏览器显示效果不同 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,button,input,textarea,th,td,div {
  margin: 0;
  padding: 0;
  border: 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
  display: block;
  margin: 0;
  padding: 0;
}
audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
b,strong {
  font-weight: bold;
}
small {
  font-size: 80%;
}
code,kbd,pre,samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,input,optgroup,select,textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,select {
  text-transform: none;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
  /*清除移动端默认的表单样式*/
  -webkit-appearance: none;
  cursor: pointer;
}
button[disabled],html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #ddd;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,th {
  padding: 0;
}
body,input,select,textarea,button {
  /*字体变清晰*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* 清除ul列表标记的样式 */  
ol,ul {
  list-style: none;
}
/* 定义默认的链接样式，仅仅是作为默认样式提供，可以在各自的实例中覆盖掉 */  
a,a:hover,a:focus {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  -o-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}
/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */  
img {
  width: 100%;
  border: 0 none;
  -ms-interpolation-mode: bicubic;
}
/* 
.swiper-slide img {
 width:100%;
 height:150px;
 object-fit:cover;
}


@media(min-width:750px) {
    .swiper-slide img {
        width: 100%;
        height: 270px;
        object-fit: cover;
    }
} */



/* 去掉虚线框 */
input:focus, textarea:focus, select:focus, button:focus, a:focus {
    outline: 0;
}
/*通过为父元素添加 .clearfix 类可以很容易地清除浮动*/
.clearfix:after,.clearfix:before {
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}

/*---common style ---*/
.fontSTsong {
  font-family: "NSimSun", "SimSun", "STSong", "FangSong", "FangSong_GB2312" !important;
}
.app-table {
  display: table;
}

.app-tr {
  display: table-row;
}

.app-td {
  display: table-cell;
}

/* html {
  font-size: 100px;
}

@media only screen and (min-width: 401px) {
  html {
    font-size: 125px !important;
  }
}

@media only screen and (min-width: 428px) {
  html {
    font-size: 133.75px !important;
  }
}

@media only screen and (min-width: 481px) {
  html {
    font-size: 150px !important;
  }
}

@media only screen and (min-width: 569px) {
  html {
    font-size: 175px !important;
  }
}

@media only screen and (min-width: 641px) {
  html {
    font-size: 200px !important;
  }
} */

html,body {
  min-height: 100%;
}

body {
  margin: 0 auto;
  width: 100%;
  /* max-width: 640px; */
  font-size: 0.14rem;
  color: #333;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
}

.hide {
  display: none;
}

.show {
  display: block;
}

a {
  color: #333;
}
.abs{ position: absolute; }
.rel{ position: relative; }
.bg-white { background: #fff;}
.bg-gray { background: #f2f2f2;}
img {  display: block;}
.ver-m{vertical-align: middle;}
.ver-t{vertical-align: top;}
.ver-b{vertical-align: bottom;}
.fr{float: right;}
.fl{float: left;}
.tl { text-align: left !important;}
.tc { text-align: center !important;}
.tr { text-align: right !important;}


/* layui message样式重置 */
.layui-layer-msg {
  min-width: 6.25rem!important;
  background-color: #000!important;
  background-color: rgba(0,0,0,.7)!important;
  color: #fff!important;
  border: none!important;
  border-radius: 0.25rem!important;
}
.layui-layer-msg .layui-layer-content{
  line-height: 1!important;
  font-size: 1rem!important;
  /* padding: 1.625rem 4.8125rem; */
}
.layui-layer-msg .layui-layer-padding{
  padding: 1.625rem 4.8125rem 1.625rem 6.6875rem!important;
}
.layui-layer-msg .layui-icon{
  left: 4.2rem!important;
}
.layui-layer-msg .layui-icon-success{
  width: 1.4375rem!important;
  height: 1.4375rem!important;
  background-image: url(../images/pc/checkgreen@2x.png)!important;
  background-size: cover!important;
  left: 4.8125rem!important;
  top: 50%!important;
  transform: translateY(-50%)!important;
}
.layui-layer-msg .layui-icon-success:before{
  content: ''!important;
  
}
.layui-form-item .layui-form-checkbox[lay-skin=primary]{
  margin-top: 0!important;
}

/*容器*/
.pcMain{
  display: none;
}
.h5Main{
  display: block;
}
/* 750以上展示PC，以下展示H5 */
@media only screen and (min-width: 750px) {
  .pcMain{
    display: block;
  }
  .h5Main{
    display: none;
  }
}
/************** PC端样式-开始 **************/
::-webkit-scrollbar-track {
    background-color: #ddd!important;
}
::-webkit-scrollbar-thumb {
    background-color: #999!important;
    border-radius: 2px!important;
}
::-webkit-scrollbar {
    width: 4px!important;
}
/* 公用头 */
.pcMain header{
  background-color: #fff;
}
.pcMain .headerInner{
  width: 1020px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 86px;
}
.pcMain .headerSearch{
  font-size: 16px;
  width: 320px;
  height: 38px;
  position: relative;
}
.pcMain .headerSearch .layui-input-group .layui-input{
  width: 320px;
  border: 2px solid #FF3955;
  border-radius: 19px;
  padding-left: 18px;
  padding-right: 40px;
}
.pcMain .headerSearch .layui-input-group .layui-input[disabled]{
  cursor: pointer;
  background-color: #fff;
}
.pcMain .headerSearch .layui-input:hover{
  border: 2px solid #FF3955!important;
}
.pcMain .headerSearch .layui-input-suffix{
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
}
.pcMain .headerSearch .layui-input-suffix a{
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;   
  padding: 0 10px;
}
.pcMain .headerUser{
  font-size: 14px;
  display: flex;
  justify-content: end;
  align-items: center;
}
.pcMain .userItem{
  display: flex;
  align-items: center;
  justify-content: start;
}
.pcMain .userItem img{
  margin-right: 12px;
  width: 36px;
  height: 36px;
}
.pcMain .userItem a{
  color: #0C0C0C;
  margin-right: 17px;
}
.pcMain .userItem a:hover{
  color: #FF3955;
}
/* 公用导航 */
.pcMain nav{
  position: relative;
  width: 100%;
  height: 50px;
}
.pcMain nav::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 50px;
  background: linear-gradient(90deg, #FC0E50 0%, #E9725F 100%);
  z-index: 1;
}
.pcMain nav ul.navlist{
  position: relative;
  z-index: 2;
  width: 1020px;
  margin: 0 auto;
  display: flex;
  justify-content: start;
  align-items: center;
  height: 50px;
  font-size: 15px;
}
.pcMain nav ul.navlist > li{
  height: 100%;
  position: relative;
}
.pcMain nav ul.navlist > li > a{
  position: relative;
  height: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  color: #fff;
  margin-right: 28px;
}
.pcMain nav ul.navlist > li::before{
  content: "";
  position: absolute;
  width: calc(100% - 28px);
  left: 0;
  bottom: 0;
  height: 3px;
  background-color: transparent;
  transition: all 0.3s ease-out;
}
.pcMain nav ul.navlist > li:hover::before{
  background-color: #fff;
}
.pcMain nav ul.navlist > li > a > img{
  width: 20px;
  height: 20px;
  margin-right: 15px;
}
.pcMain .allNavList{
  opacity: 0;
  height: 0;
  position: absolute;
  top: 49px;
  left: 0;
  padding-top: 0;
  width: 120px;
  transition: 0.3s;
  overflow: hidden;
}
.pcMain nav ul.navlist > li:hover .allNavList{
  opacity: 1;
  height: auto;
  padding-top: 9px;
}
.pcMain nav ul.navlist > li:hover .triangleOutter{
  opacity: 1;
  top: -5px;
}
.pcMain .triangleOutter{
  transition: 0.3s;
  opacity: 0;
  position: absolute;
  top: -10px;
  left: 35%;
  transform: translateX(-50%);
}
.pcMain .allNavList .triangle {
  display:inline-block;width:0;height:0;overflow:hidden;line-height:0;font-size:0;
  vertical-align:middle;
  border-bottom:7px solid #1a1a1a;
  border-top:0 none;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  _color:#FF3FFF;
  _filter:chroma(color=#FF3FFF);
}
.pcMain .allNavList ul{
  padding: 10px 0;
  background-color: #1a1a1a;
  border-radius: 4px;
  color: grey;
}
.pcMain .allNavList ul li{
  height: 36px;
  
}
.pcMain .allNavList ul li a{
  color: grey;
  background-color: transparent;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 36px;
  text-align: center;
  transition: 0.3s ease-out;
}
.pcMain .allNavList ul li a:hover{
  color: #fff;
  background-color: #FF3955;
}
/* 公用尾 */
.pcMain footer{
  background-color: #FFF5F5;
}
.pcMain .footerInner{
  width: 1020px;
  margin: 0 auto;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pcMain .footerInner p{
  color: #6d6d6d;
  font-size: 14px;
}
/* .pcMain .footerInner p:first-child{
  margin-top: 0;
  padding-top: 36px;
} */
/* 主体内容 */
.pcMain .contains{
  padding: 20px 0 0;
  min-height: calc(100vh - 216px);
}
.pcMain .contains.hasBreadcrumbs{
  padding: 0;
  min-height: calc(100vh - 250px);
}

/* 登录弹窗 */
.pcMain .layui-layer-title{
  padding: 0 81px!important;
  text-align: center!important;
  font-size: 16px!important;
  color: #333!important;
  border-bottom: 0!important;
}
.pcMain .layui-form-item{
  margin-bottom: 18px!important;
}
.pcMain .layui-layer-setwin span{
  color: #666!important;
  transition: .3s;
}
.pcMain .layui-layer-setwin span:hover{
  color: #FF3955!important;
}
.pcMain .layui-form-item .layui-form-checkbox[lay-skin=primary]{
  margin-top: 0!important;
}
.pcMain .layui-form-checkbox[lay-skin=primary]>div{
  font-size: 12px;
  color: #666;
  transition: .3s;
}
.pcMain .layui-form-checkbox[lay-skin=primary]>div:hover{
  color: #FF3955!important;
}
.pcMain .layui-form-item .reBtn{
  font-size: 12px;
  color: #666;
  transition: .3s;
}
.pcMain .layui-form-item .reBtn:hover{
  color: #FF3955!important;
}
.pcMain .layui-input-wrap .layui-input{
  color: #333!important;
}
.pcMain .layui-input-wrap .layui-input::placeholder{
  color: #787878!important;
}

/* 公用面包屑 */
.pcMain .breadcrumbs{
  width: 1020px;
  margin: 0 auto;
}
.pcMain .breadcrumbs ul{
  display: flex;
  justify-content: start;
  padding-top: 20px;
  font-size: 12px;
  color: #262626;
}
.pcMain .breadcrumbs li{
  margin-right: 8px;
  line-height: 14px;
}
.pcMain .breadcrumbs li a,.pcMain .breadcrumbs li a:hover{
  margin-right: 8px;
  cursor: default;
  color: #262626;
}
.pcMain .breadcrumbs li a.hasLink{
  transition: 0.3s;
  color: #262626;
  cursor: pointer;
}
.pcMain .breadcrumbs li a.hasLink:hover{
  color: #FF3955;
}
.pcMain .breadcrumbs ul .layui-icon{
  font-size: 12px;
  color: #262626;
}
/* 分页 */
.pcMain .mainList .layui-laypage a, .pcMain .mainList .layui-laypage button, .pcMain .mainList .layui-laypage input, .pcMain .mainList .layui-laypage select, .pcMain .layui-laypage span{
  border: 0;
}
.pcMain .mainList .layui-laypage button, .pcMain .mainList .layui-laypage input{
  border: 1px solid #f5f5f5!important;
  border-radius: 2px;
}
.pcMain .mainList .layui-laypage input{
  padding: 0;
  width: 36px;
}
.pcMain .mainList .layui-laypage button{
  padding: 0 6px;
  width: 36px;
}
.pcMain .mainList .layui-laypage a, .pcMain .mainList .layui-laypage span{
  padding: 0 14px;
  height: 36px;
  line-height: 36px;
  margin: 0 0 5px 0;
  font-size: 14px;
  color: #262626;
  
}
.pcMain .layui-laypage input{
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  border: 1px solid transparent;
}
.pcMain .layui-laypage input:focus, .pcMain .layui-laypage select:focus{
  border: 1px solid #FF3955!important;
}
.pcMain .layui-laypage button{
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #262626;
}
/************** PC端样式-结束 **************/

/************** H5端样式-开始 **************/
.h5Main{
  /* overflow: hidden; */
  position: relative;
  background-color: #fff;
}
/* .h5Main .contains{
  padding: 0 1rem;
} */
.h5Main .headerInner{
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(90deg, #FC0E50 0%, #E9725F 100%);
  padding-right: 0.4375rem;
  height: 2.75rem;
}
.h5Main .headerInner a{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.h5Main .headerLeft{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
.h5Main .headerLeft h2{
  margin-left: 0.4375rem;
  font-size: 14px;
  color: #fff;
  max-width: 70vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.h5Main .headerRight{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
.h5Main .headerContains{
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.h5Main .headerContains h1{
  font-size: 1rem;
  color: #fff;
  font-weight: normal;
}

/* 导航栏搜索框 */
.h5Main .headerLeft .layui-input-wrap{
  position: relative;
  margin: 0.3125rem 0 0.3125rem 1rem;
  /* background-color: #fff; */
}
.h5Main .headerLeft .layui-input{
  width: calc(100vw - 5rem);
  border: 0;
  height: 2.125rem;
  line-height: 2.125rem;
  border-radius: 1.0625rem;
  font-size: 0.875rem;
  color: #303030;
  z-index: 1;
}
.h5Main .headerLeft .layui-input-prefix{
  width: 2.078125rem;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.h5Main .headerLeft .layui-input-prefix img{
  width: 0.953125rem;
  height: 1.0125rem;
}
.h5Main .headerLeft .inputClear{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  opacity: 0;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  
}
.h5Main .headerLeft .inputClear img{
  width: 0.875rem;
  height: 0.875rem;
}
/* 后代元素focus触发 */
.h5Main .headerLeft .layui-input-wrap:focus-within .inputClear{
  opacity: 1;
  
}
/* 导航栏谈切换 */
.h5Main .headerTabs{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1;
  background-color: rgba(255,255,255,0);
  color: #fff;
}
.h5Main .headerTabs > a{
  display: inline-block;
  height: auto;
  padding: 0.4375rem 0.5625rem;
  border-radius: 0.875rem;
  color: #fff;
  background-color: rgba(255,255,255,0);
}
.h5Main .headerTabs > a:first-child{
  margin-right: 0.1875rem;
}
.h5Main .headerTabs > a.active{
  background-color: rgba(255,255,255,1);
  color: #FF3955;
}

/* .h5Main .headerLeft .layui-input-prefix,.h5Main .headerLeft .layui-input-suffix{
  background-color: transparent;
} */
/* logo按钮 */
.h5Main .headerLogo{
  padding: 0 1rem;
}
.h5Main .headerLogo img{
  width: 5.6175rem;
  height: 1.140625rem;
}
/* 导航icon */
.h5Main .headerIcon{
  padding: 0 0.5625rem;
  color: #fff;
  font-size: 0.875rem;
}
/* 登录按钮 */
.h5Main .headerIcon.icon-1 img{
  width: 0.91625rem;
  height: 0.99375rem;
}
/* 菜单按钮 */
.h5Main .headerIcon.icon-2 img{
  width: 1.125rem;
  height: 0.875rem;
}
/* 搜索按钮 */
.h5Main .headerIcon.icon-3 img{
  width: 0.946875rem;
  height: 1.00625rem;
}
/* 返回按钮 */
.h5Main .headerIcon.icon-4 img{
  margin-left: 0.3125rem;
  width: 0.625rem;
  height: 1.085rem;
}
/* .h5Main .headerIcon img,
.h5Main .headerLogo img{
  margin: 0.5rem;
  width: 100%;
  height: 100%;
} */

/* 导航栏点击菜单的弹窗 */
.h5Main .menuBox{
  position: fixed;
  top: -100%;
  left: 0;
  width: 100vw;
  padding: 2.9375rem 2.1875rem 1.75rem;
  background-color: #fff;
  border-radius: 0px 0px 1.25rem 1.25rem;
  z-index: 200;
  transition: all 0.2s;
}
.h5Main .menuBox.show{
  top: 0;
}
.h5Main .menuClose{
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.625rem;
}
.h5Main .menuClose img{
  width: 0.9794rem;
  height: 0.9794rem;
}
.h5Main .menuList{
  display: flex;
  justify-content: space-between;
}
.h5Main .menuList a{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.h5Main .menuImg{
  width: 3.125rem;
  height: 3.125rem;
}
.h5Main .menuImg img{
  width: 3.125rem;
  height: 3.125rem;
}
.h5Main .menuList p{
  font-size: 0.75rem;
  line-height: 1;
  color: #262626;
  padding-top: 0.625rem;
}
.h5Main .menuBtnBox{
  padding-top: 1.75rem;
  display: flex;
  justify-content: center;
}
.h5Main .menuBtnBox a{
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 17.5rem;
  height: 2.4375rem;
  border: 0.0625rem solid #FF3955;
  border-radius: 1.4375rem;
  color: #FF3955;

}
/* 公用遮罩层 */
.h5Main .mask{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  opacity: 0;
}
.h5Main .mask.show{
  display: block;
  opacity: 1;
}


/************** H5端样式-结束 **************/

/* layui样式重置 */
.pcMain .layui-icon,.h5Main .layui-icon{
  display: inline-block;
  font-family: none!important;
  font-size: 0;
  width: 16px;
  height: 16px;
  position: relative;
}

.layui-icon-close::before{
  content: '';
  width: 16px;
  height: 2px;
  background-color: #a7a7a7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.layui-icon-close::after{
  content: '';
  width: 16px;
  height: 2px;
  background-color: #a7a7a7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.layui-icon-left::before{
  content: '';
  width: 8px;
  height: 8px;
  border: 1px solid #333;
  border-right: 0;
  border-bottom: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.layui-icon-right::before{
  content: '';
  width: 8px;
  height: 8px;
  border: 1px solid #333;
  border-right: 0;
  border-bottom: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
}