Launcher/css/global.css

@charset "utf-8";
/*样式初始化*/
@font-face {
  font-family: 'pingfang SC';
  src:url('font/pingfang.ttf') format('truetype');
}
body{
  font-family:-apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', sans-serif;
  font-size:12px !important;
  overflow: hidden;
}
/*滑块*/
::-webkit-scrollbar-thumb:horizontal { /*水平滚动条的样式*/
  background-color: #ddd;
}
::-webkit-scrollbar-thumb:vertical { /*垂直滚动条的样式*/
  background-color: #ddd;
}
.nav-link,.btn-link{
  color:#999;
}
.nav-link:hover,.btn-link:hover{
  color:#333;
  text-decoration: none;
}
.container-width{
  /*position:relative;*/
  padding:20px;
  /*width:900px;
  height:564px;*/
  /*overflow: hidden;*/
  background: linear-gradient(to bottom right,#f2f3fa 10%,#eaecf1 60%,#f0f1f8);/*
  background: linear-gradient(to bottom right,#eaecf1 10%,#BED8FE 60%,#EDF3FF);*/
   /*background: linear-gradient(to bottom right,#eaecf1,#eef0f7);*/
}
::-webkit-scrollbar-track
{
  background-color: #fff;
}
::-webkit-scrollbar
{
  width: 5px;
  height:5px;
}
::-webkit-scrollbar:hover{
  background:#ddd5cf;
}
::-webkit-scrollbar-thumb
{
  background-color: #ddd5cf;
}
.header{
  margin-top: -20px;
  padding-top: 5px;
  height:60px;
}
.header i{
}
.cat-meow{
  position: absolute;
    bottom: 47px;
    left: -8px;
    z-index: 9999;
    cursor: pointer;
}
.cat-meow:hover {
  transform: translate(8px);
}
.cat{
  position: absolute;
    bottom: 47px;
    left: -110px;
}
.cat img{
  width:100px;
  }
.catgogogo{
  animation-name: catwalk;
  animation-duration: 12s; 
  animation-timing-function: linear;
  animation-iteration-count:1;
  animation-direction:alternate;
  animation-play-state:running;
  -webkit-animation-name: catwalk;
  -webkit-animation-duration: 12s; 
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count:1;
  -webkit-animation-direction:alternate;
  -webkit-animation-play-state:running;
}

@keyframes catwalk
{
    0% {left:-110px;}
    100% {left:500px;}
}
@-webkit-keyframes catwakl
{
    0% {left:-110px;}
    100% {left:500px;}
} 

.header-return{
  display:inline-block;
  font-size: 20px;
  font-weight: bold;
  padding:9px 5px 0 0;
}
.header i{
  cursor:pointer;
}
.head-tool .btn-light{
  background: none;
  border:none;
  color: #999
}
.head-tool .btn-group>.btn:nth-child(2){
  border:none;
}
.head-tool .btn-light:hover{
  background: #e2e6ea;
  border:none;
  color:#333;
}
.head-tool .btn-del:hover{
  background: rgb(228, 132, 131);
  border:none;
  color:#fff;
}
.version-name{
  margin-left: 15px;
  color:#ddd;
  font-size: 12px;
}
.top-nav .nav-link{
  color:#666;
  font-size:18px;
}
.top-nav .nav-link.active{
  color:#007bff;
  /*text-shadow:0px 0px 6px #fff, 0px 0px 20px #f72, 0px 0px 30px #f84,0px 0px 70px #fa5;*/
  position: relative;
}
.top-nav .nav-link.active:before{
  position:absolute;
  content: "";
  top:39px;
  left:30%;
  margin-left:-8px;
  height: 0px;
  width: 50px;
  border-left: 7px solid transparent;
  border-bottom: 1px solid #007bff;
  border-right: 8px solid transparent;
}
.top-nav .nav-link:hover{
  color:#007bff;
  /*text-shadow: 0px 0px 20px #1e6eff;*/
}
.top-nav .nav-link.active:hover{
  color:#007bff;
  /*text-shadow:0px 0px 6px #fff, 0px 0px 20px #f72, 0px 0px 30px #f84,0px 0px 70px #fa5;*/
  cursor: default;
}
.software-wrap{
  position:relative;
  background:#f5f6f7;
  overflow:hidden;
}
.software-down{
  padding: 50px 0;
}
.images-usb{
  width:100%;
  text-align: center;
}
.lock-detail{
  width:100%;
}
.text-orange{
  color:#ff6501;
  padding:0 10px;
}
.info-title{
  width:100%;
  height:60px;
  line-height: 60px;
  text-align: center;
  font-size: 16px;
  z-index: 10;
}
.info-list{
  width:100%;
  overflow-y:auto;
}
.software-info{
  padding-top: 5px;
  font-size: 14px;
}
.software-wrapscroll{
  width:100%;
  overflow-y:auto;
  border:1px solid #eaeaea;
}
.software-list{
  background:#fff;
  border:2px solid #fff;
  border-radius: 3px;
  padding:12px;
  margin:0 15px 15px;
}
.software-list .software-body{
  width:85% !important;
}
.software-list:hover,.details:hover{
  background: #ebeced
}
.software-list:hover .btn-white,.details:hover .btn-white{
  background:#1e6eff;
  color:#fff;
  border:1px solid #1e6eff;
}
.software-list a{
  color:#333;
}
.software-list a:hover{
  text-decoration: none;
}
.freewrap{
  background:#eee5df;
  margin:0 15px 15px 15px;
  padding:0 0 5px 0;
  border-radius: 3px;
}
.free-title{
  padding:10px 15px;
  font-size: 18px;
  border-radius: 3px 3px 0 0;
}
.free-content{
  position:relative;
  background:#fff;
  padding:15px;
  height:90px;
  border:2px solid #fff;
  border-radius: 3px;
}
.free-content:hover{
  border:2px solid rgba(255,101,5,0.2);
}
.free-content:hover .btn-white{
  background:#ff6501;
  color:#fff;
  border:1px solid #ff6501;
  display:block;
}
.free-content .btn-white{
  display:none;
}
.free-right{
  position:absolute;
  right:15px;
  bottom:10px;
}
.obtian-list{
  width:100%;
  overflow-y:auto;
}
.obtian-top{
  background:rgba(107,91,89,0.4);
  color:#333;
  border:1px solid #ddd;
  border-radius: 7px;
  padding:15px;
  margin:15px 15px 16px 15px;
  font-size: 16px;
}
.software-title{
  font-size: 16px;
  font-weight: bold;
}
.software-version{
  font-size: 14px;
  color:#888;
}
.software-stitle{
  font-size: 14px;
  color:#888;
}
.details-title a{
  color:#333;
}
.details-title a:hover{
  background:#fff;
  text-decoration: none;
}
.detail-download{
  width:530px;
  padding: 10px 15px;
  font-size: 14px;
  overflow-y:auto;
}
.detail-content ul{
  margin:10px 0 0 0;
  padding:0;
}
.detail-content ul li{
  list-style-type: none;
  width:100%;
  padding:10px 0;
}
.detail-content ul li .float-right{
  margin-top: -4px;
}
.color-gray{
  color:#888;
}
.software-left{
  position: absolute;
  width:27%;
  top:0;
  bottom:0;
  left:0;
  background:#fff;
  border:1px solid #eaeaea;
  border-right:none;
}
.local-software{
  position:absolute;
  width:100%;
  top:0;
  left:0;
  bottom:47px;
  overflow-y:auto;
  overflow-x:hidden;
}
.software{
  position:relative;
  padding:16px 24px;
  cursor:pointer;
  border-bottom:1px solid #eaeaea;
}
.software:hover{
  background: #f5f6f7
}
.software a{
  color:#333;
  text-decoration: none;
}
.software:hover a{
  color:#333;
  font-weight: bold;
}
.software.active{
  color:#000;
  background: #eaeaea
}
.software.active:before{
  position:absolute;
  content: "";
  top:20px;
  right:-15px;
  height: 0px;
  width: 0px;
  border-top: 7px solid transparent;
  border-right: 8px solid #fbf6f3;
  border-bottom: 8px solid transparent;
}
.software.active a{
  color:#007bff;
}
.software.active .software-num,.software:hover .software-num{
  background:#999;
  color:#fff;
}
.open-left{
  position:absolute;
  top:0;
  right:0;
  z-index: 999;
}
.open-left span{
  display:inline-block;
  font-size: 12px;
  width:12px;
  text-align: center;
  padding:5px 0;
  background:#5A4A47;
  color:#fff;
  border-radius: 0 0 0 4px;
  cursor:pointer;
}
.software-num{
  position:absolute;
  top:15px;
  right:24px;
  background:#e9e9e9;
  color:#555;
  display:inline-block;
  padding:3px 8px;
}
.software-left-bottomV1,.software-left-bottomV2{
  z-index: 999;
  position:absolute;
  width:100%;
  bottom:0;
  left:0;
  height:55px;
}
.local-install{
  position:absolute;
  top: 0;
  left:27%;
  bottom:0;
  width:73%;
  overflow-y:hidden;
  border:1px solid #eaeaea;
}
.building-bg {
  background:url(building3bg.png) top right  no-repeat;
  background-color: #e9eef5
}
.software-detail-top{
  border-bottom:1px solid #eaeaea;
}
.software-content{
  width:100%;
}
.software-tab-pane{
  overflow-y:auto;
}
.software-content .tab-pane{
  padding:0 ;
}
.software-nav{
  position:absolute;
  right:15px;
  top:0;
  border-color: #eaeaea;
}
.software-nav .nav-link{
  color:#666;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  color:#007bff;
  border-color:#f5f6f7;
  background:#fff;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  border-color: #f5f6f7;
  background: #f5f6f7;
  color: #007bff;
  position: relative;
}
.nav-tabs .nav-item.show .nav-link:before,.nav-tabs .nav-link.active:before{
  position:absolute;
  content: "";
  top:74px;
  left:38px;
  margin-left:-8px;
  height: 0px;
  width: 40px;
  border-left: 7px solid transparent;
  border-bottom: 1px solid #007bff;
  border-right: 8px solid transparent;
}
.nav-link{
  padding:13px 25px;
}
.iconbg{
  display:block;
  width:30px;
  padding:5px 0 5px 0;
  margin:0 0 0 9px;
  text-align: center;
}
.iconbg i{
  font-size: 24px
}
.iconbg-purple{
  background:#8a7bfd;
  color:#fff;
}
.iconbg-green{
  background:#0fb890;
  color:#fff;
}
.iconbg-yellow{
  background:#bfad6a;
  color:#fff;
}
.details{
  background:#f5f6f7;
  padding:20px 30px;
  border-radius: 3px;
  color:#888;
  font-size: 14px;
  border-bottom:1px solid #eaeaea;
}
.details-title{
  width:85%;
  color:#333;
}
.details .w-25{
  font-size: 16px;
  font-weight: bold;
  color:#333;
}
.details .details-title .w-25{
  width:70%!important;
  font-weight: 600;
}
.local-software-content{
  height:364px;
  overflow-y:auto;
  padding-right: 15px;
}
#dropdownMenuButton{
  cursor:pointer;
}
.no-drop::after{
  border:none;
  content:none;
}
.vide-title{
  margin:0 0 20px 0;
  font-size: 16px;
}

.bolangbanner {
  top: 98px;
  height: 100px;
  position: absolute;
  width: 100%;
  z-index:1;
  overflow:hidden;
}
#banner_bolang_bg_1{
  position: absolute;
  height:85px;
  background: url(wave01.png) repeat-x;
  width:300%;
  bottom:0;
}
#banner_bolang_bg_2{
  position: absolute;
  height:100px;
  background: url(wave02.png) repeat-x;
  width:300%;
  top:0;
}
.colorblack{
  color:#212529;
}
.colorblack:hover{
  color:#333;
}
.downloaded{
  background:#f5f6f7;
  border-radius: 3px;
  padding:10px;
  font-size: 14px;
  border:2px solid #f5f6f7;
  margin:10px 0 10px 0;
}
.downloaded:hover{
  border:2px solid rgba(30,110,255,0.2);
}
.progress-content .float-right{
  font-size: 16px;
}
.progress-width{
  width:85%;
}
.dropdown-wrap{
  min-width: 0;
}
.btn-group>.btn:nth-child(2){
  border-left: 1px solid #73a5ff
}
.btn-white {
  color: #333;
  background-color: #fff;
  border-color: #ddd;
}
.btn-white:hover{
  background:#eaecf1 !important;
  color:#333 !important;
  border:1px solid #eef0f7 !important;
}


