ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
}
::-webkit-scrollbar {
    width:10px
}
::-webkit-scrollbar-track {
    background:#f1f1f1
}
::-webkit-scrollbar-thumb {
    background:#888
}
::-webkit-scrollbar-thumb:hover {
    background:#555
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
}

.etopPanel{
    padding: 18px 18px 30px 18px;
    margin-bottom: 20px;
    background-color: #29363d;
}

.etopGroupPanel{
    height:15px;
    background-color: #29363d;
}

.justify {
    text-align: justify;
}

.justify_fix, .justify-fix {
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.no-wrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media ( min-width : 768px) {
    .col-md-8.no-pl {
        padding-left: 0 !important;
    }
}

.top {
    border-bottom: 1px solid #505659;
    background-color: #202020;
}

.top .container {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

.top .logo {
    position: absolute;
    top: 16px;
    left: 20px;
    background-color: #202020;
}

.top .a-right {
    float: right;
}

.top .a-right .btn-danger {
    display: inline-block;
}

.top .a-right a {
    margin-left: 6px;
}

.top .a-right a.word-a {
    margin: 0 6px;
    font-size: 12px;
    color: #8b8f94;
}

@media ( max-width : 580px) {
    .top .logo {
        position: relative;
        display: inline-block;
        top: 0;
        left: 0;
    }
    .top .a-right {
        display: block;
        float: right;
    }
}

.nav-top {
    background-color: #202020;
    margin-bottom: 10px;
}

.nav-top .navbar-toggle .icon-bar {
    background-color: #fff;
}

@media ( min-width : 768px) {
    #bs-navbar.navbar-collapse {
        padding-top: 18px;
        padding-left: 0;
        padding-right: 0;
    }
    #bs-navbar .navbar-nav {
        float: none;
    }
    #bs-navbar ul {
        text-align: justify;
    }
    #bs-navbar ul li {
        float: none;
        display: inline-block;
        text-align: center;
        padding: 15px 0 0 0;
    }
    #bs-navbar ul li a {
        padding: 0;
        display: inline-block;
        font-size: 18px;
        color: #c2c2c2;
        line-height: 18px;
    }
    #bs-navbar ul.nav li a:focus, #bs-navbar ul.nav li a:hover {
        background-color: rgba(0, 0, 0, 0);
    }
}

.alert-box {
    margin-bottom: 10px;
}

.alert-box .alert-alarm {
    padding-left: 82px;
    margin-bottom: 0;
    color: #919599;
    background-color: #263238;
    font-size: 14px;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}

.alert-box .alert-alarm .alert-tit {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 10px;
    width: 66px;
    font-size: 14px;
    height: 100%;
    line-height: 100%;
    color: #fff;
    background-color: #e34a4a;
}

.alert-box .alert-alarm button {
    color: #919599;
}



.bottom p {
    margin-bottom: 0;
    font-size: 12px;
    color: gray;
    line-height: 16px;
    text-align: center;
}



.slider-right {
    display: none;
}

@media ( min-width :1250px) {
    .slider-right {
        position: fixed;
        right: 0;
        top: 40%;
        padding: 1px;
        width: 70px;
        display: inline;
        background-color: #29363d;
        transition: all ease-in-out .5s;
    }
   
}
.bottom {
        padding: 16px 10px;
        background-color: #263238;
    }
.slider-right ul li {
    padding: 10px 0 5px 0;
}

.slider-right ul li a {
    display: block;
    text-align: center;
}

.slider-right ul li a img {
    width: 33px;
    height: 34px;
}

.slider-right ul li a p {
    font-size: 12px;
    color: #9a9ea3;
    line-height: 24px;
    margin-bottom: 0;
}

@media ( max-width : 768px) {
    .slider-right {
        right: 0;
        bottom: 0;
        top: auto;
        margin-top: 0;
    }
    .slider-right ul li a p {
        display: none;
    }
    
}

.main-two .nav-left {
    padding-right: 5px;
}

.main-two .nav-left ul li {
    padding: 10px 0 10px 19px;
    background-color: #e8e8e8;
}

.main-two .nav-left ul li:nth-child(even) {
    background-color: #ddd;
}

.main-two .nav-left ul li a {
    font-size: 15px;
    color: #001;
    line-height: 30px;
}

.main-two .nav-left ul li a img {
    width: 29px;
    height: 29px;
    margin-right: 18px;
}


.quo-his h1.tit {
    margin: 0;
    padding: 15px 20px;
    font-size: 16px;
    color: #c2c2c2;
    line-height: 16px;
    background-color: #202020;
}

.query-box {
    padding: 8px;
    margin: 0;
    background-color: #29363d;
}

.search-left {
    background-color: #263238;
    padding-right: 6px;
    font-size: 16px;
}

.query-box .glyphicon, .search-left .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #919599;
}


