.min1400{ min-width: 1400px; }
.app{ position: fixed; width: 100vw; height: 100vh; padding: 0px 90px 37px 90px; margin-top:-25px; min-width: 1200px; box-sizing: border-box; z-index: 10; }
.app .body{ width: 100%; height: 100%; background: url("../images/register_index/bigcar.png") no-repeat;  background-size: cover; box-sizing: border-box; }
.blueBox{ width: 100%; height: 350px; background: rgba(44,107,248,0.80); backdrop-filter: blur(5px); position: fixed; top: 395px; left: 0; z-index: 20; padding: 0 15%;}
@media screen and (max-width: 1441px) {
    .blueBox{ top: 240px; }
}

.blueBox .mid{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between;}
.blueBox .h1{ font-size: 36px; font-weight: 600; text-align: left; color: #ffffff; line-height: 56px;}
.blueBox .h2{ font-size: 50px; font-family: PingFangSC, PingFangSC-Semibold; font-weight: 600; text-align: left; color: #ffffff; line-height: 84px; margin-top: 30px; }
.blueBox .right {  width: 480px; height: 585px; bottom: 118px; background: #ffffff; border-radius: 8px; box-shadow: 0px 2px 20px 0px rgba(86,137,249,0.25);  position: relative; padding: 80px 40px 0 40px; }
.blueBox .right .logo { width: 80px; height: 80px; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); }
.blueBox .right .box { width: 100%; overflow: hidden;  }
.blueBox .right .t1{ width: 100%; height: 60px; border: 1px solid #5689f9; border-radius: 8px; padding: 0 15px; }
.blueBox .right .icon{ width: 25px; height: 25px; margin-right: 15px; }
.blueBox .right .input { flex: 1; font-size: 18px; color: #23262F; }
.blueBox .right .t2 { width: 100%; }
.blueBox .right .t2 .quan{ width: 20px; height: 20px; margin-right: 10px; }
.blueBox .right .t2 .hd { font-size: 14px; color: #83868F; }
.blueBox .right .t2 .bd { font-size: 14px; color: #2C6BF8; }
.blueBox .right .t3 { width: 100%; height: 60px; margin-top: 50px; background: #2c6bf8; border-radius: 8px; color: #FFFFFF; font-size: 18px; text-align: center; line-height: 60px; }
.blueBox .right .t4 { font-size: 16px; margin-top: 16px; color: #83868F; }

.blueBox .right_1 { width: 480px; height: 582px; background: #ffffff; border-radius: 8px; box-shadow: 0px 2px 20px 0px rgba(86,137,249,0.25); position: relative; padding: 70px 40px 0 40px; }
.blueBox .right_1 .logo { width: 80px; height: 80px; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); }
.blueBox .right_1 .t1{ width: 100%; height: 60px; border: 1px solid #5689f9; border-radius: 8px; padding: 0 15px; }
.blueBox .right_1 .icon{ width: 25px; height: 25px; margin-right: 15px; }
.blueBox .right_1 .input { flex: 1; font-size: 18px; color: #23262F; }
.blueBox .right_1 .t3 { width: 100%; height: 60px; margin-top: 40px; background: #2c6bf8; border-radius: 8px; color: #FFFFFF; font-size: 18px; text-align: center; line-height: 60px; }
.blueBox .right_1 .t2 { width: 100%; height: 60px; box-sizing: border-box; overflow: hidden; }
.blueBox .right_1 .t2 .hd { height: 60px;  border: 1px solid #5689f9; border-radius: 8px; padding: 0 15px; }
.blueBox .right_1 .t2 .bd { width: 130px; height: 60px; background: #2c6bf8; border-radius: 8px; margin-left: 20px; color: #FFFFFF; font-size: 18px; flex-shrink: 0; text-align: center; line-height: 60px; }
.blueBox .right_1 .box .backName { font-size: 30px; color: #23262F; font-weight: bold; line-height: 1; }

.blueBox .right .QRCode { display: flex;align-items: center;justify-content: space-evenly;width:100%;height:140px;margin-top:20px;}
.blueBox .right .QRCode .img{ width:140px;height:100%;}
.blueBox .right .QRCode .gzhimg{ background: url("../images/qrcode/gzhQRCode.jpg") no-repeat; background-size:cover;}
.blueBox .right .QRCode .appimg{ background: url("../images/qrcode/appQRCode.png") no-repeat; background-size:cover;}

.blueBox .mid_1{ width: 1320px; height: 648px; background: #ffffff; border-radius: 8px; box-shadow: 0px 2px 20px 0px rgba(86,137,249,0.25);position: relative; padding-top: 80px; }
.blueBox .mid_1 .logo { width: 80px; height: 80px; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); }
.blueBox .mid_1 .box { width: 100%; }
.blueBox .mid_1 .box .t1{ width: 380px; position: relative; padding-right: 20px; }
.blueBox .mid_1 .box .t1 .y1 { width: 20px; height: 20px; z-index: 2;}
.blueBox .mid_1 .box .t1 .y2 { width: 10px; height: 10px; background-color: #2C6BF8; border-radius: 50%; z-index: 2; }
.blueBox .mid_1 .box .t1 .y3 { width: 10px; height: 10px; background-color: #2C6BF8; border-radius: 50%; z-index: 2; }
.blueBox .mid_1 .box .t1 .line1{ width: 190px; height: 2px; background: #cccccc; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 0;}
.blueBox .mid_1 .box .t1 .line2 { width: 170px; height: 2px; background: #cccccc; position: absolute; top: 50%; left: 190px; transform: translateY(-50%); z-index: 0;}
.blueBox .mid_1 .box .t2 { width: 400px; font-size: 18px; margin-top: 4px; color: #83868F; }
.blueBox .mid_1 .box .t2 .sel{ color: #23262F; }
.blueBox .mid_1 .box .t3 { width: 400px; height: 60px; border: 1px solid #5689f9; border-radius: 8px; padding: 0 15px; }
.blueBox .mid_1 .box .t4 { width: 400px; height: 60px; box-sizing: border-box; overflow: hidden; }
.blueBox .mid_1 .box .t4 .hd { height: 60px;  border: 1px solid #5689f9; border-radius: 8px; padding: 0 15px; }
.blueBox .mid_1 .box .t4 .bd { width: 130px; height: 60px; background: #2c6bf8; border-radius: 8px; margin-left: 20px; color: #FFFFFF; font-size: 18px; flex-shrink: 0; text-align: center; line-height: 60px; }
.blueBox .mid_1 .box .input { flex: 1; font-size: 18px; color: #23262F; }
.blueBox .mid_1 .box .icon{ width: 25px; height: 25px; margin-right: 15px; }
.blueBox .mid_1 .box .t5 { width: 400px; }
.blueBox .mid_1 .t5 .quan{ width: 20px; height: 20px; margin-right: 10px; }
.blueBox .mid_1 .t5 .hd { font-size: 14px; color: #83868F; }
.blueBox .mid_1 .t5 .bd { font-size: 14px; color: #2C6BF8; }
.blueBox .mid_1 .box .t6 { width: 400px; margin-bottom: 140px; height: 60px; margin-top: 40px; background: #2c6bf8; border-radius: 8px; color: #FFFFFF; font-size: 18px; text-align: center; line-height: 60px; }

.blueBox .mid_1 .box-2 { width: 100%; }
.blueBox .mid_1 .box-2 .t1{ width: 380px; position: relative; padding-right: 20px; }
.blueBox .mid_1 .box-2 .t1 .y1 { width: 20px; height: 20px; z-index: 2;}
.blueBox .mid_1 .box-2 .t1 .y2 { width: 20px; height: 20px; z-index: 2 }
.blueBox .mid_1 .box-2 .t1 .y3 { width: 10px; height: 10px; background-color: #2C6BF8; border-radius: 50%; z-index: 2; }
.blueBox .mid_1 .box-2 .t1 .line1{ width: 190px; height: 2px; background: #cccccc; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 0;}
.blueBox .mid_1 .box-2 .t1 .line2 { width: 170px; height: 2px; background: #cccccc; position: absolute; top: 50%; left: 190px; transform: translateY(-50%); z-index: 0;}
.blueBox .mid_1 .box-2 .t2 { width: 400px; font-size: 18px; margin-top: 4px; color: #83868F; }
.blueBox .mid_1 .box-2 .t2 .sel{ color: #23262F; }
.blueBox .mid_1 .box-2 .t3 { width: 100%; margin-top: 40px; padding: 0 100px; }
.blueBox .mid_1 .box-2 .t3 .hd{ font-size: 18px; color: #333333; margin-right: 15px; }
.blueBox .mid_1 .box-2 .t3 .bd { width: 440px; height: 60px; border: 1px solid #5689f9; border-radius: 8px; padding: 0 15px; }
@media screen and (max-width: 1441px) {
    .blueBox .mid_1 .box-2 .t3 .bd { width: 380px;}
}
.blueBox .mid_1 .box-2 .t3 .input{ font-size: 18px; }
.blueBox .mid_1 .box-2 .t3 .el { width: 140px;height: 60px;border: 1px solid #5689f9;border-radius: 8px; padding: 0 15px; }
.blueBox .mid_1 .box-2 .t3 .el .els { width: 100%; font-size: 18px; }
.blueBox .mid_1 .box-2 .t3 .el .els img { width: 10px; height: 10px; }
.blueBox .mid_1 .box-2 .t4 { width: 100%; margin-top: 20px; padding: 0 100px; }
.blueBox .mid_1 .box-2 .t4 .itemBox{ width: 160px; }
.blueBox .mid_1 .box-2 .t4 .imgBox{ width: 160px; height: 120px; background: #f8f8fa; border-radius: 3px; }
@media screen and (max-width: 1441px) {
    .blueBox .mid_1 .box-2 .t4 .imgBox{ width: 150px; }
}
.blueBox .mid_1 .box-2 .t4 .xj { width: 40px; height: 36px; }
.blueBox .mid_1 .box-2 .t4 .imgname{ font-size: 16px; color: #333333; margin-top: 12px; }
.blueBox .mid_1 .box-2 .t5 { width: 400px; margin-bottom: 80px; height: 60px; margin-top: 40px; background: #2c6bf8; border-radius: 8px; color: #FFFFFF; font-size: 18px; text-align: center; line-height: 60px; }

.blueBox .mid_1 .box-3 { width: 100%; align-items: center; }
.blueBox .mid_1 .box-3 .t1{ width: 380px; position: relative; padding-right: 20px; }
.blueBox .mid_1 .box-3 .t1 .y1 { width: 20px; height: 20px; z-index: 2;}
.blueBox .mid_1 .box-3 .t1 .y2 { width: 20px; height: 20px; z-index: 2 }
.blueBox .mid_1 .box-3 .t1 .y3 { width: 20px; height: 20px; z-index: 2; }
.blueBox .mid_1 .box-3 .t1 .line1{ width: 190px; height: 2px; background: #cccccc; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 0;}
.blueBox .mid_1 .box-3 .t1 .line2 { width: 170px; height: 2px; background: #cccccc; position: absolute; top: 50%; left: 190px; transform: translateY(-50%); z-index: 0;}
.blueBox .mid_1 .box-3 .t2 { width: 400px; font-size: 18px; margin-top: 4px; color: #83868F; }
.blueBox .mid_1 .box-3 .t2 .sel{ color: #23262F; }
.blueBox .mid_1 .box-3 .t3 { width: 100px; height: 100px; margin-top: 112px; }
.blueBox .mid_1 .box-3 .t4 { margin-top: 40px; color: #23262F; font-size: 18px; font-weight: bold; margin-bottom: 230px; }

.footer{ width: 100%; position: fixed; bottom: 20px; margin-left: -90px; font-size: 14px; color: #83868F; text-align: center; z-index: 20; }
.footer a { color: #83868F; }

.index{ width: 100%; min-width: 1600px; scale(0.8)}
@media screen and (max-width: 1441px) {
    .index{min-width: 1300px}
}

.index .head { width: 100%; min-height: 60px; background-color: #2C6BF8; padding: 0 40px 0 20px;}
.index .head .logo { width: 72px; height: 46px; margin-right: 20px; }
.index .head .name{ font-size: 30px; color: #FFFFFF; font-weight: bold; margin-right: 130px; }
.index .head .btn { width: 96px;height: 32px;background: #ffffff;border-radius: 18px; font-size: 14px; color: #2C6BF8; }
.index .head .search-icon{ width: 16px; height: 18px;margin-right: 8px; }
.index .head .input{ background-color: none; font-size: 14px; color: #FFFFFF; flex: 1; }
.index .head .input::-webkit-input-placeholder { color: #FFFFFF; } 
.index .head .search-btn{ width: 48px;height: 24px;background: #ffffff;border-radius: 12px; font-size: 14px; color: #2C6BF8; }
.index .head .search{ width: 376px;height: 32px;background: rgba(248,248,250,0.50); border-radius: 18px; padding-left: 12px; padding-right: 4px; }
.index .head .addOrderBtn { width: 96px;height: 32px;background: #ff9200;border-radius: 18px; margin-left: 45px; font-size: 14px; color: #FFFFFF; }
.index .head .addOrderBtn img { width: 12px; height: 12px; margin-right: 8px; }
.index .head .news-icon { width: 16px; height: 16px; margin-right: 8px; }
.index .head .news{ font-size: 16px; color: #FFFFFF; margin-right: 8px; }
.index .head .newNum{ padding: 2px 8px; font-size: 12px; color: #FFFFFF; background: #EB613C; border-radius: 10px; margin-right: 48px; }
.index .head .user_tx { width: 32px; height: 32px; margin-right: 8px; border-radius: 50%; }
.index .head .companyName { font-size: 14px; color: #FFFFFF; margin-right: 8px; }
.index .head  .white-down { width: 12px; height: 12px; }

.index .body { width: 100%; height: calc(100vh - 60px); }
.index .body .left { width: 120px; height: 100%; background: #303239; min-width: 120px; }
.index .body .left .item { width: 100%; height: 96px; font-size: 13px; color: #FFFFFF; }
.index .body .left .sel { background: rgba(44,107,248,0.50); }
.index .body .left .icon { width: 20px; height: 20px; margin-right: 10px; }
.index .body .right { width: 100%; height: 100%; padding: 0 40px; background: #F3F5FA; }
@media screen and (max-width: 1441px) {
    .index .body .right { min-width: 1300px; padding: 0 20px;}
}
.index .body .right .t1{ width: 100%; font-size: 12px; color: #2C6BF8; height: 40px; }
.index .body .right .t2 { width: 100%; height: 160px; background: #ffffff; border: 1px solid #e9eaf8;border-radius: 8px; overflow: hidden; }
@media screen and (max-width: 1441px) {
    .index .body .right .t2 { height: 160px; }
}
.index .body .right .t2 .item { height: 160px; position: relative; }
@media screen and (max-width: 1441px) {
    .index .body .right .t2 .item { height: 173px; }
}
.index .body .right .t2 .item .look{ width: 64px; height: 28px; border: 1px solid #2c6bf8; border-radius: 15px; font-size: 14px; position: absolute; bottom: 16px; right: 24px; color: #2C6BF8; }
.index .body .right .t2 .item .jt{ width: 10px; height: 10px; margin-left: 5px; }
.index .body .right .t2 .them-icon { width: 80px; height: 80px; margin-right: 24px; }
.index .body .right .t2 .themNum{ color: #2C6BF8; font-size: 40px; font-weight: bold; }
.index .body .right .t2 .themNum span { font-size: 16px; }
.index .body .right .t2 .themName { font-size: 16px; color: #23262F; }
.index .body .right .t2 .line { width: 1px; height: 100px; background: #E9EAF8; }
.index .body .right .t3 { width: 100%; margin-top: 24px; }
.index .body .right .t3 .box-el { border: 1px solid #e9eaf8; width: 760px; height: 257px; border-radius: 8px; background: #FFFFFF; }
@media screen and (max-width: 1441px) {
    .index .body .right .t3 .box-el { width: 600px; height: 322px; }
}

.index .body .right .t3 .mid { width: 94px;height: 94px;background: #ffffff;border-radius: 8px; font-size: 16px; margin-bottom: 100px; }
.index .body .right .t3 .tit { width: 100%; height: 55px; font-size: 20px; font-weight: bold; color: #23262F; }
@media screen and (max-width: 1441px) {
    .index .body .right .t3 .tit { height: 50px; }
}
.index .body .right .t3 .shu { width: 4px; height: 24px; background: #2C6BF8; margin-right: 8px; }
.index .body .right .t3 .cell { width: 100%; padding: 0 56px; position: relative; }
.index .body .right .t3 .cell .el{width: 160px;height: 60px;border-radius: 8px; background: #f3f5fa; font-size: 16px; color: #23262F;}
@media screen and (max-width: 1441px) {
    .index .body .right .t3 .cell .el {width: 126px;}
}

.index .body .right .t3 .cell .el img{width: 40px; height: 40px;margin-right: 8px;}
.index .body .right .t3 .cell_1 { width: 100%; padding: 0 128px; height: 60px; }
.index .body .right .t3 .cell .right-arrow { position: absolute; right: 13px; }
.index .body .right .t3 .mid  img{ width: 40px; height: 40px; margin-bottom: 8px; }
.index .body .right .t3  .cell .left-arrow { position: absolute; left: 15px; }
.index .body .right .t3 .cell .el-s { position: relative; }
.index .body .right .t3 .cell .el-s .yyls { position: absolute; bottom: 10px; }

.index .body .right .t4 { width: 100%; margin-top: 24px; background: #ffffff;border: 1px solid #e9eaf8;border-radius: 8px; height: 170px; position: relative; }
@media screen and (max-width: 1441px) {
    .index .body .right .t4 { height: 170px; }
}

.index .body .right .t4 .tit { width: 100%; height: 55px; font-size: 20px; font-weight: bold; color: #23262F; }
@media screen and (max-width: 1441px) {
    .index .body .right .t4 .tit { height: 50px; }
}

.index .body .right .t4 .shu { width: 4px; height: 24px; background: #2C6BF8; margin-right: 8px; }
.index .body .right .t4 .itembox { width: 100%; padding: 0 300px 0 200px; }
.index .body .right .t4 .item{ width: 240px;height: 60px;background: #e1f8f7;border-radius: 8px; font-size: 16px; color: #23262F; }
@media screen and (max-width: 1441px) {
    .index .body .right .t4 .item{ width: 180px;}
}
.index .body .right .t4 .item img { width: 40px; height: 40px; margin-right: 8px; }
.index .body .right .t4 .blh { position: absolute; right: 116px; bottom: 74px; }
.index .body .right .t4 .bls { position: absolute; right: 116px; bottom: 79px; width: 7px; height: 128px; }

.index .body .right .t5 { width: 100%; margin-top: 24px; background: #ffffff;border: 1px solid #e9eaf8;border-radius: 8px; height: 160px; position: relative; }
@media screen and (max-width: 1441px) {
    .index .body .right .t5 { height: 170px; }
}

.index .body .right .t5 .tit { width: 100%; height: 55px; font-size: 20px; font-weight: bold; color: #23262F; }
@media screen and (max-width: 1441px) {
    .index .body .right .t5 .tit { height: 50px; }
}
.index .body .right .t5 .shu { width: 4px; height: 24px; background: #2C6BF8; margin-right: 8px; }
.index .body .right .t5 .itembox { width: 100%; padding: 0 100px 0 100px; }
.index .body .right .t5 .item{ width: 155px;height: 60px;background: #e1f8f7;border-radius: 8px; font-size: 16px; color: #23262F; }
@media screen and (max-width: 1441px) {
    .index .body .right .t5 .item{ width: 115px;}
}
.index .body .right .t5 .item img { width: 40px; height: 40px; margin-right: 8px; }

.index .body .right .foot { width: 100%; font-size: 14px; color: #83868F; text-align: center; z-index: 20; margin-top: 20px; }
.index .body .right .foot a { color: #83868F; }


.verify{ width:100%; height:20px; line-height:20px; color:#F00; font-size:12px;}
.verify_reg{ width:400px; height:20px; line-height:20px; color:#F00; font-size:12px;}
.btn{cursor: pointer;}