﻿

body{font-size:12px; color:#666; font-family:"微软雅黑"; cursor:default; max-width:768px; margin:0 auto; background: #fff;}
*{padding:0px; margin:0px;box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}
ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family:"微软雅黑"; font-style:normal;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px; font-family:"微软雅黑"; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#666; text-decoration:none;}
a:hover{color:#005caf;}
.clear{overflow:hidden; clear:both; height:0px;}
.lf{float:left;}
.rt{float:right;}
.ct{margin:0 auto;}


.top { width: 100%; margin: 0px auto;}
.top img { width: 100%; height: auto;}

.bot {width: 100%; margin: 0px auto;}
.bot img { width: 100%; height: auto;}

.zdh_active {background: rgba(255,243,0,.99); color: #333;}

.zdh { width: 94%; margin: 10px auto;}
.zdh h1 { width: 100%; height:26px; line-height: 26px; background: linear-gradient(to right,#ff3539, #cf0000); border-radius: 3px; text-align: center; color: #fff; margin-bottom: 15px; font-size: 18px;}
.zdh ul li { width: 18.5%; float: left; background: rgba(255,255,255,.2);height: 26px; line-height: 26px;border-radius: 3px; text-align: center; color: #fff; margin: 0 1.875% 1.875% 0; vertical-align: middle; color: #fff; font-size: 14px;}
/*.zdh ul li a { color: #fff; font-size: 14px;}*/
.zdh ul li i{ font-size: 14px; margin-left: 5px;}
.zdh ul li:nth-child(5n) { margin-right: 0;}
/*.zdh ul li:first-child {background: rgba(255,243,0,.99); color: #333;}
.zdh ul li:first-child a{color: #333;}*/



.zdhd { width: 94%; margin: 20px auto;}
.zdhd h1 { width: 100%; height: 40px; line-height: 40px; background: linear-gradient(to right,#ff3539, #cf0000); border-radius: 3px; text-align: center; color: #fff; margin-bottom: 15px; font-size: 18px;}
.zdhd ul li { width: 23.59%; float: left; background: rgba(255,255,255,.2);height: 30px; line-height: 30px;border-radius: 3px; text-align: center; color: #fff; margin: 0 1.875% 1.875% 0; vertical-align: middle;}
.zdhd ul li a { color: #fff; font-size: 15px;}
.zdhd ul li i{ font-size: 14px; margin-left: 5px;}
.zdhd ul li:nth-child(4n) { margin-right: 0;}
.zdhd ul li:nth-child(9n) {background: rgba(255,243,0,.99); color: #333;}
.zdhd ul li:nth-child(9n) a{color: #333;}

.sosu { width: 94%; margin: 0px auto; background: #fff; height: 45px; line-height: 45px; border-radius: 3px; overflow: hidden; }
.sosu .txt { width: 60%; float: left; padding: 0 3%; font-size: 16px; color: #999; line-height: 45px;}
.sosu .txt1 {  float: left; margin-top: 18px; margin-right: 5px;}
.sosu span { float: left;font-size: 16px; color: #999;}
.sosu .an { width: 22%; background: linear-gradient(to right,#ff3539, #cf0000); font-size: 16px; text-align: center; float: right; color: #fff;line-height: 45px;}

.zylb { width: 94%; margin: 20px auto; background:rgba(255,255,255,0.3); padding: 3% 2% 1% 2%;border-radius: 3px;}
.zylb ul li { width: 49%; float: left; margin: 0 2% 3% 0; box-shadow: 0px 2px 4px rgba(0,0,0,.2); padding: 2% 2% 1% 2%; font-family: Arial; background: #fff; border-radius: 3px; position: relative;}
.zylb ul li .tp { position: absolute; right: 0; top:0; opacity: 0.06;}
.zylb ul li .tp img { width: 75px; height: 75px;}
.zylb ul li:nth-child(2n) { margin-right: 0;}
.zylb ul li .z1 {font-size: 16px; line-height: 30px; color: #333;}
.zylb ul li span { font-weight: bold; font-size: 17px;} 
.zylb ul li em { color: #cf0000;}
.zylb ul li font { float: right; color: #999; font-size: 14px;}
.zylb ul li i { color: #999; text-decoration: line-through;}
.zylb ul li .z2 {font-size: 12px; line-height:30px; font-weight: bold;}


.dban { width: 94%; margin:0px auto; text-align: center; padding: 0px 0px 20px 0px;}
.dban ul li { width: auto; display: inline-block; height: 40px; line-height: 40px; text-align: center; margin: 0px 10px; background: linear-gradient(to right,#ff3539, #cf0000);  border-radius: 20px; font-size: 18px;}
.dban ul li a {font-size: 18px; padding: 0px 30px; color: #fff;}


.white_content { display: none; position: fixed; top: 20%; left: 25%; width: 50%; height: auto; border-radius:5px; z-index:1998; overflow: hidden;  }
.black_overlay{ display: none;  position: fixed;  top: 0%;  left: 0%;  width: 100%; height: 100%; background-color: black; z-index:997;  -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=88); }
.gban { font-size:14px; position:fixed; right:5px; top:11%; color: #fff; z-index: 1004; width:20px; height: 20px; line-height: 20px; text-align: center; border-radius: 100px; background: #ccc; }
.gban a {color: #fff;}
.pfzm { width: 100%; position: fixed; bottom: 0; left: 0; height: 90%; background: #f7f8fa; padding: 20px 10px; box-sizing: border-box; z-index:998; overflow: auto;}
.pfzm .wz1 { padding: 0 0 15px 0; font-size: 14px;}
.pfzm .wz1 span{ font-family: Arial; font-size: 22px; font-weight: bold;}
.pfzm .wz1 b {color: #fc3236;}
.pfzm .wz2 { border-radius: 8px; background: #fff; box-shadow: 0px 2px 6px rgba(0,0,0,.2); overflow: hidden;}
.pfzm .wz2 h3 { font-size: 16px; padding: 10px 0px; color: #fff; text-align: center; background:#fc3236 /*#00b0f0*/; font-weight: bold; margin-bottom: 20px;}
.pfzm .wz2 .nz { width: 94%; margin: 25px auto 0px auto; background: #ffefef; border-radius: 3px; border-top: 3px solid #fc3236; position: relative;}
.pfzm .wz2 .nz p{ background: #fc3236; padding: 5px 10px; position: absolute; left: 40px; top: -15px; color: #fff; display: block; border-radius: 3px; font-size: 14px; font-weight: bold;}
.pfzm .wz2 .nz .tt {position: absolute; right:0; top:-10px;}
.pfzm .wz2 .nz p i { color: #fff; padding-right: 5px;}
.pfzm .wz2 .nz dl { padding: 30px 0px 10px 10px;}
.pfzm .wz2 .nz dl dd { float: left; text-align: center; padding: 0px 4px;}
.pfzm .wz2 .nz dl dd b {color: #fc3236; font-size: 14px; font-weight: bold;}
.pfzm .wz2 .n3 { line-height: 40px; text-align: right; padding-right: 10px;}
.pfzm .wz2 .n3 a { color: #00b0f0;}
.pfzm .wz3 {line-height: 40px; text-align: center; }
.pfzm .wz3 a {color: #00b0f0; font-size: 14px;}



.gb_dkk{width:100%; margin:20px auto; overflow:hidden;}
.gb_dkk .nrr{border-radius: 8px; background: #fff; box-shadow: 0px 2px 6px rgba(0,0,0,.2); overflow: hidden; font-size: 14px; height:62px; margin: 10px auto 0 auto; padding: 10px; line-height: 24px;}
.gb_dkk .nrr b{color: #fc3236; font-size: 14px; font-weight: bold;}
.gb_dkk .nrr.on{height:auto;}
.gb_dkk .xqq{color: #00b0f0; text-align: center;}
.gb_dkk .xqq span.x_q{display:block; font-weight: normal; font-size: 13px;}
.gb_dkk .xqq span.s_q{display:none; font-weight: normal; font-size: 13px;}
.gb_dkk .xqq.on span.x_q{display:none;}
.gb_dkk .xqq.on span.s_q{display:block;}


.pfzm .wz4{border-radius: 8px; background: #fff; box-shadow: 0px 2px 6px rgba(0,0,0,.2); padding: 10px; }
.pfzm .wz4 .w1 { font-size: 14px; line-height: 22px;}
.pfzm .wz4 .w2 { width: 100%; height: 35px; line-height: 35px; border-radius: 3px; color: #fff; text-align: center;background: #fc3236; font-size: 14px; margin: 10px auto;}
.pfzm .wz4 .w3{ width: 100%; margin: 0px auto 10px auto; height: 45px; line-height: 45px; border-radius: 3px;  border: 1px solid #ddd;}
.pfzm .wz4 .df1 { width: 30%; float: left; padding-left: 10px; font-size: 14px;}
.pfzm .wz4 .df2 { width: 60%; float: left;}
.pfzm .wz4 .df3 { width: 10%; float: right; text-align: center; font-size: 16px; font-family: "宋体"; font-weight: bold;}
.pfzm .wz4 .df4 { width: 85%; float: left; padding-left: 10px; font-size: 14px;}
.pfzm .wz4 .txtt { width: 100%; border: none; font-size: 14px; color: #999;}
.pfzm .wz4 .w4{width: 70%; margin: 0px auto 10px auto; height: 45px; line-height: 45px; border-radius: 3px;  border: 1px solid #ddd; float: left;}
.pfzm .wz4 .df5 { width: 30%; float: left; padding-left: 10px; font-size: 14px;}
.pfzm .wz4 .df6 { width: 60%; float: left;}
.pfzm .wz4 .w5 { width: 28%;height: 45px; line-height: 45px; color: #fff; text-align: center;background: #fc3236; font-size: 14px; float: right; border-radius: 3px; }

.pfzm .wz4 .w7{ width: 70%; margin: 10px auto; height: 40px; line-height: 40px; border-radius: 30px; background: #fc3236; color: #fff; text-align: center; font-size: 18px; }

.pfzm .wz4 .w6 p {color: #00b0f0; text-align: center; font-size: 13px; font-weight: bold; padding: 10px 0px;}



@-webkit-keyframes anfd{
0% {-webkit-transform: scale(1); transform: scale(1);}
50% { -webkit-transform: scale(1.2);transform: scale(1.2);}
100% {-webkit-transform: scale(1);transform: scale(1);}
}

.anfd{
-webkit-animation-name: anfd;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 5s
}

.scrollDiv{background:rgba(255,255,255,.2); width: 94%; border-radius: 30px; margin: 5px auto 5px auto; height: 40px; line-height: 40px; color: #fff; overflow:hidden;/* 必要元素 */}
.scrollDiv li{height:40px; color: #fff; padding: 0px 25px;  }
.scrollDiv li a {color: #fff;}

.mainkefu{
    position:fixed;
    top:60%;
    right:5px;
    display:flex;
    flex-direction:column;
    background:#9400d3;
    padding:10px;
    border-radius:10px;
    justify-content:center;
    align-items:center;
    color:white;
    z-index: 50;
    height: 60px;
}

