* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



body {

  /*background-color: #eee;*/

  font-size: 16px;

  padding-bottom: 50px;

  position: relative;



  min-height: 100vh;

}



img {

  width: 100%;

  height: auto;

  max-width: 100%;



  -webkit-user-select: none;

  -moz-user-select: none;

  -o-user-select: none;

  user-select: none;

}



[v-cloak] {

  display: none;

}



.position-relative {

    position: relative;

}



.imitate-a {

  color: #337ab7;

  text-decoration: none;

  cursor: pointer;

}



.imitate-a:hover {

  text-decoration: underline;

}





.text-container {

    position: absolute;

    left: 10%;

    top: 50%;

    transform: translate(0, -50%);

    z-index: 10;

/*    padding-top: 20px;

    padding-bottom: 20px;*/

    color: #fff;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0,0,0,.6);



    font-size: 16px;

}



.text-title {

    font-size: 2em;

    margin-bottom: .5em;

}



.text-container .btn {

  font-size: 1em;

}



.navbar {

    /*margin-bottom: 0;*/

}



.app-list-item, .overflow-auto {

    overflow: auto;

}



.float-right {

    float: right;

}



.alert-fixed {

    position: fixed;

    top: 0;

    width: 100%;

    text-align: center;

}



.app-detail {

    margin-left: 10px;

    font-family: Consolas;

    color: #333;

    word-wrap: break-word;

}



.form-public-key {

  min-height: 120px;

}



.btn-copy {

  display: block;

  font-size: 12px;

}



.list-public-key .app-detail {

  display: block;

  margin-top: 5px;

  margin-bottom: 5px;

}



.modal-container-reset {

    display: block;

    background-color: rgba(0, 0, 0, .3);

}



.bread-container {

    background-color: #eee;

    margin-bottom: 20px;

}



.bread-container .breadcrumb {

    background-color: transparent;

    margin-bottom: 0;

}



.panel>.list-group, .panel>.panel-collapse>.list-group {

    margin-bottom: 20px;

}



.text-app-name {

  font-weight: bold;

}



.carousel-container {

  margin-top: -20px;

}



.footer-container {

  position: absolute;

  bottom: 0;

  left: 50%;

  padding: 8px 10px;

  transform: translateX(-50%);



  white-space: nowrap;

}



.type {

  margin: 30px auto;

}



.type h2 {

  margin-bottom: 30px;

  padding-bottom: 10px;

  border-bottom: 1px solid #ccc;

}



.icon-wrapper {

  display: inline-block;

  width: 100%;

  max-width: 300px;

  height: 150px;



  margin-bottom: 20px;



  font-size: 40px;

  color: #333;

  text-align: center;

  line-height: 150px;



  border: 1px solid #888;

}



/* 网易nec的媒体查询 */

/*

* 响应式布局

* 480 - 640 - 768 - 960 - 默认大屏

*/



/* 横屏 */

@media screen and (orientation: landscape) {

}



/* 竖屏 */

@media screen and (orientation: portrait) {

}



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

}



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

}



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

}



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

}



/* windows UI 贴靠 */

@media screen and (-ms-view-state:snapped) {

}



/* print */

@media print {



}



@media screen and (max-width: 50em) {

  .text-container {

    background-color: rgba(0, 0, 0, .5);

    width: 100%;

    padding-bottom: 20px;

    left: 50%;

    transform: translate(-50%, -50%);

  }



  .text-title {

    font-size: 1.2em;

  }



  .text-container .btn {

    font-size: 0.8em;

  }

}