.hide{
    display: none;
}
html {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100%;

    margin: 0 auto;
    max-width: 750px;
    font-size: .32rem;
    color: #404040;
}
.fs-samll {
    font-size: .28rem;
}
.flex-content {
    flex: 1;
}
a {
    color: #333;
    text-decoration: none;
}
.flex {
    display: flex;
}
.flex-ai-center {
    align-items: center;
}
.flex-jc-between {
    justify-content: space-between;
}
.fc-red {
    color: #f00;
}
.fc-orange {
    color: #ef7f19;
}
.mt-1 {
    margin-top: .1rem;
}
.mt-2 {
    margin-top: .2rem;
}
.bold {
    font-weight: 600;
}
/*首页*/
nav {
    position: fixed;
    width: 100%;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f5f5f5;
    max-width: 750px;
    z-index: 9;
}
nav .itm {
    width: 33.333%;
    text-align: center;
    padding: .3rem 0;
    box-sizing: border-box;
    border-bottom: 2px solid #f5f5f5;
}
nav .itm.active {
    border-bottom: 2px solid #f00;
}
.content {
    padding-bottom: 1rem;
}
.sign-wrap {
    margin: .3rem .2rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sign-btn {
    display: block;
    text-align: center;
    padding: .2rem .1rem .16rem;
    width: 94%;
    box-sizing: border-box;
    color: #fff;
    border-radius: .1rem;
    font-size: .30rem;
    line-height: 1.3;
    margin: .1rem auto;
    width: 47%;
}
.sign-orange {
    background: #ff921d;
    border-bottom: .05rem solid #ef7f18;
}
.sign-green {
    background: #00b94e;
    border-bottom: .05rem solid #138d46;
}
.sign-blue {
    background:#00bcd4;
    border-bottom:.05rem solid #2c909c;
}
.sign-gray {
    background: #9c9c9c;
    border-bottom: .05rem solid #767676;
}
.sign-red {
    background: #e61911;
    border-bottom: .05rem solid #8f0100;
}
.rule-wrap {
    display: flex;
    padding: 0 .2rem;
    align-items: center;
}
.rule-wrap .rule-left {
    background: #ef7f18;
    color: #fff;
    width: 1rem;
    padding: .3rem .1rem;
    margin-right: .2rem;
    text-align: center;
    line-height: 1.5;
    font-weight: 600;
    font-size: .36rem;
    box-sizing: border-box;
}
.rule-wrap .rule-right {
    width: 82%;
    text-align: justify;
    line-height: 1.5;
    font-size: .28rem;
}
.app-list{
	border-bottom: 1px solid #dfdfdf;
	padding:0;
    color: #000;
}
.app-list:first-of-type{
	padding-top:0px;
}
.app-list:last-of-type{
	border-bottom: none;
}
.app-list a{
	display: flex;
    align-items: flex-start;
	width: 100%;
	height:100%;
	padding:.2rem;
}
.app-list-pic{
    border-radius: 0px;
    min-width: 30%;
    max-width:30%;
    height: auto;
    background: none;
    margin:0;
    line-height: 0;
}
.app-list-pic img{
	border-radius:0px;
	width: 100%;
}
.app-list-txt{
    vertical-align: top;
    width: 60%;
    padding: 0;
    margin-left: 4% !important;
    font-size: .32rem;
    line-height: 1.4;
}
.mdui-list-item-three-line{
	height:auto;
}
.mdui-list-item-title{
	height:auto;
}
.list-time {
    color: #adadad;
    font-size: .28rem;
    margin-top: .2rem;
}
.swiper-container {
    margin: 0 .2rem .2rem;
}
.swiper-img {
    display: block;
    width: 100%;
}
/*.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0;
    display: flex;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 33.3333%;
    height: .1rem;
    display: block;
    margin: 0;
    border-radius: 0; 
}
.swiper-pagination-bullet-active {
    background: #ff921d;
}*/
.rule-bg {
    background: url(../images/rule_bg.png) top center repeat;
    background-size: 100%;
    min-height: 100vh;
    box-sizing: border-box;
}
.rule-top {
    display: block;
}
.rule-tips {
    display: flex;
    margin-top: 8px;
    align-items: baseline;
}
.rule-tips .num {
    width: 0.35rem;
    line-height: 0.38rem;
    height: .35rem;
    background: #ffe400;
    text-align: center;
    border-radius: 50%;
    margin-right: .2rem;
    font-size: .24rem;
    margin-top: .03rem;
}
.rule-tips .u-ct {
    width: 92%;
}
article {
    background: #fff;
    margin: .2rem;
    padding: .2rem;
    border-radius: 10px;
    line-height: 1.5;
}
.rule-top {
    display: block;
    height: 1.6em;
}
.back-index {
    background: #f0f0f0;
    border: 1px solid #8e8c8c;
    text-align: center;
    display: block;
    margin-top: 1em;
    padding: .5em;
}
.mescroll {
    position: fixed;
    max-width: 750px;
    top: 0;
    bottom: 4em;
    height: auto;
}
.guide-btn {
    display: inline-flex;
    align-items: center;
    padding: .1rem;
    margin: .2rem 0;
    border-radius: .1rem;
    border: 1px solid #a0a0a0;
}
.guide-icon {
    font-size: .48rem;
}
.rule-title {
    color: #ef7f18;
    font-weight: 600;
}
.pk-wrap {
    line-height: 1.6;
    font-size: .28rem;
    margin: 1em .8em 0;
}
.pk-time {
    font-size: .36rem;
    font-weight: 600;
    color: #ef7f18;
}
.pk-ct {
    line-height: 1.8;
    text-align: justify;
    margin-top: .1rem;
}
.ad-pic {
    width: 100%;
    box-sizing: border-box;
    padding: 0 .2rem;
    margin: .2rem 0;
    display: block;
}
.ad-pic img {
    display: block;
    width: 100%;
}
.glod-list {
    list-style: none;
    padding: 0;
    margin: .2rem 0 0;
}
.glod-list li {
    background: #f5f5f5;
    padding: .2rem;
    font-size: .28rem;
    margin-top: .2rem;
}
.gold-table {
    margin-top: .1rem;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.gold-table tr {
    width: 100%;
}
.gold-table th {
    padding: .1rem;
    text-align: center;
    border: 1px solid #000;
    vertical-align: middle;
}
.gold-table td {
    padding: .1rem;
    text-align: center;
    border: 1px solid #000;
    vertical-align: middle;
}
.mt-2 {
    margin-top: .2rem;
}