body {
    line-height: 1.6;
}

.theme-font-color {
    color: #0a1b95;
}
.theme-bg-color {
    background: #0a1b95;
}

.store-wrap{
    width: 100%;
    height: 1.0rem;
    text-align: left !important;
    border-bottom: 0.01rem solid #d6d6d6;
    margin-bottom: .51rem;
    padding-bottom: .09rem;
}

.store-wrap input {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 73% !important;
    border-bottom: 0 !important;
}

#province li {
    margin-left: .54rem;
    border-bottom: 1px solid #d6d6d6;
    font-size: .45rem;
    line-height: 1.5;
    padding: .3rem .72rem .3rem 0;
    background: url(./img/all.png) no-repeat 9.72rem center;
    background-size: .24rem .42rem;
}
#store {
    background-color: #fff
}
#store label {
    display: block;
    overflow: hidden;
    position: relative;
}
#store [type=radio] {
    float: right;
    margin: 1.43rem .6rem 0 .72rem;
    -webkit-appearance: none;
    outline: none;
    width: .6rem;
    height: .6rem;
    background: url(./img/default.png);
    background-size: cover
}
#store [type=radio]:checked {
    background-image: url(./img/checked.png)
}
#store span {
    width: .6rem;
    height: .6rem;
    background: url(./img/loc1.png) center no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: .97rem;
    -webkit-transform: translateY(-50%);
}
#store ul {
    height: 100%;
    border-bottom: .01rem solid #dedede;
    box-sizing: border-box;
    margin-left: 2.55rem;
    padding-right: .42rem;
}
#store li {
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}
#store li:nth-child(1) {
    padding-top: .42rem;
    margin-bottom: .3rem;
    font-size: .48rem;
    -webkit-line-clamp: 1
}
#store li:nth-child(2) {
    -webkit-line-clamp: 2
}
#store li:nth-child(n+2) {
    font-size: .42rem;
    margin-bottom: .42rem
}
#store span,
#store li:nth-child(n+2) {
    color: #898989
}
#store label:last-child ul {
    border-bottom: 0
}
#more {
    float: right;
    line-height: .42rem;
    height: .42rem;
    background-size: .13rem .20rem;
    margin: .06rem 0 0 0;
    font-size: .36rem;
    color: #38d7d5;
    font-weight: normal;
}
.yoz-layout {
    width: 10.8rem;
    height: 23.7rem !important;
    background: url(./img/poster.png) no-repeat center top;
    background-size: 100% auto;
    position: relative;
    text-align: center
}
.yoz-layout .reg-state {
    font-family: "方正悠黑";
    width: 4.3rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    border-radius: .6rem;
    color: #FFFFFF;
}
.yoz-layout .reg-state .state {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    color: #FFFFFF;
    font-size: 0.54rem;
    font-weight: bold;
    color:#FFFFFF
}
.yoz-layout .reg-state .tip-text {
    margin: 0;
    margin-top: 0.09rem;
    font-size: 0.3rem;
    color: #999999;
    text-align: center;
    font-weight: normal;
}
.index_wrap {
    width: 9.95rem;
    height: auto;
    position: absolute;
    top: 5.8rem;
    left: 50%;
    margin-left: -4.925rem;
}
.index_main {
    width: 7.75rem;
    height: auto;
    float: left;
    background-color: #FFFFFF;
    padding: .5rem 1.1rem .5rem 1.1rem;
    text-align: left;
    border-radius: .1rem;
    box-shadow: 0 0 .8rem 0.2rem rgba(0, 0, 0, .1);
    line-height: .65rem;
    font-family: "方正悠黑";
}
.index_main .act_time span {
    font-weight: normal;
}
.index_main .titles {
    font-size: .45rem;
    font-family: "OPPOFont-B";
    margin-bottom: .1rem;
    text-align: center;
}
.index_main .list {
    font-size: .36rem;
    color: #727272;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
}
.index_main .adress_msg {
    font-size: .3rem;
    color: #acabab;
}
.index_main .adress_store b {
    font-size: .36rem;
    color: #727272;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: "OPPOFont-M-W";
    font-weight: 500;
    line-height: .65rem;
}
.index_main .adress_store {
    font-size: .3rem;
    color: #acabab;
    line-height: .4rem;
}
.index_wrap .list_box {
    width: 100%;
    height: auto;
    float: left;
    margin: .6rem auto .5rem;
}
.index_wrap .list_box ul li {
    width: 100%;
    height: 2.65rem;
    line-height: 2.65rem;
    border-radius: .1rem;
    box-shadow: 0 0 .8rem 0.2rem rgba(0, 0, 0, .1);
    overflow: hidden;
    margin-bottom: .5rem;
}
.index_wrap .list_box ul li .list_img {
    width: 3rem;
    height: 100%;
    float: left;
}
.index_wrap .list_box ul li:nth-child(1) .list_img {
    background: url(./img/list_img1.png) no-repeat center;
    background-size: cover;
}
.index_wrap .list_box ul li:nth-child(2) .list_img {
    background: url(./img/list_img2.png) no-repeat center;
    background-size: cover;
}
.index_wrap .list_box ul li:nth-child(3) .list_img {
    background: url(./img/list_img3.png) no-repeat center;
    background-size: cover;
}
.index_wrap .list_box ul li .list_txt {
    width: 5.5rem;
    height: 100%;
    padding: .1rem .7rem 0 .7rem;
    float: right;
    font-size: .32rem;
    color: #727272;
    text-align: left;
    line-height: 1rem;
}
.index_wrap .list_box ul li:nth-child(1) .list_txt {
    padding-top: .2rem;
}
.index_wrap .list_box ul li .list_txt .tiltes {
    font-size: .42rem;
    color: #363636;
    font-family: "OPPOFont-B";
}
.index_wrap .list_box ul li .list_txt .desc {
    line-height: .4rem;
    font-family: "OPPOFont-M-R";
}
.register-page {
    width: 8.8rem;
    height: 18.2rem;
    background-color: #FFFFFF;
    border-radius: .3rem;
    position: absolute;
    padding: 2.3rem 1rem 1.4rem 1rem;
    text-align: center;
}
.register-page p.tip-text {
    font-size: 0.36rem;
    margin: 0;
    margin-bottom: 1.41rem;
    color: #363636;
    text-align: center;
    font-family: "OPPOFont-B";
}
.register-page .form-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
}
.submit-btn {
    width: 6.85rem;
    height: 1.2rem;
    line-height: 1.2rem;
    background: #86c7fb;
    display: block;
    margin: 1.02rem auto .27rem;
    font-size: .54rem;
    font-weight: bold;
    color: #fff;
    border-radius: .2rem;
    text-align: center;
}
.submit-btn[disabled] {
    background: #f5f6f7;
    color: #bbc0cb;
}
.register-page .form-control input {
    width: 100%;
    height: 1.08rem;
    outline: unset;
    font-size: 0.48rem;
    margin-bottom: 0.51rem;
    color: #363636;
    border: none;
    border-bottom: 0.01rem solid #d6d6d6;
}
.register-page h2 {
    display: inline-block;
    vertical-align: middle;
    font-size: .76rem;
    color: #0a1b95;
    font-family: "OPPOFont-B";
}
.register-page .friend {
    position: relative;
}
.register-page .friend .hint {
    position: absolute;
    top: .27rem;
    left: 32%;
    display: inline-block;
    font-size: .48rem;
    color: #363636 !important;
    width: 2rem !important;
    height: auto !important;
    border: none !important;
}


