li{
    list-style:none;
}
a{
    text-decoration:none;
    cursor:pointer;
    color:#222;
}
a:hover{
    text-decoration:none;
}
input[type=text]{
    -webkit-appearance:none;
    -webkit-border-radius:0;
    outline:0;
}
select{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline:0;
}
ul{
    margin:0 auto;
    padding:0;
}
img{
    max-width:100%;
}
.clearfix:after{
    clear:both;
    display:block;
    visibility:hidden;
    height:0;
    content:"";}
.clearfix{
    *zoom:1;
}
h1,h2,h3,h4,h5,h6{margin: 0px;padding: 0px;}
.fl{float: left;}
.fr{float: right;}
.mr0{margin-right:0px!important;}
section{background:#0e152f;}
body{margin: 0px;padding: 0px;}
.ban{
    width:100%;
    height:16.625rem;
    background-image:url('../img/banner.png');
    background-repeat:no-repeat;
    background-size:100%;
    z-index:1;
    padding-left:0rem;
    box-sizing: border-box;
    line-height: 0.95rem;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.banner_btn{
    width: 8.5rem;
    height: 2.25rem;
    background: #d50011;
    border-radius: 10rem;
    font-size: .75rem;
    color: #ffff;
    font-weight: bold;
    text-align: center;
    line-height: 2.25rem;
    margin: 12.2rem 5.125rem 0px 5.125rem;
}
.one{
    width:18.75rem;
    margin:0px auto;
    margin-top:0rem;
    padding: 0rem 0px 0rem 0px;
}
.one_info{
    width:17.25rem;
    margin:.5rem .75rem 0rem .75rem;
    padding:0rem 0px;
    border-radius:.3rem;
}
.tit{
    width:17.25rem;
    height:1.5rem;
    text-align:center;
    color:#fcefdd;
    font-size:1.25rem;
    font-weight:bold;
    margin:0px 0rem;
    background:url('../img/tit.png')no-repeat center;
    background-size:95%;
        background-position-y: 0.55rem;
}
.tit span{
        background: linear-gradient(to bottom, #fee8ae, #fcefdf);
        background-clip: text;
        color: transparent;
        -webkit-background-clip: text;
}
.one_info_text{
    width:17.25rem;
    height:10.875rem;
    background:#f0d3a5;
    border-radius:0.5rem;
    margin:0.75rem 0rem 0px 0rem;
}
.one_info_text p{
    margin:1.375rem 0.75rem 0rem 0.75rem;
    float:left;
    font-size:0.7rem;
    line-height:1.15rem;
    color:#4e293a;

}
.one_info_btn{
    width:7.75rem;
    height:1.75rem;
    background: linear-gradient(to bottom, #fdba53, #f98e2b);
    line-height:1.75rem;
    text-align:center;
    font-size:0.75rem;
    color:#460a0a;
    font-weight:400;
    border-radius:1rem;
    margin:0.875rem 4.375rem 0rem 4.65rem;
}
.two{
    width:18.75rem;
    margin:0px auto;
    padding: 0rem 0px 0rem 0px;
}
.two_info{
    width:17.25rem;
    margin:.3rem .75rem;
    padding:1.2rem 0px;

    border-radius:.3rem;
}
.two_info_text{
    width:17.25rem;
    height:17.7rem;
    margin:1rem 0rem 0rem 0rem;
        background:url('../img/two-info.png')no-repeat center top;
    background-size:100%;
    padding:1.35rem 0rem 0rem 0.925rem;
    box-sizing:border-box;
}
.two_info_text_list{
    width:15.0rem;
    height:2.175rem;
    margin-bottom:0.425rem;
    position:relative;
}
.two_info_text_list:nth-child(1){
        background:url('../img/two-icon1.png')no-repeat center top;
    background-size:100%;
}
.two_info_text_list:nth-child(2){
        background:url('../img/two-icon2.png')no-repeat center top;
    background-size:100%;
}
.two_info_text_list:nth-child(3){
        background:url('../img/two-icon3.png')no-repeat center top;
    background-size:100%;
}
.two_info_text_list:nth-child(4){
        background:url('../img/two-icon4.png')no-repeat center top;
    background-size:100%;
}
.two_info_text_list:nth-child(5){
        background:url('../img/two-icon5.png')no-repeat center top;
    background-size:100%;
}
.two_info_text_list:nth-child(6){
        background:url('../img/two-icon6.png')no-repeat center top;
    background-size:100%;
}
.two_info_text_list span{
    position:absolute;
    font-size:1.5rem;
    color:#9a3803;
    top:1rem;
    left:.75rem;
}
.two_info_text_list p{
    float:left;
    font-size:.75rem;
    color:#9a3803;
    line-height:2.1rem;
    margin:0px 0px 0px 3.625rem;
}
.sreen{
    width:18.75rem;
    margin:0px auto;
    padding: 0rem 0px 0rem 0px;
}
.sreen_info{
    width:17.25rem;
    margin:.3rem .75rem 0rem .75rem;
    padding:1.2rem 0px 0px 0px;
    border-radius:.3rem;
}
.sreen_info_text{
    width:17.25rem;
    background:#f0d3a5;
    margin:0.75rem 0rem 0rem 0rem;
    padding:1.375rem 0rem 0rem 1.125rem;
    border-radius:0.25rem;
    box-sizing:border-box;
}
.sreen_info_text_h6{
    width:15.0rem;
    height:1.625rem;
    background:url('../img/sreen.png')no-repeat center;
    background-size:125%;
}
.sreen_info_text_h6 h6{
    float:left;
    font-size:0.75rem;
    color:#fdf8dd;
    line-height:1.625rem;
    margin-left:2rem;
}
.sreen_info_text_text{
    width:14.5rem;
    margin:0.325rem 0rem 0.625rem 0.25rem;
}
.sreen_info_text_text span{
    float:left;
    width:0.5rem;
    height:0.5rem;
    background:url('../img/sreen-span.png')no-repeat center;
    background-size:100%;
    margin:.4rem .3rem;
}
.sreen_info_text_text p{
    color:#47160d;
    font-size:0.7rem;
    float:left;
    line-height:1.1rem;
    margin:0px;
}
.four{
    width:18.75rem;
    margin:0px auto;
    padding: 0rem 0px 0rem 0px;
}
.four_info{
    width:17.25rem;
    margin:.3rem .75rem;
    padding:1.2rem 0px;
    border-radius:.3rem;
}
.four_info_text{
    padding-top:1rem;
    width:17.25rem;
    margin:1rem 0rem 0rem 0rem;
    height:21.5rem;
    background:#f0d3a5;
    border-radius:.25rem;
    position:relative;
    box-sizing:border-box;
}
.four_info_text p{
    width: 15.5rem;
    height: 3.3rem;
    font-size:0.7rem;
    color:#ab6d24;
    line-height:1.7rem;
    margin:0px auto;
}
.four_p1{
     background:url('../img/four-icon-1.png')no-repeat left;
background-size: 100%;
    padding: 0.6rem 0rem 0rem 2.3rem;
    box-sizing: border-box;
}
.four_p2{
position: relative;
    top: -0.5rem;
    line-height:1.5rem;
     background:url('../img/four-icon-2.png')no-repeat right;
    background-size:100%;
     padding: 0.6rem 0rem 0rem 2.3rem;
    box-sizing:border-box;
}
.four_p3{
position: relative;
    top: -1rem;
     background:url('../img/four-icon-3.png')no-repeat left;
    background-size:100%;
     padding: 0.6rem 0rem 0rem 2.3rem;
    box-sizing:border-box;
}
.four_p4{
position: relative;
    top: -1.5rem;
     background:url('../img/four-icon-4.png')no-repeat right;
    background-size:100%;
    padding: 0.6rem 2.5rem 0rem 2.3rem;
    box-sizing:border-box;

}
.four_p5{
position: relative;
    top: -2rem;
     background:url('../img/four-icon-5.png')no-repeat left;
    background-size:100%;
     padding: 0.6rem 0rem 0rem 2.3rem;
    box-sizing:border-box;
}
.four_p6{
position: relative;
    top: -2.5rem;
     background:url('../img/four-icon-6.png')no-repeat right;
    background-size:100%;
     padding: 0.6rem 0rem 0rem 2.3rem;
    box-sizing:border-box;
}
.four_info_btn{
    width:11.75rem;
    height:2rem;
    margin:-2rem 2.25rem 0px 2.25rem;
}
.four_btn{
    width:5.5rem;
    height:1.625rem;
background: linear-gradient(to bottom, #fdba53, #f98e2b);
    border-radius:1rem;
    font-size:.75rem;
    color:#61330e;
    font-weight:400;
    text-align:center;
    line-height:1.625rem;
}
.five{
    width:18.75rem;
    margin:0px auto;
    padding: 0rem 0px 0rem 0px;
}
.five_info{
    width:17.25rem;
    margin:0rem .75rem;
    padding:1.175rem 0px 1rem 0rem;
    background:#1c2a5e;
    border-radius:.3rem;
}
.five_info .tit{
    width:16.25rem;
    margin:0px .5rem;
    color:#1c2a5e;
    background:none;
    font-size:1.1rem;
    -webkit-text-stroke: 1px #facb80; /* 宽度和颜色 */
      text-stroke: 1px #facb80;
}
.five_info_text{
    width:15.25rem;
    margin:1rem 1rem .5rem 1rem;
}
.five_info_text_list{
      position: relative;
    display: inline-block;
    width:100%;
    height:2.125rem;
    background-color: transparent;
    border:1px solid #ffdcaa;
    border-radius:2rem;
    margin-bottom:0.75rem;
}
.five_info_text_list::before {
  content: "";
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.3rem;
    background: url(../img/five-name.png) no-repeat center;
   background-size:100%;
  pointer-events: none;
}
.five_info_text_list:nth-child(2)::before{
      background: url(../img/five-iphone.png) no-repeat center;
   background-size:96%;
  pointer-events: none;
}
.five_info_text_list:nth-child(3)::before{
      background: url(../img/five-code.png) no-repeat center;
   background-size:96%;
  pointer-events: none;
}
.five_info_text_list input{
    float:left;
    width:9rem;
    height:2.125rem;
    line-height:2.125rem;
    background-color: transparent;
    border:none;
    font-size:.75rem;
    margin:0px 0px 0px 1rem;
        text-indent: 1.4rem;
}
.five_info_code{
    width:5rem;
    height:2.35rem;
}
.five_info_code span{
    float:left;
    width:1px;
    height:1.35rem;
    background:#aaaaaa;
    margin:.5rem 0px;
}
.five_info_code p{
    float: left;
    width:4.9rem;
    line-height:2.35rem;
    font-size:.7rem;
    text-align:center;
    margin:0px;
    color:#ffebcb;
    cursor:pointer;
}
.five_info_btn{
    width:8.175rem;
    height:1.675rem;
    background: linear-gradient(to bottom, #fdba53, #f98e2b);
    border-radius:2rem;
    font-size:0.75rem;
    line-height:1.675rem;
    text-align:center;
    font-weight:400;
    color:#61330e;
    margin:.5rem 2.875rem 0px 3.75rem;
}