@charset "utf-8";
@font-face {
	  font-family: "AlibabaPuHuiTiRegular";
	  src: url('../img/Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf') format('truetype');
	  font-weight: normal;
	  font-style: normal;
	  font-display: swap; /* 关键：防止页面闪烁、空白 */
	}
	
	@font-face {
	  font-family: 'AlibabaPuHuiTiHeavy';
	  src: url('../img/Alibaba_PuHuiTi_2.0_105_Heavy_105_Heavy.ttf') format('truetype');
	  font-weight: normal;
	  font-style: normal;
	  font-display: swap; /* 关键：防止页面闪烁、空白 */
	}

/* CSS Document */
html,body{font:14px/1.5 "AlibabaPuHuiTiRegular", Helvetica, Arial,\5fae\8f6f\96c5\9ed1, sans-serif;padding:0px; color:#000; margin: 0px auto; height: 100%; }
/* text-align: justify; */
ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,th,form,fieldset,img,dl,dt,dd{margin:0;padding:0;}
ul,ol{list-style:none;}
img{border:none;}
span{margin:0px; padding:0px;}
a{text-decoration:none;color:#3D3D3D; }
a:hover{ text-decoration:none}

/* .text-decoration{text-decoration:underline} */

div{ -webkit-tap-highlight-color: rgba(0,0,0,0);}
* {
outline:none;

      /* -webkit-user-select:none;

      -khtml-user-select:none;

      -moz-user-select:none;

      -ms-user-select:none;

      user-select:none; */

      }


img{ width: 100%; }
	
	.PuHuiTiHeavy{font-family: 'AlibabaPuHuiTiHeavy';}
	
	/* .textjustify{ text-align: justify;} */
	
	.fl{ float: left;  }
	.fr{ float: right;}
	
	.w5{ width: 5px; }
	.w10{ width: 10px; }
	.w15{ width: 15px; }
	.w20{ width: 20px; }
	
	.h1{ height: 1px;}
	.h2{ height: 2px;}
	.h3{ height: 3px;}
	.h5{ height: 5px;}
	.h10{ height: 10px;}
	.h15{ height: 15px;}
	.h18{ height: 18px;}
	.h20{ height: 20px;}
	.h25{ height: 25px;}
	.h30{ height: 30px;}
	.h35{ height: 35px;}
	.h37{ height: 37px; }
	.h40{ height: 40px;}
	.h45{ height: 45px;}
	.h50{ height: 50px;}
	.h70{ height: 70px; }
	.h80{ height: 80px; }
	.h100{ height: 100%; }
	
	.f8{ font-size: 8px; }
	.f10{ font-size: 10px; }
	.f12{ font-size: 12px; }
	.f13{ font-size: 13px; }
	.f14{ font-size: 14px; }
	.f15{ font-size: 15px; }
	.f16{ font-size: 16px; }
	.f17{ font-size: 17px; }
	.f18{ font-size: 18px; }
	.f20{ font-size: 20px; }
	.f22{ font-size: 22px; }
	.f24{ font-size: 24px; }
	.f25{ font-size: 25px; }
	.f28{ font-size: 28px; }
	.f30{ font-size: 30px; }
	.f33{ font-size: 33px; }
	.f34{ font-size: 34px; }
	.f35{ font-size: 35px; }
	.f42{ font-size: 42px; }
	.f73{ font-size: 73px; }
	.fb{ font-weight: bold; }
	
	.c000{ color: #000; }
	.cfff{ color: #fff; }
	.cccc{ color: #ccc; }
	.c666{ color: #666; }
	.c333{ color: #333; }
	.c999{ color: #999; }
	.cE1251B{ color: #E1251B; }
	.c606060{ color: #606060; }
	.c9A6F37{ color: #9A6F37; }
	.c193163{ color: #193163; }
	
	
	.b000{ background: #000; }
	.bfff{ background: #fff; }
	.bE1251B{ background: #E1251B; }
	.b009CDE{ background: #009CDE; }
	.c5197D6{ color: #5197D6; }
	
	.op0{ opacity: 0;}
	.op6{ opacity: 0.6; }
	.op7{ opacity: 0.7; }
	.op2{ opacity: 0.2; }
	
	.w100{ width: 100%; }
	.whtl{ width: 100%; height: 100%; top: 0px; left: 0px; }
	
	.pf{ position: fixed; }
	.pa{ position: absolute;}
	.pr{ position: relative;}
	.dn{ display: none;}
	.db{ display: block;}
	.clear{ clear: both;}
	.ovh{ overflow: hidden; }
	.tec{ text-align: center; }
	.ter{ text-align: right; }
	.m0auto{ margin: 0px auto; }
	
	.lin1{ line-height: 1; }
	.lin12{ line-height: 1.25; }
	.lin125{ line-height: 1.25; }
	.lin2{ line-height: 2; }
	.p1510{ padding: 12px 15px; }
	.p1015{ padding: 10px 15px; }
	.p1520{ padding: 15px 20px; }
	
	.bor2{ border-radius:2px ; }
	.bor5{ border-radius:5px ; }
	.bor10{ border-radius:10px ; }
	.bor100{ border-radius: 100px; }
	
	.ellipsis{
		overflow: hidden;
	    text-overflow: ellipsis;
	    -o-text-overflow: ellipsis;
	    white-space:nowrap;
	}
	.ellipsis2{
		overflow:hidden;
		text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2; 
	}
	
	.ellipsis3{
		overflow:hidden;
		text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3; 
	}
	.cursor{cursor:pointer}
	.center{display: -webkit-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
					-webkit-justify-content: center;
					justify-content: center;
					-webkit-box-align: center;
					-ms-flex-align: center;
					-webkit-align-items: center;
					align-items: center;}
	
	.trall1{transition: all .1s;}
	.trall3{transition: all .3s;}
	
	.r180{transform:rotate(180deg)}
	.r90{transform:rotate(90deg)}
	.r_90{transform:rotate(-90deg)}
	
	.eventsnone{pointer-events: none;}
	.eventsnall{pointer-events: all;}
	
	.tk{z-index: 10; background: rgba(0, 0, 0, 0.6); }
	.z3{ z-index: 3; }
	
	.boxshadow{ box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.18);}
	.boxshadow2{box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.2);}
	.boxshadow3{box-shadow: 0px 0px 4px 0px rgba(42, 114, 255, 0.38);}
	.bgjb1{background: linear-gradient(98deg, #3B7FF6 0%, #3B7FF6 0%, #042D98 179%, #042D98 179%);}
	
	
	.flex{ display: flex; }
	.alignitems_center{align-items:center}
	.alignitems_end{align-items: flex-end;}
	.alignitems_start{align-items: flex-start;}
	.justify_around{justify-content: space-around;}
	.justify_between{justify-content:space-between}
	.justify_end{justify-content: flex-end;}
	
	
	.bg1{ background: url(../img/bg1.png) no-repeat center; background-size:100% ; min-height: 100vh; }
	.bg2{ background: url(../img/bg2.png) no-repeat center; background-size:100% ; min-height: 100vh; }
	
	/* .p1{ min-height: 100vh;} */
	
	
	.bottxt{ bottom: 16px; left: 22px; right: 22px; border-top: #E1251B dashed 1px; padding-top: 8px; }
	.bottxt2{ margin-left: 22px; margin-right: 22px; border-top: #E1251B dashed 1px; padding-top: 8px; padding-bottom: 15px; }
	
	.nr1{top: 60px; right: 35px; bottom: 130px; left: 35px;}
	/* .nr2{top: 60px; right: 26px; bottom: 80px; left: 26px;} */
	.nr2{margin-top: 30px; margin-right: 26px; margin-left: 26px;}
	.p4 .nr2,.p5 .nr2{ min-height: 82.1vh; }
	.p8 .nr2{ min-height: 82.1vh; }
	
	.title{ background: url(../img/titlebg.png) no-repeat bottom; background-size:100% ; padding-left: 7px; padding-bottom: 5px; }
	
	.input{ border: #E1251B solid 1px; padding: 7px 50px 7px 80px; width: 120px; }
	.inputbox .icon{ left: 0px; top: 0px; height: 100%; width: 40px; }
	.inputbox .txt{ right: 0px; top: 0px; height: 100%; width: 50px; }
	.inputbox .txt2{ left: 40px; top: 0px; height: 100%; width: 60px; }
	
	.inputbox2{ width: 250px; border: #E1251B solid 1px; padding: 8px 0px 8px 0px; }
	.inputbox2 .icon{ height: 100%; width: 40px; }
	.inputbox2 .txt2{ height: 100%; width: 60px; margin-left: 0px; }
	.inputbox2 .txt3{ width: calc(100% - 86px); }
	.inputbox2 .radio{ width: 50%; margin-left: 0%; }
	.inputbox2 .radio>div:nth-child(1){ border: #E1251B solid 1px; width: 14px; height: 14px; margin-right: 5px; }
	.inputbox2 .radio.on .radioxz{ width: 10px; height: 10px; }
	
	.sanjiao{  width: 0;height: 0; border-top: 10px solid transparent;  border-bottom: 10px solid transparent; border-left: 16px solid #E1251B;}
	
	.list{}
	.list .listli{ width: 300px; margin: 0px auto 15px auto; min-height: 36px; }
	.list .listliview{ padding: 7px 10px; border: #E1251B solid 1px; z-index: 3;cursor:pointer; width: -webkit-fill-available; }
	.list .icon{ width: 18px; height: 18px; border: #E1251B solid 1px; }
	.list .txt{ width: calc(100% - 36px); margin-right: 18px; }
	.list .more{ width: 40px; position: absolute; right: 10px; top: 0px; height: 100%; }
	.list .more span:nth-child(2){ margin-left: 3px; }
	.listlimore{ z-index: 1; }
	
	.listlimorenr{  border: #E1251B solid 1px;  margin-top: 18px; border-radius: 0px 0px 10px 10px; padding-top: 20px; line-height: 1.5; }
	.listlimorenr>div{ padding: 5px 10px; margin: 5px 10px; border-bottom: rgba(0, 0, 0, 0.1) solid 1px; }
	.listlimorenr>div>div:nth-child(1){ width: 7px; height: 7px; border-radius: 100px; border: #E1251B solid 1px; margin-top: 4px; }
	.listlimorenr>div>div:nth-child(2){ width: calc(100% - 20px); }
	.listlimorenr>div:last-child{border-bottom: none;}
	
	.jzmb{ border: #E1251B solid 2px; width: 55px; height: 55px; }
	.guanbi{ top: -15px; right: 20px; width: 32px; height: 32px; border: #E1251B solid 1px; }
	
	
	.list2{}
	.list2>div{ width: 47%; border: #E1251B solid 1px; margin-bottom: 15px; height: 70px;cursor:pointer;}
	
	.list3{}
	.list3>div{ width: 50%; border: #E1251B solid 1px; padding: 15px 10px 15px 30px; margin: 0px auto 15px auto;cursor:pointer; }
	.list3>div .txt{ width: calc(100% - 20px); }
	.list3>div .icon{ width: 18px; height: 18px;border: #E1251B solid 1px; }
	
	.shou{-webkit-animation: shou 2s infinite ease;}
	@-webkit-keyframes shou {
		0%{-webkit-transform:translate(5px,5px) rotate(-0deg); opacity: 0;}
		50%{-webkit-transform:translate(0px,0px) rotate(-0deg); opacity: 1;}
		100%{-webkit-transform:translate(-5px,-5px) rotate(-0deg); opacity: 0;}
	}
	
	
	
	@media screen and (min-width:750px){
		.pcstyle{ max-width: 1000px; left: 50%; -webkit-transform: translateX(-50%); min-height:100vh }
		
		.title{ background: url(../img/titlebg.png) no-repeat bottom left; background-size:500px ; padding-left: 7px; padding-bottom: 5px; }
	}