.index{
  background:rgba(212,165,96,1);
  width:100%;
  min-height:100%;
  height:auto;

 max-width: 640px;
 margin: auto;
 
}

.index_box{
    padding:0 1rem;
    min-height:40rem;
    display:flex;
    padding-top: 1rem;
    padding-bottom: 5rem;
}
.index_box .left{
  min-height:40rem;
  background:#fff;
  border-radius: 0.5rem;
  width:85%;
}
.index_box .left .left_box{
    padding:0.6rem;
}

/*1*/

.left_div1 .banner{
   width: 100%;
   /*height:10rem;*/
}
.swiper-slide {
   display: flex;
   align-items: center;
   justify-content:center;
}
.swiper-slide img {
   width: 100%;
   /*height:10rem;*/
}
.swiper-pagination-bullet-active{
   background:rgba(212,164,96,1) !important;
   opacity:1 !important;
}
.swiper-pagination-bullet{
   background:rgba(212,164,96,0.3);
   opacity:1;
}

.L1_content{
    width:100%;
}
.L1_content .d1{
    width:100%;
    color: #002545;
    height: 4rem;
    display: flex;
    align-items: center;
    border-bottom:1px solid rgba(3,71,154,0.06);
        font-weight: bold;
}
.L1_content .d2,.L1_content .d2 ul{
     width:100%;
}
.L1_content .d2 li{
    width:100%;
    min-height: 3rem;
    display: flex;
    flex-direction: column;
    border-bottom:1px solid rgba(3,71,154,0.06);
    padding:0.8rem 0;
}
.L1_content .d2 li .p1{
    color:rgba(141,145,168,1);
    font-size:0.9rem;
}
.L1_content .d2 li .p2{
     color: #002545;
     padding-top:0.4rem;
}
.L1_content .d3{
    display:flex;
    justify-content:center;
    align-items:center;
        padding: 2rem 0 1rem;
}
.L1_content .d3 img{
     width: 7rem;
}
   
/*2*/
.L2_content .d1{
    width:100%;
    color:rgba(0,37,69,1);
    height: 2.6rem;
    display: flex;
    align-items: center;
    border-bottom:1px solid rgba(3,71,154,0.06);
    padding-bottom:0.4rem;
        font-weight: bold;
}
.L2_content .d2,.L3_content .d2 ul{
     width:100%;
}
.L2_content .d2 li{
    width:100%;
    min-height: 3rem;
    display: flex;
    flex-direction: column;
    border-bottom:1px solid rgba(3,71,154,0.06);
    padding:0.8rem 0;
}
.L2_content .d2 li .p1{
    color:rgba(141,145,168,1);
    font-size:0.9rem;
    padding-bottom:0.4rem;
}
.L2_content .d2 li .p2{
     color: rgba(0,37,69,1);
     line-height: 1.6rem;
}
.L2_content .d3{
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 2rem 0 1rem;
}
.L2_content .d3 img{
     width: 7rem;
}

/*3*/
.L3_content .d1{
    width:100%;
    color:rgba(0,37,69,1);
    height: 2.6rem;
    display: flex;
    align-items: center;
    border-bottom:1px solid rgba(3,71,154,0.06);
    padding-bottom:0.4rem;
        font-weight: bold;
}
.L3_content .d2,.L3_content .d2 ul{
     width:100%;
}
.L3_content .d2 li{
    width:100%;
    min-height: 3rem;
    display: flex;
    flex-direction: column;
    border-bottom:1px solid rgba(3,71,154,0.06);
    padding:0.8rem 0;
}
.L3_content .d2 li .p1{
    color:rgba(141,145,168,1);
    font-size:0.9rem;
    padding-bottom:0.4rem;
    display: flex;
    flex-direction: column;
}
.L3_content .d2 li .p1 span{
   line-height: 1.6rem;
   font-size:1rem;
}

.L3_content .d2 li .p2{
     color:rgba(0,37,69,1);
     line-height: 1.6rem;
}
.L3_content .d3{
   display:flex;
    justify-content:center;
    align-items:center;
   padding: 2rem 0 1rem;
}
.L3_content .d3 img{
     width: 7rem;
}

.L3_divOne{
    /*width:100%;*/
    padding: 0 0.5rem;
}
.L3_divOne_d1{
    display:flex;
    align-items:center;
    justify-content:center;
}
.L3_divOne_d1 img{
        width: 9rem;
     padding-top:3rem;
}
.L3_divOne_d2{
    color: #002545;
     padding-top: 0.8rem;
}
.L3_divOne_d2 p{
      padding-top: 0.2rem;
    text-align: center;
    line-height: 1.4rem;
}
.L3_divOne_d3{
     height:3rem;
     position:relative;
     margin-top:2rem;
}

