/*背景*/
body { color: #7f4200; min-width: 300px;  max-width: 640px;  margin: 0 auto;}
ul, li, ol, dl, dt, dd { margin: 0; padding: 0; border: 0; list-style: none;}
a {color: #7f4200;}
a:active{color: #592e00;}
.mui-row.mui-fullscreen>[class*="hc-scroll"] {height: 100%;}
.hc-scroll {overflow-y: auto; height: 100%;}
.ellipsis2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word;}
.mui-content {background: url(jxw-n-bj.jpg); }

/*头部背景*/
.jxw-bj { background-color: #353539;}
.jxw-bj .iconfont, .jxw-bj .mui-tab-label, .jxw-bj .mui-title { color: #ffffff;}
.jxw-bj .mui-active .iconfont, .jxw-bj .mui-active .mui-tab-label { color: #ffff00;}

/*图片广告*/
.jxw-gg { overflow: hidden;}
.jxw-gg img{ width: 100%; margin: 0; padding: 0; border: 0; display: block;}

/*首页生肖列表*/
.jxw-home-sx {}
.jxw-home-sx ul:after { content: ''; height: 0; display: block; clear: both;}
.jxw-home-sx ul {zoom: 1; padding: 0 10px;}
.jxw-home-sx li { float: left; width: 33.33333%; padding: 0px; text-align: center;}
.jxw-home-sx li figure {position: relative; width: 100%; height: 0; margin: 0; padding-bottom: 100%; }
.jxw-home-sx li figure a { display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1;}
.jxw-home-sx li figure img { width: 100%; height: 100%; display: block;}

/*按钮样式*/
.jxw-anniud {}/*padding: 10px 15px;*/
.jxw-anniud a { display: block; background-color: #4e0000; text-align: center; font-size: 16px; color: #e39803; padding: 10px 0;}

/*内页banner*/
.jxw-n-banner {background: url(jxw-n-banner.jpg); background-size: 100% 100%; position: relative;}
.jxw-n-banner:before { padding-top: 61%; content: ""; display: block; }
.jxw-n-banner .shux { width: 30%; position: absolute; top: 15%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.jxw-n-banner .shux img { width: 100%; display: block;}
.jxw-n-banner .shux-txt { width: 100%; display: block; position: absolute; bottom: 0px; left: 0; text-align: center; font-size: 12px; color: #f5e5cb;}
.jxw-n-banner .shux-txt i { font-style: normal; font-size: 16px; color: #ffff00;}

/*趋吉避凶*/
.jxw-n-qjbx {background: url(jxw-n-pic01.jpg); background-size: 100% 100%; position: relative;}
.jxw-n-qjbx:before { padding-top: 48.8%; content: ""; display: block; }
.jxw-n-qjbx span {width: 33%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.jxw-n-qjbx span img { width: 100%; display: block;}

/*阵*/
.jxw-zhen-name { width: 80%; margin: 0 auto;}
.jxw-zhen-name img { width: 100%; display: block;}
.jxw-zhen-info { padding: 10px 15px; font-size: 14px; text-indent:2em;}
.jxw-ss-name { width: 30%; margin: 0 auto;}
.jxw-ss-name img { width: 100%; display: block;}
.jxw-zhen-list { padding: 20px 15px;}
.jxw-zhen-list ul { zoom:1;}
.jxw-zhen-list ul:after { content: ''; height: 0; display: block; clear: both;}
.jxw-zhen-list li { float:left; width:50%; }
.jxw-zhen-list h4 { width: 100%; text-align:center;}
.jxw-zhen-list h4 img { width: 80%;}
.jxw-zhen-list h2 { text-align:center; font-size:14px; color:#370000; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word;}
.jxw-zhen-list p {color:#7e1110; line-height:20px; font-size:12px; padding:0 5px; text-indent:2em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word;}

/*底部*/
.bd-upbj { background-color: #392b20; -webkit-box-shadow: 0 0 1px rgba(0,0,0,0); box-shadow: 0 0 1px rgba(0,0,0,0);}
.jxw-upbj { background-color: #392b20; -webkit-box-shadow: 0 0 1px rgba(0,0,0,0); box-shadow: 0 0 1px rgba(0,0,0,0);}
.foot-item {border-right: 1px #47382d solid; color: #ffe0ba !important; font-size: 14px;}
.foot-an { width: 80%; }
.mui-popover {border-radius: 0; height: 510px;}
.mui-popover .mui-scroll-wrapper {margin: 0px 0; border-radius: 0px;}



.shengxiao_box{color:#8f3f0a; background:#f5ddaa; line-height:30px; height:30px; font-size:14px; padding-left:10px;}
.shengxiao_box a{color:#015b01; text-decoration:none;}
.shengxiao_box a:hover{ background:#aa0000; color:#ffcc00;}
.shengxiao_box .a_hover a{ background:#aa0000; color:#ffcc00;}