body { background-color: #eff4fa; font-family: "Microsoft yahei light", "Microsoft yahei"; overflow: hidden }
@font-face { font-family: 'iconfont'; src: url('../font/iconfont.eot'); /* IE9*/ src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('../font/iconfont.woff') format('woff'), /* chrome、firefox */  url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ }
.iconfont { font-family: "iconfont" !important; font-size: 1em; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.index-pag { border-bottom: 2px solid #740411; width: 100%; position:relative; top: 0; left: 0px; overflow-x: hidden; overflow-y: auto; height: 100%; }
.list { margin: 20px 0 20px; }
.list .am-u-sm-6 { padding-left: .5rem; padding-right: .5rem; }
.list .list-box { background-color: #4e77d3; box-shadow: 0px 3px 0px #d1dcea; font-size: .8em; line-height: 2.8em; text-align: center; color: #fff; border-radius: 6px; margin-bottom: .8em; display: block; }
.list .list-box.active { background-color: #2b52a1; color: #fff;box-shadow: none;}
.index-btn{position: absolute; text-align: center; bottom: 18%;z-index: 100000000;/* background-color: #fff8ed; */}
.index-link .am-u-sm-centered { position: absolute; bottom: 20px; }
.index-link {text-align: center; position: relative }
.index-link a { font-size: 14px; color: #333; text-decoration: underline; }
.index-detail { position:fixed; top: 0; left: 0%; background-color: #fff; width: 100%; }
#header { position: absolute; left: 0; top: 0; z-index: 999; width: 100%; overflow: hidden; background: #4e77d3; }
#header .arrow-right { position: absolute; top: 0; right: 0; z-index: 10; text-align: right;height: 35px;line-height: 32px;padding-right: 3px;width: 20px;background-image: -webkit-linear-gradient(left, rgba(78, 119, 211, 0.1) 0%, rgba(78, 119, 211, 0.9) 50%, rgba(78, 119, 211, 1) 98%, #FFFFFF 100%); background-image: linear-gradient(left right, rgba(78, 119, 211, 0.7) 0%, rgba(78, 119, 211, 0.7) 40%,  rgba(78, 119, 211, 1) 98%); }
#header .arrow-left { position: absolute; top: 0; left: 0; z-index: 10; text-align: left;padding-left: 3px;height: 35px;line-height: 32px;width: 20px;background-image: -webkit-linear-gradient(right, rgba(78, 119, 211, 0.1) 0%, rgba(78, 119, 211, 0.9) 50%, rgba(78, 119, 211, 1) 98%, #FFFFFF 100%); background-image: linear-gradient(right left, rgba(78, 119, 211, 0.7) 0%, rgba(78, 119, 211, 0.7) 40%,  rgba(78, 119, 211, 1) 98%); }
#header .arrow:active i{color:#ffd200;}
.arrow-right i { font-size: 15px; color: #fff; -webkit-text-size-adjust: none;}
.arrow-left i { font-size: 14px; color: #fff; -webkit-text-size-adjust: none; transform:rotate(180deg)}
.arrow-left.swiper-button-disabled,.arrow-right.swiper-button-disabled{display:none;}
.swiper-slide{padding: 8px 0px 3px;/* min-width: 100px; */}
.tabs { width: 10000px; overflow: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s 0.3s ease-out; transition: all 0.3s ease-out}
.tabs a { font-size: 14px; padding: 0px 20px;  font-weight: normal; text-align: center; float: left; width: 100%; display: block; height: 24px; color: #fff; border-right: 1px solid #3d66ca; border-left: 1px solid #617ed8; }
.tabs .swiper-slide.active { background: url(../img/tab.jpg) no-repeat center center; background-size: cover; border-bottom: 3px solid #face87; }
#tabs-container .swiper-slide { height: 100%; /* margin-top: 36px; */ position: relative;top: 36px;background-color: #eff4fa; }
.index-table { margin-top: 10px; }
.index-table table { border: 1px solid #efd4a8; width: 100%; }
.index-table caption { font-size: 2rem; color: #4e77d3; font-weight: bold; line-height: 2em; padding-bottom: 10px; }
.index-table th { font-size: 14px; background-color: #9eb5e8; color: #fff; border: 1px solid #eff4fa; border-bottom: 1px solid #9eb5e8; padding: 5px; text-align: center; }
.index-table th:first-child { border-left: #9eb5e8;}
.index-table th:last-child { border-right: #9eb5e8;}
.index-table td { border: 1px solid #8ea6e2; padding: 5px; font-size: 14px; }
.index-table td:first-child { width: 15%; text-align: center; }
.index-table td:nth-child(2) { width: 30%; text-align: center; }
.index-table-img { margin-top: 10px; }
.index-table-img table { border:none; width: 100%; }
.index-table-img caption { font-size: 2rem; color: #4e77d3; font-weight: bold; line-height: 2em; padding-bottom: 10px; }
.index-table-img td{padding:0;}
.index-detail { width: 100%; min-height: 100%; z-index: 999; overflow-x: hidden; overflow-y: auto; transform: translateX(100%); -webkit-transform: translate3d(100%, 0%, 0px); -moz-transform: translate3d(100%, 0%, 0px); transform: translate3d(100%, 0%, 0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: -moz-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: -o-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.index-detail.show { -webkit-transform: translate3d(0px, 0%, 0px); -moz-transform: translate3d(0px, 0%, 0px); transform: translate3d(0px, 0%, 0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: -o-transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: translateY(0%) cubic-bezier(0.165, 0.840, 0.440, 1.000); }

/*4-4S*/
@media screen and (min-device-width: 320px) and (max-device-height: 500px){
.index-detail .index-link { display: none; }
#tabs-container { height: 500px !important; background: #eff4fa;}
.index-table td{font-size:12px;}
.index-btn{bottom: -10%;}
}

/*5-5S*/
@media screen and (max-device-width: 320px) and (min-device-height: 500px){
	.index-table td{font-size:12px;color: #484848;}
}

/*6*/
@media screen and (max-device-width: 375px) and (min-device-height: 667px) {
}

/*6S*/
@media screen and (min-device-width: 540px) and (min-device-height: 950px) {
}

/*360*1080*/
@media screen and (min-device-width: 360px) and (max-device-height: 640px) {
}