body,
ul,
li {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

/* 页面背景 */
body {
    padding-top: .8rem;
    background: #F5F5FA;
}

.content {
    width: 100vw;
}

/* 城市选择 */
.City {
    padding: 0 .65rem;
    height: 2.2rem;
    font-size: .65rem;
    color: rgb(153, 153, 153);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.City img {
    width: .35rem;
    height: .65rem;
}

/* 选择说明 */
.CityDes {
    margin-top: .6rem;
    margin-left: .65rem;
    font-size: .65rem;
    color: rgb(91, 122, 240);
}

/* 底部说明 */
.bottomCon {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.condition,
.flow {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cond {
    font-size: .75rem;
    color: rgb(0, 0, 0);
}

.condition ul li {
    font-size: .65rem;
    color: rgb(102, 102, 102);
}

.annotation {
    font-size: .65rem;
    color: rgb(102, 102, 102);
}

/* 注册流程| */
.flow p {
    font-size: .75rem;
    color: #000;
}

.flow div {
    width: 80%;
    font-size: .65rem;
    color: rgb(102, 102, 102);
}

/* 按钮 */
.btns {
    box-shadow: 0 0 .7rem rgba(19, 116, 205, 0.2);
}

/* 注册须知 */
.notice {
    margin-top: .8rem;
    padding: .45rem 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.notice div {
    margin-top: .07rem;
    margin-left: .3rem;
    font-size: .6rem;
    color: #000;
}

.notice span {
    color: rgb(255, 97, 112);
}

/* 下一步 */
.Next {
    padding: .9rem 0;
    font-size: .75rem;
    color: rgb(255, 255, 255);
    background: rgb(204, 204, 204);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 城市选择菜单  */
.CityMenu {
    position: fixed;
    top: 0;
    /* z-index: 1; */
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, .3);
}

.Menu {
    position: fixed;
    top: 0;
    right: -15rem;
    z-index: 9;
    width: 80%;
    height: 100vh;
    background: #fff;
}

/* 筛选 */
.screen {
    padding: .8rem 0;
    padding-left: .65rem;
    font-size: .6rem;
    color: rgb(102, 102, 102);
    background: rgb(230, 230, 230);
    background: ;
}

.Menu p {
    padding-left: .65rem;
    font-size: .6rem;
    color: rgb(102, 102, 102);
}

/* 城市列表 */
.Menu ul {
    width: 100%;
}

.Menu ul {
    margin: 0 .6rem;
}

.Menu ul li {
    margin-bottom: .6rem;
    margin-right: .4rem;
    padding: .4rem .65rem;
    display: inline-block;
    font-size: .6rem;
    color: rgb(102, 102, 102);
    background: rgb(230, 230, 230);
    border-radius: .25rem;
}

.add {
    background: linear-gradient(to right, rgb(62, 118, 210), rgb(94, 122, 243));
    color: #fff;
}