@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; word-break: break-all; word-wrap: break-word;}
html { background: #efefef;}
body { width: 100%; max-width: 670px; min-height: 100vh; margin: 131px auto 0 auto; color: #222; font: 18px/1.4 Microsoft YaHei,Helvetica,sans-serif; border-right: solid 1px #999; border-left: solid 1px #999; box-sizing: border-box; background: #fff;}
@media screen and (max-width:670px){ 
body { font-size: 16px;}
}
input, select, button, textarea { margin: 0; padding: 0; vertical-align: middle; font-size: 100%; color: inherit; border: 0; font-family: inherit; outline: none; resize: none;}
input[type="text"] { -webkit-appearance: none;}
ol, ul {list-style: none;}
img { max-width: 100%; vertical-align: middle;}
a { text-decoration: none; color: inherit;}
:focus { outline: 0;}
table {	border-collapse: collapse; border-spacing: 0; line-height: 1.5;}

.img100 img { width: 100%;}
.mgb { margin-bottom: 7px;}
.txtC{ text-align: center;}
.yellow { color: #ff0!important;}
@keyframes scaleDraw {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
}
.zoom {
	display: inline-block;
	-webkit-animation-name: scaleDraw;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration:0.5s;
}

.listBox { border: solid 3px #8a2be2; border-top: 0; border-radius: 5px; overflow: hidden;}
dl.list { font-weight: bold;}
dl.list dt { padding: 5px; color: #fff; font-size: 24px; text-align: center; background: #8a2be2; border-bottom: solid 2px #8a2be2;}
dl.list dd { border-top: solid 1px #ccc;}
dl.list dd a { display: block; padding: 5px; background: url(../images/arrow.png) right center no-repeat;}
dl.list dd a:before { content: ""; display: inline-block; width: 31px; height: 12px; margin-right: 2px; background: url(../images/tj.gif) no-repeat; background-size: 100% 100%;}
@media screen and (max-width:670px){ 
dl.list dt { font-size: 20px;}
}

.listTit { padding: 5px; color: #fff; font-size: 24px; text-align: center; font-weight: bold; background: #8a2be2; border-bottom: solid 2px #8a2be2;}
@media screen and (max-width:670px){ 
.listTit { font-size: 20px;}
}

dl.listImg { font-weight: bold;}
dl.listImg dt { padding: 5px; color: #fff; font-size: 24px; text-align: center; background: #8a2be2; border-bottom: solid 2px #8a2be2;}
dl.listImg dd {}
dl.listImg dd img { width: 100%;}
@media screen and (max-width:670px){ 
dl.listImg dt { font-size: 20px;}
}

.tableBox { border: solid 3px #8a2be2; border-top: 0; border-radius: 5px; overflow: hidden;}
table.tableList { font-weight: bold; border: 0;}
table.tableList th { padding: 5px; color: #fff; font-size: 24px; background: #8a2be2; border: solid 2px #8a2be2;}
table.tableList td { padding: 5px; border: solid 1px #ccc;}
table.tableList th span,
table.tableList td span { color: #f00; background: #ff0;}
@media screen and (max-width:670px){ 
table.tableList th { font-size: 20px;}
}

/*--切换----------------------------------------------------*/
[id^="swiper-container2_"] {height: auto !important;}
[id^="swiper-container2_"] .swiper-wrapper {align-items: flex-start;}
[id^="swiper-container2_"] .swiper-slide {height: auto !important;}
.container{ margin:0 auto;}
.tabNav { padding: 0 10px; text-align: center; line-height: 40px; font-weight: bold; font-size: 18px; padding-bottom: 5px;}
.tabNav .swiper-slide {}
.tabNav .swiper-slide span { display: block; width: calc(100% - 10px); color: #fff; border-radius: 10px; background: #f00; cursor: pointer;}
.tabNav .swiper-slide.active-nav span { color: #fff; background: #000;}
.tabBox { overflow: hidden; background: #fff;}
@media screen and (max-width:670px){ 
.tabNav { line-height: 30px; font-size: 14px;}
}


.fixHead { width: 100%; max-width: 670px; border-right: solid 1px #999; border-left: solid 1px #999; box-sizing: border-box; position: fixed; left: 0; right: 0; top: 0; margin: auto; z-index: 9;}
.header { display: flex; align-items: center; height: 60px; color: #fff; background: #8a2be2;}
.header .logo { flex: 1;}
.header .logo img { width: auto; height: 55px;}
.header .rightApp { padding: 5px 5px 5px 0;}
.header .rightApp img { width: auto; height: 50px;}
.header .rightAppIn { padding: 0 7px; text-align: center;}
.header .rightAppIn img { width: 35px; height: 35px;}
.header .rightAppIn span { display: block; font-size: 12px;}

.kaij { height: 61px; border: solid 5px #fff; overflow: hidden;}
.kaijsj { padding: 5px; text-align: center; color: #008000; font-weight: bold; border: solid 2px #8a2be2; background: #ffc;}

.zd { text-align: center; font-weight: bold; background: #0F0;}
.zd td { padding: 10px; border: solid 1px #999;}

.footer { padding: 5px 0 90px 0; text-align: center; font-size: 14px; color: #fff; background: #8A2BE2;}
.footer dl { padding: 0 10% 30px 10%; background: url(../images/footimg.png) bottom center no-repeat;}
.footer dl dt { padding: 5px 0;}
.footer dl dd { padding: 5px 0; border-top: solid 1px rgba(0,0,0,.5);}

.footNav { display: flex; width: 100%; max-width: 670px; height: 60px; border-right: solid 1px #999; border-left: solid 1px #999; box-sizing: border-box; align-items: center; text-align: center; font-weight: bold; font-size: 16px; box-shadow: 0 -5px 5px rgba(0,0,0,.05); background: #fff; position: fixed; left: 0; right: 0; bottom: 0; margin: auto; z-index: 9;}
.footNav .item { flex: 1; position: relative; padding-top: 24px; cursor: pointer;}
.footNav .item img { width: 24px; height: 24px; position: absolute; top: 0; left: 0; right: 0; margin: auto;}
.footNav .item b { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 40px; font-size: 24px; font-weight: normal; border: solid 2px #fff; background: #8A2BE2; position: absolute; top: -20px; left: 0; right: 0; margin: auto;}
.footNav .item span { display: block;}
@media screen and (max-width:670px){ 
.footNav { font-size: 14px;}
}

.backTop { width: 80px; height: 80px; position: fixed; right: 20px; bottom: 90px; z-index: 10;}
.backTop img { width: 100%; height: 100%;}
@media screen and (max-width:670px){ 
.backTop { width: 60px; height: 60px; right: 0;}
}

.inTit { height: 40px; margin: 5px 0 10px 0; font-size: 26px; color: #fff; font-weight: bold; text-align: center; background: url(../images/tit.png) top center no-repeat; background-size: auto 100%; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}

.inBox { padding: 0 8px 8px 8px; font-weight: bold; border: solid 2px #8A2BE2; border-radius: 5px;}
.inBox .bigTit { font-size: 24px; padding: 15px 0;}
.inBox .tits { color: #d2b335; padding: 8px 0; border-bottom: solid 1px #ffeda4; border-top: solid 1px #ffeda4;}
.inBox .item { padding: 8px 0; border-bottom: solid 1px #ffeda4;}
.inBox .item span { color: #f00; background: #ff0;}
@media screen and (max-width:670px){ 
.inBox .bigTit { font-size: 22px; padding: 10px 0;}
}