html { font-family:Arial, Helvetica, sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;background-color: #F5F5F5;
	margin: 0px;padding: 0px;}
	*{margin:0; padding:0; list-style:none; }
	img{max-width: 100%;}
	.slideBox{width:100%;overflow:hidden;position:relative;box-sizing: border-box;  }
	.slideBox .hd{height:15px; overflow:hidden; position:absolute;bottom:15px; z-index:1; transform: translate(-50%);left: 50%;}
	.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
	.slideBox .hd ul li{ float:left; margin-right:10px;width:10px; height:10px;font-size: 12px;line-height:12px;text-align:center; 
	cursor:pointer;border-radius: 50%;background:#eee;box-sizing: border-box; }
	.slideBox .hd ul li.on{ background:rgba(250, 160, 1, 1)}
	.slideBox .bd{ position:relative; height:100%; z-index:0;}
	.slideBox .bd li{ zoom:1; vertical-align:middle; }
	/* 下面是前/后按钮代码，如果不需要删除即可 */
	.slideBox .prev, 
	.slideBox .next{position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/static/home/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
	.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
	.slideBox .prev:hover,
	.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
	.slideBox .prevStop{ display:none;  }
	.slideBox .nextStop{ display:none;  }	
	body{padding: 0px;margin: 0px;}
	input{outline:none;background-color: transparent;border: none;padding-left: 10px;box-sizing: border-box;}
	em{font-style:normal !important;color:#054BD7 !important;font-size: 14px;}
	input::-webkit-outer-spin-button,
	    input::-webkit-inner-spin-button {
	    -webkit-appearance: none;
	} 
	input[type="number"]{
	    -moz-appearance: textfield;
	}
	textarea{outline:none;background-color: transparent;border: none;padding-left: 10px;box-sizing: border-box;}
	::-webkit-input-placeholder{/*Webkit browsers*/
		color:#999;
		font-size:16px;
		padding-top: 2px; 
	}
	:-moz-placeholder{/*Mozilla Firefox 4 to 8*/
		color:#999;
		font-size:16px;
		padding-top: 2px;
	}
	::moz-placeholder{/*Mozilla Firefox 19+*/
		color:#999;
		font-size:18px;
		padding-top: 2px;
	}
	:-ms-input-placeholder{/*Internet Explorer 10+*/
	    color:#999;
	    font-size:16px;
		padding-top: 2px;
	}
	/* 头部 */
	.topModule{ 
		
		background-image: url("/shopwebsite/topbg.png");
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size:cover;
	}
	.topModule>div>img{width: 345px;height: 60px;flex-shrink: 0;}
	.topModule>div>div:nth-child(2){
		width: 106px;height: 106px;flex-shrink: 0;
	}
	
	
	.heightauto{height: auto;} 
	.active{
		color: #FFCC00;
	}
	.border-hover:hover{
		border:1px solid #000;
	}
	.border-active{border: 1px solid #FFCC00;}
	.border-right-active{border-right: 1px solid #FFCC00;}
	.bg-active{background-color: #FFCC00;}
	.bg-active-active:hover{background-color: #FFCC00;}
	.bg-blue{background-color: #003399;}
	.color-blue{color: #003399;}
	.bg-hover:hover{background-color: #EDF3FF;}
	
	a{text-decoration: none;cursor: pointer;}
	a{color: #000;}
	a:not(.nonecolor):hover{color: #FFCC00 !important;}
	
	
	
	.cursor-pointer{cursor: pointer;}
	@media screen and (min-width:1264px){
		.contentWidth{width: 1264px}
	}
	@media screen and (max-width:1263px){
		.contentWidth{width: 100%;box-sizing: border-box;}
	}
	
	
	.bg-white{background-color: #fff;}
	.bg-lever{background-color: #f8f8f8;}
	.position-fixed{position:fixed}
	.position-relative{position: relative;}
	.position-absolute{position: absolute;}
	.boxshadow{box-shadow: -1px 1px 1px 1px rgba(0,0,0,0.1);}
	.boxshadow22{box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);}
	.boxshadow33{box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.01);}
	.boxshadow44{box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);}
	.over-hid{overflow: hidden;}
	.bg-gray{background-color: #eee;}
	.flex-box{display: flex;}
	.display-none{display: none;}
	.box-sizing{box-sizing: border-box;}
	.vw100{width:100%}
	.vh100{height: 100vh;}
	.width100{width: 100%;}
	.height100{height:100%}
	.justify-center{justify-content: center}
	.flex-shrink-0{flex-shrink: 0;}
	.justify-end{justify-content: flex-end;}
	.align-center{align-items: center;}
	.justify-between{justify-content: space-between;}
	.flex-grow1{flex-grow: 1;}
	.flex-wrap{flex-wrap: wrap}
	.flex-wrap-no{flex-wrap: nowrap}
	.flex-direction-column{flex-direction: column;}
	.text-white{color: #fff;}
	.margin-top-small{margin-top: 10px;}
	.margin-top-small-small{margin-top: 5px;}
	.margin-top-lager{margin-top: 30px;}
	.margin-top-big{margin-top: 20px;}
	.margin-bottom-small{margin-bottom: 10px;}
	.margin-bottom-big{margin-bottom:20px}
	.margin-bottom-large{margin-bottom:30px}
	
	
	.margin-left-small{margin-left: 10px;}
	.margin-left-small-small{margin-left: 10px;}
	.margin-left-big{margin-left: 20px;}
	.margin-left-lager{margin-left: 30px;}
	.padding-bottom-small{padding-bottom: 10px;}
	.padding-bottom-big{padding-bottom: 20px;}
	.padding-bottom-large{padding-bottom: 30px;}
	.padding-small-small{padding: 5px;}
	.padding-small{padding: 10px;}
	.padding-big{padding: 20px;}
	.padding-lager{padding: 30px;}
	.radius-small-small{border-radius: 5px;}
	.radius-small{border-radius: 10px;}
	.radius-big{border-radius: 20px;}
	.radius-lager{border-radius: 30px;}
	.radius-circle{border-radius: 50%;}
	
	.inputgray{background-color: #FAFAFA;}
	
	.font-small-small{font-size: 12px;}
	.font-small{font-size: 14px;}
	.font-base{font-size: 16px;}
	.font-big{font-size: 18px;}
	.font-20{font-size: 20px;}
	.font-22{font-size: 22px;}
	.font-bold{font-weight: bold;}
	
	
	
	.color-red{color: rgba(204, 0, 51, 1);}
	.color-999{color:#999}
	.main-color{color:rgba(0, 130, 217, 1) ;}
	.text-gray{color: #666;}
	
	.border-top-main{border-top: 1px solid rgba(0, 130, 217, 1);}
	.border-bottom-gray{border-bottom: 1px solid #eee;}
	.border-bottom-ddd-dashed{border-bottom: 1px dashed #ddd;}
	.border-gray{border: 1px solid #eee;}
	.triangle{position: relative;width: 10px;height: 10px;overflow: hidden;}
	.triangle::before{position: absolute;content:'';width: 10px;height: 10px;top: 0px;left: -5px;z-index:9;
	background-color: #666;transform: rotate(45deg);}
	
	.triangle-white{position: relative;width: 10px;height: 10px;overflow: hidden;}
	.triangle-white::before{position: absolute;content:'';width: 10px;height: 10px;top: 0px;left: -5px;z-index:9;
	background-color: #fff;transform: rotate(45deg);}
	
	.triangle-yellow{position: relative;width: 10px;height: 10px;overflow: hidden;}
	.triangle-yellow::before{position: absolute;content:'';width: 10px;height: 10px;top: 0px;left: -5px;z-index:9;
	background-color: #FFCC00;transform: rotate(45deg);}
	
	.triangle-black{position: relative;width: 10px;height: 10px;overflow: hidden;}
	.triangle-black::before{position: absolute;content:'';width: 10px;height: 10px;top: 0px;left: -5px;z-index:9;
	background-color: #444;transform: rotate(45deg);}
	
	.triangle-white{position: relative;width: 25px;height: 12px;overflow: hidden;}
	.triangle-white::before{position: absolute;content:'';width: 25px;height: 12px;top: 0px;left: -5px;z-index:9;
	background-color: #fff;transform: rotate(45deg);}
	
	.text-black-1{color: #000;}
	.text-black-2{color: #393939;}
	.text-black-3{color: #231815;}
	.border-black{border: 1px solid #231815;}
	.border-blue{border: 1px solid #003399;}
	.triangle-border{border-top: 4px solid transparent;border-left: 4px solid transparent;border-right: 4px solid transparent;}
	
	.del-white{
		
		position: relative;
		width: 30px;
		height: 30px;
	}
	.del-white::before{
		width: 16px;
		height: 2px;
		position: absolute;
        content: '';
		transform: translate(-50%,-50%);
		left: 50%;
		top: 50%;
		background-color: #fff;
	}
	.del-white::after{
		width: 2px;
		height: 16px;
		position: absolute;
		content: '';
		transform: translate(-50%,-50%);
		left: 50%;
		top: 50%;
		background-color: #fff;
	}
	
	.del-black{
		
		position: relative;
		width: 30px;
		height: 30px;
	}
	.del-black::before{
		width: 16px;
		height: 2px;
		position: absolute;
	    content: '';
		transform: translate(-50%,-50%);
		left: 50%;
		top: 50%;
		background-color: #000;
	}
	.del-black::after{
		width: 2px;
		height: 16px;
		position: absolute;
		content: '';
		transform: translate(-50%,-50%);
		left: 50%;
		top: 50%;
		background-color: #000;
	}
	
	
	
	
	
	
	.arrows-down{
		position: relative;
		width: 20px;
		height: 20px;
	}
	.arrows-down::before{
		position: absolute;
		z-index: 2;
		content: '';
		top: 50%;
		left: calc(50% - 3px);
		transform: translate(-50%,-50%) rotate(45deg);
		width: 10px;
		height: 2px; 
		background-color: #231815;
	}
	.arrows-down::after{
		position: absolute;
		z-index: 2;
		top: 50%;
		left: calc(50% + 3px);
		transform: translate(-50%,-50%) rotate(45deg);
		content: '';
		width: 2px;
		height: 10px;
		background-color: #231815;
	}
	
	.arrows-down-blue{
		position: relative;
		width: 20px;
		height: 20px;
	}
	.arrows-down-blue::before{
		position: absolute;
		z-index: 2;
		content: '';
		top: 50%;
		left: calc(50% - 3px);
		transform: translate(-50%,-50%) rotate(45deg);
		width: 10px;
		height: 2px;
		background-color: #003399;
	}
	.arrows-down-blue::after{
		position: absolute;
		z-index: 2;
		top: 50%;
		left: calc(50% + 3px);
		transform: translate(-50%,-50%) rotate(45deg);
		content: '';
		width: 2px;
		height: 10px;
		background-color: #003399;
	}
	
	
	.arrows-down-white{
		position: relative;
		width: 20px;
		height: 20px;
	}
	.arrows-down-white::before{
		position: absolute;
		z-index: 2;
		content: '';
		top: 50%;
		left: calc(50% - 3px);
		transform: translate(-50%,-50%) rotate(45deg);
		width: 10px;
		height: 3px;
		background-color: #fff;
	}
	.arrows-down-white::after{
		position: absolute;
		z-index: 2;
		top: 50%;
		left: calc(50% + 3px);
		transform: translate(-50%,-50%) rotate(45deg);
		content: '';
		width: 3px;
		height: 10px;
		background-color: #fff;
	}
	
	
	.arrows-down-true{
		position: relative;
		width: 20px;
		height: 20px;
	}
	.arrows-down-true::before{
		position: absolute;
		z-index: 2;
		content: '';
		top:calc(50% + 1px);
		left: calc(50% - 3px);
		transform: translate(-50%,-50%) rotate(45deg);
		width: 8px;
		height: 3px;
		background-color: #fff;
	}
	.arrows-down-true:after{
		position: absolute;
		z-index: 2;
		top: 50%;
		left: calc(50% + 2px);
		transform: translate(-50%,-50%) rotate(45deg);
		content: '';
		width: 3px;
		height: 12px;
		background-color: #fff;
	}
	
	.arrows-down-true-blue{
		position: relative;
	}
	.arrows-down-true-blue::before{
		position: absolute;
		z-index: 2;
		content: '';
		top:calc(50% + 2px);
		right: 20px;
		transform: translate(-50%,-50%) rotate(45deg);
		width: 8px;
		height: 3px;
		background-color: #003399;
	}
	.arrows-down-true-blue:after{
		position: absolute;
		z-index: 2;
		top: 50%;
		right: 20px;
		transform: translate(-50%,-50%) rotate(45deg);
		content: '';
		width: 3px;
		height: 12px;
		background-color: #003399;
	}
	
	
	
	
	.translatew100hauto{width: 100%;height: auto;transform: translate(0,-50%);left: 0px;top:50%;}
	.sonmenu>div:nth-child(odd){
		border-right: 1px solid #DDDDDD;
	}
	.add{}
	.add::before{
		position: absolute;
		content: '';
		transform: translate(-50%,-50%);
		left: 50%;top: 50%;
		width: 10px;height: 2px;
		background-color: #231815;
	}
	.add::after{
		position: absolute;
		content: '';
		transform: translate(-50%,-50%);
		left: 50%;top: 50%;
		width: 2px;height: 10px;
		background-color: #231815;
	}
	
	@keyframes  animation1{
	  0%   {opacity: 0;}
	  100% {opacity: 1;}
	}
	
	/* 应用动画的元素 */
	.animation1 {
	  animation-name: animation1;
	  animation-duration: 1s;

	  animation-iteration-count: infinite;
	}
	
	.catecolor1{background-color: rgba(212,146,40,1);}
	.catecolor2{background-color: rgba(214,114,44,1);}
	.catecolor3{background-color: rgba(147,52,59,1);}
	.catecolor4{background-color: rgba(140,48,48,1);}
	.catecolor5{background-color: rgba(96,60,153,1);}
	.catecolor6{background-color: rgba(43,90,149,1);}
	.catecolor7{background-color: rgba(130,41,23,1);}
	.catecolor8{background-color: rgba(41,95,116,1);}
	.catecolor9{background-color: rgba(29,95,75,1);}
	.catecolor10{background-color: rgba(212,146,40,1);}
	.catecolor11{background-color: rgba(214,114,44,1);}
	.catecolor12{background-color: rgba(147,52,59,1);}
	.catecolor13{background-color: rgba(140,48,48,1);}
	.catecolor14{background-color: rgba(96,60,153,1);}
	.catecolor15{background-color: rgba(43,90,149,1);}
	.catecolor16{background-color: rgba(130,41,23,1);}
	.catecolor17{background-color: rgba(41,95,116,1);}
	.catecolor18{background-color: rgba(29,95,75,1);}
	
	
	.bordercatecolor1{border: 5px solid #EFC554;}
	.bordercatecolor2{border: 5px solid #F1B96F;}
	.bordercatecolor3{border: 5px solid #E0765B;}
	.bordercatecolor4{border: 5px solid #D08383;}
	.bordercatecolor5{border: 5px solid #AA87D3;}
	.bordercatecolor6{border: 5px solid #77A6C9;}
	.bordercatecolor7{border: 5px solid #C875C4;}
	.bordercatecolor8{border: 5px solid #6AA8B8;}
	.bordercatecolor9{border: 5px solid #60B09F;}
	.bordercatecolor10{border: 5px solid #EFC554;}
	.bordercatecolor11{border: 5px solid #F1B96F;}
	.bordercatecolor12{border: 5px solid #E0765B;}
	.bordercatecolor13{border: 5px solid #D08383;}
	.bordercatecolor14{border: 5px solid #AA87D3;}
	.bordercatecolor15{border: 5px solid #77A6C9;}
	.bordercatecolor16{border: 5px solid #C875C4;}
	.bordercatecolor17{border: 5px solid #6AA8B8;}
	.bordercatecolor18{border: 5px solid #60B09F;}
	
	
	.bottomcatecolor1{background-color: #EFC554;}
	.bottomcatecolor2{background-color: #F1B96F;}
	.bottomcatecolor3{background-color: #E0765B;}
	.bottomcatecolor4{background-color: #D08383;}
	.bottomcatecolor5{background-color: #AA87D3;}
	.bottomcatecolor6{background-color: #77A6C9;}
	.bottomcatecolor7{background-color: #C875C4;}
	.bottomcatecolor8{background-color: #6AA8B8;}
	.bottomcatecolor9{background-color: #60B09F;}
	.bottomcatecolor10{background-color: #EFC554;}
	.bottomcatecolor11{background-color: #F1B96F;}
	.bottomcatecolor12{background-color: #E0765B;}
	.bottomcatecolor13{background-color: #D08383;}
	.bottomcatecolor14{background-color: #AA87D3;}
	.bottomcatecolor15{background-color: #77A6C9;}
	.bottomcatecolor16{background-color: #C875C4;}
	.bottomcatecolor17{background-color: #6AA8B8;}
	.bottomcatecolor18{background-color: #60B09F;}
	/* 动画代码 */
	
/* 	@keyframes showhide {
	  0%   {opacity:0;display: none;}
	  20%  {opacity:0.8;display: flex;}
	  40%  {opacity: 1;display: flex;}
	  60%  {opacity:0.8;display: flex;}
	  80%  {opacity:0;display: flex;}
	  100% {opacity: 0;display: none;}
	} */
	
	@keyframes showhide {
	  0%   {opacity:0;top:calc(50% - 170px);display: none;transform: scale(0.94);}
	  40%  {opacity: 1;top:calc(50% - 210px);display: flex;transform: scale(1);}
	  80%  {opacity:1;top:calc(50% - 210px);display: flex;transform: scale(1);}
	  100% {opacity: 0;top:calc(50% - 210px);display: none;transform: scale(1);}
	}
	
	
	
	.showhide {
	  animation-name: showhide;
	  animation-duration: 4s;
	  animation-timing-function:linear;
	  animation-delay:0s;
	  animation-iteration-count: infinite;
	  animation-fill-mode:forwards
	}
	
	@keyframes loading {
	  0%   {transform: scale(1);}
	  25%  {transform: scale(0.9);}
	  50%  {transform: scale(0.8);}
	  75%  {transform: scale(0.9);}
	  100% {transform: scale(1);}
	}
	
	/* 应用动画的元素 */
	.loading1 {
	  animation-name: loading;
	  animation-duration: 1s;
	  animation-timing-function:linear;
	  animation-delay:0s;
	  animation-iteration-count: infinite;
	}
	.loading2 {
	  animation-name: loading;
	  animation-duration: 1s;
	  animation-timing-function:linear;
	  animation-delay:0.5s;
	  animation-iteration-count: infinite;
	}
	.loading3 {
	  animation-name: loading;
	  animation-duration: 1s;
	  animation-timing-function:linear;
	  animation-delay:0s;
	  animation-iteration-count: infinite;
	}
	
	.jian::before{
		position: absolute;
	    content: '';
		left: 50%;
		top:50%;
		transform: translate(-50%,-50%);
		width:8px;
		height:2px;
		background-color: #231815;
	}
	.add::before{
		position: absolute;
		content: '';
		left: 50%;
		top:50%;
		transform: translate(-50%,-50%);
		width:8px;
		height:2px;
		background-color: #231815;	
	}
	.add::after{
		position: absolute;
		content: '';
		left: 50%;
		top:50%;
		transform: translate(-50%,-50%);
		width:2px;
		height:8px;
		background-color: #231815;	
	} 
	
	.interval:nth-child(odd){
		
		background-color: #F6F9FF;
		
	}
	
	.addresslst:nth-child(odd){
		
		background-color: #FAFAFA;
		
	}
	
	.foot-text-color{color:#B1B1B1;}
	.required{
		position: relative;
	}
	.cancelative:hover{
		
		color: #000 !important;
	}
	.required::after{
		content: '*';
		color:#FF5B16;
		position: absolute;
		font-size: 24px;
		top:calc(50% + 6px);
		left:calc(100% + 10px);
		transform: translate(0,-50%);
	}
	table>tbody tr:nth-child(even){
		
		background-color: #F6F9FF;
		
	}
	
	.clickhover:hover{
		background-color: #003399;
	}
	.clickhoverfont:hover{
		color:#003399 !important;
	}