.btn-orange {
  color: #fff;
  background-color: #ff6501;
  border-color: #ff6501;
}
.btn-orange:hover {
  color: #fff;
  background-color: #e55a00;
  border-color: #e55a00;
}

.btn-orange:focus, .btn-orange.focus {
  box-shadow: 0 0 0 0.2rem rgba(45, 174, 191, 0.5);
}

.btn-orange.disabled, .btn-orange:disabled {
  color: #fff;
  background-color: #e55a00;
  border-color: #e55a00;
}

.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
  color: #fff;
  background-color: #e55a00;
  border-color: #e55a00;
}

.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(45, 174, 191, 0.5);
}

.btn-blue {
  color: #fff;
  background-color: #1e6eff;
  border-color: #1e6eff;
}

.btn-blue:hover {
  color: #fff;
  background-color: #0e90cc;
  border-color: #0e90cc;
}

.btn-blue:focus, .btn-blue.focus {
  box-shadow: 0 0 0 0.2rem rgba(45, 174, 191, 0.5);
}

.btn-blue.disabled, .btn-blue:disabled {
  color: #fff;
  background-color: #0e90cc;
  border-color: #0e90cc;
}

.btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
.show > .btn-blue.dropdown-toggle {
  color: #fff;
  background-color: #0e90cc;
  border-color: #0e90cc;
}

.btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-blue.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(45, 174, 191, 0.5);
}

.badge-orange{
  background:#ff9900;
}

.badge-red{
  background:#f00;
}

.modal-dialog{
  margin: 3.7rem auto 0 auto !important;
}
.modal-body{
  max-height:385px;
  overflow-y:auto;
}
.head-img{
  margin-top: -5px;
  width:26px;
  height:26px;
  border-radius: 13px;
}
.downloading .dropdown-item{
  color:#1e6eff;
}
.modal-online .media{
  background:#fbf6f3;
  margin:0 0 15px 0;
  padding:15px;
  border: 2px solid #fbf6f3;
  border-radius: 3px;
}
.modal-online .media:hover{
  border:2px solid rgba(255,101,5,0.2);
}
.alert-sm{
  padding: .25rem .5rem;
}
.card-width{
  width:189px;
}
/*新闻页面*/
.news-content .software-left{
  width:15%;
}
.news-content .local-install{
  width:85%;
  left:15%;
}
.news-item a{
  color:#212529;
}
.news-list a:hover{
  text-decoration: none;
}
.news-list .news-item{
  border:1px solid #fff;
  overflow: hidden;
  padding:20px;
  background:#fff;
}
.news-list .news-item:hover{
  border:1px solid #ddd;
  box-shadow: 0 0 10px #eaeaea
}
/*培训*/
.train-nav .nav-link{
  padding:5px 15px 0px;
  position: relative;
  color:#333;
  font-size: 14px
}
.train-nav .nav-link.active{
  color:#1e6eff;
  font-weight: 600
}
.train-nav .nav-link:hover{
  color:#1e6eff;

}
.train-nav .nav-link.active:before{
  position:absolute;
  content: "";
  top:34px;
  left:20px;
  height: 0px;
  width: 0px;
  border-left: 7px solid transparent;
  border-bottom: 8px solid #fbf6f3;
  border-right: 8px solid transparent
}
.train-content{
  position:relative;
  background:#fff;
}
.train-detail {
  font-size:14px;
}
.train-detail h1 {
  text-align: center;
  color:#f90000;
  font-size: 2rem;
  border-bottom:1px solid #f90000;
  padding-bottom:10px;
}
.train-detail h2 {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom:20px;
}
.train-table ul{
  margin:0;
  padding:0;
}
.train-table ul li{
  margin:25px 0 0 0;
  list-style-type: none;
  font-size:14px;
}
.train-table .form-th{
  width: 80px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background: linear-gradient(to bottom right,#6d5855,#3b2d2a);
  color: #fff;
  margin:0 0 10px 0;
}
.form-group{
  position:relative;
}
.erroT{
  border:1px solid #f00;
}
.form-group span.text-danger{
  position:absolute;
  top:8px;
}
.text-big{
  margin-top: -10px;
  font-size: 26px;
}
.new-function{
  padding:15px 0;
  display:none;
}
.white-bg{
  background:#fff;
}
.lead-sm{
  font-size: 1rem;
}