.quo-his .table {
    text-align: center;
    margin-bottom: 10px;
}

.quo-his .table tr, .quo-his .table tbody tr td, .quo-his .table thead tr th
{
    border-color: rgba(0, 0, 0, 0);
}

.quo-his .table thead tr th {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    color: #8e9398;
    text-align: center;
}

.quo-his .table tbody tr td, .quo-his .table tbody tr td a {
    color: #c2c2c2;
}

.quo-his .table.table-qh tbody tr:nth-child(odd), .quo-his .table.table-qh tbody tr.odd
{
    background-color: #29363d;
}

.quo-his .table.table-qh tbody tr:nth-child(even), .quo-his .table.table-qh tbody tr.even
{
    background-color: #2c3941;
}

.quo-his .table tbody tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
}

.page-info {
    padding-top: 13px;
    text-align: center;
}

.page-info .pagination li a {
    padding-top: 9px;
    padding-bottom: 9px;
    color: #c2c2c2;
    background-color: rgba(0, 0, 0, 0);
}

.page-info .pagination li.active a.active {
    background: #fe5b26;
}

.page-info .pagination li a.active {
    color: #fff;
    background-color: #e34a4a;
}

/*.con-ser .feedback-box{padding: 10px 20px; text-align: right; background-color: #29363d;}*/


.btns01 {
    margin-bottom: 12px;
}

.btns01 .btn {
    border-radius: 0;
}

.btns01 .btn.btn-dark {
    background-color: #263238;
    color: #c2c2c2;
}

.btns01 .btn.btn-dark.active {
    background-color: #e34a4a;
    color: #fff;
    border-radius: 4px;
}

.od-list {

}

.od-list .input-group {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
}

.od-list .input-group.search-left {
    width: 144px;
    border: 1px solid #5c6269;
    border-radius: 2px;
}

.od-list .input-group.search-left input {
    width: 114px;
}

.od-list .input-group select {
    background-color: #2a323c;
    color: #c2c2c2;
}

