﻿* {
	margin: 0;
	padding: 0;
	border:0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body {
	max-width: 750px;
	margin: 0 auto;
	font-size: 14px;
}

ol,ul,li{list-style-type:none; list-style:none;}

a{text-decoration:none;outline:none;outline-width:0px;transition:all .28s linear;-moz-transition:all .28s linear;-webkit-transition:all .28s linear;-o-transition:all .28s linear;}

img { border:0px; max-width:100%;}



.dh{
	width: 100%;
	max-width: 750px;
	margin:0 auto;
	height:0.65rem; line-height:0.65rem;
}
.dh li{float:left;width:25%;text-align:center;line-height:0.65rem;border-right:1px solid #fff;background-color:#ff8f3b;}
.dh li a{color:#fff;font-size:0.22rem}


.ly-clear {
	clear: both;
}
.ly-hide {
	display: none;
}
.ly-animation-bell {
	display: inline-block;
	color: #F00;
	transition: 0.5s;
}
.ly-animation-bell.on {
	animation: ly-animation-bell 0.5s;
}
 @keyframes ly-animation-bell {
 0% {
transform:rotate(-5deg);
}
 20% {
transform:rotate(10deg);
}
 40% {
transform:rotate(-15deg);
}
 60% {
transform:rotate(20deg);
}
 80% {
transform:rotate(-15deg);
}
 100% {
transform:rotate(10deg);
}
}


.banner{width:7.5rem; margin: 0.3rem auto; height:7.48rem;position:relative;}
.banner a.cila{ position:absolute; top:0.45rem; right:0.35rem; display:block;width:2.6rem; height:0.45rem; border-radius:0.5rem;}
.banner a.cilb{ position:absolute; bottom:1.47rem; left:1.83rem; display:block;width:3.75rem; height:0.6rem; border-radius:0.5rem;}

.contetn{width: 7.5rem;height:auto;margin:0rem auto; }

.box1{width: 7.5rem;height:auto;margin:0rem auto;}
.box1 h1{text-align:center;  color:#0cc8c8; font-size:0.3rem;}
.box1 h3{text-align:center; color:#6a6a6a;margin-bottom:0.3rem;}
.box1 p{text-align:center; color:#6a6a6a; line-height:0.35rem;font-size:0.22rem;}


.box2{width: 7.5rem;height:auto;margin:0.4rem auto; }
.box2 img{text-align:center; margin:0rem auto;display:block;}
.box2 img.img1{width:1.4rem; height:1.55rem;}
.box2 h1{text-align:center;  color:#0cc8c8; font-size:0.3rem;margin:0.2rem 0;}
.box2 h2{text-align:center; color:#6a6a6a;font-size:0.22rem;}

.part5{width: 7rem;height:auto;margin:0.3rem;}
.part5 h2{color:#0cc8c8; font-size:0.3rem;}
.part5 p{ line-height:0.4rem;font-size:0.23rem;}
.part5 p.span{color:#0cc8c8;}



.part6{width: 7.5rem;height:auto;margin:0rem auto;}
.part6 p{text-align:center; color:#6a6a6a; line-height:0.35rem;font-size:0.25rem;}


@media screen and (min-width:300px) and (max-width: 480px){
	.txet{font-size:0.3rem}
	.dh li a{color:#fff;font-size:0.3rem}
}

.swt_footer{position:fixed;z-index:99;bottom:2rem;right:10px}

.fix-footer{width:7.5rem;min-width: 320px; position: fixed;bottom: 0;z-index: 99; margin: 0 auto;}
.fix-footer a{ display:block; position:absolute;width:3.75rem;height:.9rem; top:0px;border-radius:0.1rem;}
.fix-footer .asks{ left:0px; }
.fix-footer .askss{left:3.8rem;}



		   .yuyue1{
			   width:5rem;
        	border: none;
        	color: white;
        	outline: medium;
        	padding: 0 10px;
        	height: 0.5rem;
        	display: block;
        	margin: 0rem auto;
        	border-radius: 0.3rem;
        	font-weight: bold;
        	font-size: 0.25rem;
        	background-color: #21bfc2;
        	font-family: "Omnium-ExtraBold", "GenSenMaruGothicTWRegular";
        	animation: myBreath 1s linear infinite;
        	box-shadow: 0 0.08rem 0.2rem #d8d7d7;
			text-align:center; line-height: 0.5rem; 
			letter-spacing: 5px;
          }
          
            
             @keyframes myBreath {
            	0%{
            		transform: scale(0.88);
            	}
            	50%{
            		transform: scale(100%);
            	}
            	100%{
            		transform: scale(0.88);
            	}
            }
            .yuyue1 a{color:#fff;display:inline-block;}
		


.zx{width:7.5rem; height:0.6rem; margin:0.3rem auto; position:relative}
.zx a{width:3.75rem; height:0.6rem; display:block; position:absolute;bottom:0px;}
.zx a.zx1{left:0rem; background-color:red;}
.zx a.zx2{right:0rem;background-color:blue;}

