@font-face {
    font-family: "OPPOSans-M";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/service/OPPOSans-M.ttf) format("truetype") , url(../fonts/service/OPPOSans-M.woff) format("woff") , url(../fonts/service/OPPOSans-M.svg) format("svg");
    font-display: swap
}

@font-face {
    font-family: "OPPOSans-H";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/service/OPPOSans-H.ttf) format("truetype") , url(../fonts/service/OPPOSans-H.woff) format("woff") , url(../fonts/service/OPPOSans-H.svg) format("svg");
    font-display: swap
}
@font-face {
    font-family: "OPPOSans-B";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/ser/OPPOSans-B.ttf) format("truetype") , url(../fonts/ser/OPPOSans-B.woff) format("woff") , url(../fonts/ser/OPPOSans-B.svg) format("svg");
    font-display: swap
}@font-face {
    font-family: "OPPOSans-B";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/ser/OPPOSans-B.ttf) format("truetype") , url(../fonts/ser/OPPOSans-B.woff) format("woff") , url(../fonts/ser/OPPOSans-B.svg) format("svg");
    font-display: swap
}

@font-face {
    font-family: "OPPOSans-R";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/service/OPPOSans-R.ttf) format("truetype") , url(../fonts/service/OPPOSans-R.woff) format("woff") , url(../fonts/service/OPPOSans-R.svg) format("svg");
    font-display: swap
}

@font-face {
    font-family: "OPPOSans-B";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/service/OPPOSans-B.ttf) format("truetype") , url(../fonts/service/OPPOSans-B.woff) format("woff") , url(../fonts/service/OPPOSans-B.svg) format("svg");
    font-display: swap
}

@font-face {
    font-family: "OPPOSans-H";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/hr/OPPOSans-H.ttf) format("truetype") , url(../fonts/hr/OPPOSans-H.woff) format("woff") , url(../fonts/hr/OPPOSans-H.svg) format("svg");
    font-display: swap
}
.banner {
    display: block;
    width: 100%
}

* {
    margin: 0;
    padding: 0;
    border: 0
}

.title1 {
    font-family: OPPOSans-H;
    font-size: 1.0389610389610389rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.0389610389610389rem;
    letter-spacing: 0;
    color: #e3e3e3;
    opacity: .8;
    text-align: center;
    margin-top: 1.6883116883116882rem;
    margin-bottom: .4155844155844156rem
}

.lx {
    font-family: OPPOSans-M;
    font-size: .8051948051948052rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .8051948051948052rem;
    letter-spacing: 0;
    color: #000;
    text-align: center
}

.lx span {
    font-family: OPPOSans-M;
    font-size: .8051948051948052rem;
    font-weight: normal;
    letter-spacing: 0;
    color: #b71a30
}

.con1 {
    width: 16.12987012987013rem;
    height: 2.935064935064935rem;
    background-color: #b71a30;
    overflow: hidden;
    margin-bottom: 1.4285714285714286rem
}

.con1 p:nth-of-type(1) {
    font-family: OPPOSans-H;
    font-size: .8051948051948052rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .8051948051948052rem;
    letter-spacing: -.03896103896103896rem;
    color: #e3e3e3;
    opacity: .4;
    text-align: center;
    margin-top: .7792207792207793rem;
    margin-bottom: .12987012987012986rem
}

.con1 p:nth-of-type(2) {
    font-family: OPPOSans-M;
    font-size: .7792207792207793rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .7792207792207793rem;
    letter-spacing: 0;
    color: #fff;
    text-align: center
}

.ind {
    position: relative
}

.ind li {
}

.ipo {
    font-family: OPPOSans-R;
    font-size: .5194805194805194rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .7922077922077922rem;
    letter-spacing: -.012987012987012988rem;
    color: #222;
    margin-left: .7142857142857143rem;
    margin-bottom: .12987012987012986rem
}

.ipo span {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    letter-spacing: -.012987012987012988rem;
    color: #222
}

.addr {
    font-family: OPPOSans-R;
    font-size: .5194805194805194rem;
    font-weight: normal;
    letter-spacing: -.012987012987012988rem;
    color: #222;
    position: absolute;
    width: 7.6103896103896105rem;
    left: 7.662337662337662rem;
    top: -.012987012987012988rem;
    line-height: .9090909090909091rem
}

.addr span {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .7922077922077922rem;
    letter-spacing: -.012987012987012988rem;
    color: #222
}

.wx {
    overflow: hidden;
    margin: auto;
    width: 11.415584415584416rem;
    margin-top: 1.3766233766233766rem;
    margin-bottom: 1.2727272727272727rem
}

.wx li {
    float: left;
    margin-right: 1.1168831168831168rem;
    list-style: none;
    text-align: center;
    width: 2.8181818181818183rem
}

.wx li img {
    display: block;
    width: 100%;
    height: 2.8051948051948052rem;
    width: 2.8051948051948052rem;
    margin: auto
}

.wx li p {
    font-family: SourceHanSansCN-Normal;
    font-size: .4935064935064935rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .6623376623376623rem;
    letter-spacing: 0;
    color: #5b5b5b;
    margin-top: .2987012987012987rem
}

