@font-face {font-family: 'icomoon';src:url('../fonts/icomoon.eot?rretjt');src:url('../fonts/icomoon.eot?#iefixrretjt') format('embedded-opentype'), url('../fonts/icomoon.woff?rretjt') format('woff'), url('../fonts/icomoon.ttf?rretjt') format('truetype'), url('../fonts/icomoon.svg?rretjt#icomoon') format('svg');font-weight: normal;font-style: normal;}[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}body, html {font-size: 100%;padding: 0;margin: 0;}*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.clearfix:before, .clearfix:after {content: " ";display: table;}.clearfix:after {clear: both;}body{font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;}.htmleaf-links a{color: rgba(255, 255, 255, 0.6);outline: none;text-decoration: none;-webkit-transition: 0.2s;transition: 0.2s;}.htmleaf-links a:hover,.htmleaf-links a:focus{color:#74777b;text-decoration: none;}.htmleaf-container{margin: 0 auto;}.bgcolor-1 {background: #f0efee;}.bgcolor-2 {background: #f9f9f9;}.bgcolor-3 {background: #e8e8e8;}.bgcolor-4 {background: #2f3238;color: #fff;}.bgcolor-5 {background: #df6659;color: #521e18;}.bgcolor-6 {background: #2fa8ec;}.bgcolor-7 {background: #d0d6d6;}.bgcolor-8 {background: #3d4444;color: #fff;}.bgcolor-9 {background: #ef3f52;color: #fff;}.bgcolor-10{background: #64448f;color: #fff;}.bgcolor-11{background: #3755ad;color: #fff;}.bgcolor-12{background: #3498DB;color: #fff;}.bgcolor-20{background: #494A5F;color: #D5D6E2;}.htmleaf-header{padding: 1em 190px 1em;letter-spacing: -1px;text-align: center;background: #66677c;}.htmleaf-header h1 {color: #D5D6E2;font-weight: 600;font-size: 2em;line-height: 1;margin-bottom: 0;}.htmleaf-header h1 span {display: block;font-size: 60%;font-weight: 400;padding: 0.8em 0 0.5em 0;color: #c3c8cd;}.htmleaf-demo a{color: #fff;text-decoration: none;}.htmleaf-demo{width: 100%;padding-bottom: 1.2em;}.htmleaf-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #fff;font-weight: 700;}.htmleaf-demo a:hover{opacity: 0.6;}.htmleaf-demo a.current{background:#1d7db1;color: #fff;}.htmleaf-links {position: relative;display: inline-block;white-space: nowrap;font-size: 1.5em;text-align: center;}.htmleaf-links::after {position: absolute;top: 0;left: 50%;margin-left: -1px;width: 2px;height: 100%;background: #dbdbdb;content: '';-webkit-transform: rotate3d(0,0,1,22.5deg);transform: rotate3d(0,0,1,22.5deg);}.htmleaf-icon {display: inline-block;margin: 0.5em;padding: 0em 0;width: 1.5em;text-decoration: none;}.htmleaf-icon span {display: none;}.htmleaf-icon:before {margin: 0 5px;text-transform: none;font-weight: normal;font-style: normal;font-variant: normal;font-family: 'icomoon';line-height: 1;speak: none;-webkit-font-smoothing: antialiased;}.htmleaf-footer{width: 100%;padding-top: 10px;}.htmleaf-small{font-size: 0.8em;}.center{text-align: center;}.related {width: 100%;float: left;margin-top: 50px;color: #fff;background: #494A5F;text-align: center;font-size: 1.25em;padding: 0.5em 0;overflow: hidden;}.related > a {vertical-align: top;width: calc(100% - 20px);max-width: 340px;display: inline-block;text-align: center;margin: 20px 10px;padding: 25px;font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;}.related a {display: inline-block;text-align: left;margin: 20px auto;padding: 10px 20px;opacity: 0.8;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;-webkit-backface-visibility: hidden;text-decoration: none;}.related a:hover, .related a:active {opacity: 1;}.related a img {max-width: 100%;opacity: 0.8;border-radius: 4px;}.related a:hover img, .related a:active img {opacity: 1;}.related h3{font-family: "Microsoft YaHei", sans-serif;font-size: 1.2em}.related a h3 {font-size: 0.85em;font-weight: 300;margin-top: 0.15em;color: #fff;}.icon-htmleaf-home-outline:before {content: "\e5000";}.icon-htmleaf-arrow-forward-outline:before {content: "\e5001";}@media screen and (max-width: 1024px) {.htmleaf-header {padding: 2em 10% 2em;}.htmleaf-header h1 {font-size:1.4em;}.htmleaf-links{font-size: 1.4em}}@media screen and (max-width: 960px) {.htmleaf-header {padding: 2em 10% 2em;}.htmleaf-header h1 {font-size:1.2em;}.htmleaf-links{font-size: 1.2em}.related h3{font-size: 1em;}.related a h3 {font-size: 0.8em;}}@media screen and (max-width: 766px) {.htmleaf-header h1 {font-size:1.3em;}.htmleaf-links{font-size: 1.3em}}@media screen and (max-width: 640px) {.htmleaf-header {padding: 2em 10% 2em;}.htmleaf-header h1 {font-size:1em;}.htmleaf-links{font-size: 1em}.related h3{font-size: 0.8em;}.related a h3 {font-size: 0.6em;}}