/*!
 * @project : svga官网
 * @version : 0.0.1
 * @author  : 
 * @update  : 2018-04-23 9:26:30 am
 */
@charset "UTF-8";audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}pre,textarea{overflow:auto}button,hr,input{overflow:visible}fieldset,hr,iframe{border:0}.u-center,.u-inb,.u-justify{*word-spacing:-1px}.u-inb__item,.u-justify__item{word-spacing:normal;line-height:initial}.u-arrow,.u-inb__item,.u-justify__item{*vertical-align:auto;zoom:1}abbr[title],body a:hover{text-decoration:underline}.header-lang,blockquote,sub,sup{position:relative}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,iframe,main,menu,nav,section{display:block}h1{font-size:2em}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none;vertical-align:top}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}.u-ellipsis,.u-nowrap{white-space:nowrap;word-wrap:normal}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}em{font-style:normal}menu,ol,ul{list-style:none}article,aside,audio,blockquote,button,canvas,code,dd,details,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,mark,menu,nav,ol,output,p,pre,ruby,section,summary,td,textarea,th,time,ul,video{margin:0;padding:0}th{text-align:inherit}button,input,select,textarea{font-family:"San Francisco","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#a9a9a9;opacity:1}del{text-decoration:line-through}abbr{cursor:help}.header-lang:hover,.padAni,.phoneAni,.popbox-close,.webAni{cursor:pointer}hr{box-sizing:content-box;height:10px;margin-bottom:.8em;border-bottom:1px solid #cfcfcf}blockquote{padding:0 15px;margin:15px 0;border-left:4px solid #ddd;color:#999}.u-clearfix{*zoom:1}.u-clearfix:after,.u-clearfix:before{content:"";display:table;line-height:0}.u-clearfix:after{clear:both}.u-left{float:left;_display:inline}.u-right{float:right;_display:inline}.u-hide{display:none}.u-ellipsis{display:block;width:auto;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-align:left}.u-nowrap{word-break:keep-all}.u-wrap{-ms-word-break:break-all;word-break:break-all;word-break:break-word}.u-imeInactive{ime-mode:inactive!important}.u-antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.u-heiti{font-family:"Helvetica Neue",Helvetica,Arial,"PingFang sc",Lantinghei SC,"Microsoft YaHei","Hiragino Sans GB","Microsoft Sans Serif","Wenquanyi Micro Hei","ST Heiti",SimHei,sans-serif}.u-songti{font-family:"Songti SC",STSong,SimSun,"WenQuanYi Bitmap Song",serif}.u-kaiti{font-family:Baskerville,Georgia,"Liberation Serif","Kaiti SC",STKaiti,"AR PL UKai CN","AR PL UKai HK","AR PL UKai TW","AR PL UKai TW MBE","AR PL KaitiM GB",KaiTi,KaiTi_GB2312,"TW\-Kai",serif}.u-monospace{font-family:Monaco,Menlo,Consolas,"Courier New",monospace}.u-inb{font-size:0}@media (-webkit-min-device-pixel-ratio:0){.u-inb{letter-spacing:-5px}}.u-inb__item{display:inline-block;vertical-align:top;*display:inline;font-size:12px;letter-spacing:normal}.u-center{height:100%;text-align:center;font-size:0}@media (-webkit-min-device-pixel-ratio:0){.u-center{letter-spacing:-5px}}.u-center__inner{width:100%;padding:0!important;margin:0!important;font-size:12px;letter-spacing:normal;word-spacing:normal;white-space:normal;word-wrap:break-word}.u-center__hack,.u-center__inner{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.u-center__hack{width:0;height:100%}.u-justify{font-size:0;text-align:justify;text-justify:inter-ideograph;*zoom:1;line-height:initial;-moz-text-align-last:justify;-webkit-text-align-last:justify;text-align-last:justify}.u-justify:after{content:"";display:inline-block;width:100%}@media (-webkit-min-device-pixel-ratio:0){.u-justify{letter-spacing:-5px}}.u-justify__item{display:inline-block;vertical-align:top;*display:inline;font-size:12px;letter-spacing:normal;-moz-text-align-last:auto;-webkit-text-align-last:auto;text-align-last:auto;text-justify:auto;text-align:left}.u-arrow{width:0;height:0;line-height:0;overflow:hidden;display:inline-block;vertical-align:-2px;*display:inline;border:0 solid transparent;border-width:6px;font-size:0}.u-arrow.ext-bottom,.u-arrow.ext-leftTop,.u-arrow.ext-rightTop{border-top-style:solid;border-top-color:#666}.u-arrow.ext-leftBtm,.u-arrow.ext-leftTop{border-left-width:0!important}.u-arrow.ext-leftBtm,.u-arrow.ext-rightBtm,.u-arrow.ext-top{border-bottom-style:solid;border-bottom-color:#666}.u-arrow.ext-left{border-right-style:solid;border-right-color:#666}.u-arrow.ext-right{border-left-style:solid;border-left-color:#666}.u-arrow.ext-rightTop{border-right-width:0!important}.u-arrow.ext-rightBtm{border-right-width:0!important}body{font:400 12px/1.5 "San Francisco","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;color:#333}body a{text-decoration:none;color:#333}body a:hover{color:#fa0}.wrap{width:100%;background-color:#fff}#JSONDisplayView{display:block;overflow-x:auto;padding:.5em;background:#fff;font-size:14px}.main{width:1200px;margin:0 auto}.header{width:100%;height:68px}.header-logo{float:left;width:241px;height:68px;background:url(../img/ico-logo.jpg) no-repeat}.imageKeyA{color:#444;font-size:15px}.imageKeyA.is-active,.imageKeyA:hover{text-decoration:none;color:#9e2fe4}.header-nav{float:right}.header-nav li{float:left;margin-left:30px;font-size:16px;line-height:68px}.header-nav li a{color:#333}.header-nav li a.is-active{color:#9e2fe4}.header-nav li a:hover{text-decoration:none;color:#9e2fe4}.header-lang{float:right;margin:25px 12px 0 48px}.header-lang:hover ul{display:block}.header-lang:hover [fill-rule=evenodd]{fill:#9e2fe4}.header-lang ul{display:none;position:absolute;bottom:-98px;right:-2px;width:96px;padding:3px 0;background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 0 20px 1px #ccc}.content-step,.part{border-bottom:1px solid #e0e0e0;overflow:hidden}.header-lang ul li{height:36px;width:100%;font-size:14px;text-indent:15px;line-height:36px}.header-lang ul li:hover a{text-decoration:none;color:#9e2fe4;background-color:#f6f6f6}.header-lang ul li a{display:block;width:100%;height:100%}.header-lang__cover{position:absolute;width:70px;height:18px;bottom:-18px;right:-2px}.part{padding:96px 0}.part1-left{width:395px;float:left}.part1-left h2{font-size:48px}.part1-left h3{font-size:30px;font-weight:300}.part1-left p{margin-top:10px;font-size:18px}.part1-left__btn{display:block;width:166px;height:56px;margin-top:24px;border-radius:6px;background-color:#a457d4;font-size:20px;color:#fff;line-height:56px;text-align:center}.part1-left__btn:hover{background-color:#9832d8;text-decoration:none;color:#fff}.part1-right{overflow:hidden}.webAni{position:relative;width:466px;height:326px;float:left;margin:80px 20px 70px 0}.webAni:hover .webAni-pic{background-image: url(../img/sprite.png);background-position: -0px -0px;}.webAni-pic{width:404px;height:308px;margin-left:66px;background-image: url(../img/sprite.png);background-position: -408px -0px;}#webAni{position:absolute;left:67px;top:-30px;width:400px;height:400px}.phoneAni,.phoneAni-pic{width:135px;height:261px}.phoneAni{position:relative;float:left}.phoneAni:hover .phoneAni-pic{background-image: url(../img/sprite.png);background-position: -0px -520px;}.phoneAni-pic{background-image: url(../img/sprite.png);background-position: -139px -520px;}#phoneAni{position:absolute;left:2px;top:65px;width:130px;height:130px}.padAni,.padAni-pic{width:317px;height:204px}.padAni{position:relative;float:left;margin-top:20px}.padAni:hover .padAni-pic{background-image: url(../img/sprite.png);background-position: -0px -312px;}.padAni-pic{background-image: url(../img/sprite.png);background-position: -321px -312px;}#padAni{position:absolute;left:29px;top:-21px;width:253px;height:253px}.part2-left{position:relative;width:367px;height:652px;float:left;margin-right:185px;background:url(../img/img-live.jpg) no-repeat}.part2-right h2{margin-top:50px;font-size:48px;color:#222}.part2-right li{margin-top:40px}.part2-right h3{font-size:18px;color:#222}.part2-right p{font-size:18px;color:#444}#liveAni{position:absolute;left:0;top:100px}.part3 h2{text-align:center;font-size:48px;color:#222}.part3 ul{overflow:hidden;margin-top:90px}.part3 li{width:280px;height:220px;float:left;padding:0 10px;text-align:center}.part3 li h3{margin-bottom:12px;font-size:18px;color:#222}.part3 li p{font-size:18px;color:#444}.part3 li .is-about1{width:77px;height:63px;margin:14px auto 27px;background-image: url(../img/about.png);background-position: -167px -0px;}.part3 li .is-about2{width:70px;height:84px;margin:0 auto 20px;background-image: url(../img/about.png);background-position: -0px -0px;}.part3 li .is-about3{width:77px;height:67px;margin:14px auto 23px;background-image: url(../img/about.png);background-position: -83px -88px;}.part3 li .is-about4{width:89px;height:66px;margin:14px auto 24px;background-image: url(../img/about.png);background-position: -74px -0px;}.part3 li .is-about5{width:79px;height:68px;margin:14px auto 22px;background-image: url(../img/about.png);background-position: -0px -88px;}.part3 li .is-about6{width:67px;height:67px;margin:14px auto 21px;background-image: url(../img/about.png);background-position: -167px -67px;}.footer{width:100%;height:48px;padding:24px 0;background:url(../img/img-footer.jpg) 0 24px no-repeat}.footer.is-line{border-top:1px solid #e0e0e0}.footer span{float:right;font-size:14px;line-height:48px}.content-tit{margin:100px 0 10px;font-weight:500;font-size:48px;text-align:center}.content-subtit{margin:10px 0 0;font-weight:300;font-size:18px;text-align:center}.content-part{width:700px;margin:0 auto 60px}.content-part h3{margin:20px 0 12px;font-size:30px}.content-step__left,.content-step__right{margin-left:100px;width:500px;float:left}.content-part ul{padding-left:42px}.content-part li{list-style-type:disc;font-size:16px;line-height:28px;line-height:34px;color:#9e2fe4}.content-part li p{color:#444}.content-part li code{padding:2px 4px;color:#c7254e;background-color:#f9f2f4;border-radius:4px}.content-part li a{color:#9e2fe4;font-weight:700}.content-step{padding-bottom:80px;padding-top:120px}.content-step h2{line-height:48px;margin-bottom:20px;font-size:32px;font-weight:400}.content-step__left li{list-style-type:disc;font-size:16px;line-height:36px;color:#9e2fe4}.content-step__left li p{color:#444;line-height:24px}.content-step__left li a{color:#9e2fe4;font-weight:700}.content-step__right li{list-style-type:disc;font-size:16px;line-height:36px;color:#9e2fe4}.content-step__right li p{color:#444;line-height:24px}.content-step__right li a{color:#9e2fe4;font-weight:700}.color-picker-button-group{margin-bottom:30px;overflow:hidden;text-align:center}.color-picker-button-group a{display:inline-block;width:34px;height:34px;border-radius:5px;margin:4px}.color-picker-button-group #color-picker-button-1{background-color:#000}.color-picker-button-group #color-picker-button-2{background-color:#fff;border-style:solid;border-color:#909090;border-width:1px}.color-picker-button-group #color-picker-button-3{background-color:#3498DB}.color-picker-button-group #color-picker-button-4{background-color:#30CC71}.color-picker-button-group #color-picker-button-5{background-color:#F1C40D}.color-picker-button-group #color-picker-button-6{background-color:#C0392B}.preview{margin:100px auto 160px;width:100%;overflow:hidden}.preview-main{width:640px;height:360px;margin:0 auto 30px;background-repeat:no-repeat}.preview-main.ext-bg{background-image:url(../img/frame.png)}.preview-main.ext-bg.is-active{background-image:url(../img/frame-active.png)}.preview-main.ext-bg.is-active p{color:#c284e9}.preview-main p{padding-top:220px;font-size:18px;text-align:center;color:#c9c9c9}.preview-controls{width:640px;margin:0 auto;overflow:hidden;font-size:0;text-align:center}.preview-controls__upload a{display:block;width:126px;height:40px;text-align:center;line-height:40px;color:#fff;font-size:18px;border-radius:5px;background-color:#a457d4}.preview-controls__upload a:hover{color:#fff;text-decoration:none;background-color:#9832d8}.preview-controls__btn{display:inline-block;margin:0 20px}.preview-controls__download a{display:block;width:124px;height:38px;font-size:18px;line-height:38px;text-align:center;color:#a457d4;border:1px solid #a457d4;border-radius:5px}.preview-controls__download a:hover{color:#fff;text-decoration:none;background-color:#a457d4}.popbox{z-index:100;display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.popbox-main{position:absolute;width:400px;height:250px;left:50%;top:40%;margin:-125px 0 0 -200px;background-color:#fff}.popbox-main h2{text-align:center;margin:40px 0 65px;font-size:24px}.popbox-main ul{overflow:hidden;text-align:center}.popbox-main li{display:inline-block;margin:0 10px}.popbox-main li a{display:block;padding:0 15px;height:32px;text-align:center;line-height:32px;color:#fff;font-size:18px;border-radius:5px;background-color:#a457d4}.popbox-main li a:hover{color:#fff;text-decoration:none;background-color:#9832d8}.popbox-close{position:absolute;width:16px;height:16px;top:15px;right:15px;background:url(../img/close.png) center center no-repeat}.matter{margin:30px 0}.matter-left{float:left;height:100%;width:60%;position:relative}.matter-info,.matter-preview{position:absolute;left:0;width:100%;border:1px solid #e0e0e0}.matter-preview{top:0;height:58%;background-color:#efefef;border-radius:10px;background-position:center center;background-repeat:no-repeat}.matter-info{bottom:0;height:32%;border-radius:10px;overflow:hidden}.matter-right{float:right;height:100%;width:35%;border:1px solid #e0e0e0;border-radius:10px}.matter-right ul{width:80%;height:100%;margin:0 auto;overflow-y:scroll}.matter-right li{font-size:16px;cursor:pointer;border-bottom:1px solid #e0e0e0;line-height:40px}.matter-right li:last-child{border-bottom:0}