@charset "UTF-8";
/*  Author:UED Version:1.0.0
*/
#container { max-width: 750px; margin: 0 auto; }

html { font-size: 50px; }

@media screen and (min-width: 320px) { html { font-size: 42.7px; } }
@media screen and (min-width: 360px) { html { font-size: 48px; } }
@media screen and (min-width: 375px) { html { font-size: 50px; } }
@media screen and (min-width: 414px) { html { font-size: 55.2px; } }
body, button, input, select, textarea { font: 12px/1.4 "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", sans-serif; }

h1, h2, h3, h4, h5, h6, b, strong { font-weight: normal; }

button, input, select, textarea { padding: 0; background: none; border: 0; font-size: inherit; -webkit-appearance: none; appearance: none; }

textarea:focus, input:focus, button:focus { outline: 0; }

input::-webkit-input-placeholder { color: #C8C8C8; }

i { font-style: normal; }

a { text-decoration: none; }

img { display: block; }

.flex { display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.flex > * { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

body{background:#47a4ff;}
.header,.content{position: relative;}
.slider{position:absolute;left:0.3rem;bottom:0.4rem;height:0.6rem;overflow:hidden;}
.slider-list{position: relative;}
.slider-list li{height:1.2rem;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;}
.slider-list li div{line-height: 0.6rem;height: 0.6rem;padding: 0 0.2rem 0 0.64rem;font-size: 0.24rem;position: relative;background: rgba(0,0,0,0.5);border-radius: 0.6rem;}
.slider-list li div p{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;color: #fff;max-width: 5.28rem;}
.slider-list li div img{position: absolute;left: 0.04rem;top: 50%;width:0.52rem;height:0.52rem;border-radius: 50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.slider-list li div p .name{margin-right: 0.12rem;}
.slider-list li div p .highlight{color:#fadd41;}
.content h1{font-size:0.34rem;color:#1E63EC;position: absolute;left:10.5%;top: 0;font-weight: bold;}
.table{position: absolute;top:0.5rem;left:10.5%;right:10%;}
.table table{font-size:0.24rem;text-align: center;}
.table table th{color:#555;font-weight: normal;height: 0.74rem;vertical-align: middle;}
.table table td{height: 0.68rem;vertical-align: middle;color: #333;text-align: center;}
.table table tr:nth-of-type(even){background: #EAF4FF;}
.table-tips{font-size: 0.22rem;color: #999;position: absolute;left: 10.5%;right:11%;bottom:30%;padding-top: 0.18rem;border-top: 1px dotted #3787FB;}
.activity-btn{position: absolute;left:50%;bottom:14%;background: url('../images/btn.png') no-repeat 0 0;-webkit-background-size: cover;background-size: cover;width:5.7rem;height:1.28rem;line-height: 1.1rem;text-align: center;font-size:0.46rem;color:#fff;font-weight: bold;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}