/*背景*/
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: #c80000;}
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;}

.home-bj { background: url(bd-home-sx.jpg) no-repeat; background-size: 100% auto; }

/*头部背景*/
.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 { padding: 0 15px; }
.bd-home-sx li { float: left; width: 33.33333%; padding: 5px; text-align: center;}
.bd-home-sx li img { width: 100%; display: block;}

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

/*生肖简评*/
.bd-jp {width: 100%; background: #640000 url(images/bd-n-jp-bj.jpg) no-repeat; background-size: 100% auto;}
.bg-jp-list { margin: 0 20px; background-color: #f5d7a2; padding: 10px; font-size: 16px; line-height: 24px; color: #000000; }
.bg-jp-list ul { border: 5px #c80000 solid; }
.bg-jp-list li { padding: 5px 10px; border-bottom: 1px #dabb84 solid;}
.bg-jp-list li:last-child { border-bottom: none; }
.bg-jp-list b { color: #be0000;}
.bg-jp-list strong { color: #000000;}

/*各大运势标头*/
.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-title1, .bd-n-title2, .bd-n-title3, .bd-n-title4 { width: 100%; background-size: 100% 100%; padding-bottom: 24%; position: relative;}
.bd-n-title1 span, .bd-n-title2 span, .bd-n-title3 span, .bd-n-title4 span { position: absolute; top: 18%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 8%;}
.bd-n-title1 span img, .bd-n-title2 span img, .bd-n-title3 span img, .bd-n-title4 span img {width: 100%; height: 100%; display: block; }

/*文字格式*/
.bd-n-info { padding: 15px; font-size: 16px; line-height: 24px; background-color: #f5d7a2; color: #000; }
.bd-n-info p { text-indent: 2em; color: #000; font-size: 16px; }
.bd-n-info em { background-color: #be0000; color: #f7e4b7; font-style: normal;}

/*套餐*/
.bd-n-tc {  background-color: #f5d7a2; padding: 10px; }
.bd-n-tc-b { border: #dabb84 1px solid; }
.bd-n-tc-b legend { text-align: center; width: 90%; }
.bd-n-tc-b legend img { width: 100%; }
.bd-n-tc-inverted li:last-child:before { content: ""; }
.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(images/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: #f5d7a2; border: 3px #cc3c3c solid; border-bottom: 0; color: #cc3c3c;  position: relative;}

/*化解秘法*/
.bd-n-huajie { background-color: #f5d7a2; padding: 15px;}
.bd-n-huajie ul { border-left:#dcc083 1px solid ; margin-left: 10px; padding-left: 25px;}
.bd-n-huajie li { position: relative;}
.bd-n-huajie li .num { position: absolute; top: 0; left: -46px; width: 40px; height: 40px; background: url(num.png) no-repeat; background-size: 100% 100%; line-height: 35px; color: #ceaa5d; font-family: Georgia; text-align: center; font-size: 24px;}
.bd-n-huajie h3 { font-size: 16px; color: #c80000; }
.bd-n-huajie p {color: #7f4200; font-size: 16px; color: #000; }

.bd-n-jxw { padding: 5px; background-color: #dcc083; font-size: 14px; margin-bottom: 10px;}
.bd-n-jxw .photo { float: left; width: 70px; margin-right: 5px; }
.bd-n-jxw .order { display: block; text-align: center; background-color: #f5d7a2; }
.bd-n-jxw img { width:100%; display: block; }
.bd-n-jxw .txt { overflow: hidden; }
.bd-n-jxw a { display: block; color: #000; }




/*四大运势*/
.bd-n-yunshi {background-color: #f5d7a2; padding: 15px;}
.bd-n-yunshi-control {border: none; border-radius:0 ;}
.bd-n-yunshi-item {border-left:0 !important; padding: 3px; }
.bd-n-yunshi-item.mui-active { background-color: transparent !important; }
.bd-n-yunshi-item span { display: block; border: 3px #640000 solid; color: #640000; font-size: 16px; line-height: 30px; }
.bd-n-yunshi-item.mui-active span { border: 3px #c80000 solid; color: #c80000; }
.bd-n-yunshi-group { padding: 10px 0; font-size: 16px; line-height: 24px;  }
.bd-n-yunshi-group p {color: #000; font-size: 16px; text-indent: 2em;}
.a14blue { color: #be0000;}

/*产品推荐*/
.bd-n-prod {background-color: #f5d7a2; 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: 14px; line-height: 18px; color: #522828; margin: 5px 0;}
.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;}

/*底部*/
.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: 300px;}
.mui-popover .mui-scroll-wrapper {margin: 0px 0; border-radius: 0px;}

/*添加*/
.bd-prod {background-color: #f5d7a2;padding: 0px 15px 10px 15px;}
.bd-prod-li {height: 80px;padding: 5px;background-color: #dcc083;margin-bottom: 10px;}
.bd-prod-li a {display: block;text-decoration: none !important;color: #000;}
.bd-prod-li label {float: right;width: 45px;height: 45px;overflow: hidden;padding: 3px 0;text-align: center;font-size: 14px;
line-height: 19px;color: #941619;border: #941619 1px solid;border-radius: 5px;margin-top: 8px;margin-right: 5px;}
.bd-prod-li article {margin-right: 50px;height: 70px;overflow: hidden;}
.bd-prod-li article img {margin-right: 5px;height: 100%; display: block; }
.bd-prod-li h3 {font-size: 15px;margin: 0;padding-top: 3px;}
.bd-prod-li h4 {font-size: 14px;line-height: 18px;font-weight: normal;}


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*/