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;
}
.container-width{
  /*position:relative;*/
  padding:20px;
  /*width:900px;
  height:564px;*/
  /*overflow: hidden;*/
  background: -prefix-linear-gradient(left top,#6d5855,#3b2d2a);
  background: linear-gradient(to bottom right,#6d5855,#3b2d2a);
}
::-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;
  color:#fff;
}
.header i{
  color:#fff;
}
.header-return{
  display:inline-block;
  font-size: 20px;
  font-weight: bold;
  padding:9px 5px 0 0;
}
.header i{
  cursor:pointer;
}
.version-name{
  margin-left: 15px;
  color:#ddd;
  font-size: 12px;
}
.top-nav .nav-link{
  color:#ccc;
  font-size:18px;
}
.top-nav .nav-link.active{
  color:#fff;
  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:44px;
  height: 0px;
  width: 0px;
  border-left: 7px solid transparent;
  border-bottom: 8px solid #fbf6f3;
  border-right: 8px solid transparent;
}
.top-nav .nav-link:hover{
  color:#fff;
  text-shadow: 0px 0px 20px #f72;
}
.top-nav .nav-link.active:hover{
  color:#fff;
  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:#fbf6f3;
  overflow:hidden;
}
.software-down{
  padding: 50px 0;
}
.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;
}
.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{
  border:2px solid rgba(255,101,5,0.2);
}
.software-list:hover .btn-white,.details:hover .btn-white{
  background:#ff6501;
  color:#fff;
  border:1px solid #ff6501;
}
.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;
  margin:0 15px 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;
}
.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;
  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;
}
.local-software{
  position:absolute;
  width:100%;
  top:0;
  left:0;
  bottom:47px;
  overflow-y:auto;
}
.software{
  position:relative;
  padding:12px 0;
  margin:0 15px;
  border-bottom: 1px solid #f5ede7;
  cursor:pointer;
}
.software a{
  color:#333;
  text-decoration: none;
}
.software:hover a{
  color:#ff6501;
}
.software.active{
  font-weight: bold;
  color:#ff6501;
}
.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:#ff6501;
}
.software.active .software-num,.software:hover .software-num{
  background:#ff6501;
  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:0;
  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;
  background:#fff;
  height:55px;
}
.local-install{
  position:absolute;
  top: 0;
  left:27%;
  bottom:0;
  width:73%;
  overflow-y:hidden;
}
.software-content{
  width:100%;
}
.software-tab-pane{
  background:#fff;
  padding:15px;
  overflow-y:auto;
}
.software-content .tab-pane{
  padding:0 15px;
}
.software-nav{
  position:absolute;
  right:15px;
  top:0;
  border-color: #fff;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  border-color: #fff;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #fff;
  background:#fff;
}
.nav-link{
  padding:13px 25px;
}
.iconbg{
  display:block;
  width:30px;
  padding:7px 0;
  margin:0 0 5px 9px;
  text-align: center;
}
.iconbg-purple{
  background:#8a7bfd;
  color:#fff;
}
.iconbg-green{
  background:#0fb890;
  color:#fff;
}
.iconbg-yellow{
  background:#bfad6a;
  color:#fff;
}
.details{
  background:#fbf6f3;
  padding:15px;
  border: 2px solid #fff;
  border-radius: 3px;
  margin:0 0 15px;
  color:#888;
  font-size: 14px;
}
.software-tab-pane .details:last-child{
  margin-bottom: 0;
}
.details-title{
  width:85%;
  font-size: 16px;
  color:#333;
}
.details .w-25{
  font-size: 16px;
  font-weight: bold;
  color:#333;
}
.details .details-title .w-25{
  width:62%!important;
  font-weight: 500;
}
.details .w-25{
  font-size: 16px;
  font-weight: bold;
  color:#333;
}
.local-software-content{
  height:364px;
  overflow-y:auto;
  padding-right: 15px;
}
#dropdownMenuButton{
  cursor:pointer;
}
.dropdown-toggle::after{
  border: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:#fbf6f3;
  border-radius: 3px;
  padding:10px;
  font-size: 14px;
  border:2px solid #fbf6f3;
  margin:10px 0 10px 0;
}
.downloaded:hover{
  border:2px solid rgba(255,101,5,0.2);
}
.progress-content .float-right{
  font-size: 16px;
}
.progress-width{
  width:85%;
}
.dropdown-wrap{
  min-width: 0;
}
.btn-white {
  color: #333;
  background-color: #fff;
  border-color: #ddd;
}

.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: #14a5e8;
  border-color: #14a5e8;
}

.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:356px;
  overflow-y:auto;
}
.head-img{
  margin-top: -5px;
  width:26px;
  height:26px;
  border-radius: 13px;
}
.downloading .dropdown-item{
  color:#007bff;
}
.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-list a{
  color:#212529;
}
.news-list a:hover{
  text-decoration: none;
}
.news-list .software-tab-pane{
  border:1px solid #fff;
}
.news-list .software-tab-pane:hover{
  border:1px solid rgba(255,101,5,0.3);
  box-shadow: 0 0 10px #ccc
}