/*背景*/
body { color: #7f4200;}
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;}

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

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

.shengxiao_box{color:#8f3f0a; background:#f5ddaa; line-height:30px; height:30px; font-size:14px}
.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;}

/*首页生肖列表*/
.bd-home-sx { background-color: #a00101;}
.bd-home-sx ul:after { content: ''; height: 0; display: block; clear: both;}
.bd-home-sx ul {zoom: 1; padding: 0 10px;}
.bd-home-sx li { float: left; width: 33.33333%; padding: 10px; text-align: center;}
.bd-home-sx li figure {position: relative; width: 100%; height: 0; margin: 0; padding-bottom: 100%; }
.bd-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;}
.bd-home-sx li figure img { width: 100%; height: 100%; display: block;}
.bd-home-sx li figure i { position: absolute; top: -5px; right: -20px; width: 70%; z-index: 2;}

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

/*生肖简评*/
.bd-jp {width: 100%; padding-bottom: 4%;  background: url(bd-n-jp-bj.jpg) no-repeat; background-size: 100% 100%;}
.bg-jp-list { width: 85%; margin: 0 auto; font-size: 14px; position: relative; }
.bg-jp-list:after, .bg-jp-list:before {content: " "; width: 100%; height: 2px; position: absolute; left: 0; background: url(bd-jp-tb.png) no-repeat; background-size: 100% 100%;}
.bg-jp-list:after {  top: 0; }
.bg-jp-list:before { bottom: 0;}
.bg-jp-list ul {position: relative;}
.bg-jp-list ul:after, .bg-jp-list ul:before {content: " "; width: 2px; height: 100%; position: absolute; top: 0; background: url(bd-jp-lr.png) no-repeat; background-size: 100% 100%;}
.bg-jp-list ul:after {  left: 0; }
.bg-jp-list ul:before { right: 0;}
.bg-jp-list li { padding: 5px 10px; background: url(bd-jp-lib.png) no-repeat 0 bottom; background-size: 100% 2px; zoom: 1;}
.bg-jp-list li:after { content: ''; height: 0; display: block; clear: both;}
.bg-jp-list em { background-color: #be0000; color: #f7e4b7; font-style: normal;}
.bg-jp-list b { color: #be0000;}
.bg-jp-list strong { color: #000000;}
.bg-jp-list label { float: left; width: 30px; height: 30px;}
.bg-jp-list label img { width: 100%; height: 100%; display: block;}
.bg-jp-list article { margin-left: 35px; line-height: 30px; font-size: 16px;}

/*各大运势标头*/
.bd-n-title1 {background: url(bd-n-title1.jpg) no-repeat;}
.bd-n-title2 {background: url(bd-n-title2.jpg) no-repeat;}
.bd-n-title3 {background: url(bd-n-title3.jpg) no-repeat;}
.bd-n-title4 {background: url(bd-n-title4.jpg) no-repeat;}
.bd-n-title5 {background: url(bd-n-title5.jpg) no-repeat;}
.bd-n-title6 {background: url(bd-n-title6.jpg) no-repeat;}
.bd-n-title1, .bd-n-title2, .bd-n-title3, .bd-n-title4, .bd-n-title5, .bd-n-title6 { width: 100%; background-size: 100% 100%; position: relative;}
.bd-n-title1:before, .bd-n-title2:before, .bd-n-title3:before, .bd-n-title4:before, .bd-n-title5:before, .bd-n-title6:before { padding-top: 24%; content: ""; display: block;}
.bd-n-title1 span, .bd-n-title2 span, .bd-n-title3 span, .bd-n-title4 span, .bd-n-title5 span, .bd-n-title6 span  { position: absolute; top: 8%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 9%;}
.bd-n-title1 span img, .bd-n-title2 span img, .bd-n-title3 span img, .bd-n-title4 span img, .bd-n-title5 span img, .bd-n-title6 span img { width: 100%; display: block;}

/*文字格式*/
.bd-n-info { padding: 15px; font-size: 14px; background-color: #ffe0ba; text-indent: 2em;}
.bd-n-info em { background-color: #be0000; color: #f7e4b7; font-style: normal;}

/*套餐*/
.bd-n-tc { padding: 5px 15px 15px 15px; background-color: #ffe0ba; position: relative;}
.bd-n-tc-t { position: absolute; top: -10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 245px;}
.bd-n-tc-t img { width: 100%;}
.bd-n-tc-b {border: #d5c39f 1px solid; padding: 25px 5px 5px 5px;}
.bd-n-tc-item {width: 90px; margin: 7px; text-align: center; display: inline-block; position: relative;}
.bd-n-tc-item:before { content: "+"; position: absolute; top:35px; right: -15px; font-size: 20px;}
.bd-n-tc-item img { width: 100%; height: 100%; display: block; border: 1px #f5f0e5 solid;}
.bd-n-tc-item a { display: block; font-size: 12px;}
.bd-n-tc-item .txt {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.bd-n-tc-b .title { font-size: 16px; color: #000; font-weight: 700; }
.bd-n-tc-b .price { font-size: 20px; color: #be0000; padding: 10px 0;}
.bd-n-tc-b .tc-anniu { text-align: center;}
.bd-n-tc-b .tc-anniu img { width:50%;}

/*男女吉祥物*/
.bd-n-nannv { padding: 0 20%; border: 0; background: url(bd-n-nannv-bj.png) no-repeat center bottom; background-size:100% 3px;}
.bd-n-nannv-item { padding: 0 5px;  border-left: 0 !important; font-weight: 700;}
.bd-n-nannv-item.mui-active { background-color: transparent !important;}
.bd-n-nannv-item span { display: block; background-color: #cc3c3c; border: 3px #cc3c3c solid; border-bottom: 0; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.bd-n-nannv-item.mui-active span {background-color: #ffe0ba; border: 3px #cc3c3c solid; border-bottom: 0; color: #cc3c3c;  position: relative;}

/*化解秘法*/
.bd-n-huajie {background-color: #ffe0ba; padding: 15px;}
.bd-n-huajie ul { border-left:#760000 1px solid ; margin-left: 10px; padding-left: 20px;}
.bd-n-huajie li { position: relative;}
.bd-n-huajie li .num { position: absolute; top: 0; left: -35px; width: 30px; height: 30px; background: url(bd-n-huajie-num.png) no-repeat; background-size: 100% 100%; line-height: 30px; color: #ffe0ba; text-align: center; font-size: 18px;}
.bd-n-huajie h3 { font-size: 18px; color: #522828; padding: 8px 0;}
.bd-n-huajie p {color: #7f4200; font-size: 14px; text-indent: 2em;}

.bd-n-jxw { height: 70px; padding: 5px; background-color: #760000; margin-bottom: 10px;}
.bd-n-jxw label { float: right; width: 45px; height: 45px; overflow: hidden; padding: 5px 0; text-align: center; font-size: 14px; line-height: 19px; color: #760000; border-radius: 5px; margin-top: 8px; margin-right: 5px;
/*渐变背景*/
background: -moz-linear-gradient(top, #fbc586 0%, #dca35f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbc586), color-stop(100%,#dca35f));
background: -webkit-linear-gradient(top, #fbc586 0%,#dca35f 100%);
background: -o-linear-gradient(top, #fbc586 0%,#dca35f 100%);
background: -ms-linear-gradient(top, #fbc586 0%,#dca35f 100%);
background: linear-gradient(to bottom, #fbc586 0%,#dca35f 100%);
}
.bd-n-jxw article {margin-right:50px; font-size: 12px; line-height: 20px; color: #eead5e; height: 60px; overflow: hidden;}
.bd-n-jxw article img {margin-right: 5px; width: 60px; height: 60px;}
.bd-n-jxw a { display: block; }

.bd-n-hjp {background-color: #ffe0ba; padding:0 15px 15px 15px;}
.bd-n-hjp a { display: block; width: 100%; height: 100%; padding: 10px 0; border: 5px #be0000 solid; background: url(bd-n-hjp.jpg) no-repeat; background-size: 100% 100%;}
.bd-n-hjp .qing {width: 40px; height: 40px; margin: 0 auto; background: url(bd-n-huajie-num.png) no-repeat; background-size: 100% 100%; line-height: 40px; color: #ffe0ba; text-align: center; font-size: 24px;}
.bd-n-hjp .title { text-align: center; margin-bottom: 0; padding: 10px 0; color: #760000; font-size: 16px; font-weight: 700;}
.bd-n-hjp .anniug { width: 50%; margin: 0 auto; background-color: #760000; text-align: center; font-size: 16px; color: #fcc604; padding: 10px 15px;}

.sx_pic_2014{ text-align:center;}
.sx_pic_2014 img{ width:100%; }


/*四大运势*/
.bd-n-yunshi {background-color: #ffe0ba; padding: 15px;}
.bd-n-yunshi-control {border: none; border-radius:0 ;}
.bd-n-yunshi-item {border-left:0 !important; padding: 3px; font-size: 14px;}
.bd-n-yunshi-item.mui-active { background-color: transparent !important; }
.bd-n-yunshi-item span { display: block; background: url(bd-n-yunshi-item0.png) no-repeat; background-size: 100% 100%; color: #000;}
.bd-n-yunshi-item.mui-active span {background: url(bd-n-yunshi-item1.png) no-repeat; background-size: 100% 100%; color: #960000 !important;}
.bd-n-yunshi-group { padding: 10px 0; font-size: 14px; }
.bd-n-yunshi-group p {color: #7f4200; text-indent: 2em;}
.a14blue { color: #be0000;}

/*产品推荐*/
.bd-n-prod {background-color: #ffe0ba; padding: 15px 10px;}
.bd-n-prod ul:after { content: ''; height: 0; display: block; clear: both;}
.bd-n-prod ul {zoom:1;}
.bd-n-prod li { float: left; width: 33.33333%;}
.bd-n-prod li img { width: 100%; max-width: 100%; height: auto; display: block; }
.bd-n-prod a {display: block; padding: 5px;}
.bd-n-prod .title { font-size: 12px; color: #522828; margin-bottom: 5px;}
.bd-n-prod .price { color: #be0000; margin-bottom: 0;margin-bottom: 0;}
.bd-n-prod .price i {font-size: 16px; font-style: normal; }
.bd-n-prod h2 { text-align: center; font-size: 16px;}
.bd-n-prod h2 a { padding: 15px 0;}


/*月运势*/
.month_box h3{font-size:16px; color:#aa0000; padding:4px 0 0 0px; text-align:center; font-weight:normal;}
.month_box .four_tishi{ margin-bottom:0;}


/*底部*/
.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);}
.foot-item {border-right: 1px #47382d solid; color: #ffe0ba !important; font-size: 14px;}
.foot-an { width: 80%; }
.mui-popover {border-radius: 0; height: 520px;}
.mui-popover .mui-scroll-wrapper {margin: 0px 0; border-radius: 0px;}


/*底部*/
.bottom_wrap{ clear:both;}
.back_top a{ display:block;border:1px solid #ddd; padding:3px 0; background:#fff; color:#000; text-align:center; margin:8px; text-decoration:none;}
.banben{ text-align:center; margin:0 auto; font-size:12px}
.banben span{ padding:0 10px; color:#999;}

.footer{ clear: both; overflow: hidden; font-size: 14px; height:40px; padding-top:10px; border-top: 1px solid #d8d9de;    border-bottom: 1px solid #d8d9de; text-align: center; background:#f5f6f8; -moz-box-shadow: inset 0px 1px 0px #fff; -webkit-box-shadow: inset 0px 1px 0px #fff; box-shadow: inset 0px 1px 0px #fff;}
.footer .linkico { display: inline-block; font-size: 14px; margin: 0 8px;}
.footer a:hover{ text-decoration:underline}

.slk_box {
	padding:0px 10px;
}
.slk_box td{ border-bottom:1px dashed #833b00}
.conbg{ padding-left:5px; padding-right:5px; padding-top:15px; padding-bottom:10px; line-height:180%; clear:both;font-size:14px;white-space: normal; }
.xifeng{background:#999900; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; height:3px;}


body{font-family:"-apple-system-font", "Helvetica Neue", "Helvetica", "sans-serif";font-size:0.26rem;background-color:#fff;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0.05);height:100%;}
body,dl,dd,p,form,h1,h2,h3,h4,h5,h6{margin:0 auto;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul{margin:0;padding:0;list-style-type:none;}
em,i{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a{color:inherit;text-decoration:none;outline:none;}
img{border:0;}
input,select,button,textarea{font-size:inherit;color:inherit;}
input[type="text"],input[type="password"],input[type="button"],input[type="submit"],button,textarea,select {font-family:"Microsoft YaHei",Helvetica;}
input[type="radio" i] {-webkit-appearance: radio;box-sizing: border-box;}
.clear {clear: both;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}
select {border-width: 1px;color: #999;margin-right: 0.1rem;}

.flex,.layer .layer-btns,.section-cs .section-bd .list{display:-webkit-box;display:-webkit-flex;display:flex;}
.flex-item,.layer .layer-btns .layer-btn{-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.flex-wrap,.section-cs .section-bd .list{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.flex-justify{-webkit-justify-content:space-between;justify-content:space-between;}

.btn{display:inline-block;min-width:1.26rem;padding:0.08rem 0;margin-bottom:0;font-size:0.3rem;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;background-image:none;background-color:#FFF;color:#333;border:1px solid #E9E9E9;border-radius:0.06rem;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-transition:background-color .2s,color .2s,border-color .2s;-o-transition:background-color .2s,color .2s,border-color .2s;-webkit-transition:background-color .2s,color .2s,border-color .2s;transition:background-color .2s,color .2s,border-color .2s;}
.btn:active{outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);}

.mescroll.fixed{position:fixed;}
.mescroll-upwarp{line-height:0.5rem;text-align:center;visibility:hidden;}

html{font-size:50px;}
@media only screen and (min-width: 320px){html{font-size:42.6667px;}}
@media only screen and (min-width: 360px){html{font-size:48px;}}
@media only screen and (min-width: 375px){html{font-size:50px;}}
@media only screen and (min-width: 384px){html{font-size:51.2px;}}
@media only screen and (min-width: 400px){html{font-size:53.3333px;}}
@media only screen and (min-width: 412px){html{font-size:54.9333px;}}
@media only screen and (min-width: 414px){html{font-size:55.2px;}}
@media only screen and (min-width: 480px){html{font-size:64px;}}
@media only screen and (min-width: 750px){html{font-size:100px;}}

.page{position:relative;width:100%;min-width:320px;max-width:750px;margin:0 auto;
-webkit-overflow-scrolling:touch;}

/* header */
.fn-clear{zoom:1;}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

.page-header{width:100%;height:1rem;line-height:1rem;background:#ef4c4d;color:#fff;font-size: 0.36rem;}
.page-header .logo{width:2.6rem;height:0.8rem;float:left;margin:0.1rem 0 0 0.1rem;}
.page-header .logo-img{vertical-align:top;width:100%;height:100%;}
.page-header i {padding:0 0.08rem;float: left;}
.lo_tit {font-weight: bold;margin-top: 0.01rem;float: left;height: 0.8rem;padding: 0 0.04rem;}

.nav{float:right;height:1rem;max-width:5.5rem;overflow-y:hidden;}
.nav .item{height:1rem;float:left;font-size:0.28rem;padding:0 0.05rem;color:#FFF;position:relative;font-weight:bold;    margin-top: 0.01rem;}
.nav .item.on:after{content:'';width:0.52rem;height:0.03rem;background:#FFF;position:absolute;left:50%;bottom:0.15rem;margin-left:-0.26rem;border-radius:0.02rem;}
.nav .item-search,.nav .item-menu{float:left;width:0.68rem;height:1rem;font-size:0;}
.nav .item-search{background:url(nav_yh.jpg) no-repeat center center;background-size:0.35rem 0.35rem;}
.nav .item-menu{background:url(nav_img.png) no-repeat center center;background-size:0.35rem 0.35rem;}
/* header end */

/* 伸缩导航 */
.section-nav{height:0.6rem;overflow:hidden;background:#FFF;}
.section-nav .item{display:inline-block;vertical-align:top;min-width:0.52rem;font-size:0.28rem;height:0.6rem;line-height:0.6rem;text-align:center;}
.section-nav .item.on{color:#ef4c4d;}
.section-nav .item.on:after{visibility:visible;}
.section-nav .item.active{color:#ef4c4d;}
.section-nav .list-scroll{height:0.75rem;white-space:nowrap;position:relative;-webkit-mask-box-image:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 3%,#ffffff 4.5%,#ffffff,#ffffff 93%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%);}
.section-nav .list-scroll .list{padding-left:0.3rem;}
.section-nav .list-scroll .item{margin-left:0;margin-right:0.46rem;}
.ad-nav .list{padding:0 0.15rem;line-height:0.6rem;height: 0.6rem;}
.section-nav-top{width:100%;max-width:750px;}
.section-nav-top+.page-content{margin-top:0.6rem;}

.list2 a{font-size: 0.28rem; height: 0.6rem;line-height: 0.6rem;text-align: center;vertical-align: top;display: inline-block;}
.section-nav2{overflow:hidden;background:#FFF;}
.section-nav2 .list-scroll2 .list2{padding-left:0.3rem;}
.section-nav2 .list-scroll2 .item2{margin-left:0;margin-right:0.46rem;}
.ad-nav2 .list2{padding:0 0.15rem;line-height:0.6rem;}
.ad-nav .item,.ad-nav2 .item2{position:relative;color:#e6601f;}
.ad-nav .item:nth-child(even),.ad-nav2 .item2:nth-child(even){color:#dc2a65;}

.section-nav-top2{width:100%;max-width:750px;}
.section-nav-top2+.page-content2{margin-top:0.6rem;}

.goo {margin-top:0.1rem;}
.nav_shensuo {width:100%;}
.nav_shensuo a {width:19%;}
.expan {padding: 0 1%;}
.ad-nav .item i,.ad-nav2 .item2 i{position:relative;color:#e0e0e0;margin:0 1%;}
.nav_shensuo a::before { content: "";position: absolute;width:1px;height: 0.28rem;top:50%;margin-top:-0.14rem;right:-0.05rem;background:#e0e0e0;}

/* 伸缩导航 end */

/*导航2*/
.public_route {max-width:750px;font-size:0.28rem;height:0.72rem;border-bottom: 1px solid #b8b8b8;padding: 0 10px 0 40px;background-color: #f4f4f4;}
.public_r_home {position: absolute;left: 0;width:0.72rem;height:0.72rem;background: url(home.png) center no-repeat;background-size:0.5rem;border-right: 1px solid #b8b8b8;}

.public_r_right {overflow: hidden;position:absolute;left: 0.7rem;}
.public_r_right a {display: block;float: left;height:0.72rem;line-height:0.72rem;position: relative;padding: 0 10px;color: #686868;margin-right: 5px;}
.public_r_right a::before {content: "";position: absolute;width: 5px;height:0.72rem;top: 0;right: -5px;background: url(next.png) center no-repeat;background-size: auto;-webkit-background-size: 5px auto;-moz-background-size: 5px auto;-o-background-size: 5px auto;background-size: 5px auto;}
.public_r_right a:last-child {overflow: hidden;}
/*导航2 end*/

.xgtj_box {width: 100%;overflow: hidden;font-size: 14px;line-height: 42px;}
.xgtj_box ul {position: relative;overflow: hidden;}
.xgtj_box ul li {border-bottom: 1px dashed #e8e8e8;margin-left: 1%;width: 98%;}

/*标题部分*/
.indwkuang { width:100%; float:left; background:#fff;margin-bottom: 0.2rem;}
.indwkuang_box {border: solid 1px #ddd;margin:2%;}

.intitle {width:92%;float:left;height: .72rem;padding:0 4%;border-bottom:solid 1px #ddd;}
.intitle em {width:auto;float:left;padding:0 .2rem;line-height: .72rem;font-size:.36rem;position:relative;font-weight:normal;}
.intitle em::after{content: '';height: .35rem;width: .1rem;display: inline-block;position: absolute;background:#ef4c4d;left: 0;top: .17rem;}
.intitle a {float:right;color:#666;line-height: .76rem;}
/*标题部分 end*/