.od-list .count-right {
    color: #91959a;
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.od-list .count-right span {
    display: inline-block;
    padding: 3px;
}

.od-list .count-right span label {
    color: #cc6633;
}

.od-list .count-right span a {
    color: #c2c2c2;
}

.od-list .count-right span a i {
    font-size: 12px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.od-list.quo-his .img-list {
    padding: 8px;
    background-color: #263238;
}

.od-list.quo-his .img-list ul li {
    width: 99px;
}

.od-list.quo-his .img-list ul li a img {
    height: 47px;
}

.con-left {
    padding-bottom: 1px;
}

.con-left.quo-his h1.tit, .con-right.quo-his h1.tit {
    padding: 15px 6px;
}

.con-left .img-list {
    margin-bottom: 16px;
}

.con-left .img-list h2.tit {
    padding: 10px 6px;
    margin: 0;
    font-size: 14px;
    color: #c2c2c2;
}

.con-left .img-list h2.tit span {
    color: #c86432;
}

.con-left .img-list ul li, .con-right .img-list ul li {
    margin: 5px 0 0 5px;
}

.con-left .count-box {
    padding: 0 6px;
    font-size: 14px;
    color: #9b9ea3;
    line-height: 20px;
}

.con-left .count-box .count-group {
    margin-bottom: 20px;
}

.con-left .count-box .count-group label.label-left {
    display: inline-block;
    width: 100px;
    text-align: right;
    vertical-align: top;
}

.con-left .count-box .count-group .progress-table {
    display: inline-block;
    vertical-align: top;
}

.con-left .count-box .count-group .progress-table .progress-line {
    display: inline-block;
    height: 20px;
    background: linear-gradient(to right, #010101, #989898);
}

.con-left .count-box .count-group .value-right {
    margin-left: 20px;
    vertical-align: top;
}

.con-left .btn-box {
    text-align: center;
    margin-bottom: 11px;
}

.con-left .btn-box .btn {
    padding: 9px 72px;
}

.con-right .od-list .input-group {
    margin-left: 2px;
}

.con-right .od-list .input-group .form-control {
    padding: 6px 0;
}

.con-right .btns01 {
    margin-top: 10px;
    padding-left: 6px;
}

.con-left .from-group {
    margin: 30px 0 20px 0;
}

.con-left .from-group .label-left {
    text-align: right;
    font-size: 14px;
    color: #c2c2c2;
    padding-top: 6px;
    padding-bottom: 6px;
}

.con-left .from-group .value-right label {
    font-size: 14px;
    color: #c2c2c2;
}

.con-left .from-group .value-right .form-control[type=text] {
    display: inline-block;
    color: #fff;
    background-color: #3f464f;
}

.con-left .from-group .many.value-right .form-control {
    width: 96px;
}

.w224 {
    width: 210px;
}

.con-left .from-group .value-right p.intro {
    margin-top: 10px;
    font-size: 14px;
    color: #e4e4e4;
}

.con-left .radio, .con-left .checkbox {
    margin-top: 6px;
}

.con-left .radio label, .con-left .checkbox label {
    padding-left: 0;
    margin-right: 10px;
}

.con-left .radio label input, .con-left .checkbox label input {
    position: relative;
    vertical-align: -1px;
    margin-right: 4px;
    margin-left: 0;
}


.dota2-list {

}

.dota2-list ul.dota2-ul li {
    float: left;
    margin: 22px 0 0 22px;
    width: 202px;
    padding: 10px 12px;
    background-color: #2c3941;
}

.dota2-list ul.video-ul li {
    margin: 20px 0 0 45px;
    width: 318px;
}

.dota2-list ul.dota2-ul li:hover {
    background-color: rgba(255, 255, 255, 0.80);
}

.dota2-list ul.dota2-ul li img.li-img {
    display: block;
    width: 100%;
    height: 120px;
}

.dota2-list ul.dota2-ul li h5 {
    font-size: 12px;
    color: #9b9ea3;
}

.dota2-list ul.dota2-ul li p.count {
    font-size: 12px;
    color: #9b9ea3;
}

.dota2-list ul.dota2-ul li p.count label {
    font-weight: 400;
}

.dota2-list ul.dota2-ul li p.count label.right {
    float: right;
}

.dota2-list ul.dota2-ul li p.count label b {
    font-weight: 400;
}

.dota2-list ul.dota2-ul li p.count label b.red {
    color: #b00;
}

.dota2-list ul.dota2-ul li p.count label b.blue {
    color: #04deea;
}

.dota2-list ul.dota2-ul li .btn {
    display: block;
    width: 100%;
    border-radius: 0;
}

.dota2-list ul.dota2-ul li .btn.btn-blue {
    color: #fff;
    background-color: #038b9a;
}

.dota2-list ul.dota2-ul li .btn.btn-primary {
    color: #fff;
    background-color: #038b9a;
    opacity: 0.8;
}

.dota2-list ul.dota2-ul li .btn.btn-primary:hover {
    opacity: 1;
}

.dota2-list .popover {
    max-width: 572px;
}

.dota2-list .popover.top>.arrow {
    display: none;
}

.dota-popover {
    width: 572px;
    background-color: #fff;
}


.yellow {
    color: #f8b201;
}

.green {
    color: #66d203;
}

.gray {
    color: #979aa0;
}

.quo-his.sp-box .img-list ul li {
    margin: 6px 0 0 6px !important;
    width: 76px;
}

.quo-his.sp-box .img-list ul li a img {
    height: 36px;
}


.form-control:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0
        rgba(102, 175, 233, 0) !important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(102, 175, 233, 0)
        !important;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus,
.btn.active.focus {
    outline: none;
    border-color: transparent;
    box-shadow: none;
}

.ui-right div {
    width: 100px;
}
.pi-set {
	
}

.pi-set h1.tit {
	margin: 0;
	padding: 15px 20px;
	font-size: 16px;
	color: #c2c2c2;
	line-height: 16px;
}

.pi-set .set-list li:nth-child(odd) {
	background-color: #29363d;
}

.pi-set .set-list li:nth-child(even) {
	background-color: #2c3941;
}

.pi-set .set-list li {
	padding: 12px 20px 8px 20px;
}

.pi-set .set-list li img {
	width: 20px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
}

.pi-set .set-list .set_title_label {
	margin-left: 18px;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
}

.pi-set .set-list li p {
	margin-left: 18px;
	display: inline-block;
	font-size: 15px;
	color: #001;
	vertical-align: bottom;
}

.pi-set .set-list li .btn {
	float: right;
}

.pi-set .set-list li .switch {
	float: right;
}

.pi-set .set-list li .bootstrap-switch {
	float: right;
}

@media ( max-width : 500px) {
	.pi-set .set-list li p {
		
	}
}
.site-footer
{
  margin-top: 40px;
  background-color:#202020;
  font-size:15px;
  padding: 10px;
  line-height:24px;
  color:#c2c2c2;
}
.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#737373;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:right
}
.site-footer .social-icons a
{
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:#33353d
}
.copyright-text
{
  margin:0
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
   
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.social-icons li
{
  display:inline-block;
  margin-bottom:4px
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a{
  background-color:#eceeef;
  color:#818a91;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover
{
  background-color:#3b5998
}
.social-icons a.twitter:hover
{
  background-color:#00aced
}
.social-icons a.linkedin:hover
{
  background-color:#007bb6
}
.social-icons a.dribbble:hover
{
  background-color:#ea4c89
}
@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
}
.btns01 .btn.btn-dark.active {
	background-color: #e34a4a;
	color: #fff;
	border-radius: 4px;
}