.wx li:last-child {
    margin-right: 0
}

.wx2 {
    width: 3.5454545454545454rem!important
}

.con {
    width: 14.493506493506494rem;
    margin: .7012987012987013rem auto 0
}

input::-webkit-input-placeholder {
    font-family: "OPPOSans-Bold";
    font-size: .2077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2077922077922078rem;
    letter-spacing: 0;
    color: #2a2a2a
}

.names {
    font-family: OPPOSans-R;
    font-size: .2077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2077922077922078rem;
    letter-spacing: 0;
    color: #7b7b7b;
    display: block;
    margin-bottom: .4077922077922078rem;
    margin-top: .6363636363636364rem;
    font-family: OPPOSans-R;
    font-size: .5714285714285714rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .15584415584415584rem;
    letter-spacing: -.012987012987012988rem;
    color: #7b7b7b;
}

.nameText,.iponeText,.referee {
    width: 100%;
    height: .5454545454545454rem;
    border: solid 1px #d0d0d0;
    text-indent: .12987012987012986rem;
    height: 1.4415584415584415rem;
    border: solid 1px #b9b9b9
}

.hidden {
    display: none!important
}

input::-webkit-input-placeholder {
    font-family: "OPPOSans-Bold";
    font-size: .2077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2077922077922078rem;
    letter-spacing: 0;
    color: #2a2a2a
}

.ipone {
    font-family: OPPOSans-R;
    font-size: .2077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2077922077922078rem;
    letter-spacing: 0;
    margin-top: .44155844155844154rem;
    color: #7b7b7b;
    display: block;
    margin-bottom: .4857142857142857rem;
    font-family: OPPOSans-R;
    font-size: .5714285714285714rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .15584415584415584rem;
    letter-spacing: -.012987012987012988rem;
    color: #7b7b7b;
    margin-top: 1.025974025974026rem;
}

.ans {
    display: block;
    font-family: OPPOSans-R;
    font-size: .2077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2077922077922078rem;
    letter-spacing: 0;
    color: #7b7b7b;
    margin-top: .4155844155844156rem;
    margin-bottom: .11688311688311688rem;
    font-family: OPPOSans-R;
    font-size: .5714285714285714rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .5714285714285714rem;
    letter-spacing: -.012987012987012988rem;
    color: #7b7b7b;
    margin-top: 1.2727272727272727rem;
    margin-bottom: .2857142857142857rem
}

.are {
    width: 100%;
    text-indent: 2em;
    height: 5.2727272727272725rem;
    border: solid 1px #b9b9b9
}

.sub {
    width: 1.7012987012987013rem;
    height: .4025974025974026rem;
    background-color: #b71a30;
    font-family: OPPOSans-B;
    font-size: .2077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4025974025974026rem;
    letter-spacing: 0;
    color: #fff;
    text-align: center;
    margin: 1.5454545454545454rem auto 2.5974025974025974rem;
    cursor: pointer;
    width: 5.545454545454546rem;
    height: 1.3246753246753247rem;
    background-color: #b71a30;
    font-family: OPPOSans-B;
    font-size: .6883116883116883rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.3246753246753247rem;
    letter-spacing: 0;
    color: #fff
}

.type {
    font-family: OPPOSans-R;
    font-size: .2077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2077922077922078rem;
    letter-spacing: 0;
    color: #7b7b7b;
    display: block;
    margin-bottom: .2857142857142857rem;
    display: block;
    font-family: OPPOSans-R;
    font-size: .5714285714285714rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .5714285714285714rem;
    letter-spacing: -.012987012987012988rem;
    color: #7b7b7b
}

.hidden {
    display: none!important
}

.selectPickerWrapper {
    position: relative;
    display: inline-block;
    width: 8.194805194805195rem;
    border: solid 1px #d0d0d0;
    width: 14.493506493506494rem;
    height: 1.4545454545454546rem;
    border: solid 1px #b9b9b9
}

.select-picker-search {
    width: 100%;
    height: 100%;
    line-height: .5194805194805194rem;
    border-radius: .05194805194805195rem;
    padding: 0 .12987012987012986rem;
    font-size: .18181818181818182rem;
    font-family: OPPOSans-B;
    font-size: .2077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.5064935064935066rem;
    letter-spacing: 0;
    color: #2a2a2a;
    cursor: pointer
}

.select-picker-search-checked {
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding-right: .2597402597402597rem;
    color: #2a2a2a;
    height: 100%;
    font-family: OPPOSans-R;
    font-size: .2077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #2a2a2a;
    font-family: 'OPPOSans-Bold';
    font-size: .2077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #2a2a2a;
    font-family: OPPOSans-B;
    font-size: .5714285714285714rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.5064935064935066rem;
    letter-spacing: 0;
    color: #2a2a2a;
    text-indent: .16883116883116883rem
}

