Team:Peking/test1

<style>

• , *:before, *:after {

   box-sizing: inherit

} .clearfix:after, .quickstart-step:after {

   clear: both;
   content: "";
   display: table;
   height: 0;
   visibility: hidden

}

img {

   max-width: 272px

}

link, :visited {

   color: #039be5;
   outline: 0;
   text-decoration: none

}

a:focus {

   text-decoration: underline

} ul {

   list-style: disc outside

}

li, li p {

   margin: 8px 0;
   padding: 0

} @media screen and (max-width: 720px) {

   .devsite-settings-kabob {
       margin: 12px 0
   }

}

.devsite-footer-promos {

   background: #f7f7f7;
   font: 14px/20px Roboto, sans-serif

}

.devsite-footer-promos-list {

   padding: 20px 4px;
   text-align: center

}

.devsite-footer-promo {

   display: inline-block;
   margin: 20px;
   vertical-align: top;
   width: 192px

}

.devsite-footer-promo-icon {

   color: rgba(0, 0, 0, .87);
   display: block;
   font-size: 48px;
   height: 48px;
   margin: 0 auto 8px;
   width: 48px

}

.devsite-footer-promo-title {

   color: rgba(0, 0, 0, .87);
   display: block;
   font-weight: 500

}

.devsite-footer-promo-title:hover, .devsite-footer-promo-title:focus {

   color: #039be5;
   text-decoration: none

}

.devsite-footer-linkboxes {

   background: linear-gradient(90deg, #263238 50%, #37424b 50%);
   font: 14px/16px Roboto, sans-serif

}

.devsite-footer-linkboxes > .devsite-full-site-width {

   max-width: 1432px

}

.devsite-footer-linkboxes-all-backup {

   background: linear-gradient(90deg, #303c42 50%, #37424b 50%)

}

.devsite-footer-linkboxes-list {

   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0

}

.devsite-footer-linkbox {

   background: #263238;
   display: inline-block;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   margin: 0;
   padding: 24px 40px 40px;
   text-align: left;
   vertical-align: top;
   width: 25%

}

.devsite-footer-linkbox-backup {

   background: #303c42

}

.devsite-footer-linkbox-sites {

   background: #37424b

}

.devsite-footer-linkbox-logo-link {

   border-bottom: 1px solid #455a64;
   display: block;
   margin: 0 -40px 16px;
   padding: 0 40px 20px

}

.devsite-footer-linkbox-logo {

   margin: -5px 0 0;
   max-width: 216px;
   width: 100%;
   vertical-align: top

}

.devsite-footer-linkbox-heading {

   color: #fff;
   font: 500 14px/16px Roboto, sans-serif;
   margin: 0 0 16px

}

.devsite-footer-linkbox-list {

   list-style-type: none;
   padding: 0

}

.devsite-footer-linkbox-item {

   margin: 16px 0

}

.devsite-footer-linkbox-item:first-child {

   margin-top: 0

}

.devsite-footer-linkbox-item:last-child {

   margin-bottom: 0

}

.devsite-footer-linkbox-item a {

   color: #cfd8dc

}

.devsite-footer-linkbox-item a:hover, .devsite-footer-linkbox-item a:focus {

   color: #fff;
   text-decoration: none

}

.devsite-utility-footer {

   background: #455a64

}

.devsite-utility-footer-nav {

   color: #fff;
   overflow: auto;

padding: 14px 24px, .devsite-utility-footer-nav-right {

   -ms-flex-align: center;
   align-items: center;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: center;
   justify-content: center

}

.devsite-utility-footer-nav-left {

   float: left

}

.devsite-utility-footer-nav-right {

   float: right

}

.devsite-utility-footer-links, .devsite-utility-footer-newsletter-signup-text {

   font-weight: 500;
   margin-right: 16px

}

.devsite-utility-footer-link {

   color: #fff

}

.devsite-utility-footer-link:focus {

   text-decoration: underline

}

.devsite-utility-footer-link + .devsite-utility-footer-link::before {

   content: '|';
   margin: 0 8px

}

.devsite-utility-footer-language {

   margin-right: 16px

}

.devsite-utility-footer-language .kd-select {

   border-color: #fff;
   min-width: 96px

}

@media screen and (max-width: 1000px) {

   .devsite-footer-linkbox {
       width: 50%
   }

}

@media screen and (max-width: 720px) {

   .devsite-footer-promos-list {
       padding: 20px 16px;
       text-align: left
   }

   .devsite-footer-promo {
       margin: 8px;
       width: calc((100% - 32px) / 2)
   }

   .devsite-footer-promo-icon {
       float: left;
       height: 32px;
       margin-right: 16px;
       width: 32px
   }

   .devsite-footer-promo-title {
       font-weight: normal;
       line-height: 32px
   }

   .devsite-footer-promo-description {
       display: none
   }

   .devsite-footer-linkbox {
       padding: 24px 16px 24px
   }

   .devsite-footer-linkbox-logo-link {
       margin: 0 -16px 24px;
       padding: 0 16px 17px
   }

   .devsite-utility-footer-nav {
       padding: 14px 16px
   }

   .devsite-utility-footer-nav-right {
       clear: both;
       display: -ms-flexbox;
       display: flex;
       float: left;
       margin-top: 8px
   }

   .devsite-utility-footer-newsletter-signup-text {
       margin: 0 0 0 16px;
       -ms-flex-order: 2;
       order: 2
   }

   .devsite-utility-footer-newsletter-signup-button {
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       -ms-flex-order: 1;
       order: 1
   }

}

@media screen and (max-width: 1200px) {

1. table-of-contents, h2#contents, h3#contents, h2.toc, h3.toc, div.toc:not(.class):not(.group):not(.type):not(.interface), section.toc, ol.toc, ul.toc, .inline-toc {

   display: none

} .devsite-content-footer {

   border-top: 1px solid #ebebeb;
   clear: both;
   color: #757575;
   font: italic 13px/20px Roboto, sans-serif;
   margin-top: 16px

}

.devsite-content-footer-date {

   margin-bottom: 0

} </style>