@charset "utf-8";
body{font-size:12px;font-family:"微软雅黑";padding:0;margin:0;background:#e7dede;min-width:1024px;}
h1,h2,h3,h4,h5,h6,p,ul,li,img,table,td,tr,button,form,input,a,dl,dt{margin:0;padding:0}
ul{list-style:none}
a{text-decoration:none}
img{border:0;margin:0;padding:0;vertical-align: middle;}
.clear{clear:both}
i,em{font-style:normal}
.wd{width:1170px;margin:auto;}
input{font-family:"微软雅黑";}
input,button,select,textarea{outline:none;font-family:"微软雅黑";/*vertical-align:middle*/}
/* 头部 */
.top{background:#847575;width:100%;overflow: hidden;position: fixed;top:0;left:0;padding:15px 0;z-index: 2}
.wd{width:1000px;margin:auto;background: #f4f4f4;}
.logo{float:left;width:150px;}
.nav{float:right;width:805px;background:#71c9cd;margin-top:6px;}
.nav ul{overflow:hidden;}
.nav ul li{float:left;width:115px;text-align: center;line-height: 40px;}
.nav ul li a{color:#fff;font-size:18px;font-weight: bold;display: block;}
.nav ul li a:hover,.nav ul li a.hover{background:#2f686b}
.main{padding-top:78px;overflow:hidden;}
.index-main{padding-bottom:15px;}
.index-main h2{font-size: 22px;padding:15px 0;}
.index-main p{font-size:18px;line-height: 30px;text-indent:2em;}
.index-main p span{color:#ff0000;}
.index-main div{font-size:18px;line-height: 30px;padding-top:15px;}
.index-main div em{color:#ff0000;font-weight: bold;}
.h-title{font-size: 20px;text-align:center;}
.h-title span{color:#ff0000;}
.index-search{overflow:hidden;margin-top:15px;position: relative;}
.index-search input{padding:21px 5px ;line-height: 20px;border:2px solid #bebebe;width:800px;display: block;float: left;}
.index-search label{position: absolute;font-size: 24px;color:#ff0000;left:10px;top:18px;font-weight: bold;}
.index-search input.input-search{width:200px;height:66px;line-height: 41px;padding:0;font-size:20px;background: #fff;border-left:none;cursor: pointer;}
/*表格性息*/
.title{height:40px;line-height:40px;background:#71c9cd;padding-left:10px;color:#fff;font-size:14px;position: relative;margin:15px auto;}
.titlea{height:40px;line-height:40px;padding-left:10px;color:#fff;font-size:14px;position: relative;margin:15px auto;}
.title h2{font-size:22px;}
.title img{
position:absolute;
right:9px;
top:8px;
}
.title-content{color:#ff0000;font-size:20px;font-weight:bold;line-height: 35px;}
.teble-pic{display:block;margin:auto;max-width: 1000px;margin-top:10px;}
.period{color:#ff0000;font-size:20px;font-weight:bold;line-height: 35px;}
.table-ps,.package p,.pay p{color:#363636;font-size:20px;line-height: 35px;}
.table-ps{padding-top:15px;}
.package p em,.pay p em{color:#ff0000;font-weight: bold;}
.package p span,.pay ul li span{color:#ff0000;}
.pay{padding-top:15px;}
.pay ul{overflow:hidden;padding:15px 0;}
.pay ul li{float:left;color:#363636;font-size:20px;line-height: 35px;padding-right:100px;}
.table-tips p{
color:#ff0000;
font-size:20px;
line-height: 35px;
}
/* 底部 */
.return{ bottom: 10px;position: fixed;right: 0; z-index: 333;}
.return a{ background:url("../images/up-down.png") no-repeat scroll -92px 0;cursor: pointer;height: 40px;margin-bottom: 2px;width: 40px;display:block;}
.footer{background:#847575;width:100%;overflow:hidden;text-align: center;padding:15px 0;margin-top:30px;}
.footer p{color:#363636;font-size: 14px;line-height:25px;}
/*--------------*/
.layui-layer-shade{
z-index:8000;
background-color: rgba(0, 0, 0, 0.6);
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
display: none;
}
.layui-layer-shade.active{
display: block;
}
.layui-layer{
/*-webkit-transform: translate(-50%, -50%);*/
/*-moz-transform: translate(-50%, -50%);*/
/*-ms-transform: translate(-50%, -50%);*/
/*-o-transform: translate(-50%, -50%);*/
/*transform: translate(-50%, -50%);*/
position: absolute;
left: 46%;
top: 46%;
width: 380px;
height: 360px;
margin: -125px;
}
.layui-layer a{
display: block;
}
.layui-layer .close{
position: absolute;
width: 26px;
height: 26px;
line-height: 22px;
text-indent: 1px;
text-align: center;
color: #fff;
border: 2px solid #fff;
font-size: 24px;
background-color: #777777;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
font-family: "Microsoft YaHei";
right: -15px;
top: -15px;
cursor: pointer;
}
.layui-layer .close:hover{
background-color: #2f8dec;
}
.layui-layer img{
display: block;
max-width: 100%;
}
.layui-layer-shade.active .layui-layer{
-webkit-animation-name: layer-zoomInDown;
animation-name: layer-zoomInDown;
}
.layui-layer {
border-radius: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .3s;
animation-duration: .3s;
/*overflow: hidden;*/
background-color: #fff;
-webkit-background-clip: content;
box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
@-webkit-keyframes layer-zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
}
@keyframes layer-zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
-ms-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
-ms-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
}