div,p,a,span{padding: 0;margin: 0;border: 0;}
.home_header{width: 100%;position: fixed;top:0;left:0;height: 70px;display: flex;justify-items: center;align-items: center;z-index: 9;}
.home_nav{width: 1200px;height: 70px;display: flex;justify-content: space-between;align-items: center;margin:0 auto;}
.logo{width:100px;height: 40px;margin-right: 30px;display: block;}
.logo img{width: 100%;}
.nav_ul{display: flex;justify-content: space-between;align-items: flex-start;width: 800px;height: 70px;}
.nav_li{color: #282828;font-size: 16px;display: block;width: auto;height: 68px;line-height: 68px;text-align: center;}
.nav_li:hover{text-decoration: none;color: #0a5bc4;}
.login{color: #282828;font-size: 16px;display: block;height: 40px;line-height: 40px;text-align: center; width: 100px;}
.login:hover{color: #FFFFFF;text-decoration: none;}
.login_ed:hover{color: #FFFFFF !important;text-decoration: none;}
.login_ed{background-image: linear-gradient(135deg,#006cff,#0af);
    border: none;border-radius: 2px; box-shadow: 0 14px 30px hsla(0,34%,55%,.15);
    color: #FFFFFF !important;cursor: pointer;font-size: 14px;
    font-weight: 500; height: 40px;line-height: 40px; outline: none;overflow: hidden;position: relative;text-align: center;
    width: 100px;}
.free_test{background-image: linear-gradient(135deg,#006cff,#0af);
    border: none;border-radius: 2px; box-shadow: 0 14px 30px hsla(0,34%,55%,.15);
    color: #fff;cursor: pointer;font-size: 14px;display: block;
    font-weight: 500; height: 40px;line-height: 40px; outline: none;overflow: hidden;position: relative;text-align: center;
    width: 100px;}
.free_test:hover{color: #FFFFFF;text-decoration: none;}
.fw{font-weight: bold;color: #282828;font-size: 16px;display: block;width: auto;height: 68px;line-height: 68px;text-align: center;}
.home_banner{width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;height: 450px;}
.banner{width: 100%;overflow: hidden;position: absolute;top:0 ;left:0;}
.banner img{width: 135%;}
.default{display: flex;justify-content: center;align-items: center;}/*transition: all 0.5s ease-in-out 0s;*/

.recommend{width: 1400px;height: 200px;margin:0 auto;position: relative;display: flex;justify-content: space-between;align-items: center;}
.left{height: 48px;opacity: .5;transition: opacity .5s;width: 48px;transform: rotate(180deg); }
.right{height: 48px;opacity: .5; transition: opacity .5s;width: 48px;}
.left img,.right img{width: 24px;height: 24px;}
.cricle{background: linear-gradient(270deg,#f0f5ff,#fff);border-radius: 50%;box-shadow: 0 30px 50px 0 rgba(76,89,141,.06);
    height: 48px;width: 48px;display: flex;justify-content: center;align-items: center;}
.recommend_con{width: 86%;display: flex;justify-content:space-between;align-items: flex-end;}
.recommend_unit:first-child{border-radius: 4px;align-self: flex-end;background-image: linear-gradient(135deg,#fff,#fff4e9);
    border: 1px solid #ffecd9;border-radius: 4px 0 0 4px;border-radius: 8px;box-shadow: 0 20px 80px 0 rgba(32,33,36,.06);cursor: pointer;
    box-sizing: border-box;height: 114px;padding: 22px 24px 0;position: relative;text-align: center;width: 288px;
    display: flex;flex-direction: column;justify-content: flex-end;align-items: center;color: #552700;}
.recommend_unit p{margin-bottom: 5px;}
.first_title{background-image: url("/static/images/vzan/statistics.png");background-repeat: no-repeat;position: absolute;left:140px;top:10px;
    transform: translateX(-50%) scale(.4714);width: 320px;height: 64px;}
.recommend_unit_img{position: absolute;width: 80px;height: 80px;right: 20px;top:30px;}

.recommend_unit{padding: 16px 24px;position: relative;text-align: center;width: 288px;cursor: pointer;
    background: #FFFFFF;border-radius: 8px;color: #0a0a0a;}
.recommend_unit_ed{padding: 16px 24px;position: relative;text-align: center;width: 288px;cursor: pointer;
    background-image: linear-gradient(135deg,#006cff,#0af);border-radius: 8px;color: #FFFFFF;}
.recommend_unit_title{width: 90%;overflow: hidden;margin:5px auto;flex-wrap: nowrap;
    display: flex;justify-content: center;align-items: center;height: 40px;font-size: 14px;font-weight: bold;}
.recommend_unit_title img{width: 20px;height: 20px;margin-right: 15px;}
.title_con{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.recommend_unit_button{display: none;width: 100%;margin-top:15px;line-height: 50px;height: 30px;text-align: center;color: #FFFFFF;font-size: 14px;}

.tuangou{width: 1200px;margin:0 auto;display: flex;justify-content: space-between;align-items: center;background: #FFFFFF;}
.tuangou_img{width: 65%;display: flex;justify-content: center;align-items: center;}
.tuangou_img img{width: 100%;}
.tuangou_con{width: 35%;display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;}
.h1{font-size: 36px;font-weight: bold;margin-bottom: 30px;}
.h1 span{animation: scroll-365019d6 1s linear infinite;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(45deg,#0176ff,#01a5ff);
    color: transparent;
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;}
.remark{font-size: 16px;font-weight: bold;line-height: 40px;display: flex;justify-content: flex-start;align-items: center;}
.remark img{display: block;width: 20px;height: 20px;margin-right: 5px;}
.lh{width: 100%;height: 50px;}
.process{background-image: url("/static/images/vzan/process-banner.6be320e.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;width: 100%;}
.process_con{width: 1200px;margin:0 auto;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.process_title{font-size: 36px;font-weight: bold;margin-top:50px;margin-bottom: 10px;}
.process_remark{font-size: 16px;color: #7a8799;line-height: 50px;margin-bottom: 40px;}