﻿body {background-color:#f5fbff;}
h1 {font-size:36px;}
h3 {font-size:18px;}
 .navbar .nav > li .dropdown-menu {  margin: 0;  } 
 .navbar .nav > li:hover .dropdown-menu {  display: block;  } 
 .media-object{
    display: block;
    float: left;
    width: 80px;
    height: 119px;
    padding: 2px;
    border: 1px solid #ccc;
}

.navbar-default {
background-color: #37668c;
border-color: #537998;
}

.navbar-default .navbar-nav > li > a {
color: white;
}

.panel-default {
    border-color: #82c3da;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #82c3da;
    border-color: #ddd;
}

.navbar-inverse {
background-color:#37668c;
border-color:#537998;    
}
.navbar-inverse .navbar-nav > li > a { color:white; }
.navbar-inverse .navbar-nav > li > a:hover {
    color: #82c3da;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #82c3da;
    background-color: transparent;
}

.service-bg{
    width: 100%;   
}
.service-box{
    height: 140px;
}
.service-pic{
    margin: 35px auto 10px;
    width: 35px;
    height: 35px;
}

.service-pic:hover {
margin: 30px auto 10px;
width: 45px;
height: 45px;    
}

.service-name{
    width: 100%;
    text-align: center;
    color: #fff;
}

.service-box1{
    background-color: #73d290;
}
.service-box1:hover{
    background-color: #4f8f63;
}
.service-box2{
    background-color: #90d06d;
}
.service-box2:hover{
    background-color: #339933;
}
.service-box3{
background-color: #7ed7f5;
}
.service-box3:hover{
    background-color: #559cb4;
}
.service-box4{
    background-color: #f7d25f;
}
.service-box4:hover{
    background-color: #b29849;
}
.service-box5{
    background-color: #91c6fa;
}
.service-box5:hover{
    background-color: #5882ab;
}

.service-box6{
    background-color: #5b93d2;
}
.service-box6:hover{
    background-color: #325d8d;
}

.goodbook {padding-top:10px;}
.goodbook dd {margin:6px;}

.layui-tab {margin:0;}
.layui-tab-brief > .layui-tab-title .layui-this::after {
    border: none;
    border-bottom: 3px solid #82c3da;
}

.media-heading {font-weight:600;}
.timeandcnt {color:#999;}
.navbar-nav > li > a:hover {
    color: #82c3da;
    background-color: transparent;
}

.foot{margin:30px 0px; padding:30px 0px; background: #f2f6f8;
    border-top: 1px solid #dfe3e5;
    border-bottom: 1px solid #dfe3e5;
}
.foot img{max-width:70%;}
.h30 { line-height:26px;
}
.col-md-3 h3 ,.col-md-6 h3{
font-weight:600;
padding:5px 0;
margin-bottom:10px;
border-bottom: 2px solid #82c3da;
}


/*.pages {margin-top: 20px;text-align: center;font-size: 0;margin-top: 20px;}
.pages * {display: inline-block;font-size: 14px;}
.pages a, .pages b {padding: 0px 10px;border: 1px solid #e4eaec;border-right: none;background: #ffffff;text-align: center;color: #76838f;height: 30px;line-height: 30px;}
.pages b {background: #82c3da;background: ;border-color: #82c3da;border-color: ;color: #ffffff;cursor: default;}
.pages a:last-child {border-right: 1px solid #e4eaec;}*/

.pages {margin-top: 20px;text-align: center;font-size: 0;margin-bottom: 20px;}
.pages * {display: inline-block;font-size: 14px;}
.pages a, .pages b {padding: 0 10px;border: 1px solid #e4eaec;border-right: none;background: #ffffff;text-align: center;color: #76838f;display: inline-block;width: auto;font-size: 14px;height: 30px;line-height:30px;}
.pages b {background: #82c3da;border-color: #82c3da;color: #ffffff;cursor: default;}
.pages .current {background: #82c3da;border-color: #82c3da;color: #ffffff;cursor: default;}
.pages a:last-child {border-right: 1px solid #e4eaec;}
.pages a.to_right  {border-right: 1px solid #e4eaec;}
.pages a.to_right_hui   {border-right: 1px solid #e4eaec;}

.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}

.library_order{margin: 20px 0;text-align: center;}
.library_order a{text-decoration: none;padding: 10px 30px;text-align: center;margin: 0 auto;display: inline-block;background-color: #37668c;font-size: 16px;color: #fff;border-radius: 4px;}
.library_mask {position: fixed;width: 100%;left: 0;top: 0;height: 100%;z-index: 99;background-color: #000;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;display: none;}
.library_orderList{position: fixed;background-color: #fff;border-radius: 4px;border: 1px solid #82c3da;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 999;text-align: center;width: 500px;padding: 40px;display: none;}
.library_orderList  h3{margin-bottom: 20px;}
.orderBtn{padding: 6px 12px;background-color: #37668c;border: 1px solid #46b8da;color: #fff;border-radius: 4px;margin: 10px 15px;}



@media screen and (max-width:768px){
	.library_orderList{width: 96%;}
	.library_orderList .form-horizontal .control-label{width:100px;float: left;line-height: 34px;text-align: right;}
	.library_orderList .form-horizontal  .col-sm-9{width: calc(100% - 100px);float: right;}
	.library_orderList .form-horizontal  .form-control{width: 100%;} 
}