
.header{
	position: fixed;
	top:0;
	width:100%;
	height: 70px;
	background:url(../images/top.png) no-repeat top center;
	z-index: 999;
}
.phoneheader,.mobile-container,.footernav{
	display: none;
}
.container{
	
		    background: url(../images/bn1.png) no-repeat top center/cover;
		background-attachment:fixed;
		padding:100px 0;
}

.wrap{
	max-width: 1000px;
	margin:0 auto;
}
.photobg{
	display: flex;
	    align-items: flex-start;
	    justify-content: center;
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    right: 0;
	    left: 0;
	
}
.photobg img{
	    margin-top: 306px;
	    width: 76%;
	    max-width: 90%;
	    transform: scale(1.455);
}
.headbar {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.headbar .fl img{
	width: 220px;
	margin-top:20px;
	transition: all .1s;
}
/* .headbar .fl img:hover{
	opacity: .5;
} */
.headbar .fr{
	width:76%;
}
.headbar .fr li{
	width:190px;
	height: 60px;
	line-height: 60px;
	float: left;
	margin-bottom: 10px;
}
.headbar .fr ul{
	display: flex;
	
	flex-wrap: wrap;
}
.headbar .fr li a{
	font-size: 20px;
	text-align: center;
	color:#fff;
	display: block;
	padding-left:15px;
	box-sizing: border-box;
}
.headbar .fr li a:hover{
	color:#fedf00
}
.mobile-container .close img{
	width: 20px;
	margin-right: 10px;
	vertical-align: middle;
}

.headbar .fr li:nth-of-type(1){
	background:url(../images/da9bcbb.png) no-repeat center center;
}
.headbar .fr li:nth-of-type(2){
	background:url(../images/d5653e3.png) no-repeat center center;
}
.headbar .fr li:nth-of-type(3){
	background:url(../images/118abe0.png) no-repeat center center;
}
.headbar .fr li:nth-of-type(4){
	background:url(../images/319aaf1.png) no-repeat center center;
	/*opacity: .5;*/
}
.headbar .fr li:nth-of-type(5){
	background:url(../images/6c048d4.png) no-repeat center center;
	
}
.headbar .fr li:nth-of-type(5):hover a,.headbar .fr li:nth-of-type(7):hover a,.headbar .fr li:nth-of-type(4):hover a{
	color:#fff;
	opacity: .5;
}
.headbar .fr li:nth-of-type(6){
	background:url(../images/d32e48f.png) no-repeat center center;
}
.headbar .fr li:nth-of-type(7){
	background:url(../images/5db025f.png) no-repeat center center;
	/*opacity: .5;*/
}
.headbar .fr li:nth-of-type(8){
	background:url(../images/7b051eb.png) no-repeat center center;
}
.footer {
	margin-top:-100px;
	    
}
.footer .content{
	background-color: #13171b;
	padding:60px 0;
}
.footer .ico{
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    background-image: url(../images/7c4c0bd.png);
	    background-repeat: no-repeat;
	    background-position: 50%;
	    background-size: cover;
	    width: 100%;
	    height: 100px;
	    max-height: 100px;
	    background-size: auto;
}
.footer .content .wrap>p{
	font-size: 16px;
	color:#fff;
	margin-bottom: 15px;
}
.footer  .logo{
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
	margin-bottom: 25px;
	position: relative;
}
.footer  .logo a{
	position: absolute;
	right:0;
	    transition-duration: .25s;
	    transition-timing-function: ease-out;
	    border: 1px solid #01a4da;
	    border-radius: 6px;
	    width: 90px;
	    height: 30px;
		color:#01a4da;
		top:0;
		display:block;
		text-align: center;
		line-height: 30px;
	    background-color: transparent;
	    cursor: pointer;
}
.footer  .logo a:hover{
	color:#32daf9;
	border:1px solid #32daf9;
}
.footer  .text p{
	font-size: 16px;
	color:#fff;
	text-align: center;
}

.container .swiper-father{
	   background:url(../images/a0a45ea.png) no-repeat top center/cover;
	
	    /* background-position: 50%; */
	
	    padding-bottom: 42.13483%;
		height: 0;
		padding-top:25px;
		position: relative;
		margin-left:-34px;
		margin-right: -34px;
	
}
.container .swiper-father img.last{
	position: absolute;
	bottom:4%;
	text-align: center;
	width: 100%;
	width: 30px;
	left:50%;
	margin-left:-15px;
}
.container .swiper-father .swiper-slide img{
	width: 100%;
}

.container .swiper-father .lunbo{
	display: flex;
	    align-items: center;
	    justify-content: center;
	  
	height: 48px;
	
	width: 87%;
	margin:0 auto 15px;
}
.container .swiper-father .lunbo img{
	flex: 0 0 auto;
}
.container .swiper-father .lunbo .contents{
	    flex: 1 1 auto;
	    background-image: url(../images/border.png);
	    background-repeat: repeat-x;
	    background-size: contain;
		height: 100% !important;
		line-height: 48px;
}
.container .swiper-father .lunbo .contents a{
	font-size: 18px;
	color: #33e0ff;
	display: block;
	margin-right:30px;
}
.container  .swiper-container{
	width:90%;
	margin:0 auto;
}

.container .swiper-button-prev{
	background:url(../images/prev.png) no-repeat center center;
	width: 30px;
	height: 235px;
    left:15px;
	opacity: .5;
	    top: 26%;
	    margin: 0;
	
}
.container .swiper-button-next{
	background:url(../images/next.png) no-repeat center center;
	width: 30px;
	height: 235px;
	right:15px;
	opacity: .5;
	    top: 26%;
	    margin: 0;
	
}
.container .swiper-button-prev:hover,.container .swiper-button-next:hover{
	opacity: 1;
}

.container div.link{
	padding:30px 0 50px;
}
.container div.link a{
	width:320px;
	display: inline-block;
	margin-right:20px;
}
.container div.link a img{
	width: 100%;
}
.indexnews{
	    background-image: url(../images/9f3eeba.png);
	    background-repeat: no-repeat;
	  position: relative;
	    background-size: cover;
		margin:25px 0;
		padding:120px 0 40px;
}
.indexnews .list{
	position: absolute;
	right:20px;
	width: 74%;
	top:20px;
	
}
.indexnews .list li{
   display: inline-block;
   vertical-align: top;
	line-height: 34px;
	height: 34px;
	background-color: #fff;
	width: 140px;
	border-radius: 5px;
	margin:0 5px 5px 0;
	box-sizing: border-box;
}
.indexnews .list li:nth-of-type(1){
	border:1px solid #fdbf6a
}
.indexnews .list li:nth-of-type(1):hover{
	box-shadow: 0 0 10px #fdbf6a;
	
}
.indexnews .list li:nth-of-type(1) span{
	
	color:#fdbf6a;
}
.indexnews .list li:nth-of-type(2){
	border:1px solid #fc44ce
}
.indexnews .list li:nth-of-type(2):hover{
	box-shadow: 0 0 10px #fc44ce;
	
}
.classttts2{
   color:#fc44ce; 
}
.classttts3{
   color:#a6ce00;
}
.classttts4{
  color:#a6ce00;
}
.classttts5{
  color:#c856ff;
}
.classttts6{
 color:#00d1aa;
}
.classttts7{
   color:#00d6dd;
}
.classttts8{
   color:#7194ff;
}
.classttts9{
  color:#eb67e2;
}
.indexnews .list li:nth-of-type(2) span,.indexnews .tab .tablist:nth-of-type(2) span{
	color:#fc44ce;
}
.indexnews .list li:nth-of-type(3){
	border:1px solid #fa8a41
}
.indexnews .list li:nth-of-type(3):hover{
	box-shadow: 0 0 10px #fa8a41
	
}
.indexnews .list li:nth-of-type(3) span,.indexnews .tab .tablist:nth-of-type(3) span{
	color:#a6ce00;
}
.indexnews .list li:nth-of-type(4){
	border:1px solid #a6ce00
}
.indexnews .list li:nth-of-type(4):hover{
	box-shadow: 0 0 10px #a6ce00
	
}
.indexnews .list li:nth-of-type(4) span,.indexnews .tab .tablist:nth-of-type(4) span{
	color:#a6ce00;
}
.indexnews .list li:nth-of-type(5){
	border:1px solid #c856ff
}
.indexnews .list li:nth-of-type(5):hover{
	box-shadow: 0 0 10px #c856ff
	
}
.indexnews .list li:nth-of-type(5) span,.indexnews .tab .tablist:nth-of-type(5) span{
	color:#c856ff;
}
.indexnews .list li:nth-of-type(6){
	border:1px solid #00d1aa
}
.indexnews .list li:nth-of-type(6):hover{
	box-shadow: 0 0 10px #00d1aa
	
}
.indexnews .list li:nth-of-type(6) span,.indexnews .tab .tablist:nth-of-type(6) span{
	color:#00d1aa;
}
.indexnews .list li:nth-of-type(7){
	border:1px solid #00d6dd
}
.indexnews .list li:nth-of-type(7):hover{
	box-shadow: 0 0 10px #00d6dd
	
}
.indexnews .list li:nth-of-type(7) span,.indexnews .tab .tablist:nth-of-type(7) span{
	color:#00d6dd;
}
.indexnews .list li:nth-of-type(8){
	border:1px solid #7194ff
}
.indexnews .list li:nth-of-type(8):hover{
	box-shadow: 0 0 10px #7194ff
	
}
.indexnews .list li:nth-of-type(8) span,.indexnews .tab .tablist:nth-of-type(8) span{
	color:#7194ff;
}

.indexnews .list li:nth-of-type(9){
	border:1px solid #eb67e2
}
.indexnews .list li:nth-of-type(9):hover{
	box-shadow: 0 0 10px #eb67e2
	
}
.indexnews .list li:nth-of-type(9) span,.indexnews .tab .tablist:nth-of-type(9) span{
	color:#eb67e2;
}

.indexnews .list li:nth-of-type(10){
	border:1px solid #ff6ca8
}
.indexnews .list li:nth-of-type(10):hover{
	box-shadow: 0 0 10px #ff6ca8
	
}
.indexnews .list li:nth-of-type(10) span,.indexnews .tab .tablist:nth-of-type(10) span{
	color:#ff6ca8;
}
.indexnews .list li a{
	font-size: 15px;
	color:#333;
	display: block;
}
.indexnews .tab{
	
	border: 1px solid #33e0ff;
	    overflow-y: scroll;
		height: 300px;
		width: 92%;
		margin:0 auto;
		
}
.indexnews .tab .tablist{
	display: none;
}
.indexnews .tab .tablist:first-child{
	display: block;
}
.indexnews .tab .tablist li{
	padding:10px 15px;
	border-bottom: 1px solid #fff;
}

.indexnews .tab .tablist li p.title{
	font-size: 14px;
	color:#fff;
}
.indexnews .tab .tablist li p.title span{
	margin-right: 10px;
}
.indexnews .tab .tablist li p.font{
	font-size: 16px;
	color:#fff;
}
.indexshop{
	background-image: url(../images/baa726b.png);
	  background-repeat: no-repeat;
	position: relative;
	  background-size: cover;
		
		padding:120px 0 40px;
}
.indexshop .text{
	position: absolute;
	right:20px;
	width: 74%;
	top:20px;
	height: 74px;
	overflow-y: auto;
	font-size: 16px;
	color:#fff;
}
.indexshop .text p{
	font-size: 16px;
	color:#fff;
}
.indexshop .contents{
	border: 1px solid #33e0ff;
	    overflow-y: scroll;
		height: 300px;
		width: 92%;
		margin:0 auto;
}

.container .box .fl{
	width:22%;
	    
}
.container .box .fr{
	width: 76%;
}

.container .box .fr p.title{
	line-height: 100px;
	background:url(../images/c1d1f9d.png) no-repeat center center;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	font-weight: 900;
	    letter-spacing: .08063rem;
	    color: #fff;
		font-size: 32px;
}
.container .box .fl span{
	width:100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 80px;
	
	color: #fff194;
	font-size: 17px;
	background:url(../images/39c56c0.png) no-repeat center center;
}
.container .box .fl ul{
	
	background: url(../images/33ce748.png) no-repeat bottom center;
	background-size: contain;
	background-color: #13171b;
	margin-top:-18px;
	padding:25px 0 20px;
}
.container .box .fl li{
background: url(../images/bg2.png) no-repeat center center;
height: 83px;
margin-bottom: 8px;
}
.container .box .fl li a{
	display: block;
	font-size: 16px;
	color:#fff;
	padding:10px 0 0 15px;
}
.container .box .fl li a:hover{
	color:#00cdd3
}
.container .box .fl li a.active{
	color:#00cdd3
}
.container .box .fr .content{
	min-height: 400px;
	    border: 6px solid #fff;
	    background-color: #13171b;
}
.container .box .fr .content video{
	max-width: 100%;
	display: block;
	margin:10px auto;
	object-fit: fill;
}
.container .box .fr .content img{
	max-width: 100%;
}

.shop p.title,.contact p.title{
	line-height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background:url(../images/95d0af2.png) no-repeat center center;
	    color: #fff194;
	font-size: 30px;
	text-align: center;
}
.shop .content,.contact .content{
	
	    border:5px solid #fff;
	    background-color: #13171b;
		padding:30px 40px;
}
.shop .content .search p{
	    display: flex;
	    align-items: center;
	    justify-content: center;
	   line-height: 40px;
	   font-size: 18px;
	   color:#fff;
	    background-color: #01a4da;
}

.shop .content .search .tab{
	background:#fff;
	padding:30px 100px;
}
.shop .content .search .tab .list{
	margin-bottom: 10px;
}
.shop .content .search .tab .list input{
	width:65%;
	border: 1px solid #efebeb;
	    line-height: 25px;
		padding-left:5px;
		box-sizing: border-box;
}
.shop .content .search .tab .list select{
width:65%;
	border: 1px solid #efebeb;
	padding-left:5px;
	box-sizing: border-box;
	    line-height: 25px;
		background: url(../images/xl.png) no-repeat right 5px center/20px;
}
.shop .content .search .tab .list select.small{
	width:30%;
	margin-right: 4.7%;
}
.shop .content .search .tab .list span{
	font-weight: bold;
	width: 150px;
	font-size: 14px;
	text-align: right;
	display: inline-block;
	margin-right: 30px;
}
.shop .content .search button{
	background:url(../images/bg.png) no-repeat center center;
	width: 225px;
	line-height: 64px;
	text-align: center;
	font-size: 20px;
	color:#fff;
	display: block;
	margin:0 auto;
	cursor: pointer;
}
.shop .content .search button:hover{
	opacity: .7;
}
.page{
	margin:20px 0;
	position: relative;
	
}
.page a{
	    background-color: #33e0ff;
	    color: #fff;
	    font-size:14px;
		text-align: center;
		display: inline-block;
		width: 40px;
		line-height: 40px;
		text-align: center;
}
.page form span{
	color: #fff;
		width: 45px;
		display: inline-block;
		font-size:16px;
		text-align: center;
}

.page a.active,.page a:first-child{
	border:1px solid  #33e0ff;
	background:none;
}
.shop .content .address .tab li span{
	    background-color: #01a4da;
		width: 15%;
		box-sizing: border-box;
		color:#fff;
		padding-left:10px;
		font-size: 16px;
		line-height: 40px;
		border-bottom:1px solid #fff;
}
.shop .content .address .tab .right{
	flex:1;
	line-height: 40px;
	background:#fff;
	border-bottom:1px solid #01a4da;
	padding-left:10px;
	box-sizing: border-box;
	font-size: 16px;
	padding-right: 40px;
	position: relative;
	display: flex;
}
.shop .content .address .tab .right a{
	position: absolute;
	right:10px;
	font-size: 16px;
	color: #01a4da;
}
.shop .content .address .tab  li{
	display: flex;
	justify-content: space-between;
}
.shop .content .address .tab ul{
	margin-bottom:10px;
}
.shop .content  .text{
	border:1px solid #33e0ff;
	padding:10px 15px;
	
}
.shop .content  .text p{
	font-size: 18px;
	color:#fff;
}
.container .box .fr .card_content{
	background-color: #fff;
	border:3px solid #fff;
	background-color: #13171b;
}
.container .box .fr .card_content .search{
	background:url(../images/25c4dbe.png) no-repeat center center/cover;
	padding:20px 4%;
	width:100%;
	margin:0 auto;
}
.container .box .fr .card_content .search h2{
	text-align: center;
	    color: #13171b;
	    font-weight: 900;
		font-size: 24px;
		margin-bottom: 20px;
}
	
.container .box .fr .card_content .search .list span{
	width:80px;
	display: inline-block;
	text-align:right;
	    color: #13171b;
		font-size: 16px;
	margin-right: 20px;
	font-weight: bold;
}
.container .box .fr .card_content .search .list input{
	flex:1;
	border: 1px solid #efebeb;
	line-height: 25px;
}

.container .box .fr .card_content .search .list{
	margin-bottom:10px;
}
.container .box .fr .card_content .search .list{
	display: flex;
	justify-content: space-between;
}
.container .box .fr .card_content .search .list .left,.container .box .fr .card_content .search .list .right{
	width: 50%;
}
.container .box .fr .card_content .search select{
	width:70%;
	border: 1px solid #efebeb;
	line-height: 25px;
	padding-left:5px;
	background:url(../images/xl.png) no-repeat right 5px center/20px;
}
.container .box .fr .card_content .search button{
	background:url(../images/bg.png) no-repeat center center;
	width: 225px;
	line-height: 64px;
	text-align: center;
	font-size: 20px;
	color:#fff;
	display: block;
	margin:15px auto;
	cursor: pointer;
	
}
.container .box .fr .card_content .search button:hover{
	opacity:.7;
}
.container .box .fr .card_content  .tabs{
	padding:20px 10px;
}
.page .tabtitle{
	position: absolute;
	right:0;
	top:0;
	z-index: 99999;
}
.page .tabtitle span{
	line-height: 30px;
	border-radius: 7px;
	background:url(../images/bg3.png) repeat-x center center;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	width: 130px;
	margin-left:10px;
	cursor: pointer;
}
.container .box .fr .card_content  .tabs a.link{
	width:334px;
	display: block;
	margin:0 auto;
	line-height: 30px;
	border-radius: 5px;
	background:url(../images/bg3.png) repeat-x center center;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.container .box .fr .card_content .tabs a.link:hover,.page .tabtitle span:hover{
	background:url(../images/4129cad.png) repeat-x center center;
}
.container .box .fr .card_content .tabs .list .tablist{
	display: none;
}
.container .box .fr .card_content .tabs .list .tablist:first-child{
	display: block;
}
.container .box .fr .card_content .tabs .list .tablist:first-child  li{
	float: left;
	width:178px;
	margin:0 5.5px 5px 0;
	height: 250px;
}
.container .box .fr .card_content .tabs .list .tablist:first-child  ul{
	text-align: center;
}
.container .box .fr .card_content .tabs .list .tablist:first-child li img{
	width: 100%;
	height: 100%;
}
.container .box .fr .card_content .tabcard{
	background:url(../images/bg6.png) no-repeat  left top/100%,url(../images/bg4.png) no-repeat  left  top,
	url(../images/bg4.png) no-repeat  right -3px top;
	padding:30px 30px 40px;
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-bottom: 20px;
}
.container .box .fr .card_content .tabcard>img{
	position: absolute;
	bottom:0px;
	width: 100%;
	left:0;
}
.container .box .fr .card_content .tabcard_left{
	width: 26%;
}
.container .box .fr .card_content .tabcard_left>img{
	width: 100%;
}

.container .box .fr .card_content .tabcard_left .rate{
	margin-top: 18px;
	    border:1px solid #00f7ff;
}
.container .box .fr .card_content .tabcard_left .rate>p{
	background: #00f7ff;
	line-height: 20px;
	text-align: center;
}
.container .box .fr .card_content .tabcard_left .rate .star{
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color:#fff;
}
.container .box .fr .card_content .tabcard_left .rate .star img{
	width: 20px;
}
.container .box .fr .card_content .tabcard_right{
	width: 72%;
}
.container .box .fr .card_content .tabcard_right img.phone-img{
	display: none;
}
.container .box .fr .card_content .tabcard_right p.titles{
	background:url(../images/bg5.png) no-repeat center center;
	line-height: 40px;
	color:#fff;
	font-size: 22px;
	
}
.container .box .fr .card_content .tabcard_right .num {
	display: flex;
	justify-content: space-between;
	margin:10px 0;
}
.container .box .fr .card_content .tabcard_right .num span{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color:#fff;
	font-size: 16px;
	width: 32%;
	line-height: 54px;
}
.container .box .fr .card_content .tabcard_right .num span:first-child{
	background:url(../images/3e0d0f4.png) no-repeat center center/100%;
}
.container .box .fr .card_content .tabcard_right .num span:nth-of-type(2){
		background:url(../images/72111dd.png) no-repeat center center/100%;
}
.container .box .fr .card_content .tabcard_right .num span:last-child{
		background:url(../images/d87e868.png) no-repeat center center/100%;
}
.container .box .fr .card_content .tabcard_right  .text{
	border: 1px solid #00f7ff;
	padding:10px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.container .box .fr .card_content .tabcard_right  .text img{
	width: 15%;
}
.container .box .fr .card_content .tabcard_right  .text .right{
	width:82%;
	
}
.container .box .fr .card_content .tabcard_right  .text .right span{
	font-size: 18px;
	color: #ffe100!important;
}
.container .box .fr .card_content .tabcard_right  .text .right  p{
	font-size: 16px;
	color:#fff;
}

.container .box .fr .card_content .tabcard_right .text2{
	border:1px solid  #ffe100;
	display: flex;
	justify-content: space-between;
	margin:20px 0 10px;
	align-items: flex-start;
	
}
.container .box .fr .card_content .tabcard_right .text2.color2 .right p.titles{
	background-image: linear-gradient(90deg,#13171b 13%,#bbff00 51%);
}

.container .box .fr .card_content .tabcard_right .text2.color3 .right p.titles{
	background-image: linear-gradient(90deg,#13171b 13%,#34d9fe 51%);
}

.container .box .fr .card_content .tabcard_right .text2.color4 .right p.titles{
	background-image: linear-gradient(90deg,#13171b 13%,#e86ce9 51%);
}

.container .box .fr .card_content .tabcard_right .text2.color2 .commonnum .fr{
	color: #bbff00;
	    border-left: 1px solid #bbff00;
}
.container .box .fr .card_content .tabcard_right .text2.color3 .commonnum .fr{
	color: #34d9fe;
	    border-left: 1px solid #34d9fe;
}
.container .box .fr .card_content .tabcard_right .text2.color4 .commonnum .fr{
	color: #e86ce9;
	    border-left: 1px solid #e86ce9;
}
.container .box .fr .card_content .tabcard_right .text2.color1{
		border:1px solid  #ffe100;
}
.container .box .fr .card_content .tabcard_right .text2.color2{
	border:1px solid  #bbff00;
}
.container .box .fr .card_content .tabcard_right .text2.color3{
	border:1px solid  #34d9fe;
}
.container .box .fr .card_content .tabcard_right .text2.color4{
	border:1px solid  #e86ce9;
}


.container .box .fr .card_content .tabcard_right .text3{
	border:1px solid  #ffe100;
}
.container .box .fr .card_content .tabcard_right .text2 img{
	width:128px;
	margin-top:-10px;
}
.container .box .fr .card_content .tabcard_right .text2 .right{
	width:72%
}
.container .box .fr .card_content .tabcard_right .text2 .right h2{
	color:#fff;
	font-size: 18px;
	line-height: 35px;
}
.container .box .fr .card_content .tabcard_right .text2 .right p.titles,.container .box .fr .card_content .tabcard_right .text3 p.titles{
	background:none;
	background-image: linear-gradient(90deg,#13171b 13%,#ffe100 51%);
	padding-left:15px;
	font-size: 14px;
	color:#fff;
	line-height: 25px;
}
	
.container .box .fr .card_content .tabcard_right .commonnum{
	display: flex;
	justify-content: space-between;
	
}
.container .box .fr .card_content .tabcard_right .commonnum .fl{
	width: 85%;
	padding-top:10px;
}
.container .box .fr .card_content .tabcard_right .commonnum .fr{
	width:45px;
	font-size: 14px;
	color:#ffe100;
	border-left:1px solid #ffe100;
	box-sizing: border-box;
	text-align: center;
	padding:10px 0 40px;
}
.container .box .fr .card_content .tabcard_right .commonnum .fr span{
	font-size: 14px;
	color:#fff;
	display: block;
}
.container .box .fr .card_content .tabcard_right .commonnum .fl p{
	font-size: 14px;
	color:#fff;
}
.container .box .fr .card_content .tabcard_right  .member-table{
	display: flex;
}
.container .box .fr .card_content .tabcard_right  .member-table li{
	flex:1;
	border-right: 1px solid #ffe100;
}
.container .box .fr .card_content .tabcard_right  .member-table li span{
	width: 100%;
	line-height: 20px;
	background:#fff;
	text-align: center;
	font-size: 12px;
	display: block;
}
.container .box .fr .card_content .tabcard_right  .member-table li p{
	font-size: 14px;
	color:#fff;
	padding:8px 0;
	text-align: center;
}
.container .box .fr .card_content .tabcard_right  .member-table li:nth-of-type(1) span{
	background:#ffe100;
}
.shop .content,.contact .content>p{
	font-size: 18px;
	color:#fff;
	margin-bottom: 30px;
}

#top{
	position: fixed;
	bottom:10%;
	right:10px;
	z-index:99;
	cursor: pointer;
}
#top img.second{
	display: none;
}
#top img.first:hover .second{
	display: block;
}
.contact .content .list{
	line-height: 40px;
	    display: flex;
	    justify-content: space-between;
}
	
.anmiao{
	 padding-top: 70px;/* 60px是导航栏高度 */
	    margin-top: -70px;
}
.contact .content .list span{
    background-color: #01a4da;
    width: 15%;
    box-sizing: border-box;
    color: #fff;
    padding-left: 10px;
    font-size: 16px;
    line-height: 40px;
    border-bottom: 1px solid #fff;
}
.contact .content .list input,.contact .content .list textarea{
	flex: 1;
	    line-height: 40px;
	    background: #fff;
	    border-bottom: 1px solid #01a4da;
	    padding-left: 10px;
	    box-sizing: border-box;
	    font-size: 16px;
	    padding-right: 40px;
	    position: relative;
	    display: flex;
		
		padding-left:10px;
	
}
.contact .content .list span.last{
	height: 210px;
}
.contact .content .list textarea{
	height: 210px;
	border:none;
	line-height: 20px;
}
.contact .content  button{
	background: url(../images/bg.png) no-repeat center center;
	width: 225px;
	line-height: 64px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	display: block;
	margin: 15px auto;
	cursor: pointer;
}
.contact .content  button:hover{
	opacity: .7;
}
.contact .content .event>span{
	display: block;
	width: 100%;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color:#fff;
	    background-color: #11b0d0;
border:1px solid #fff;
margin-bottom: 30px;
}
.contact .content .event ul{
	padding-left:10px;
}
.contact .content .event ul li{
	line-height: 25px;
	vertical-align: middle;
}
.contact .content .event ul li .square{
	width: 15px;
	height: 15px;
	display: inline-block;
	background:#fff;
	margin-right: 10px;
	vertical-align: middle;
}
.contact .content .event ul li  .time{
	font-size: 12px;
	margin-right: 10px;
	color:#fff;
		vertical-align: middle;
}
.contact .content .event ul li  font{
	font-size: 14px;
		vertical-align: middle;
	color:#fff;
}
.contact .content .event ul li  font:hover{
	color: #11b0d0;
}