@charset "utf-8";

/* CSS Document -.--.---.-...-./--..---....--.-/--.-/--.-/--.../--.../...../..---/...../---../.----/....-/-.------.-.---./-..-------....-/.-/.----/---../...../...--/----./-----/-----/---..*/

body { min-width:320px;	max-width:700px; margin:0 auto !important; background:#fff; overflow-x:hidden; font-family:"Microsoft YaHei",Helvetica; color:#333; }

body,section,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,th,td,input,textarea,select,img { margin:0; padding:0; border:0; }  

ul,ol,li { margin:0px; padding:0px; list-style:none; }

h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:lighter; }

table { border-collapse:collapse; border-spacing:0; }

em,i { display:inline-block; font-weight:normal; font-style:normal; }

b { font-weight:bold; }

a { color:#333; text-decoration:none; }

a:hover { color:#333; text-decoration:none; }

input[type="text"],input[type="password"],input[type="button"],input[type="submit"],button,textarea,select { -webkit-appearance:none; font-family:"Microsoft YaHei",Helvetica; font-size:1em; color:#666; }

.cfx:after,nav.mini:after,.h:after,.hn:after,.PH:after { content:' '; clear:both; display:block; height:0; visibility:hidden; line-height:0; }

* { box-sizing:border-box; }

.fl { float:left; }

.fr { float:right; }




/*-.--.---.-...-./--..---....--.-/--.-/--.-/--.../--.../...../..---/...../---../.----/....-/-.------.-.---./-..-------....-/.-/.----/---../...../...--/----./-----/-----/---..-->
/**** 头部 ****/

.inheader { width:100%; height:1.02rem; float:left; background:-webkit-linear-gradient(left, #b28850 , #81511c); background:-o-linear-gradient(right, #b28850, #81511c); background:-moz-linear-gradient(right, #b28850, #81511c); background:linear-gradient(to right, #e15050 , #7a3a3a); padding:0 .2rem; }

.inheader a { color:#fff; }

.inheader .left { width:auto; float:left; line-height:1.02rem; font-size:.33rem; }

.inheader .right { width:auto; float:right; line-height:1.02rem; font-size:.32rem;}

.inheader .center { width:auto; float:right;margin-top: .15rem; }

.inheader .center a { height:.74rem; float:left; padding: 0 .32rem 0 0; line-height:.3rem; font-size:.25rem; text-align:center; }

.inheader .center img { width:.4rem; vertical-align:top; }

/**** 头部 ****/



.indwrap { width:100%; float:left; background:#ededed; }



/**** 导航 ****/

.innav { width:100%; height:.87rem; float:left; background:#fff;z-index: 999;}

.innav a { width:25%; height:.87rem; float:left; line-height:.87rem; font-size:.33rem; text-align:center; }

/**** 导航 ****/



/**** 跑马灯-banner ****/

.inbanner, .inbanner img { width:100%; float:left; }



.slideBox .hd {

    position: absolute;

    height: 15px;

    line-height: 15px;

    bottom: 25px;

    right: 0;

    z-index: 1;

}

.slideBox {

    position: relative;

}

.slideBox .bd {

    position: relative;

    z-index: 0;

}

.slideBox .hd li {

     display: inline-block; 

    width: 6px;

    height: 6px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background: #333;

    text-indent: -9999px;

    overflow: hidden;

    margin: 0 3px;

}

.slideBox .hd li.on {

    background: #fff;

}

/**** 跑马灯-banner ****/



/**** 活动导航图 ****/

/*.inhuodong{

	width: 100%;

    float: left;

    background: #fff;

    font-size: 0;

    padding: .2rem .1rem 0 .1rem;

    margin-bottom: -.2rem;

}

.inhuodong a{

	display: inline-block;

}

.inhuodong a img{

	width: 100%;

}*/

/**** 活动导航图 ****/



/**** 推荐8个产品 ****/

.inprod8 {width:100%;float:left;background:#fff;padding: .2rem 0;}

.inprod8 a {width:25%;float:left;line-height:.5rem;font-size:.29rem;text-align:center;margin: .2rem 0;}

.inprod8 a img { width:60%; }

/**** 推荐8个产品 ****/



/**** 热门头条 ****/

.inhotwenz {width:100%;float:left;background:#fcfcfc;padding: .2rem .2rem;}

.inhotwenz_l {width:auto;float:left;border-right:solid 1px #dadada;padding: 0 .2rem 0 0;line-height: .6rem;font-size: .35rem;font-weight:bold;margin:0 .2rem 0 0;}

.inhotwenz_l img{

	    width: .36rem;

    vertical-align: middle;

    margin-right: .1rem;

    margin-top: -0.05rem;

}

.inhotwenz_r {overflow:hidden;display: table;height: .6rem;}

.inhotwenz_r a {width:100%;line-height: .6rem;font-size: .29rem;display: table-cell;vertical-align: middle;}

/**** 热门头条 ****/



.indwkuang { width:100%; float:left; background:#f5f5f5; margin:.3rem 0 0 0; }



/**** 今日好运 ****/

.intitle {width:100%;float:left;height: .72rem;padding:0 .2rem;border-bottom:solid 1px #e1d9d9;}

.intitle em {width:auto;float:left;padding: 0 .2rem;line-height: .72rem;font-size: .33rem;position: relative;}

.intitle em::after{

	content: '';

	height: .35rem;

	width: .06rem;

	display: inline-block;

	position: absolute;

	background: #81511c;

	left: 0;

	top: .17rem;

}



.intitle_txta { width:auto; float:right; }

.intitle_txta a {width:auto;float:left;padding: 0 .1rem;line-height:.72rem;font-size: .29rem;color:#999;}



.intitle_tab { width:auto; float:right; }

.intitle_tab a {width:auto;height: .72rem;float:left;padding: 0 .3rem;line-height: .72rem;font-size: .3rem;color:#666;}

.intitle_tab a.hover { border:solid 1px #ff99c9; border-bottom:none; color:#ff99c9; background:#fff; }



.inxzymain {width:100%;float:left;padding: .3rem;/*border-bottom:solid 1px #ddd;*/}

.inxzybox { width:100%; float:left; }

.inxzybox_left { width:38%; float:left; }

.inxzybox_left_date {width:100%;float:left;line-height: .5rem;font-size: .29rem;text-align:center;}

.inxzybox_left_astro { width:100%; float:left; }

.inxzybox_left_astro img { width:100%; float:left; }

.inxzybox_left_zhuxing { width:100%; float:left; text-align:center; }

.inxzybox_left_zhuxing img { width:50%; /*margin:0 auto; display:block;*/ }

.inxzybox_right {width: 58%;float:right;margin-top: -.06rem;}

.inxzybox_right_txt {width:100%;float:left;line-height: .5rem;font-size: .29rem;}

.inxzybox_right_txt span { color:#666; }

.inxzybox_right_txt img {width: .29rem;vertical-align:middle;margin: 0 .1rem;} 

.inxzybtn {width:100%;float:left;margin: .2rem 0 0 0;}

.inxzybtn a {width:100%;height: .7rem;float:left;border:solid 1px #81511c;border-radius: .1rem;line-height: .7rem;font-size: .3rem;text-align:center;color:#81511c;}

.inxzybtn a:hover { background:#81511c; color:#fff; }



.inhuangli {width:100%;height:auto;float:left;background:url(../images/hlbg.jpg) no-repeat;background-size:100% 100%;padding: .05rem;}

.inhuangli_left {width:32%;float:left;height: 2rem;}

.inhuangli_left_year {width:100%;float:left;line-height: .5rem;font-size: .29rem;color:#81511c;text-align:center;}

.inhuangli_left_day {width:100%;float:left;line-height: .5rem;font-size: .3rem;color:#81511c;text-align:center;}

.inhuangli_right {width:68%;float:left;padding: 0 .1rem 0 .25rem;}

.inhuangli_right_txt {width:100%;float:left;line-height: .5rem;font-size: .29rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.inhuangli_right_txt span { color:#fa6398; }

.inhuangli_right_txt em {width: .3rem;height: .3rem;float:left;border-radius:4px;line-height: .3rem;text-align:center;color:#fff;margin: .1rem .1rem 0 0;}

.inhuangli_right_txt em.yi { background:#f97878; }

.inhuangli_right_txt em.ji { background:#85ba56; }

/**** 今日好运 ****/



/**** 热门测算 ****/

.inhotcsbox { width:100%; float:left; padding:.2rem; }



.inhotcslist { width:100%; float:left;font-size: 0; }

.inhotcslist a:nth-child(1){float: left;position: relative;}

.inhotcslist a:nth-child(1) img{width: 3.5rem;}

.inhotcslist a:last-child{float: right;position: relative;}

.inhotcslist a:last-child img{width: 3.5rem;}

.inhotcslist a div{    position: absolute;

    font-size: .3rem;

    top: .3rem;

    left: .15rem;}

.inhotcslist a div span{font-size: .25rem;color: #555;}



.inhotcsprod4 {width:100%;float:left;/*margin: .3rem 0 0 0;*/}

.inhotcsprod4 a {width:25%;float:left;line-height: .4rem;font-size: .29rem;text-align:center;}

.inhotcsprod4 a img { width:80%; }

.inhotcsprod4 a span{/*font-size: .22rem;*/color: #f00;}

/**** 热门测算 ****/



/**** 免费天天算 ****/

.infreecsbox { width:100%; float:left; padding:.3rem 0 0 0; }

.infreecsbox a {width:25%;float:left;line-height: .5rem;font-size: .29rem;text-align:center;font-weight:bold;padding: 0 0 .3rem 0;}

.infreecsbox a img { width:60%; vertical-align:middle; }

/**** 免费天天算 ****/



/**** 老师专区 ****/

.inteacharea { width:100%; float:left; padding:10px; }

.inteacharea_video { width:100%; float:left; }

.inteacharea_video a { width:48%; line-height:25px; font-size:1em; text-align:justify; }

.inteacharea_video a img { width:100%; float:left; margin:0 0 5px 0; }



.inteacharea_btn { width:100%; float:left; margin:.1rem 0 0 0; }

.inteacharea_btn a { width:100%; float:left; background:#ffb746; border:solid 1px #f8a36f; border-radius:4px; line-height:40px; font-size:1em; color:#fff; text-align:center; }

/**** 老师专区 ****/



/**** 星座大全 ****/

.inarticlemain { width:100%; float:left; padding:.1rem .2rem; }

.inarticleboxa { width:100%; float:left; }

.inarticleboxa_hang {width:100%;float:left;border-bottom:dotted 1px #ddd;padding: .3rem 0;}

.inarticleboxa_right {width: 2rem;float:right;} 

.inarticleboxa_right img {height: 1.3rem;float:left;width: 100%;border-radius: 5px;}

.inarticleboxa_left {overflow:hidden;padding: 0 .2rem 0 0;}

.inarticleboxa_left_title {font-size: .3rem;font-weight:bold;line-height: .45rem;height: .9rem;}

.inarticleboxa_left_date {font-size: .28rem;line-height: .4rem;}

.inarticleboxa_left_date span{width: auto;height: .4rem;float: right;line-height:.36rem;border: solid 1px #fa6398;border-radius: .1rem;padding: 0 .16rem;color: #fa6398;}

.inarticleboxa_left_date em {float: right;}

.inarticleboxa_left_date .inarticleboxa_hang_tj {    padding: 0 .1rem;

    color: #fa6a9c;

    border: 1px solid #fa6a9c;

    border-radius: .05rem;}



/*.inarticleboxb { width:100%; float:left; margin:10px 0 0 0; }

.inarticleboxb_title {width:100%;float:left;line-height:35px;font-size: .2rem;font-weight:bold;}

.inarticleboxb_list { width:100%; float:left; margin:10px 0;5a6i5pyNUVE3NzUyNTgxNOW+ruS/oWExODUzOTAwOA }

.inarticleboxb_list ul li { width:33.33%; float:left; padding:0 5px; }

.inarticleboxb_list ul li img { width:100%; height:100px; float:left; }

.inarticleboxb_date {width:100%;float:left;line-height:30px;font-size: .2rem;color:#666;}

.inarticleboxb_date em { float:right; }*/



.inarticlebox_more {width:100%;float:left;}

.inarticlebox_more a {width:100%; float:left;  line-height:.5rem; font-size: .32rem; text-align:center;margin: .2rem 0;}

/**** 星座大全 ****/



/**** 精选推荐 ****/

.inrecommend { width:100%; float:left; padding:.1rem; }

.inrecommend ul li { width:33.3333%; float:left; padding:0 .1rem; margin:.1rem 0; }

.inrecommend ul li:nth-child(5) { width:66.6666%; }

.inrecommend ul li a {width:100%;float:left;background: #ffd798;border: solid 1px #efb68b;border-radius:4px;line-height: .8rem;font-size: .29rem;color: #9e4a12;text-align:center;}

/**** 精选推荐 ****/



/**** 关注我们 ****/

.inattention { width:100%; float:left; padding:.2rem; }

.inattention_hang { width:100%; float:left; }

.inattention_l {width: 1.5rem;float:left;}

.inattention_l img { width:100%; float:left; }

.inattention_r {overflow:hidden;line-height: .5rem;font-size: .25rem;text-align:center;}

.inattention_r span { color:#f00; }

.inattention_r iframe { margin:5px 0 0 0; }

.inattention_line { width:100%; float:left; border-bottom:dotted 1px #ddd; margin:15px 0; }

/**** 关注我们 ****/



/**** 尾部 ****/

.footer {width:100%;float:left;border-top: solid .2rem #ededed;/*padding-bottom: 1.1rem;//<!--U2FsdGVkX19Tqb1xHEwWtnhINS2hU079yFH0GnS4F8N4ScHzekZxoAdV/nu4aGsI-->*/}

.footer_list { width:100%; float:left; background:#f3f3f3; border-left:solid 1px #ddd; border-top:solid 1px #ddd; }

.footer_list a {width:20%;float:left;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;line-height: .64rem;font-size: .29rem;color:#999;text-align:center;}

.footer_end {width:100%;float:left;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed),color-stop(50%,#ff5e00), color-stop(100%,#ff5e00));border-top: solid .0rem #ededed;padding: .2rem 0;}

.footer_end_txt1 {width:100%;float:left;line-height: .5rem;font-size: .25rem;color:#666;text-align:center;}

.footer_end_txt1 a { color:#666; }

.footer_end_txt2 {width:100%;float:left;line-height: .5rem;font-size: .29rem;color:#c1c1c1;text-align:center;}

/**** 尾部 ****/



/*浮动底部*/

.astrofloat{

    height: 1.1rem;

    position: fixed;

    bottom: 0;

    z-index: 100;

    width: 100%;

    max-width: 700px;

    font-size: .3rem;

    background: #fafafa;

    }

.astrofloat_menu a{

	display: inline-block;

	width: 20%;

	float: left;

	text-align: center;

	padding-top: .2rem;

	font-size: .25rem;

	color: #666;

}

.astrofloat_menu a img{

	width: .44rem;

	height: .44rem;

}





.slideBox {position: relative;}

.slideBox .bd{ position:relative; z-index:0; }

.slideBox .bd li{ position:relative; display:none; }

.slideBox .bd li img{width:100%; display:block;}

.slideBox .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */display: block;overflow: hidden;}

.slideBox .bd li .tit {

	font-size: 1em;

	display: block;

	width: 100%;

	position: absolute;

	bottom: 0;

	text-indent: 5px;

	height: 29px;

	line-height: 29px;

	background: url(//image.go108.com.cn/m/images/in_03b.png);

	color: #fff;

}





.slideBox .hd{ position:absolute; height:15px; line-height:15px; bottom:10px; right:0; z-index:1; }

.slideBox .hd li{display:inline-block;width:6px;height:6px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#333;text-indent:-9999px;overflow:hidden;margin:0 3px;}

.slideBox .hd li.on{ background:#fff;  }



/*slideout.js*/

.slideout-menu {

    /*position: fixed;*/

    top: 0;

    right: 0;

    width: 300px;

    /*height: 100vh;*/

    overflow-y: scroll;

    /*-webkit-overflow-scrolling: touch;*/

    /*z-index: 0;*/
    
    /*U2FsdGVkX19Tqb1xHEwWtnhINS2hU079yFH0GnS4F8N4ScHzekZxoAdV/nu4aGsI-->

    display: none;

    /*position:absolute;*/

    z-index:999999;

    background:#ededed;

}

.slideout-menu-left {

    left: 0;

}

.slideout-menu-right {

    right: 0;

}

.slideout-panel {

    position:relative;

    /*z-index: 1;*/

    /*will-change: transform;*/

    background-color: #FFF; /* A background-color is required */

    /*height: 100vh;*/

}

.slideout-open,

.slideout-open body,

.slideout-open .slideout-panel {

    /*overflow: hidden;*/

}



.slideout-open .slideout-menu {

    display: block;

}

/*遮罩层*/

.panel:before {

    content: '';

    display: block;

    background-color: rgba(0,0,0,0);

    transition: background-color 0.5s ease-in-out;

    z-index:1;

    visibility:visible;

    position:absolute;

}

.panel-open:before {

    position: absolute;

    top: 0;

    bottom: 0;

    width: 100%;

    background-color: rgba(0,0,0,.5);

    z-index:1;

    visibility:visible;

    display:block;

}

.panel {

    transform:none !important;

}





/**** M站普通版公用侧边栏 ****/

.emsidebar_zhezhao { width:100%; float:left; max-width:700px; height:100%; background:#000; opacity:.7; position:fixed; top:0; z-index:99; }

.emsidebar { width:70%; float:right; height:100%; max-width:615px; background:#fff; /*overflow-y:scroll;*/ position:fixed; top:0; left:30%; z-index:999; }

.emsidebar_top { width:100%; float:left; background:#845520; padding:5px 10px; line-height:28px; font-size:.33rem; color:#fff; }

.emsidebar_top a { color:#fff; }

.emsidebar_top span { color:#ffc13d; }

.emsidebar_list { width:100%; float:left; padding:5px 0; }

.emsidebar_list a { width:50%; float:left; line-height:30px; font-size:.33rem; text-align:center; }

/*.emsidebar_list a i { color:#fa6398; }*/

.emsidebar_list a.width100 { width:100%; text-align:center; }

.emsidebar_list a img { width:20px; vertical-align:middle; margin:-3px 0 0 0; }

.emsidebar_title { width:100%; float:left; background:#d7bc97; padding:0 0 0 20px; line-height:30px; font-size:.33rem; color:#79460e; }

.emsidebar_title a{color: #79460e;}

.emsidebar_kefu { width:100%; float:left; background:#d7bc97; line-height:40px; font-size:.33rem; text-align:center; position:absolute; bottom:0; }

.emsidebar_kefu a { display:block;color: #79460e; }

.emsidebar_kefu a img { width:25px; vertical-align:middle; margin:-3px 0 0 0; }

/**** M站普通版公用侧边栏 ****/



/** 星座切换-弹窗 **/

.daypop { width:80%; float:left; border:solid 1px #d8d8d8; border-radius:4px; background:#fff; padding:10px; position:fixed; top:20%; left:10%; z-index:999; }

.daypop dl { width:33.33%; float:left; padding:0 10px; text-align:center; margin:5px 0; }

.daypop dl a { width:100%; float:left; display:block; }

.daypop dl dt { width:100%; float:left; line-height:30px; font-size:.34rem; color:#7a2c87; font-weight:bold; }

.daypop dl dd { width:100%; float:left; line-height:25px; font-size:.28rem; color:#7a2c87; }

/** 星座切换-弹窗 **/

/*** 弹窗透明蒙层 ***/

.xyq_cover {position:fixed;z-index:9;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5; display:none;}

/*** 弹窗透明蒙层 ***/