html,
body {
margin: 0 auto;
}
.wrap {
width: 7.5rem;
margin: 0 auto;
background: url(../images/bg1.png) no-repeat;
background-size: contain;
height: 30.25rem;
padding-top: 2.5rem;
position: relative;
}
.from_wrap {
position: relative;
}
.from_wrap>p {
width: 6.40rem;
height: 0.71rem;
background: #7e6be9;
border-radius: .17rem .17rem 0 0;
line-height: 0.71rem;
font-size: 0.28rem;
font-family: SourceHanSansSC;
font-weight: 500;
color: #FFFFFF;
/* line-height: 17px; */
text-align: center;
margin: 0 auto;
z-index: 1000;
}
.from_wrap .info {
width: 6.4rem;
height: 3.00rem;
background: #FFFFFF;
border: 0.03rem solid #C9C9C9;
border-radius: 0 0 0.15rem 0.15rem;
border-top: none;
margin: 0 auto;
/* text-align: center; */
padding-top: 0.2rem;
padding-left: 0.93rem;
/* position: absolute;
top: 0;
right: 0.56rem;
z-index: 0; */
}
.from_wrap .info .address {
/* margin-top: .3rem; */
}
.from_wrap .info .telephone {
margin-top: .175rem;
}
.from_wrap .info .telephone .tele {
border: 0.02rem solid #cccccc !important;
}
.from_wrap .info .sub {
margin-top: .15rem;
/* text-align: center; */
margin-left: 1.05rem;
}
.address .s1 {
font-size: 0.2rem;
font-family: Microsoft YaHei;
font-weight: bold;
color: #FF0000;
line-height: 0.17rem;
}
.address .s2 {
font-size: 0.21rem;
font-family: SourceHanSansSC;
font-weight: bold;
color: #5D5D5D;
line-height: 0.14rem;
margin-right: .8rem;
}
.address .province_wrap {
width: 1.42rem;
height: 0.55rem;
border: 0.02rem solid #cccccc;
font-size: 0.21rem;
font-family: SourceHanSansSC;
font-weight: bold;
padding-left: 0.08rem;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: url(../images/jt.png) no-repeat 1.15rem center;
background-size: 0.12rem 0.10rem;
border-radius: 0.06rem;
line-height: 0.55rem;
}
.code_wrap {
margin-top: 0.17rem;
}
.code_wrap .s1 {
font-size: 0.2rem;
font-family: Microsoft YaHei;
font-weight: bold;
color: #FF0000;
line-height: 0.17rem;
}
.code_wrap .s2 {
font-size: 0.21rem;
font-family: SourceHanSansSC;
font-weight: bold;
color: #5D5D5D;
line-height: 0.14rem;
margin-right: .59rem;
}
.code_wrap .i_code {
width: 1.84rem;
}
.tab_wrap {
margin: 0 auto;
margin-top: 0.18rem;
background: rgba(251, 248, 248, 0.918);
height: 5.3rem;
width: 6.4rem;
}
.telephone .s1 {
font-size: 0.2rem;
font-family: Microsoft YaHei;
font-weight: bold;
color: #FF0000;
line-height: 0.17rem;
}
.telephone .s2 {
font-size: 0.21rem;
font-family: SourceHanSansSC;
font-weight: bold;
color: #5D5D5D;
line-height: 0.14rem;
margin-right: .38rem;
}
.info input {
line-height: 0.55rem;
width: 2.90rem;
height: 0.55rem;
/* border: 0.02rem solid #cccccc; */
font-size: 0.21rem;
font-family: SourceHanSansSC;
font-weight: bold;
padding-left: 0.08rem;
border-radius: 0.06rem;
}
.code_wrap .code {
line-height: 0.55rem;
/* display: inline-block; */
height: 0.55rem;
width: 1rem !important;
/* background-color: #ccc; */
font-weight: normal !important;
font-size: 0.18rem !important;
color: red;
padding: 0;
text-align: center;
}
.sub>input {
width: 2.28rem;
height: 0.43rem;
background: linear-gradient(248deg, #F28A47, #F88D36);
border: 0.02rem solid #ffffff;
border-radius: 0.05rem;
/* margin-right: -0.64rem; */
font-size: 0.22rem;
font-family: SourceHanSansSC;
font-weight: 500;
color: #FFFFFF;
line-height: 0.1rem;
}
.tab_wrap .header_tab {
display: flex;
justify-content: space-between;
align-items: center;
}
.tab_wrap .header_tab .header_item {
width: 2.13rem;
height: 0.5rem;
background: #F88D36;
text-align: center;
line-height: 0.47rem;
font-family: SourceHanSansSC;
font-size: 0.26rem;
}
.tab_wrap .header_tab .active {
background: rgba(251, 248, 248, 0.918);
color: #F88D36;
}
.tab_wrap .connent_tab {
margin-top: .2rem;
}
.tab_wrap .connent_tab .connent_item {
width: 5.83rem;
height: 3.91rem;
border: 0.01rem solid #A0A0A0;
margin: 0 auto;
padding-top: 0.17rem;
}
.tab_wrap .connent_tab .active {
display: block !important;
}
.tab_wrap .connent_tab .connent_item {
display: none;
}
.tab_wrap .connent_tab .connent_item .lbox {
height: .62rem;
line-height: .62rem;
display: flex;
/* justify-content: center; */
align-items: center;
padding: 0 .1rem;
}
.tab_wrap .connent_tab .connent_item .lbox>p {
border-bottom: .01rem solid #A0A0A0;
width: 5.16rem;
font-size: 0.22rem;
font-family: SourceHanSansSC;
font-weight: 500;
color: #000000;
margin-left: 0.16rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.tab_wrap .connent_tab .connent_item .lbox>i {
width: 0.09rem;
height: 0.09rem;
background: #8F82BC;
border-radius: 50%;
display: inline-block;
}
.erweima_wrap {
width: 6.4rem;
height: 2.54rem;
background: rgba(251, 248, 248, 0.918);
border: 0.03rem solid #C9C9C9;
border-radius: 0.3rem;
margin: 0 auto;
display: flex;
justify-content: space-around;
align-items: center;
padding: 0 .3rem;
margin-top: .17rem;
}
.erweima_wrap .item_ewm {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.erweima_wrap .item_ewm img {
width: 1.19rem;
height: 1.19rem;
}
.erweima_wrap .item_ewm>p {
font-size: 0.12rem;
font-family: SourceHanSansSC;
font-weight: 500;
color: #010000;
line-height: 0.22rem;
text-align: center;
width: 1.5rem;
margin-top: 0.2rem;
height: 0.36rem;
}
.footer_wrap {
height: 1rem;
background-color: #fff;
margin: 0 auto;
text-align: center;
margin-top: 0.2rem;
}
.footer_wrap p {
font-size: 0.22rem;
font-family: SourceHanSansSC;
font-weight: 500;
color: #010000;
line-height: 0.34rem;
}
.fixbox {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
display: none;
z-index: 3;
/* display: block; */
width: 7.5rem;
margin: 0 auto;
}
/* .fix {
position: absolute;
top: 61%;
left: 0%;
margin-left: -6rem;
margin-top: -5rem;
} */
.box1 {
/* background: rgb(245, 242, 242); */
width: 7.5rem;
height: -4.78rem;
/* opacity: 0.81; */
}
.box1 {
transform: translate(-60%, -84%);
top: 50%;
left: -51%;
position: absolute;
}
.box1 img {
width: 6rem;
height: 4rem;
}
.box1 a {
font-size: .16rem;
font-family: SourceHanSansSC;
font-weight: bold;
color: #FF0000;
position: absolute;
bottom: 1.61rem;
left: 2.14rem;
text-decoration: underline;
}
.fixbox .close {
position: absolute;
right: 2.33rem;
top: 0.54rem;
width: 0.36rem;
height: .36rem;
line-height: .36rem;
text-align: center;
border-radius: 50%;
background: red;
color: #ffffff;
z-index: 1000;
font-weight: 600;
font-size: 0.16rem;
}
.fixbox .close:hover {
background: rgba(253, 47, 47, 0.7);
}
.btn_wrap>a {
display: block;
width: 1.76rem;
height: 0.4rem;
background: #7e6be9;
border-radius: 0.1rem;
text-align: center;
font-weight: 600;
margin: 0 auto;
margin-top: .17rem;
line-height: .4rem;
color: #fff;
font-size: .24rem;
}
.connent_item :nth-child(6) .lbox>p {
border-bottom: none !important;
}
.fixbox .yxa {
width: 4rem;
height: .2rem;
margin: 0 auto;
/* background-color: red; */
text-decoration: none;
position: absolute;
bottom: 1.16rem;
left: 1.02rem;
text-decoration: underline;
}
.fy_wrap {
margin: 0 auto;
text-align: center;
margin-top: .17rem;
}
.fy_wrap img {
margin: 0 auto;
width: 6.39rem;
height: 9.13rem;
}
.code_box {
border: 0.02rem solid #bfbfbf;
display: inline-block;
/* width: 553px; */
text-align: center;
/* width: 2.90rem; */
border-radius: 0.06rem;
}
input {
background: none;
outline: none;
border: none;
}
input:focus {
border: none;
}
.chengxu_box {
border-radius: 0.15rem;
margin: 0 auto;
text-align: center;
width: 6.4rem;
background-color: #fff;
height: 6.06rem;
margin-top: 0.2rem;
}
.chengxu_box img {
border-radius: 0.15rem;
margin-top: 0.2rem;
width: 6.13rem;
height: 1.75rem;
box-shadow: 10px;
box-shadow: 0 0.03rem 0.2rem rgb(0 0 0 / 15%)
}