.select_system{overflow:hidden;height:100%;position:relative;background:url(../img/select_system_bac.312aeba9.jpg) no-repeat 50%/cover;background:url(../img/daohangbg1.459fe5e8.png) no-repeat 50%/cover}.select_system .circle_box1{width:25%;padding-top:25%;top:55%;z-index:1}.select_system .circle_box1,.select_system .circle_box2,.select_system .circle_box3{position:absolute;left:50%;transform:translate3d(-50%,-50%,0);border-radius:50%;background:url(../img/system2.f5999900.png) no-repeat 50%/auto 100%}.select_system .circle_box2,.select_system .circle_box3{width:10px;padding-top:10px;top:50%}.select_system .select_system_header{background:url(../img/layout_header.82905da8.png) no-repeat 50%/auto 100%;position:absolute;top:10px;height:5vw;left:0;width:100%}.select_system .select_system_header .select_system_header_title{position:absolute;top:0;height:4.2vw;line-height:4.2vw;left:0;right:0;text-align:center;font-size:2vw;font-weight:700;font-family:SimHei;display:flex;justify-content:center;align-items:center}.select_system .select_system_header .select_system_header_left{position:absolute;top:0;left:20px}.select_system .select_system_header .select_system_header_right{position:absolute;right:5vw;top:-10px;height:2.7vw;display:flex;justify-content:flex-end;align-items:center}.select_system .select_system_header .select_system_header_title>div{background-image:linear-gradient(90deg,#1cf6ff,#029aff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.select_system .select_system_header .select_system_header_right .user_name{color:#fff;font-size:.9vw;margin-right:10px}.select_system .select_system_header .select_system_header_right .exit_box{font-size:1.2vw;color:#5bd5ff;cursor:pointer}.select_system .show_system_box{opacity:1;transition:all .5s}.select_system .system_box{position:absolute;top:0;height:100%;left:0;width:100%;font-size:1.5vw;color:#fff;z-index:2;opacity:0}.select_system .system_box .system2_1{right:100%;top:19%}.select_system .system_box .system2{width:70%}.select_system .system_box .right_text{position:absolute;right:5%;top:50%;transform:translateY(-50%);cursor:pointer}.select_system .system_box .canvas2_1{top:0;left:100%}.select_system .system_box .canvas2{position:absolute;width:100%;height:200%}.select_system .system_box .system2_2{left:100%;bottom:19%;background:linear-gradient(90deg,rgba(31,89,123,.8),transparent)}.select_system .system_box .system2_5{left:100%;top:40%;background:linear-gradient(90deg,rgba(31,89,123,.8),transparent)}.select_system .system_box .system2_6{left:100%;top:19%;background:linear-gradient(90deg,rgba(31,89,123,.8),transparent)}.select_system .system_box .system2_3{right:100%;bottom:40%;background:linear-gradient(90deg,rgba(31,89,123,.8),transparent)}.select_system .system_box .system2_4{right:100%;bottom:19%;background:linear-gradient(90deg,rgba(31,89,123,.8),transparent)}.select_system .system_box .system2{position:absolute;width:86%;height:6vw;background:linear-gradient(270deg,rgba(31,89,123,.8),transparent)}.select_system .system_box .left_text{position:absolute;left:5%;top:50%;transform:translateY(-50%);cursor:pointer}.select_system .show_circle_text{opacity:1;font-size:2vw;transition:all .5s}.select_system .circle_text{position:absolute;left:0;right:0;text-align:center;top:50%;transform:translateY(-65%);color:#fff;font-size:1vw}.select_system .hide_circle{opacity:0;transition:all .5s}.select_system .show_circle{width:100%;padding-top:100%;transition:all 1.6s;opacity:1}.select_system .rotate_circle{transform:translate3d(-50%,-50%,0) rotate(3turn);transition:all 2s}.select_system .select_system_shadow{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}.select_system .circle_box4{width:80%;padding-top:80%;position:absolute;left:50%;top:50%;border-radius:50%;background:url(../img/system1.b6aee28c.png) no-repeat 50%/auto 100%;animation:mymove 5s;-moz-animation:mymove 5s;-webkit-animation:mymove 5s;-o-animation:mymove 5s}@keyframes mymove{0%{transform:translate3d(-50%,-50%,0) rotate(0deg)}to{transform:translate3d(-50%,-50%,0) rotate(2turn)}}.select_system .rotate_circle1{transform:translate3d(-50%,-50%,0) rotate(-4turn);transition:all 2s}.select_system .circle_box5{width:140%;padding-top:140%;position:absolute;left:50%;top:50%;background:url(../img/system3.ca685a6f.png) no-repeat 50%/auto 100%;transform:translate3d(-50%,-50%,0) rotate(0);border-radius:50%;animation:mymove1 1s;-moz-animation:mymove1 1s;-webkit-animation:mymove1 1s;-o-animation:mymove1 1s}@keyframes mymove1{0%{transform:translate3d(-50%,-50%,0) rotate(2turn)}to{transform:translate3d(-50%,-50%,0) rotate(0deg)}}