/*! normalize.css v3.0.0 | MIT License | git.io/normalize *//*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */a{background:transparent}a:active,a:hover{outline:0}/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */img{border:0}svg:not(:root){overflow:hidden}/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box}body{line-height:1;color:#333;font-size:12px;font-family:"Microsoft YaHei", Arial, "sans-serif"}a{color:#8ba2e8;text-decoration:none}ul{margin:0;padding-left:0}li{list-style:none}p{margin:0}a,button,input,optgroup,select,textarea,div{-webkit-tap-highlight-color:transparent}.pull-left{float:left}.pull-right{float:right}.clearfix:after{content:'';display:table;clear:both}.container{width:100%;max-width:1000px;margin:0 auto}@media screen and (max-width: 1000px){.container{width:100%;padding-left:15px;padding-right:15px}}.page-header{position:fixed;top:0;left:0;z-index:9999;min-height:50px;width:100%;background-color:#fff;-moz-box-shadow:0px 3px 5px 0px rgba(22,69,97,0.1);-webkit-box-shadow:0px 3px 5px 0px rgba(22,69,97,0.1);box-shadow:0px 3px 5px 0px rgba(22,69,97,0.1)}.page-header .container{height:100%}.page-header-logo{width:118px;height:51px;margin:15px 0 14px 30px;text-indent:-9999px;background:url(../../img/tutorial/logo.png) 0 0 no-repeat;background-size:100% 100%}@media screen and (max-width: 767px){.page-header-logo{width:90px;height:38px;margin:6px 0 6px}}.page-header .nav-trigger{position:relative;float:right;padding:9px 10px;margin-top:10px;display:none;outline:none;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.page-header .nav-trigger:hover,.page-header .nav-trigger:active{background-color:#f9f9f9;border-color:#f9f9f9}.page-header .nav-trigger span{display:block;width:22px;height:2px;border-radius:1px;background-color:#1c85cc}.page-header .nav-trigger span+span{margin-top:4px}@media screen and (max-width: 767px){.page-header .nav-trigger{display:block}}.page-header-nav{font-size:0;overflow:hidden;background-color:#fff}.page-header-nav li{float:left;height:80px;line-height:80px;color:#333;font-size:18px}.page-header-nav li+li{margin-left:1em}.page-header-nav .active{color:#1c85cc;position:relative}.page-header-nav .active:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background-color:#1c85cc}.page-header-nav a{display:inline-block;padding:0 .5em;line-height:normal;color:inherit;vertical-align:middle}.page-header-nav.in{display:block}@media screen and (max-width: 767px){.page-header-nav{float:none;width:100%;margin-top:5px;display:none}.page-header-nav li{float:none;height:40px;line-height:40px;font-size:14px}.page-header-nav li+li{margin-left:0}.page-header-nav a{display:block;line-height:40px}}.page-body{padding-top:80px}@media screen and (max-width: 767px){.page-body{padding-top:50px}}.page-body .banner{height:34.375em;color:#fff;font-size:16px;overflow:hidden;background-color:#1c85cc;background-image:linear-gradient(90deg, #3f73dd 0%,#45baff 100%);background-image:url(../../img/tutorial/banner_bg.png);background-position:center center;background-size:100% 100%;background-repeat:no-repeat;user-select:none}@media screen and (max-width: 1000px){.page-body .banner{font-size:12px;text-align:center}.page-body .banner .pull-left{float:none}}.page-body .banner-title{font-size:2.5em;margin-top:3.3em;font-weight:400;display:inline-block;position:relative}.page-body .banner-title:before{content:'最新版';position:absolute;right:-5em;top:.2em;display:inline-block;font-size:.35em;padding:.5em;background-color:#ffb635;border-radius:5px}.page-body .banner-slogan{font-size:1.25em;line-height:1.5;margin:0}.page-body .banner .icon{display:inline-block;width:20px;height:16px;vertical-align:middle;margin-right:8px;background-position:center center;background-repeat:no-repeat}.page-body .banner .icon-download{margin-top:-2px;background-image:url(../../img/tutorial/icon-download.png)}.page-body .banner .icon-pan{background-image:url(../../img/tutorial/icon-pan.png)}.page-body .banner .btn{display:inline-block;width:160px;line-height:50px;font-size:18px;margin-top:50px;color:#333;text-align:center;background-color:#ffffff;box-shadow:0px 8px 5px 0px rgba(6,57,26,0.1);border-radius:24px;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.page-body .banner .btn:hover{background-color:#e3edfb}.page-body .banner .btn+.btn{margin-left:20px}.page-body .banner .more-download{font-size:.875em;margin-top:1.5em}.page-body .banner .more-download a{color:inherit;margin-right:1em}.page-body .banner .more-download a:hover{color:#ffb635;text-decoration:underline}.page-body .banner .tutorial{display:inline-block;margin-top:1em;padding-left:1.5em;font-size:1.125em;color:inherit;background:url(../../img/tutorial/icon_tutorial.png) no-repeat}.page-body .banner .tutorial i{font-family:Simsun;font-style:normal;font-weight:700}.page-body .banner .tutorial:hover{color:#ffb635;background-image:url(../../img/tutorial/icon_tutorial_active.png)}.page-body .banner-slide{position:relative;width:486px;height:390px;overflow:hidden;margin-top:70px}.page-body .banner-slide .swiper-container{width:480px;height:400px}.page-body .banner-slide .pagination{position:absolute;z-index:20;bottom:10px;width:100%;text-align:center;margin:0}.page-body .banner-slide .swiper-pagination-switch{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#8ec7f9;margin:0 5px;cursor:pointer}.page-body .banner-slide .swiper-active-switch{background-color:#fff}@media screen and (max-width: 1000px){.page-body .banner-slide{display:none}}.page-body .main-content{margin-top:50px;overflow:hidden}.page-body .main-content-title{position:relative;margin-top:0;margin-bottom:0;font-size:24px;padding-bottom:20px;color:#4293ec;font-weight:400;border-bottom:1px solid #e6e6e6}.page-body .main-content-title:before{content:'';position:absolute;bottom:0;left:0;width:110px;height:5px;background-color:#44acf9}.page-body .main-content .body{margin-right:320px}.page-body .main-content .side{position:relative;z-index:999;width:260px;height:240px;margin-top:45px;font-size:20px;color:#44acf9;text-align:center;border:1px solid #e6e6e6;background-color:#fff}.page-body .main-content .side p{margin-bottom:10px}@media screen and (max-width: 1170px){.page-body .main-content .body{margin-right:0}.page-body .main-content .side{display:none}}.page-footer{padding-top:40px;padding-bottom:20px;overflow:hidden;color:#fff;font-size:14px;background-color:#33363b}.page-footer .container{padding-left:45px;padding-right:45px}.page-footer dl{display:inline-block;width:230px;vertical-align:top}.page-footer dl+dl{margin-left:100px}.page-footer dl.wechat{width:auto;margin-left:0}.page-footer dl.wechat span{display:block;text-align:center;margin-top:10px}.page-footer dl.wechat img{width:120px;height:120px}.page-footer dt{font-size:18px;margin-bottom:20px}.page-footer dd{margin-left:0}.page-footer dd a{display:block;font-size:14px;color:#ccc;margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-footer dd a:hover{color:#4293ec;text-decoration:underline}.page-footer .more{color:#2c619b}.page-footer p{margin-top:120px;font-size:1.142857em;text-align:center}@media screen and (max-width: 1170px){.page-footer .container{padding-left:15px;padding-right:15px}.page-footer dl{width:200px}.page-footer dl+dl{margin-left:80px}}@media screen and (max-width: 992px){.page-footer{font-size:12px}.page-footer dl{width:22%}.page-footer dl+dl{margin-left:30px}}.pagination{font-size:0;text-align:center;margin:30px auto 70px}.pagination li{display:inline}.pagination li:first-child,.pagination li:last-child{font-family:Simsun;font-weight:700}.pagination a{display:inline-block;vertical-align:top;color:#999;font-size:14px;width:40px;height:40px;margin:0 4px;line-height:38px;border:1px solid #e6e6e6;border-radius:4px}.pagination a:hover{color:#44acf9}.pagination .active a{color:#fff;background-color:#44acf9}.browserupgrade{font-weight:700;position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;color:#f0d200;background-color:#44acf9;overflow:hidden}.browserupgrade p{font-size:250%;position:absolute;top:50%;left:0;width:100%;margin-top:-100px;text-align:center;color:#fff}.browserupgrade a{text-decoration:none;color:#ffaa39}.hotkey{position:relative;margin-bottom:30px;font-size:0}.hotkey .txt,.hotkey .select,.hotkey .key-value,.hotkey a{float:left;vertical-align:top;font-size:16px;line-height:2.125em}@media screen and (max-width: 1000px){.hotkey .txt,.hotkey .select,.hotkey .key-value,.hotkey a{font-size:14px}}@media screen and (max-width: 767px){.hotkey .txt,.hotkey .select,.hotkey .key-value,.hotkey a{float:none}}.hotkey .key-value{width:12.1875em}@media screen and (max-width: 767px){.hotkey .key-value{display:block;width:auto;clear:both}}.hotkey .select{position:relative;margin-right:1em;user-select:none}@media screen and (max-width: 767px){.hotkey .select{width:48%;display:inline-block;margin-bottom:10px;margin-right:0}.hotkey .select+.select{margin-left:4%}}.hotkey .select .icon{position:absolute;right:11px;top:50%;width:15px;height:6px;margin-top:-3px;background:url(../../img/tutorial/arrow_down.png) no-repeat}.hotkey .select .icon.down{background-image:url(../../img/tutorial/arrow_down.png)}.hotkey .select .icon.up{background-image:url(../../img/tutorial/arrow_up.png)}.hotkey .select-value{display:inline-block;width:14.375em;height:2.25em;background-color:#fafafa;border:1px solid #e6e6e6;text-align:center;cursor:pointer;color:#999}@media screen and (max-width: 900px){.hotkey .select-value{width:11em}}@media screen and (max-width: 767px){.hotkey .select-value{width:100%}}.hotkey .select-list{position:absolute;left:0;top:2.1875em;z-index:99;width:100%;display:none;border:1px solid #e6e6e6;background-color:#fff;-moz-box-shadow:0 2px 5px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1);box-shadow:0 2px 5px rgba(0,0,0,0.1)}.hotkey .select-list ul{max-height:10.625em;overflow-y:auto}.hotkey .select-list ul::-webkit-scrollbar{width:5px;background-color:#fff}.hotkey .select-list ul::-webkit-scrollbar-button{display:none}.hotkey .select-list ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.5)}.hotkey .select-list li{font-size:.88889em;padding:0 1em;text-align:center;cursor:pointer}.hotkey .select-list li.disabled{font-size:.8em;color:#999;cursor:default}.hotkey .select-list li:not(.disabled):hover{color:#1c85cc}.hotkey .txt{margin-right:5px}@media screen and (max-width: 767px){.hotkey .txt{display:block;margin-bottom:10px}}.hotkey a{position:absolute;right:0;top:0;color:#1c85cc}.hotkey a:hover{color:#1c85cc;text-decoration:underline}.hotkey a i{font-family:Simsun;font-style:normal;font-weight:700}.qq-service{position:fixed;right:50px;top:50%;z-index:99999;width:80px;height:80px;border-radius:10px;background-color:#fff;text-align:center;overflow:hidden;color:#1c85cc;box-shadow:0px 0px 10px rgba(177,177,177,0.2);-moz-transition:box-shadow .2s ease-out;-o-transition:box-shadow .2s ease-out;-webkit-transition:box-shadow .2s ease-out;transition:box-shadow .2s ease-out}@media screen and (max-width: 768px){.qq-service{display:none}}.qq-service:before{content:'';display:block;width:28px;height:34px;margin:14px auto 6px;background:url(../../img/tutorial/QQ.png) no-repeat}.qq-service:hover{box-shadow:0px 0px 12px rgba(177,177,177,0.4)}.copyright{padding-top:2em;padding-bottom:1em;font-size:12px;color:#5f5f5f;text-align:center;border-top:1px solid #ccc}.copyright a{margin:0 .5em}.copyright a:hover{text-decoration:underline}.copyright p{margin-top:1em}
/*# sourceMappingURL=base.css.map */