@charset "utf-8";
/*样式初始化*/
.container-width{
  position:relative;
  width:900px;
  height:564px;
  position:relative;
  overflow: hidden;
  /*background:url(bg.jpg);*/
}
.border{
  border-color: rgba(0,153,204,0.8) !important;
}
.bg{
  position:absolute;
  top:0;
  left:0;
  width:900px;
  height:564px;
  z-index: -2;
  background:url(bg.jpg);
  /*background:url(gradient.jpg);*/
}
::-webkit-scrollbar-track
{
  background-color: #fff;
}
::-webkit-scrollbar
{
  width: 5px;
  height:5px;
}
::-webkit-scrollbar:hover{
  background:#f7f7f7;
}
::-webkit-scrollbar-thumb
{
  background-color: #f0f0f0;
}
.header{
  /*background-color:rgba(255,255,255,0.5);*/
  background-color:rgba(0,153,204,1);
  color:#fff;
}
.header i{
  color:#fff;
}
.lock-detail{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  max-height:250px;
  overflow-y:auto;
  background-color:rgba(255,173,51,0.1);
}
.info-list{
  width:100%;
}
.info-list ul{
  margin:0;
  padding:0;
}
.info-list ul li{
  float:left;
  width:100%;
  border-bottom: 1px dotted #ccc;
  list-style-type: none;
  padding:10px 15px;
}
.info-list ul li:hover{
  border-bottom: 1px solid #ff9900;
}
.software-wrapscroll{
  width:100%;
  height:497px;
  overflow-y:auto;
}
.software-list{
  float:left;
  width:835px;
  background:rgba(255,173,51,0.1);
  border:1px solid #ddd;
  border-radius: 7px;
  padding:15px;
  margin: 5px 25px 15px 30px;
}
.software-list:hover{
  background:rgba(255,153,0,0.1);
  border:1px solid #ff9900;
}
.software-list a{
  color:#333;
}
.software-list a:hover{
  text-decoration: none;
}
.software-obtian{
  float:left;
  width:835px;
  padding:15px 0;
  border-bottom: 1px dotted #ccc;
  margin: 5px 25px 15px 30px;
}
.obtian-top{
  float:left;
  width:835px;
  background:rgba(255,173,51,0.1);
  border:1px solid #ddd;
  border-radius: 7px;
  padding:15px;
  margin: 5px 25px 15px 30px;
}
.software-title{
  font-size: 16px;
  font-weight: bold;
}
.software-body{
  width:50%;
}
.detail-download{
  min-width:400px;
  max-height: 450px; 
  padding: 10px 15px;
  overflow-y:auto;
}
.software-left{
  position: absolute;
  width:250px;
  top:56px;
  bottom:0;
  left:0;
}
.local-software{
  position:absolute;
  width:100%;
  top:0;
  left:0;
  bottom:50px;
  /*background:#f9f9f9;*/
  background-color: rgba(254,250,249,0.3);
  overflow-y:auto;
}
.software:hover{
  background:rgba(255,153,0,0.1);
}
.software a{
  text-decoration: none;
}
.software.active{
  background:rgba(255,173,51,0.1);
  border-left: 3px solid #ff9900;
}
.software.active a{
  color:#333;
}
.software-left-bottom{
  background-color:rgba(255,173,51,0.1);
  z-index: 999;
  position:absolute;
  width:100%;
  bottom:0;
  left:0;
}
.local-install{
  position:absolute;
  top: 80px;
  right:0;
  bottom:0;
  width:648px;
  overflow-y:auto;
}
.software-content{
  height:371px;
  overflow-y:auto;
  padding-right: 15px;
}
.details{
  padding:15px 0;
  border-bottom: 1px dotted #ccc;
}
.details:hover{
  border-bottom:1px solid #ff9900;
}
.local-software-content{
  height:364px;
  overflow-y:auto;
  padding-right: 15px;
}
#dropdownMenuButton{
  cursor:pointer;
}
.dropdown-toggle::after{
  border:none;
}

.bolangbanner {
  bottom: 0;
  height: 100px;
  position: absolute;
  width: 100%;
  z-index:-1;
}
#banner_bolang_bg_1{
  position: absolute;
  height:85px;
  background: url(wave1.png) repeat-x;
  width:300%;
  bottom:0;
}
#banner_bolang_bg_2{
  position: absolute;
  height:100px;
  background: url(wave2.png) repeat-x;
  width:300%;
  top:0;
}
.colorblack{
  color:#212529;
}
.colorblack:hover{
  color:#333;
}
.downloaded{
  border: 1px solid #dee2e6;
  background:#fefaf9;
  border-radius: 7px;
  padding:10px;
  margin: 15px 0;
}
.dropdown-wrap{
  min-width: 0;
}

.btn-blue {
  color: #fff;
  background-color: #2daebf;
  border-color: #2daebf;
}

.btn-blue:hover {
  color: #fff;
  background-color: #219aaa;
  border-color: #219aaa;
}

.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: #2daebf;
  border-color: #2daebf;
}

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

.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;
}

.modal-dialog{
  margin: 3rem auto !important;
}