.L3_divOne_d3 input{
    height:3rem;
    border:none;
    outline:none;
    width:100%;
    background:rgba(249,250,255,1);
    border-radius:0.8rem;
    
       font-size: 0.8rem;
}
.L3_divOne_d3 img{
    position: absolute;
    top: 9px;
    right: 11px;
    width: 2rem;
}
.L3_divOne_d4{
     display:flex;
    justify-content:center;
    margin-top: 2rem;
}
.L3_divOne_d4 button{
      color: #fff;
   background: #002545;
    height: 3.4rem;
        border-radius: 1rem;

    width: 8rem;
    outline: none;
    border: none;
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.L3_divTow{
     padding: 0 0.5rem;
     display:none;
}
.L3_divTow_d1{
      padding-top: 1rem;
    line-height: 1.4rem;
    color: #002545;
    padding-bottom:1rem;
}
.L3_divTow_d2{
    padding:1rem 0;
    border-bottom: 1px solid rgba(3,71,154,0.06);
    border-top: 1px solid rgba(3,71,154,0.06);
}
.L3_divTow_d2 p{
    /*display:flex;
    align-items:center;*/
    line-height:1.4rem;
}
.L3_divTow_d3{
    padding:1rem 0;
}
.L3_divTow_d3 p{
    line-height:1.4rem;
}

/*4*/
.L4_content .d1{
    width:100%;
 color:rgba(0,37,69,1);
    height: 2.6rem;
    display: flex;
    align-items: center;
    padding-bottom:0.4rem;
        font-weight: bold;
}
.L4_content .d2 .d2_box1{
     width:100%;
     border-bottom:1px solid rgba(3,71,154,0.06);
     padding-bottom:0.6rem;
     color:rgba(141,145,168,1);
     font-size:0.9rem;
}
.L4_content .d2 .d2_box1 p{
    line-height:1.4rem;
}
.L4_content .d2 .d2_box2{
        padding: 0.8rem 0;
}
.L4_content .d2 .d2_box2 .t1{
    color: #002545;
}
.L4_content .d2 .d2_box2 .t1 p{
    line-height:1.4rem;
}
.L4_content .d2 .d2_box2 .t2{
    background: rgba(177,182,196,0.2);
    margin-top: 0.4rem;
    width: 100%;
    height: 12rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.6rem;
}
.L4_content .d2 .d2_box2 .t2 textarea{
    background:rgba(177,182,196,0.2);
    width: 90%;
    height:84%;
    border: none;
    outline: none;
    background:none;
    resize: none;
        padding: 1% 0;
            line-height: 1.6rem;
}
.L4_content .d2 .d2_box3{
}
.L4_content .d2 .d2_box3 .t1{
    display:flex;
    flex-direction:column;
}
.L4_content .d2 .d2_box3 .t1 .s1{
   color: #002545;
       line-height: 1.6rem;
}
.L4_content .d2 .d2_box3 .t1 .s2{
    color:rgba(141,145,168,1);
    font-size:0.9rem;
    padding-top:0.4rem;
    line-height:1.4rem;
    padding-top:0.4rem;
}

.L4_content .d2 .d2_box3 .input1_div{
    background:rgba(177,182,196,0.2);
    width: 100%;
    height: 3rem;
    border-radius: 2rem;
    display:flex;
    justify-content:center;
     margin-top:0.8rem;
}
.L4_content .d2 .d2_box3 .input1_div input{
    width: 90%;
    height: 100%;
    outline: none;
    border-radius: 2rem;
    border: none;
    background: none;
}
.L4_content .d2 .d2_box3 .input2_div{
    background:rgba(177,182,196,0.2);
    width: 100%;
    height: 3rem;
    border-radius: 2rem;
    display:flex;
    justify-content:center;
    margin-top:0.6rem;
}
.L4_content .d2 .d2_box3 .input2_div input{
    width: 90%;
    height: 100%;
    outline: none;
    border-radius: 2rem;
    border: none;
    font-size: 0.8rem;
    background: none;
}
.L4_content .d2 .d2_box4{
    display:flex;
    justify-content:center;
    margin-top: 2rem;
}
.L4_content .d2 .d2_box4 button{
   color: #fff;
   background: #002545;
    height: 3.4rem;
        border-radius: 1rem;

    width: 8rem;
    outline: none;
    border: none;
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.L4_content .d3{
    display:flex;
    justify-content:center;
    align-items:center;
    padding: 2rem 0 1rem;
}
.L4_content .d3 img{
     width: 7rem;
}


.L5_content{
    flex-direction: column;
    align-items: center;
    display:none;
}
.L5_content img{
    width:6rem;
     padding-top: 4rem;
}
.L5_content .p1{
    color: #03479a;
    padding-top:2rem;
    font-weight:bold;
}
.L5_content .p2{
    color: #8d91a8;
    font-size:0.9rem;
    padding-top:1rem;
        text-align: center;
}



.index_box .left .left_box .left_div{
    display:none;
     width: 100%;
}

.index_box .right{
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    width:15%;
}
.index_box .right .r_item{
    margin-top: 2rem;
    /*width: 3.6rem;*/
     width: 100%;
    height: 3.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 0 0.5rem 0.5rem 0;
    color:rgba(1,37,69,0.8);
    background: rgba(249,250,255,0.3);
}


.index_box .right .r_bottom{
   display: flex;
    justify-content: center;
    align-items: center;

}
.index_box .right .r_bottom img{
    width:2rem;
}


#active{
    background:#fff;
    color: rgba(1,37,69,1);
}
#left_active{
    display:block;
}



.index_bottom{
    display: flex;
    align-items: center;
    background: rgba(212,165,96,1);
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 1rem 0;
    max-width: 640px;
}
.index_bottom .left{
    height:3rem;
    flex:1;
    padding-left:1rem;
    position:relative;
}
.index_bottom .left input{
    height:3rem;
    border:none;
    outline:none;
    width:100%;
    background:#fff;
    border-radius:0.8rem;
    font-size: 0.8rem;
        text-indent: 0.8rem;
}
.index_bottom .left img{
    position: absolute;
    top: 9px;
    right: 11px;
    width: 2rem;
}
.index_bottom .right{
    height:3rem;
    width:6rem;
    display:flex;
    align-items:center;
    flex-direction:column;
    justify-content:center;
   background: #002545;
    color:#fff;
    margin-left:0.8rem;
    border-radius:0.8rem;
       margin-right: 1rem;
           font-size: 0.9rem;
}

*{
  scrollbar-width: none; 
  -ms-overflow-style:none; 
}
::-webkit-scrollbar {
  display: none;
}