@charset "utf-8";
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-overflow-scrolling : touch;}
input[type="submit"], input[type="reset"], input[type="button"], input {resize: none;border: none;}
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:link,a:active,a:visited,a:hover {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,button,fieldset,legend,input,textarea,p,blockquote,th,td,a,menu1,nav,figure,figcaption{margin:0;padding:0;color:#333;text-decoration:none;font-family: var(--oraclesans);}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size:62.5%;}
body{background-color:#FFF;font-size:16px;margin:0 auto;}
table{border-collapse:collapse;border-spacing:0;font-family: var(--oraclesans);}
ul,ol,li{list-style:none}

.head-txt h2{float:left;}

/*header*/
header{background:#449ffa;}
.head-txt{font-size:.36rem;line-height:.76rem;color:#FFF;font-weight:bold;margin:.2rem 0 0 .2rem;}

@-moz-keyframes rightSpring{0%{margin-left:0px}
50%{margin-left:-30px}
100%{margin-left:0px}
}@-moz-keyframes leftSpring{0%{margin-left:0px}
50%{margin-left:30px}
100%{margin-left:0px}
}@-webkit-keyframes rightSpring{0%{margin-left:0px}
50%{margin-left:-30px}
100%{margin-left:0px}
}@-webkit-keyframes leftSpring{0%{margin-left:0px}
50%{margin-left:30px}
100%{margin-left:0px}
}
@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;}}
.mod-box{overflow:hidden}
.mod-box .swiper-container{clear:both;padding-top:8px}
.g-rank-bd li {border-bottom: 1px dashed #eaeaea;position: relative;background: #fff; padding: 17px 0 17px 10px; }
.g-rank-bd li p{ font-size: .4rem; color: #639dcb;overflow: hidden; margin-bottom:3px;}
.margin10 {margin-top: 10px; }
.clearfix {zoom: 1;clear: both; }

a:hover {
    text-decoration: underline;
    color: #006b8f;
}

.container {
	background-color: white;
	width: 100%;
	text-align: center;
}
h1 {
	color: #333;
	margin-bottom: 20px;
}
p {
	color: #666;
	line-height: 1.6;
	margin-bottom: 25px;
}
.btn {
	display: inline-block;
	background-color: #07C160;
	color: white;
	padding: 12px 24px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: bold;
	transition: background-color 0.3s;
}
.btn:hover {
	background-color: #05a14e;
}
.icon {
	font-size: 48px;
	margin-bottom: 20px;
	color: #07C160;
}