.topBar { display: flex; box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .1);}
.topBar li { cursor: pointer; flex: 1; text-align: center; padding: 1rem .5rem; border-bottom: .3rem solid transparent;}
.topBar li img { width: 80%;}
.topBar li.active {border-bottom:.2rem solid #f90; }

.into { width:calc(100% - 4rem); border-bottom: .1rem solid #eee; line-height: 5rem; font-size: 2rem; margin: 2rem;}
#one { padding: 2rem;}
#one dt { font-size: 1.4rem; margin-bottom: 1rem;}
#one dd { cursor: pointer; width: 40%; margin-right: 1rem; display: inline-block; background: #f4f4f4; border-radius: .5rem; line-height: 3rem; border: .1rem solid transparent; text-align: center; font-size: 1.2rem;}
#one dd.active { border: .1rem solid #c2a67f; color: #c2a67f; background: #faf9f4;}

#two { padding: 2rem; display: flex; flex-wrap: wrap;}
#two dt { font-size: 1.4rem; margin-bottom: 1rem;width: 100%;}
#two dd { cursor: pointer; margin:.5rem 1rem .5rem 0; display: inline-block; background: #f4f4f4; border-radius: .5rem; border: .1rem solid transparent; text-align: center; font-size: 1.2rem; width: calc(50% - 1rem); box-sizing: border-box;}
#two dd.active { border: .1rem solid #c2a67f; color: #c2a67f; background: #faf9f4;}
#two b { display: block; padding-top: 1rem; font-size: 1.2rem; font-weight: normal;}
#two p {font-size: 3rem;}
#two p i { font-size: 1.2rem; font-style: normal;}
#two del { color: #999; display: block; padding-bottom: 1rem;}
#two dd.active del {color: #c2a67f;}

.btn { cursor: pointer; background: #e54b57; display: block; margin: 1rem; border-radius: 2rem; line-height: 4rem; color: #fff; font-size: 1.4rem; text-align: center;}
.btn i { display: inline-block; font-style: normal; color: #fff;}
#three { padding: 2rem;}
#three dt { font-size: 1.4rem;}
#three dd { color: #999; font-size: 1.2rem; margin-top: .5rem; position: relative;}
#three dd span { color: #e54b57; display: inline-block; margin-left: .5rem;}
#three dd i { position: absolute;right: 0; top: 0;font-style: normal; color: #e54b57; cursor: pointer;}
#three dd i.active {color: #999;}

.pop,.payWap {display: none; background: rgba(0, 0, 0, .5); position: fixed; left: 0; bottom: 0; height: 100%; width: 100%; z-index: 1;}
.out {height: 100vh; display: flex; align-items: flex-end; justify-content: end;}
.inner { background: #fff; width: 100%;}
.inner h1 { position: relative; text-align: center; font-size: 1.4rem; border-bottom: .1rem solid #eee; height: 4rem;line-height: 4rem;}
.inner h1 img { position: absolute; left: 1rem; top: 1.25rem; width: 1.5rem;cursor: pointer;}
.inner h2 { text-align: center; font-size: 3rem; font-weight: bold; padding-top: 2rem; padding-bottom: 1rem;}
.inner h2 i { font-style: normal; font-size: 1.2rem; display: inline-block; margin-right: .5rem;}
.inner dl { margin: 0 2rem; padding-bottom: 10rem;}
.inner dl dd { border-bottom: .1rem solid #eee; position: relative; padding:1rem 0 1rem 5rem; text-align: right;}
.inner dl dd span { position: absolute; left: 0; top:30%;font-size: 1.25rem;}
.inner dl dd strong,.inner dl dd i { display: block; font-style: normal; font-weight: normal; font-size: 1.25rem;}
.inner dl dd i { color: #999; font-size: 1.2rem;}
.inner dl dd a { background: url(../images/right.png) right center no-repeat; background-size: 1.2rem; display: block; padding-right: 1.5rem; font-size: 1.25rem;}

.pay { cursor: pointer; display: block; border:0; background-color: #e54b57; color: #fff; border-radius: 2rem; height: 4rem; margin: 2rem; width: calc(100% - 4rem); font-size: 1.4rem;}

.wap { background: #fff; border-radius: .5rem; width: 70%; padding: 2rem;}
.wap p { text-align: center; font-size: 2rem; color: #e54b57; padding:1rem 0 3rem 0;}
.wap button {cursor: pointer; display: block; border:0; background-color: #e54b57; color: #fff; border-radius: 2rem; height: 4rem; width: 100%; font-size: 1.4rem;}