.select-picker-search-checked:before,.select-picker-search-checked:after {
    content: "";
    height: .35064935064935066rem;
    width: .03896103896103896rem;
    display: block;
    background: #2a2a2a;
    position: absolute;
    right: .07792207792207792rem;
    top: .2077922077922078rem;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.select-picker-search-checked:after {
    right: 1.2077922077922079rem;
    top: .5064935064935064rem
}

.select-picker-search-checked:before {
}

.select-picker-search-checked:before {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    right: 1.4415584415584415rem;
    top: .5064935064935064rem
}

.select-picker-search.open>.select-picker-search-checked:before {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.select-picker-search.open>.select-picker-search-checked:after {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.select-picker-options-wrp {
    display: none;
    font-size: .18181818181818182rem;
    width: 100%;
    border-radius: .05194805194805195rem;
    box-shadow: 0 .025974025974025976rem .1038961038961039rem 0 rgba(0,0,0,.5);
    -webkit-box-shadow: 0 .025974025974025976rem .1038961038961039rem 0 rgba(0,0,0,.5);
    background-color: #292929;
    position: absolute;
    top: 1.3246753246753247rem;
    left: 0;
    background-color: #fff;
    border: solid 1px #d0d0d0;
    z-index: 999
}

.select-picker-search.open ~.select-picker-options-wrp {
    display: block
}

.select-picker-options-serch input {
    width: 2.727272727272727rem;
    height: .4155844155844156rem;
    line-height: .4155844155844156rem;
    border: 1px solid #292929;
    border-radius: .05194805194805195rem;
    margin: .15584415584415584rem 0 0 .12987012987012986rem;
    padding-left: .1038961038961039rem
}

.select-picker-options-serch input:focus {
    border-color: rgba(0,0,0,.5);
    outline: 0;
    box-shadow: 0 .025974025974025976rem .1038961038961039rem 0 rgba(0,0,0,.5);
    -webkit-box-shadow: 0 .025974025974025976rem .1038961038961039rem 0 rgba(0,0,0,.5)
}

.select-picker-options-list {
    width: 100%;
    padding: .1038961038961039rem 0
}

.select-picker-options-list-item {
    line-height: .4675324675324675rem;
    cursor: pointer;
    padding: 0 .15584415584415584rem;
    color: #fff;
    font-family: OPPOSans-B;
    font-size: .2077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1rem;
    letter-spacing: 0;
    color: #fff;
    font-family: OPPOSans-R;
    font-size: .6077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #2a2a2a;
}

.select-picker-options-list-item:last-child:after {
    display: none
}

.select-picker-options-list-item:hover {
    background-color: #b71a30;
    color: #fff;
    margin-left: -.012987012987012988rem;
    font-family: OPPOSans-Bold
}

.duihao {
    display: inline-block;
    width: .23376623376623376rem;
    height: .23376623376623376rem;
    border-radius: .025974025974025976rem;
    transform: translateY(.06493506493506493rem);
    margin-left: -.24675324675324675rem
}

.duihao-checked {
    border: 1px solid transparent;
    background: #00cea0;
    position: relative;
    opacity: 0
}

.duihao-checked:after {
    content: '';
    position: absolute;
    display: block;
    left: .07792207792207792rem;
    top: .025974025974025976rem;
    width: .06493506493506493rem;
    height: .12987012987012986rem;
    border: solid #262626;
    border-width: 0 .025974025974025976rem .025974025974025976rem 0;
    transform: rotate(45deg)
}

.duihao-nocheck {
}

.select-picker-options-list-alert {
    color: #fff;
    text-align: center;
    font-size: .18181818181818182rem;
    margin-bottom: .19480519480519481rem
}

.select-picker-btn-group {
    padding: .19480519480519481rem .12987012987012986rem .2597402597402597rem
}

.select-picker-btn-group .select-picker-btn-cancel {
    font-size: .18181818181818182rem;
    font-weight: 500;
    text-align: center;
    color: #02a7de;
    width: .6493506493506493rem
}

input.nameText::-webkit-input-placeholder {
    font-family: OPPOSans-B;
    font-size: .5714285714285714rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.4675324675324675rem;
    letter-spacing: 0;
    height: 1.4675324675324675rem;
    color: #2a2a2a
}

input.nameText:-moz-placeholder {
    font-family: OPPOSans-B;
    font-size: .5714285714285714rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.4675324675324675rem;
    letter-spacing: 0;
    height: 1.4675324675324675rem;
    color: #2a2a2a
}

input.nameText:-ms-input-placeholder {
    font-family: OPPOSans-B;
    font-size: .5714285714285714rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.4675324675324675rem;
    height: 1.4675324675324675rem;
    letter-spacing: 0;
    color: #2a2a2a
}

.namecon,.ipocon {
    position: relative
}

.namecon span,.ipocon span {
    position: absolute;
    font-family: OPPOSans-B;
    font-size: .5714285714285714rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .5714285714285714rem;
    letter-spacing: 0;
    color: #2a2a2a;
    left: .012987012987012988rem;
    top: .2rem;
    width: 100%;
    height: 1.4415584415584415rem;
    line-height: 1.4415584415584415rem;
    text-indent: .35064935064935066rem
}

body {
    width: 16rem;
    margin: auto
}

.map {
    width: 16.12987012987013rem;
    margin: 1.2207792207792207rem auto 0;
    margin-bottom: -.25rem
}