@import "public.css";

body {
    /* IOS禁止微信调整字体大小 */
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}

.housekeep_box {
    background: #222a64 url('../image/motion_bg.png') no-repeat;
    background-size: 100% 47.3rem;
    overflow: scroll;
}

.motion_top_box {
    height: 11rem;
}

.motion_content {
    padding: 0 .5rem 1rem;
    margin-top: -2.8rem;
}

.motion_icon_list {
    height: 4.225rem;
    background: url('../image/motion_nav_list.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 9;
    padding: .45rem 1.45rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.icon_dl {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon_dd {
    width: 1rem;
    height: 1rem;
}

.icon_dt {
    font-size: .6rem;
    line-height: .6rem;
    color: #FFFFFF;
    margin-top: .225rem;
}

.motion_evm_box {
    background: #FFFFFF;
    border-radius: .75rem;
    margin: -1.375rem 0 .75rem;
    position: relative;
    z-index: 10;
    padding: .9rem .5rem .925rem;
}

.evm_op {
    font-size: .8rem;
    color: #666666;
    line-height: 1.25rem;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: .575rem;
    font-weight: bold;
}

.evm_op span {
    color: #277CFF;
}

.house_evm {
    width: 10.5rem;
    height: 10.5rem;
    background: url('../image/motion_evm.png') no-repeat;
    background-size: 100% 100%;
    margin: 0 auto .95rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.house_evm img {
    width: 9.5rem;
    height: 9.5rem;
    display: block;
}

.img_catch {
    pointer-events: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
}

.method_box {
    width: 16.75rem;
    height: 6.325rem;
    background: #F4F7FF;
    border-radius: .5rem;
    padding: .75rem .35rem .675rem .625rem;
}

.method_dl {
    display: flex;
    justify-content: space-between;
}

.method_op {
    font-weight: bold;
    font-size: .9rem;
    color: #333333;
    line-height: 1rem;
    margin-bottom: .475rem;
}

.method_op1 {
    font-size: .65rem;
    color: #666666;
    line-height: 1.125rem;
}

.method_dd {
    width: 4.525rem;
    height: 3.75rem;
}

.rule_box {
    background: #FFFFFF;
    box-shadow: inset 0px 2px 3px 0px #FFFFFF;
    border-radius: .75rem;
    padding: 1rem 1rem 1.15rem;
}

.rule_tit {
    width: 11.25rem;
    height: .9rem;
    margin: 0 auto .75rem;
}

.rules_centent {
    font-size: .6rem;
    color: #666666;
    line-height: 1rem;
    text-align: justify;
}
/* 温馨提示--弹窗 */
.popup_centenr_bgImg {
    position: relative;
    z-index: 999;
    width: 17.25rem;
    background: #FFFFFF;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4rem 1.25rem 2rem;
}
.popup_top_img{
    width: 7.95rem;
    height: 1.675rem;
    background: url('../image/motion_popup.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -.38rem;
    font-size: .9rem;
    color: #FFFFFF;
    line-height: 1.6rem;
    text-align: center;
}
.popup_writing_box{
    font-size: .75rem;
    color: #666666;
    line-height: 1.1rem;
    text-align: center;
    margin-bottom: 1.75rem;
    max-height: 7rem;
    overflow: scroll;
}
.enter_btn{
    width: 6.45rem;
    height: 2.15rem;
    background: #282C76;
    border-radius: 1.2rem;
    font-weight: 800;
    font-size: .9rem;
    color: #FFFFFF;
    line-height: 2.15rem;
    text-align: center;
}
img {
    display: block;
    width: 100%;
    height: 100%;
}