/* Thomsoon.com - OnePage CSS Responsive theme
-- version 1.0
-- Copyright (c) 2014 Thomsoon.com
-- licensed under the MIT
--
-- http://www.thomsoon.com/
--
*/

/* Font Google - strong reaload time */



/*
 * Theme Name: Onepage
 * Author: Thomsoon
 * Created: 14/11/2014
 */
 

html, body{
  font-family: "Microsoft Yahei", sans-serif;
  font-size:15px;
  -webkit-font-smoothing: subpixel-antialiased!important;
  color:black;
  font-weight:400;
  height:100%;
}
 

a{
  text-decoration:none;
  outline:none;
  font-size:14px;
}

a:hover{text-decoration-line: none;}

h1{
  font-size:30px; 
  font-weight:400;
  letter-spacing:1px;
  line-height:1.2;
  margin-bottom: 25px;
  color: #3b8cff
}
 
@-webkit-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}
@-moz-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}
@-o-keyframes bounce-fade {
    0%   { opacity: 0; bottom:70px; }
    100% { opacity: 1; bottom: 35px; }
}
@keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}

 .fl{ float: left; }
  .fr{ float: right; }

.loginbg{ position: fixed; width: 100%; height: 100%; background: url("../img/bg.jpg") center center; }
 
/***** Top content *****/

.inner-bg {
  position: absolute;
  top: 35%; 
  left: 50%;
}

.top-content .text {
  padding-top: 80px;
  color: #fff;
}

