﻿
      @media (max-width: 1024px) {
        .pc_header{
            display:none!important
        }
        .apply_box{
            display:none;
        }
    }
     @media (min-width: 1025px) {
        .phone_header{
            display:none!important
        }
         .apply_box,
            .scheme_box{
                position: fixed;
                width:500px;
                height:470px;
                top: 20%;
                left: 30%;
                background-color: #fff;
                display: none;
                z-Index: 9999;
                border-radius:15px;
                padding:30px 40px;
                text-align:center;
                box-shadow: 0px 0px 24px 3px rgba(145,145,145,0.13);
            }
           
            .apply_box .title,
            .scheme_box p{
                font-size:30px;
                margin:0

            }
            .apply_box .input_box{
                margin:20px 0;
            }
            .apply_box .fill_in div,
            .drop_down{
                display:flex;
                justify-content:flex-start;
                align-items:center;
                margin-bottom:15px;
            }

            .apply_box .fill_in input,
             .drop_down select{
                width:100%;
                height:38px;
                background: #FFFFFF;
                border: 1px solid #DCDCDC;
                border-radius: 8px;
                outline:none;
            }
            .drop_down select option{
               font-size:18px;
            }
            .radio_box div{
                margin-bottom:15px;
                text-align:left;
            }
            .radio_box div span{
                margin-right:10px;
            }
            .apply_box button{
                width:100%;
                height:46px;
                background: linear-gradient(98deg, #0062FF 0%, #329BFD 100%);
                border-radius: 10px;
                border:none;
                color:#fff;
                margin-top:20px;
                font-size:20px;
            }
              .drop_down label{
                    width:140px!important;
              }
            .drop_down label,
            .apply_box .fill_in  p{
                width:120px;
                color:#969696;
                text-align:left;
                margin:0px;
                font-weight:400;
            }
            .apply_box  i{
                color:red;
                font-size:20px;
                margin-right:10px;
            }
    }

        .hidden{
            display:none;
        }
        .pc_header_box{
            width:100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 200;
            transition: all 0.4s;
            background:rgba(255, 255, 255, 0.8);
        }
        .pc_header{
            width:1200px;
            min-width:1200px;
            height: 75px;
            margin:0 auto;
            display: flex;
            justify-content:space-around;
            align-items: center;
            cursor: pointer;
            border-bottom:1px solid #eee;
        }
        .com_logo img{
            /*width:245px;*/
            height:60px;
        }
         .header_nav_ul{
             padding:0;
             margin:0;
             list-style:none;
         }
        .header_nav_ul .first_nav{
            float:left;
           /* padding-left:80px;*/
           width:125px;
            height:75px;
            font-size:18px;
            line-height:75px;
            text-align:center;
        }
         .header_nav_ul .first_nav a,
         .second_nav ul li{
             cursor:pointer;
         }
          .second_nav ul{
              list-style:none;
          }
         .header_button {
             height:75px;
             line-height:75px;
         }
        .header_button .login{
           width: 103px;
            height: 41px;
            line-height:40px;
            background: #FFFFFF;
            border: 1px solid #2D7AFF;
            border-radius: 5px;
            color:#2D7AFF;
            margin-right:12px;
        }
        .header_button .login:hover,
        .header_button .experience:hover{
            transition-duration:0.3s;
            transition-property:box-shadow;
            box-shadow:0 0 15px 0 #0370e5;
            cursor:pointer;
        }
        .header_button .experience{
            width: 118px;
            height: 40px;
            line-height:40px;
            background: #2D7AFF;
            border-radius: 5px;
            color:#fff;
            border:none;
        }
.second_nav_hide {
    position: absolute;
    text-align: center;
    padding: 0 20px 10px 20px;
    top: 75px;
    background-color: #fff;
    border-top: 1px solid #eee;
}
        .second_nav_box,
        .second_nav{
            display:flex;
        }
        .second_nav_box{
            width:1200px;
            min-width:1200px;
            margin:0 auto;
            line-height:40px!important;
            justify-content:center;
        }
            .second_nav_hide li {
                height: 50px;
                font-size: 16px;
                line-height:60px
            }
            /* .second_nav_box .second_box{
            margin:0 80px;
        }
         .second_nav_box .second_box ul{
             list-style:none;
         }
        .second_nav ul{
            margin:0;
            padding:0;
          
        }
        .second_nav_box{
            z-index:9;
        }
         .second_nav_box ul li{
            height:50px;
            font-size:16px;
         }
        .second_title{
            font-size:18px;
            color:#333;
            width:180px;
            text-align:center;
            font-weight:600;
        }
        .second_nav_box .second{
             border-bottom:1px solid #ccc;
        }*/
            .header_nav_ul a {
                text-decoration: none;
                color: #000;
            }
        .phone_header{
          width:100%;
        }
       .phone_header  .menu{
            width: 100%;
            background-color:rgba(255, 255, 255, 1);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 999;
       }
       .phone_header  .menu_box{
             display:flex;
             justify-content:space-between;
             align-items:center;
             padding: 0 4rem;
            height:8rem;
       }
       .phone_header  .menu_box i,
       .drawer-container i{
           font-size:5rem;
           color:#333;
       }
      .phone_header .logo{
          height: 90px;
          width: 90px;
      }
        .phone_header .logo a img{
            width:100%;
            height:100%;
        }
        .d-none {
            display: none;
        }
      /*.mask {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        transition: all 0.3s ease-in-out;
        z-index: 1000;
    }*/
      .drawer-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: rgba(255,255,255,0.9000);
        backdrop-filter: blur(40px);
        -webkit-backdrop-filter: blur(40px);
        z-index: 9999;
        bottom: 0;
        overflow-y: scroll;
        overflow-x: hidden;
    }
      .drawer-container .top{
          padding:0 4rem;
          height:8rem;
      }
      .drawer-container .top_box {
        width: 100%;
        height:8rem;
        display: flex;
       justify-content:space-between;
        align-items: center;
    }
        
        .item_body {
            /*height:50vw;
          overflow:hidden;
          overflow-y:scroll;*/
        }
    .align-center {
        align-items: center;
    }
    .flex-justify-between {
        justify-content: space-between;
    }
    .flex {
        display: flex;
    }
    .drawer-container .top_box .logo {
        width:90px;
        height:90px;
    }
.drawer-container .top_box .logo img{
    width: 100%;
    height: 100%;
}
    .font-bold{
         font-size:2.5rem ;
    }
    .pro_cell{
        width: 100%;
        height: 9rem;
        border-bottom: 1px solid #EAEAEA;
        display: flex;
        align-items: center;
        text-align: left;
        font-size: 2.5rem;
        color: #666;
        text-decoration: none;
        margin-left: 3rem;
    }
    .drawer_body {
        padding: 0 5rem;
        
    }
    .drawer_cell {
        color: #000;
        text-decoration: none;
        height: 9rem;
        border-bottom: 1px solid #ccc;
    }
    .nav_title:hover,
    .second_title:hover{
        color:#226AFF
    }
    .cover {
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 999;
}