.register-page .reg-tips {
    display: block;
    text-align: left !important;
}

.change {
    white-space: nowrap;
    line-height: 1.08rem;
    height: 1.08rem;
    margin: 0 0 0.51rem .36rem;
    font-size: .39rem;
    padding-right: .55rem;
    background: url(//hdstatic.oppo.cn/skeleton/1559453800769/static/images/jt.png) no-repeat right center;
    background-size: .45rem .42rem;
    color: #2db9a0;
}
.register-page .change {
    height: .6rem;
    line-height: .6rem;
    position: absolute;
    right: 0;
    top: .2rem;
    font-size: .48rem;
    color: #38d7d5;
}
.code-btn {
    position: absolute;
    right: 0;
    top: .1rem;
    background-color: #FFFFFF;
    font-size: .48rem !important;
    color: #38d7d5;
}
.friend input {
    color: initial !important;
}
.friend .friend_btn {
    width: .45rem;
    height: .45rem;
    background: url(//hdstatic.oppo.cn/skeleton/1551953677403/static/images/jt.png) no-repeat center;
    background-size: cover;
    display: inline-block;
    position: absolute;
    right: 0;
    top: .3rem;
    transform: rotate(90deg);
}
.safe-tip-text {
    width: 8.8rem;
    height: auto;
    font-size: .4rem;
    color: #cacaca;
    position: absolute;
    bottom: 2.2rem;
    text-align: center;
    font-family: "Times New Roman";
}
/*好友弹出*/
.fixed-page {
    display: none;
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
    overflow: hidden;
    width: 7.8rem;
    height: 15.4rem;
    border-radius: .3rem;
    position: absolute;
    top: 1.1rem;
    left: 50%;
    margin-left: -4.4rem;
    padding: 1rem 0.5rem 0;
    z-index: 999;
}
.fixed-inner {
    width: 8.26rem;
    height: auto;
    padding: 2.5% 2.5% 1.45% 2.5%;
    background-color: #f1f1f1;
    position: absolute;
    top: 14.45rem;
    left: 50%;
    margin-left: -4.4rem;
    display: none;
}
.fixed-page .form-control {
    width: 100%;
    display: inline-block;
}
.fixed-page .form-control input {
    height: 1rem !important;
    line-height: 1rem !important;
    outline: unset;
    font-size: 0.48rem;
    margin-bottom: 0rem;
    color: #a8a8a8;
    border: none;
    padding: 0 .4rem;
}
.fixed-page .form-control:nth-child(3) input {
    border: none;
}
.fixed-inner .friend input {
    color: #38d7d5;
}
.fixed-inner .friend .friend_btn {
    right: .5rem;
}
.dialog_btn {
    width: 100%;
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .45rem;
    color: #38d7d5;
    background-color: #f7f7f7;
    float: left;
    margin-top: .21rem;
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
    text-align: center;
}
.fixed-inner .dialog_btn {
    height: 1.18rem;
    line-height: 1.18rem;
}
/*弹窗*/
.dialog_wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, .6);
    display: none;
}
.dialog_wrap .dialog_inner {
    width: 9.1rem;
    height: 4.3rem;
    border-radius: .2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2.15rem;
    margin-left: -4.55rem;
    background-color: #FFFFFF;
    font-size: .42rem;
    color: #363636;
    text-align: center;
    line-height: 1.1rem;
}
.dialog_wrap .dialog_inner .titles {
    font-size: .48rem;
    color: #363636;
    font-weight: bold;
    padding-top: .5rem;
}
.dialog_wrap .btn_group {
    width: 100%;
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .45rem;
    color: #363636;
    background-color: #f7f7f7;
    float: left;
    margin-top: .21rem;
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
    position: relative;
}
.dialog_wrap .btn_group:after {
    content: "";
    width: 2px;
    height: 1.12rem;
    background-color: #d6d6d6;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -.56rem;
    margin-left: -.1rem;
}
.dialog_wrap .dialog_inner .btn_group .btns {
    width: 50%;
    height: 1.4rem;
    line-height: 1.4rem;
    float: left;
}
.dialog_wrap .dialog_inner .btn_group .know_more {
    color: #38d7d5;
}
.state .tip-text {
    display: none;
}
.index_wrap {
    width: 9.95rem;
    height: auto;
    position: absolute;
    top: 5.8rem;
    left: 50%;
    margin-left: -4.975rem;
}
.index_main {
    width: 7.75rem;
    height: auto;
    float: left;
    background-color: #FFFFFF;
    padding: .5rem 1.1rem .5rem 1.1rem;
    text-align: left;
    border-radius: .1rem;
    box-shadow: 0 0 .8rem 0.2rem rgba(0, 0, 0, .1);
    line-height: .65rem;
    font-family: "方正悠黑";
}
.index_main .act_time span {
    font-weight: normal;
}
.index_main .titles {
    font-size: .45rem;
    font-family: "OPPOFont-B";
    margin-bottom: .1rem;
}

