#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.no_scroll{overflow-y:hidden;background:#f7f8fa;min-height:688px}.header_wrapper{position:absolute;width:100%;left:0;top:0;z-index:1500}.header{height:80px;background-color:#fff;color:#fff;top:0;left:0;width:100%;line-height:80px;z-index:100;position:relative}.side_wrapper{position:fixed;width:100%;left:0;top:0;z-index:1500;width:100px;background:#333;overflow:hidden}.side_scrollbar{height:100vh;overflow-x:hidden;overflow-y:scroll;margin-right:-17px}.side_nav{height:100%;padding-top:50px;padding-bottom:50px;padding-right:0;width:100%;box-sizing:border-box}.logo_img{width:60px;height:60px;border-radius:60px;color:#333;text-align:center;line-height:60px;font-size:14px;margin:0 auto 10px;-o-object-fit:cover;object-fit:cover}.side_nav ul{padding:0;margin:0;overflow:hidden;padding-bottom:50px}.nav_li,.side_nav ul .link_span{line-height:40px;height:40px;display:block}.nav_li{font-size:14px;color:#fff;margin:0;padding:0;position:relative;transition:.15s ease-out;text-align:center;cursor:pointer}.nav_li:hover{color:#02a7f0}.main_cont{padding:0;margin:0;width:100%;min-width:auto;box-sizing:border-box;display:flex}.main_scroll{margin-left:100px;height:100vh;min-height:688px;width:100%}.main_view{flex:1 1;height:100%;min-height:auto;position:relative;overflow:hidden}.main_header{height:60px;line-height:60px;font-size:15px;color:#333;padding:0 20px;border-right:2px solid #ddd;border-bottom:2px solid #ddd;width:100%;background:#fff;text-align:left}.main_content{width:100%;height:calc(100% - 56px);box-sizing:border-box;position:relative}.main_area{width:calc(100% - 34px);background:#fff;overflow-x:hidden;overflow-y:auto;height:calc(100% - 40px);position:absolute;left:0;top:17px;right:0;margin:auto;scrollbar-color:transparent transparent;scrollbar-track-color:transparent;-ms-scrollbar-track-color:transparent;scrollbar-width:none;-ms-overflow-style:none}.main_area::-webkit-scrollbar{display:none}.right_side{height:100vh;min-height:688px;width:300px;background:#fff}.right_side_wrap{height:100%;padding-bottom:40px;box-sizing:border-box;overflow:hidden}.right_header{height:60px;padding:0 20px;border-bottom:2px solid #ddd}.right_header img{width:30px;height:30px;border-radius:30px;margin-right:4px}.account_name{flex:1 1;font-size:14px;color:#333}.logout_text{font-size:13px;color:#02a7f0;padding-left:4px;cursor:pointer}.logout_text:hover{text-decoration:underline}.right_body{height:calc(100% - 60px);min-height:auto}.explain{padding:0 10px;width:100%}.explain .ex_view{padding:10px 0;border-bottom:1px solid #ddd}.ex_header{height:40px}.icon_right{padding-top:2px}.ex_title{font-weight:600}.ex_li,.ex_title{font-size:14px;color:#333}.ex_li{line-height:1.3;margin-bottom:8px;text-align:left;cursor:pointer}.ex_li:hover{text-decoration:underline}.more_text{color:#02a7f0;font-size:13px;width:100%;display:block;line-height:1.4;text-align:right;cursor:pointer}.more_text:hover{text-decoration:underline}.code_view{text-align:center}.code_view span{display:block}.code_title{font-size:14px;color:#333;margin:0 auto 10px}.code_img{width:200px;height:200px;margin:0 auto 10px}.code_tips{color:#02a7f0;font-size:14px;text-align:center}#nocolor,#topcode{height:200px}#topcode{float:right;z-index:99999;margin-top:-200px}.info_container{width:100%}.info_container .info_center{margin:0 auto;width:1140px}.info_container .info_center img{width:100%;margin-bottom:20px}.info_container .info_center .center_header{padding:30px 0;display:flex}.info_container .info_center .center_header img{width:223px;height:223px;margin-bottom:0;margin-right:20px}.info_container .info_center .center_header .header_text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-size:14px;line-height:1.4;color:#333;word-break:break-all;text-align:left;position:relative}.info_container .info_center .center_header .login_btn{position:absolute;right:0;bottom:0}.info_container img{width:auto;height:auto}.info_container .info_bottom{background:#00a0ee}.info_container .info_bottom img{margin:20px auto 10px}.info_container .info_bottom .info_txt1{text-align:center;line-height:1.2;font-size:15px;padding-bottom:10px;color:#fff}.info_container .info_bottom .info_txt2{font-size:24px;font-weight:700;color:#fff;line-height:1.2;padding-bottom:20px;text-align:center}.info_container .info_bottom .info_txt3{font-size:13px;color:#fff;padding-bottom:20px;line-height:1.2;text-align:center}.down_2{position:fixed;bottom:20%;width:20%;left:35%}.register{width:100%;height:1060px;background-image:url(../img/download_01.facb6075.jpg);background-position:0 0;background-repeat:no-repeat}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;box-sizing:border-box}li,ol,ul{list-style:none}body{line-height:1;font-family:Microsoft Yahei!important}body,html{width:100%;height:100%;min-width:1300px}html{-webkit-text-size-adjust:none;-ms-text-size-adjust:100%;font-size:16px}#app{height:100%}a,button,input{outline:0 none;text-decoration:none;border:none}img{max-width:100%;border:0 none;vertical-align:middle;-ms-interpolation-mode:bicubic}input[type=text],textarea{-webkit-appearance:none}input:focus{-webkit-user-modify:read-write-plaintext-only}a{color:#1890ff;cursor:pointer}[v-cloak]{display:none}.ellipsis{white-space:nowrap}.ellipsis,.more_ellipsis{overflow:hidden;text-overflow:ellipsis}.more_ellipsis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.flex_start{display:flex;justify-content:flex-start}.flex_center,.flex_start_center{display:flex;align-items:center}.flex_center{justify-content:center}.flex_between_center{display:flex;justify-content:space-between;align-items:center}.column_start,.flex_top_start{display:flex;justify-content:flex-start;align-items:flex-start}.column_start{flex-direction:column}.column_center_start{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.column_stretch_center{align-items:stretch}.column_center,.column_stretch_center{display:flex;flex-direction:column;justify-content:center}.column_center{align-items:center}.column_between_start{align-items:flex-start}.column_between_center,.column_between_start{display:flex;flex-direction:column;justify-content:space-between}.column_between_center{align-items:center}