.top-content .text h1 { color: #fff;font-size: 46px }

.top-content .description {
  margin: 20px 0 10px 0;
}

.top-content .description p { opacity: 0.8; }

.top-content .description a {
  color: #fff;
}
.top-content .description a:hover, 
.top-content .description a:focus { border-bottom: 1px dotted #fff; }

.top-content .top-big-link {
  margin-top: 35px;
}

.form-top {
  overflow: hidden;
  padding: 0 25px 5px 25px;
  background: #fff;
  -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
  text-align: left;
}

.form-top-left {
  float: left;
  width: 75%;
  padding-top: 15px;
}

.form-top-left h3 { margin-top: 0; }

.form-top-right {
  float: left;
  width: 25%;
  padding-top: 5px;
  font-size: 66px;
  color: #ddd;
  line-height: 100px;
  text-align: right;
}

.form-bottom {
  padding: 25px 25px 30px 25px;
  background: #eee;
  -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
  text-align: left;
}

.form-bottom form textarea {
  height: 100px;
}

.form-bottom form .input-error {
  border-color: #19b9e7;
}


/***** Media queries *****/ 
.inner-bg .container{text-align: center;}
.inner-bg .form-control{ height: 40px; line-height: 40px; }
@media (max-width: 767px) {
  
  .navbar { padding-top: 0; }
  .navbar.navbar-no-bg { background: #333; background: rgba(51, 51, 51, 0.9); }
  .navbar-brand { height: 60px; margin-left: 15px; }
  .navbar-collapse { border: 0; }
  .navbar-toggle { margin-top: 12px; }
  
  .inner-bg { padding: 60px 0 110px 0; }
  .top-content .text { padding-top: 0; padding-bottom: 60px; }
  .top-content .top-big-link { margin-top: 25px; }
  .top-content .top-big-link a.btn { margin-top: 10px; }

}

@media (max-width: 415px) {
  
  h1, h2 { font-size: 32px; }

}


@media (min-width: 768px) {
   
  .inner-bg{margin-left: -375px;}
}

@media (min-width: 992px) {
 
  .inner-bg{margin-left: -485px;}
}

@media (min-width: 1200px) {
  .container {
    width: 1170px
  }
  .inner-bg{margin-left: -585px;}
}


body{background: #eee}
/* 头部 */
.header{position:fixed; z-index: 10000; left:0; top:0; width:100%; height:65px; background-color:#3b8cff}
.header .main{position:relative; margin:0 auto; min-height: 0;}
.logo{position:absolute; top: 13px; left:0; width: 135px; height: 37px; text-indent:-666px; background:url(../images/logo.png) no-repeat;}
 
.nav-user{position:absolute; top: 12px; right:0;}
.nav-user span, 
.nav-user .unlogin, 
.out-login,
.avatar,
.avatar *,
.nav-user .nav{display:inline-block; vertical-align: middle; *display: inline; *zoom:1;}
.nav-user .unlogin{margin-right: 10px; margin-top: 8px;}
.nav-user span{position: relative;}
.nav-user span a{padding:0 10px; color:#A9B7B7}
.nav-user span a:hover{color:#fff;}
.nav-user .nav{position:relative; top: -2px; left: auto; right: 0; margin-left: 30px;}
.nav-user .nav a{padding: 0 10px;}
.nav-user .unlogin i{margin-bottom: 12px;}
.nav-user a{ color: #fff; margin-right: 20px; margin-left: 3px; }
.nav-user a span{margin-right: 0}
.nav-user span{color: #fff; margin-right: 20px;}
.out-login{margin-left:20px; text-align:center}
.out-login a{color:#A9B7B7; font-size:30px; padding:0 10px;}
.out-login a:hover{color:#fff;}

.avatar{ color:#A9B7B7; font-size:14px;}
.avatar img{ width: 42px; height: 42px; border-radius:100%;}
.avatar cite, .avatar i{margin-left: 10px}
.avatar i{line-height: 20px; color: #FF7200;}

.nav-message{position:absolute; top:0; left: -35px; height:20px; line-height:20px; padding:0 6px; background-color:#FF7200; color:#fff;}
.nav-message:hover{color:#fff;}

body .fly-user-main{
top: 75px;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;}

.fly-user-main>.layui-nav{
  top: 0;
    left: 0;
    bottom: 0;
    width: 200px; 
    position: absolute;
    background: #eee;
    margin: 0}
.fly-user-main>.layui-nav .fa{position: relative; top: 2px; font-size: 20px; margin-right: 10px; margin-left: 25px;}
.fly-user-main>.fly-panel{width:100%; min-height: 575px; margin: 0 0 10px 215px;}
.fly-user-main .fly-none{min-height: 0;}
.fly-panel-user[pad20]{padding-top: 5px;}
.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-nav-item.layui-this>a,
.layui-nav-tree .layui-nav-item.layui-this>a:hover,.layui-nav-tree .layui-nav-item li.layui-this a {
  background-color: rgba(0,0,0,.05);
  color: #3b8cff;
  float: left;
  width: 100%
}

.layui-nav-tree {
  width: 200px;
  padding: 0
}

.layui-nav-tree .layui-nav-item {
  display: block;
  width: 100%; 
  line-height: 45px;
  margin-bottom: 1px;
}

.layui-nav-tree .layui-nav-item a {
  width: 100%; 
  float: left;
  height: 45px;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.layui-nav-tree .layui-nav-item a:hover {
  background-color: #cdcdcd;
  opacity: 0.7;
}
.layui-nav-tree .layui-nav-item a:visited,.layui-nav-tree .layui-nav-item a:focus,.layui-nav-tree .layui-nav-item a:link{ text-decoration: none; }
.layui-nav-tree .layui-nav-item ul{display: none; float: left; width: 100%; padding: 0}
.layui-nav-tree .layui-nav-item li{height: 40px;line-height: 40px; list-style:none}
.layui-nav-tree .layui-nav-item li a{ padding-left: 55px; height: 40px}
.admin-content-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.am-padding-bottom-0 {
    padding-bottom: 0!important;
}


.main .warp {
    margin-left: -200px;
    padding-left: 220px;
    padding-right: 20px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #fff;
} 
.cotrol-bar{ height: 50px;  }
.cotrol-bar-add a{ display: inline-block; padding: 5px 10px;  }
.cotrol-bar-add a i{ margin-right: 5px; }
.cotrol-bar-search{ float: right; width: 250px; height: 35px; position: relative; border:1px solid #ccc; border-radius: 20px }
.cotrol-bar-search input{ position: absolute; left: 0; top: 0; border:none;  border-radius: 20px; width: 200px; margin-left: 10px; height: 33px; }
.cotrol-bar-search input::placeholder{font-size: 12px; color: #999}
.cotrol-bar-search input:focus,.cotrol-bar-search button:focus{outline:none;}
.cotrol-bar-search button{ position: absolute; right: 5px; top: 0; background: none;border:none; width: 35px; height: 35px; line-height: 30px;  font-size: 18px; color:#3b8cff }
.pull-right table td a.btn{ margin: 0 7px;   }
.pull-right table td a.btn i{ margin-right: 3px; }

.addmachine{ width:685px; margin-top:50px; }
.addmachine div{margin-bottom: 15px;}
.addmachine div label {
    width: 110px;
    float: left;
    text-align: right;
    line-height: 34px;
    margin: 0 5px;
    margin-right: 15px;
    color: #666
}
.addmachine .longinp {
    display: inline-table;
    width: 250px;
}



.addmachine div input {
    line-height: 34px;
}
i.wmes {
    margin: 0 5px;
    color: #f00;
    font-size: 18px;}
.addformsub button{ margin-left: 145px; margin-top: 15px; padding: 5px 25px; }
.addformsub button:nth-child(2){  margin-left: 20px; background: #eee; color: #333 }
.addmachine textarea.longinp {
    width:520px;
    height: 150px;
    display: inline-block;
}
.addmachine div select{ padding: 6px 12px; width: 250px; border: 1px solid #ccc }
.addmachine table{ width: 520px; }
.addmachine table td.gray{ background: #f7f7f7; width: 110px; padding-left: 5px; padding-right: 0; box-sizing:content-box;}
.addmachine table td.gray label{ font-weight: 700; margin: 0 }
.addmachine table td label{ margin-right: 15px;  font-weight: normal; line-height: 28px; text-align: left;}
.addmachine table td label input{ margin-right: 3px; }
.addmachine .table>tbody>tr>td{ padding: 3px 8px; }

.modal-msg{ top: 15% }
.modal-msg .modal-body{ min-height: 300px; }
.setab_list_a{display: none;}
.setab_tit li{display: inline-block; padding: 10px 11px; margin-left: -1px; border: 1px solid #9B9EA0; position: relative; cursor: pointer; min-width: 158px; text-align: center; flex: 1;border-color: #aaa; z-index: 1; color: #666;}
.setab_tit li.addvodtk-sel{border-color: #00C1DE; z-index: 1; color: #00C1DE;}
.setab_tit{width: 515px; margin: 0 auto; list-style: none; display: -webkit-flex; display: flex; flex-wrap: nowrap;}
.setab_tit_music{margin: 0; margin-bottom: 15px;}
.setab_tit_music li{flex: inherit; background: #eee; border: none; min-width: 120px;}
.setab_tit_music li.addvodtk-sel{ background: #00c1de; color: #fff }
.form-group .label-describe{ width: 85px; text-align: right;    vertical-align: top;    line-height: 34px;    color: #73777A;    font-weight: normal;    font-size: 12px;}
.col-sm-9 {width: 75%;}
.col-sm-9 p{ color: #999; font-size: 12px; line-height: 25px; margin-top: 7px; }
.ng-pristine{ margin-left: 0 }
.label-plug-flow-url{ width:465px; word-wrap:break-word; word-break: break-all; background: #ebecec; border: none; padding: 5px 11px; font-size: 12px;color: #333333; line-height: 20px;}
.setab_list_a .form-group{ display: inline-block;width: 100% }
.btn-default-2 {padding: 0 13px; border: 1px solid #C3C5C6; color: #73777A; background-color: #FFF; font-size: 12px; border-radius: 0; display: inline-block; line-height: 32px;}
.setab_list{ margin-top: 20px; }
.ng-wid100{ width: 100%; margin-left: 0 }

ul.btn_i{display: inline-block; padding: 0; position: relative; top: 3px;}
ul.btn_i li{list-style-type: none; background: #ebebeb; font-size: 14px; padding: 5px 8px; position: relative; margin-right: 10px; color: #666; display: inline-block;}
ul.btn_i li i{width: 16px; height: 16px; background: #aaa; border-radius: 50%; font-style: normal; color: #fff; padding: 0px 3px; position: absolute; top: -5px; right: -7px; text-align: center; font-size: 12px; line-height: 13px; cursor: pointer;}


.bk_list{width: 100%;max-width: 100%;margin-bottom: 20px;}
.bk_list .bk_title{width: 100%;}
.bk_list .bk_title a{display: inline-block;margin-right: 20px;color: #888888;}
.bk_list .bk_title a.active{color: #5bc0de;border-bottom: 1px solid #5bc0de;padding-bottom: 8px;}
.bk_list ul{margin:0;margin-top: 20px;padding: 0;}
.bk_list ul li{background-color: #f3f3f3;padding: 30px 25px 50px;text-align: left;list-style-type: none;float: left;margin-bottom: 20px;margin-right: 20px;width: 300px;position: relative;}
.bk_list ul li:hover {text-decoration: none;}
.bk_list ul li.active{background-color: #eae9e9;}
.bk_list ul li h1{font-size: 17px;margin-bottom: 20px;margin-top: 5px;word-break: break-all; line-height: 28px;}
.bk_list ul li p{font-size: 14px;color: #777;line-height: 25px;margin-bottom: 5px;}
.bk_list ul li.active p{color: #333;}
.bk_list ul li div.qh{margin-top: 10px;}
.bk_list ul li div.qh a{display: inline-block;padding:4px 8px;background: #5bc0de;border-radius: 4px;color: #fff;margin: 0 2px;border: 1px solid transparent;}
.bk_list ul li div.qh a.sim{ background: #ccc }
.bk_list ul li div.qh a.sim-online{ background: #5bc0de }
.bk_list ul li div.qh a.sim-online-sel{background:url("../img/sim-online-sel.png") right bottom no-repeat; border:2px solid #5bc0de; color:#333 }
.bk_list ul li div.qh a.active {
	text-decoration: none;
    background: #0a92ba;
    border-color: #269abc;
}
.bk_list ul li div.qh .nav{margin-top: 10px;}
.bk_list ul li div.qh .nav p{font-size: 15px;margin-bottom: 0;line-height: 26px;}
.bk_list ul li input {position: absolute;right: 12px;top: 9px;width: 15px;height: 15px;}
.bk_list .btn-primary {
    position: absolute;
    right: 15px;
    padding: 2px 5px;
    bottom: 15px;
}
.pull-right table td a.btn{margin-left:5px; margin-bottom:5px; padding:3px 8px   }
.border table>tbody>tr>td, .border table>tbody>tr>th{word-break: break-all;}
.bk_list ul li div.qh a.btn {width: auto;  background: #337ab7;  padding: 2px 5px;}
.bk_list ul li div.qh a.sim1{  width: 22%; margin: 2px 3px }

.bk_list ul li{height:430px}