.index_main>p {
    font-family: "OPPOFont-M-W";
}
.index_main .list {
    font-size: .36rem;
    color: #727272;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
}
.index_main .adress_msg {
    font-size: .3rem;
    color: #acabab;
}

.index_wrap .list_box {
    width: 100%;
    height: auto;
    float: left;
    margin-top: .6rem;
}
.index_wrap .list_box ul li {
    width: 100%;
    height: 2.65rem;
    line-height: 2.65rem;
    border-radius: .1rem;
    box-shadow: 0 0 .8rem 0.2rem rgba(0, 0, 0, .1);
    overflow: hidden;
    margin-bottom: .5rem;
}
.index_wrap .list_box ul li .list_img {
    width: 3rem;
    height: 100%;
    float: left;
}
/* .index_wrap .list_box ul li:nth-child(1) .list_img {
    background: url(//hdstatic.oppo.cn/skeleton/1551953677403/static/images/list1.jpg) no-repeat center;
    background-size: cover;
}
.index_wrap .list_box ul li:nth-child(2) .list_img {
    background: url(//hdstatic.oppo.cn/skeleton/1551953677403/static/images/list2.jpg) no-repeat center;
    background-size: cover;
}
.index_wrap .list_box ul li:nth-child(3) .list_img {
    background: url(//hdstatic.oppo.cn/skeleton/1551953677403/static/images/list3.jpg) no-repeat center;
    background-size: cover;
} */
/* .index_wrap .list_box ul li .list_txt {
    width: 5.5rem;
    height: 100%;
    padding: .1rem .7rem 0 .7rem;
    float: right;
    font-size: .32rem;
    color: #727272;
    text-align: left;
    line-height: 1rem;
}
.index_wrap .list_box ul li:nth-child(1) .list_txt {
    padding-top: .2rem;
}
.index_wrap .list_box ul li .list_txt .tiltes {
    font-size: .42rem;
    color: #363636;
}
.index_wrap .list_box ul li .list_txt .desc {
    line-height: .4rem;
} */
.age_box {
    width: 8.26rem;
    height: auto;
    padding: 0 2.5% 1.8% 2.5%;
    position: absolute;
    top: 11.3rem;
    left: 50%;
    margin-left: -4.4rem;
    background-color: #f1f1f1;
    text-align: center;
    font-size: .48rem;
    color: #a8a8a8;
    display: none;
}
.age_box p {
    line-height: .95rem;
}
.age_box ul li {
    width: 100%;
    height: .95rem;
    line-height: .95rem;
    float: left;
    background-color: #FFFFFF;
    margin-bottom: .1rem;
    border-radius: .1rem;
    font-size: .45rem;
    color: #a8a8a8;
}
.age_box ul .active {
    background-color: #38d7d5;
    color: #FFFFFF
}
.fixed-inner input {
    width: 94%;
    height: .95rem;
    line-height: .95rem;
    padding: 0 3%;
    float: left;
    background-color: #FFFFFF;
    margin-bottom: .1rem;
    border-radius: .1rem;
    font-size: .45rem;
    color: #a8a8a8 !important;
}
.register-page .sex_box {
    position: absolute;
    right: 0;
    bottom: .7rem;
    font-size: .42rem;
    color: #a8a8a8;
}
.register-page .sex_box i {
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: url(//hdstatic.oppo.cn/skeleton/1551953677403/static/images/sex1.png) no-repeat center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin: -.05rem .1rem 0 .1rem;
}
.register-page .sex_box .sex_act {
    background: url(./img/sex2.png) no-repeat center;
    background-size: cover;
}
.register-page .sex_box .sex_n {
    margin-right: .45rem;
}
.rule_box {
    width: 10.8rem;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 999;
    display: none;
}
.rule_box .rule_main {
    width: 6.75rem;
    height: 12.1rem;
    background-color: #FFFFFF;
    padding: 1rem 1.2rem;
    font-family: "OPPOFont-M-W";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6.7rem;
    margin-left: -4.575rem;
    border-radius: .2rem;
}
.rule_box .rule_main .close_rule {
    width: .5rem;
    height: 4px;
    background-color: #38d7d5;
    position: absolute;
    top: .4rem;
    right: .25rem;
    display: inline-block;
    border-radius: .1rem;
    transform: rotate(45deg);
}
.rule_box .rule_main .close_rule:before {
    content: "";
    width: .5rem;
    height: 4px;
    background-color: #38d7d5;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    border-radius: .1rem;
    transform: rotate(90deg);
}
.rule_box .rule_main .titles {
    text-align: center;
    font-size: .48rem;
    color: #363636;
    margin-bottom: .5rem;
}
.rule_box .rule_main ul li {
    width: 100%;
    margin-bottom: .5rem;
    font-size: .42rem;
    color: #363636;
    line-height: .58rem;
}
.register-page .open_rule {
    color: #363636;
    font-size: .36rem;
    text-decoration: underline;
    position: absolute;
    top: .4rem;
    right: .9rem;
    font-family: "OPPOFont-M-W"
}