html { height: 100% }
em { }
body { background-color: #f5f5f5; padding-bottom: 60px; color: #333; height: 100% }
* { margin: 0; padding: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: 400; font-size: 18px }



.clear { width:auto; height:auto; clear:both; }
.htit { width:96%; margin:0 auto;  }
.htit h1 { font-size:22px; font-weight:bold; line-height:35px; padding:10px 7px; }
.htit i img { width:35px; height: auto;  }
.titime { padding:12px 5px; }
.titime .limg { width:auto; float:left; padding-right:10px;  }
.titime dl { float:left; }
.titime dl dt { color:#000; font-size:16px; }
.titime dl dd { color:#999; font-size:12px; padding-top:4px; }
.titime .lgz { width:100px; height:40px; float:right; }
.titime .lgz i { width:57px; height:26px; background:#38f; font-size:14px; color:#fff; text-align:center; line-height:26px; border-radius:5px!important; display:block; float:right; margin-top:6px;   }

.article { padding:0 15px; font-size:18px; color:#000; line-height:32px; }
.article img { width:100%; height:auto; border-radius:8px; padding:5px 0; display:block; }
.article p { padding:5px 0; color:#000; }
.article b { font-weight: bold; }
.h20 { width:100%; height:10px; background:#f9f9f9;}
.news_hot { width:100%; height:auto; line-height:26px; padding-top:15px; padding-left:3%; }
.news_list { width:98%; margin:0 auto; }
.news_list a { color:#000; }
.news_list .img1 { width:96%; margin:0 auto; background:#fff; padding:10px 0 15px 0; border-bottom:1px solid #f6f6f6; }
.news_list .img1 span { width:28%; float:left; margin-left:0.6%; }
.news_list .img1 span img { width:100%; height:auto; }
.news_list .img1 dl { width:68%; float:right;}
.news_list .img1 dt { font-size: 18px; float:left; padding-bottom:10px; }
.news_list .img1 dd { float:left; }
.news_list .img1 dl i { font-size:12px; color:#999;  }

.news_list .img2 { width:98%; height:auto; margin:0 auto;  padding:15px 0 15px 0; background:#fff; }
.news_list .img2 dt { width:98%; font-size:18px; padding:0 0 10px 1% ; overflow:hidden; }
.news_list .img2 dl { width:100%; height:auto; }
.news_list .img2 dl dd { width:31%; height:auto; float:left; margin-left:1.8%; }
.news_list .img2 dl dd img { width:100%; height:auto%; float:left;  }
.news_list .img2 p {  clear:both; float:left; color:#999; font-size:12px; }
.news_list .info { width:96%; margin:0 auto; clear:both; padding-top:10px;  }

.ping { width:94%; height:auto;  margin:0 auto;  }
.plist { padding:10px 0; border-bottom:1px solid #f6f6f6; }
 .tp{ width:10%; height:auto; float:left; margin-right:10px;  }
.plist span img { width:100%; border-radius:50%; display:block; }
.plist dl { width:85%; float:left;}
.plist dl dt { font-size:16px;  line-height:30px;  }
.plist dl dt em { color:#4b78b2; }
.plist dl b { width:100%; float:left; color:#4b78b2; font-weight:normal; float:left; display:block; }
.plist dl i { float:right; display:block; color:#000;  }
.plist dl i img { padding-right:5px; }
.plist dl p { color:#000; padding:5px 0; font-size:16px; line-height:26px; }
.plist ol { font-size:13px; color:#999;  } 
.plist ol strong { font-weight:normal; color:#666; }
	small {color:#f00; font-style:normal; clear:both; padding:0; font-size:16px; margin:0; font-weight: bold;}


.morep { width:auto; height:auto; padding-top:20px; padding-bottom:10px;  }
.morep p { width:90%; margin:0 auto; border-radius:5px; padding:8px 0; background:#38f; text-align:center; font-size:18px; color:#fff;   }
.hfpl { width:96%; height:auto;  float:left; padding:10px 3.5%; background-color: #f8f8f8; border-radius:5px; margin-top:10px;  }
.hfpl li { float:left; line-height:24px; }
.hfpl li strong { font-style:normal; color:#4B78B2;  line-height:22px; font-weight:normal;  }
.hfpl li font { font-style:normal; color:#000;  }


/********/
/*.bottom_btn { background-color: #ff0000; bottom: 0; color: white; font-size: 0.9rem; left: 0; margin: 0 auto; max-width: 640px; position: fixed; right: 0; width: 100%; z-index: 2; }
.bt77 { color: yellow; }*/
.bottom_btn { background-color: #ff0000; bottom: 0; color: white; font-size: 0.9rem; left: 0; margin: 0 auto; max-width: 640px; position: fixed; right: 0; width: 100%; z-index: 2; }
.bt77 { color: yellow; }
.wx-number { background-color: white;  border-radius: 5px; color: red; font-weight: 700; padding: 2px; }
.foodt-img { border-radius: 30px; margin-top: -45px; max-width: 640px; position: absolute; z-index: 8; }
.foodt-img img { vertical-align: inherit; }
#audio_bottom { background-color: white; padding: 5px; border-radius: 10px; color: gray; }
.foodt-text { background-color: rgb(255, 79, 121); bottom: 0; font-size: 1.2em; max-width: 640px; padding: 5px; position: fixed; width: 100%; z-index: 1; }
.wx-num { color: red; }
.copy_btn { border: none; font-size: 1em; border-radius: 8px; background: #fff; }
#bt6 { animation: 2.5s ease 0s alternate none infinite running clock; float: right; text-align: center; padding-right: 40px; }
#bt66 { animation: 2.5s ease 0s alternate none infinite running clock; float: right; margin-top: -30px; }
.fuzhi { animation: 1.5s ease 0s alternate none infinite running clock; margin-top: 20px; text-align: center; }
.btn3 { border: 1px solid rgb(255, 79, 121); border-radius: 10px; margin: 5px; }
.btn3-img { border-radius: 10px; width: 100%; }
.win { display: none; }
.mask-layer { position: fixed; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50); background-color: black; z-index: 99998; top: 0px; left: 0px; }
.body-panel { position: fixed; width: 100%; max-width: 640px; top: 40%; left: 0; right: 0; margin: auto; border-radius: 0 0 4px 4px; z-index: 99999; background: #fff;  padding: 10px 0;  }
.contentnew { color: #f00; font-size: 22px; min-height: 40px; text-align: center; padding: 10px 0; }
.btns { text-align: center; }
.w-btn { display: inline-block; width: 60px; background-color: #4cae4c; color: white; cursor: pointer; text-align: center; border-radius: 2px; text-decoration: none; margin: 0 10px 0px 10px; border: none; font-size: 14px; }
@keyframes clock {  0% {  transform: scale(0.95); }
 18% {  transform: scale(1.1); }
 32% {  transform: scale(0.95); }
 48% {  transform: scale(1.1); }
 64% {  transform: scale(0.95); }
 80% {  transform: scale(1.1); }
 100% {  transform: scale(0.95); } }
@media screen and (min-width:320px) { .bottom_btn { font-size: 13.5px !important; } }
@media screen and (min-width:360px) { .bottom_btn { font-size: 15px !important; } }
@media screen and (min-width:375px) { .bottom_btn { font-size: 15.5px !important; } }
@media screen and (min-width:414px) { .bottom_btn { font-size: 17px !important; } }
@media screen and (min-width:600px) { .bottom_btn { font-size: 25.5px !important; } }
@media screen and (min-width:640px) { .bottom_btn { font-size: 27px !important; } }
/********/