@charset "gb2312";
body{font-family:"-apple-system-font", "Helvetica Neue", "Helvetica", "sans-serif";font-size:0.26rem;background-color:#f5f5f5;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0.05);}
body,dl,dd,p,form,h1,h2,h3,h4,h5,h6{margin:0;}
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:separate;border-spacing:1px;}
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;}


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


.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;}}

@font-face {font-family: "cphfont";font-weight: normal;font-style: normal;}

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



/*页面头部*/
.public_header {height: 44px;line-height: 44px;background: #fff;border-bottom: 1px solid #e4e4e4;width: 100%;position: relative;max-width: 750px;margin: 0 auto;}
.public_h_con {text-align: center;font-size: 20px;color: #a83b00;margin: 0 44px;line-height: 44px;}
.public_ff_title, .public_h_con {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.public_h_home {position: absolute;width: 44px;height: 44px;top: 0;left: 0;}
.public_h_home:after {content: '';display: block;width: 24px;height: 24px;background-size: 100% 100%;background-repeat: no-repeat;position: absolute;top: 10px;left: 10px;background-image: url(../images/icon_home.png);}
.public_h_menu {color: #d34d20;border-color: #fde2e5;}
.public_h_menu {position: absolute;height: 25px;line-height: 25px;border: 1px solid #db8732;border-radius: 5px;padding: 0 5px;display: block;color: #db8732;right: 10px;top: 9px;background-color: #fff;}
/*页面头部 end*/


/* 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(../images/nav_yh.jpg) no-repeat center center;background-size:0.35rem 0.35rem;}
.nav .item-menu{background:url(../images/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(../images/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(../images/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*/




/*分类切换内容*/
.csflkuang {width:100%; float:left; background:#fff;margin-bottom: 0.2rem;}

.xhcs_title {width: 100%;font-size: 1.25em;line-height: 1.25em;background:#f9f9f9;}
.xhcs_title ul {width: 100%; overflow: hidden;margin: 0 auto;}
.xhcs_title li {width: 50%;overflow: hidden;height: 2.35em;float: left;text-align: center;line-height: 2.35em;font-weight: normal;text-decoration: none;}
.cs-active {color:#ef4c4d;border-bottom: .1em solid #ef4c4d;}

/*热门测试*/
.rmcs {width:100%;overflow:hidden;z-index:1;position: relative;}
.rmcs_title {padding:.625em 0 .625em 3.438em;color:#504335;background:#e9dec3;border-top:#e3d3bf .063em solid;border-bottom:#e3d3bf .063em solid;}
.rmcs_more {float:right;display:block;padding: 0 .625em;}
.rmcs_more a {color:#966842;}

.ceshi_list li {padding:.625em .938em;overflow:hidden;border-bottom:#f5f3f3 .063em solid;position:relative;}
.ceshi_list a {display:block;height: 100%;text-decoration:none;}
.ceshi_list img {float:left;width:4.375em !important;height:4.375em;margin-right:.625em;border-radius:.625em;display:block;}

.rmcs_txt {height:4.688em;overflow:hidden;}
.rmcs_txt h3 {font-size:0.28rem;padding:0em 1.25em .313em 0;font-weight: bold;}

.rmcs_txt p {padding-bottom:0;display:-webkit-box;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875em;}

/*热门测试 END*/

/*分类切换内容 end*/

/*推荐收费产品*/
.tjsfcp_box {height: 56px;overflow: hidden;top: 0;left: 0;width: 100%;font-size: 14px;background-color: #fff;z-index: 99;}
.tjsfcp_box i {display: block;position: absolute;right: 0;width: 16px;height: 16px;background: rgba(0,0,0,.8);color: #fff;border-bottom-left-radius: 16px;text-indent: 6px;line-height: 14px;font-style: normal;font-size: 12px;}
.tjsfcp_box div {float: left;text-align: center;width: 33.33%;height: 28px;line-height: 28px;border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;}
.tjsfcp_box div:nth-child(3n+1) {border-left: 1px solid #ccc;}
.tjsfcp_box a {display: block;text-decoration: none;font-weight: 700;}
/*推荐收费产品 end*/

/* 文章内容 */
.page-content{position:relative;}
.page-content-inner{min-height:100%;padding-bottom:5.4rem;margin-bottom:-5.4rem;overflow:hidden;}
.page-index .page-content-inner{min-height:auto;padding-bottom:0;margin-bottom:0;}

.cmdProduct {background-color:#fff5ec;border:1px solid #fcc;width:100%;margin:5px auto;color:#706A6A;text-align:center;padding: 10px 1px;font-size:.26rem;overflow: hidden;}
.zbbtn { outline: none;font-size:0.26rem;color: #fff;margin-top:6px;line-height:0.36rem; width:0.9rem;border: 1px solid #fda039;border-radius: 3px;text-align: center;background: -webkit-gradient(radial,50% 0%,0,50% 0%,120,from(#ffbc42),to(#fda039));background-position: 0 0;background-color: #fda039;cursor: pointer; margin-left:0.1rem;}

.article-detail{padding:0.2rem 0.2rem 0;background-color:#fff;overflow: hidden;margin-bottom: 0.2rem;}
.article-detail h3{text-align:center;font-weight: bold;font-size: 0.36rem;}
.article-detail .title{line-height:0.6rem;font-weight: bold;}
.article-detail .info{text-align:center;margin:0.3rem 0 ;}
.article-detail .attr{display:inline;margin:0 0.2rem;font-size:0.24rem;color:#999;}
.article-detail .text{text-align:justify;line-height: 0.6rem;font-size: 0.3rem;}
.article-detail .text img{display:block;max-width:100%;height:auto !important;margin:0.2rem auto;}
.article-detail .foot{text-align:center;margin:0 -0.2rem;padding-bottom:0.4rem;background-size:100% 100%;}
.article-detail .foot .txt{font-size:0.3rem;color:#a32630;line-height:0.6rem;padding:0.26rem 0.4rem;text-align:left;}
.article-detail .foot .btn-master{display:inline-block;vertical-align:top;width:2.96rem;height:0.96rem;line-height:0.76rem;text-align:center;background-size:100% 100%;font-size:0.36rem;color:#fff;font-weight:bold;letter-spacing:0.03rem;-webkit-tap-highlight-color:transparent;}

.readmore {height: 200px;line-height: 200px;text-align: center;width:96%;position: absolute;top:10rem;z-index: 88;background-image: linear-gradient(-180deg,hsla(0,0%,100%,0),#fff);}
.readmore_text {background: #ea5504;border: 4px solid rgba(234,85,4,.5);background-clip: padding-box;border-radius: 24px;padding: 8px 40px;color: #fff;box-shadow: 0 5px 20px #ea5504;cursor: pointer;}
.icon_readmore {margin-top: -2px;margin-right: 6px;background-position: -290px -173px;width:16px;height:24px;}
.icon {display: inline-block;text-align: center;vertical-align: middle;}

/*测算框*/

.indwrap {width: 100%;float: left;background-color: #fff;}
.cpdesc {text-align: left;padding: 0 2%;}

.public_form_wrap {margin: 8px 5px 0;}
.public_form_wrap ul {border: 1px solid #ffe4c8;border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color: #fff;}
.public_form_wrap li {height:0.64rem;line-height:0.64rem;border-bottom: 1px solid #ffe4c8;padding-right: 5px;}
.public_form_wrap .lefts {color: #cb3b42;margin-right: 10px;font-size:0.32rem;padding-left:0.1rem;float: left;}
.public_form_wrap .rights {color: #cb3b42;margin-right:0.1rem;padding: 0 10px;font-size:0.32rem;float: left;}
.public_form_wrap .autos {width: 20%;font-size:0.26rem;float: left;}
.public_form_wrap .radio {width: 100%;background-repeat: no-repeat;background-position: right center;background-size: 20px;font-size:0.32rem;}

.public_form_wrap .auto input {/* width: 4rem; */width:2.5rem;height: 0.48rem;/* padding: 0.01rem 0.64rem 0.01rem 0.03rem; */box-sizing: border-box;font-size: 0.26rem;float: left;margin-top: 0.1rem;}
.public_form_wrap .autos input {/* width: 4rem; */width:1.3rem;height: 0.48rem;/* padding: 0.01rem 0.64rem 0.01rem 0.03rem; */box-sizing: border-box;font-size: 0.26rem;float: left;margin-top: 0.1rem;}
.public_form_wrap .auto select[name="iHour"]{width:3.4rem;}
.public_form_wrap .auto select[name="province"],.public_form_wrap .auto select[name="city"],.public_form_wrap .auto select[name="county"] {width:1.36rem;}


.csk_bnt {text-align:center;margin-bottom:10px;line-height:.5rem;margin-top:.2rem;font-size:0.26rem;}
.cs_bnt {cursor: pointer;border-radius:5px;background:#ef4c4d;border: 1px solid #ffe4c8;color: #fff;padding: 3px 25px;}
.cs_bnt2 {cursor: pointer;border-radius:5px;background:#ec808d;border: 1px solid #ffe4c8;color: #fff;padding: 3px 25px;height:0.5rem;}
.cs_bnt3 {cursor: pointer;border-radius:5px;background:#ef4c4d;border: 1px solid #ffe4c8;color: #fff;padding: 3px 25px;height:0.5rem;}

/* 测算框 end */
.tishi {background: #f2f2f2;padding: 3%;border-radius: 5px;margin-bottom: 0.2rem;color: #999;}
.tishi span {font-weight: bold; color: #ef4c4d;}

.dzfxsc_box {margin-bottom: 0.2rem;overflow: hidden;border-top: 1px dashed #f5f3f3;padding-top: 0.2rem;}
.dzfxsc {float:left;}

#btn {width:22%;line-height:0.4rem;margin: 0 39%;border: 1px solid #ef4c4d;border-radius:15px;color: #333;font-size:0.24rem;cursor: pointer;display: block;text-align: center;}
#btn i {display: inline-block;*display: inline;*zoom: 1;}
/*.iconfont {font-family: "iconfont" !important;font-size:0.24rem;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;width:20px;height:20px;padding-right: 10%;}background:url(../images/dianzan_icon.png) no-repeat;*/

.share {width:22%;line-height:0.4rem;margin: 0 5%;border: 1px solid #ef4c4d;border-radius:15px;color: #333;font-size:0.24rem;cursor: pointer;display: block;text-align: center;}
.share i {display: inline-block;*display: inline;*zoom: 1;}
.share_icon {font-family: "iconfont" !important;font-size:0.24rem;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;background:url(../images/share_icon.png) no-repeat;width:20px;height:20px;padding-right: 10%;}

.collection {width:22%;line-height:0.4rem;margin: 0 5%;border: 1px solid #ef4c4d;border-radius:15px;color: #333;font-size:0.24rem;cursor: pointer;display: block;text-align: center;}
.collection i {display: inline-block;*display: inline;*zoom: 1;}
.collection_icon {font-family: "iconfont" !important;font-size:0.24rem;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;background:url(../images/collection_icon.png) no-repeat;width:20px;height:20px;padding-right: 10%;}

/* 文章内容 end */


/* 换一换内容 */
.vertical-align-central { vertical-align: central;}
.text-align-center { text-align: center;}
.text-align-left { text-align: left;}
.text-align-right { text-align: right;}

.service-list-title {width: 100%;height: 40px;line-height: 40px;font-size: 16px;margin: 10px 0 10px 0;}
span.icon-change {display: block;float: right;font-size: 16px;line-height: 40px;height: 40px;color: #666;}
.changeicon {background:url(../images/shuaxin.png) no-repeat;background-size:100% 100%; width:15px;height:10px;display:inline-block;line-height:40px;margin-right:5px;}
.change-again {display: block;float: right;padding-left: 5px;line-height: 40px;margin-right: 20px;margin-top: -2px;height: 40px;}
.col-xs-1-1 {width: 33.3%;float: left;position: relative;min-height: 1px;padding: 2px;}
.service-rec-mode a { width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/**/
.panel-default {border-color: #ddd;}
.panel {margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.panel-default>.panel-heading {color: #333;background-color: #f5f5f5;border-color: #ddd;}
.panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
span.icon-change.icon-change-new { font-size: 14px; margin-top: -11px;color: #666;}

.padding-5 {padding: 5px;}
.service-list-content-m ul {margin-bottom: 0;}
.service-list-content-m ul li {float: left;width: 100%;text-align: left;border-bottom: 1px solid #eee;}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}
.game-text,.game-text a {font-size: 14px;height:30px;line-height:40px;color: #333;}

span.title-text {width: 80%;display: block;min-height: 20px;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mgl5 {margin-left: 5px;}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.wrap {height: 40px;line-height: 20px;overflow: hidden;float: left;width: 100%;}
.wrap:before {float: left;width: 5px;content: '';height: 40px;}
.wrap .text {float: right;margin-left: -5px;width: 100%;word-break: break-all;color: #666;font-size: 12px;}
.wrap:after {float: right;content: "...";height: 20px;line-height: 20px; width: 3em;margin-left: -3em;position: relative;left: 102%;top: 17px;padding-right:5px;background-color: #FFF;}

.eyeicon {background:url(eye_box.jpg) no-repeat;background-size:100% !important; width:20px;height:10px;display:inline-block;line-height:40px;}
.count-text {line-height:40px;}

.col-xs-12 {width: 100%;background-color: #f5f5f5;border-color: #ddd; padding: 10px 0;}
.bottom_box {overflow:hidden;padding-bottom:10px;}
/**/
/* 换一换内容 end */

/*塔罗*/
.clear {float: none;clear: both;height: auto;border: none;}
.pre_img { border-radius: .15rem;overflow: hidden;box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.4);}
.text p { text-indent:2em;}
.pre_info img{width:3rem;text-align:center;}
.pre_info strong{ display:block; text-align: center;}

.period ul {width: 100%;display: -webkit-box;}
.period li.pre span strong {display: block;line-height:3.35rem;padding-right: 0.05rem;padding-top: 0.1rem;}
.period li.pre img {width: 100%;height:3.2rem;}
.period li.pre em {line-height: .6rem;display: inline-block;font-size: .32rem;background: #eee;border-radius: .1rem;margin-top: .1rem;padding: 0 .1rem;}
.period li.pre p {margin: 8px 13px 0;font-size: 0.32rem;line-height: 0.5rem;color: #8e6553;}
.period li.pre a {display: block;}
.period label {float: left; height: 32px;}
.period label span {text-align: center; font-weight: 700; background-position: -370px 0; width: 62px; height: 32px; display: block; color: #553f2a; line-height: 27px; margin: 0 auto; color: #f0e4d5;}
.period li {width:23%;margin:1%;text-align: center;font-size: 12px; overflow: visible;-webkit-box-flex: 1;}
.period li span { position: relative;  background: url(../tlimg/pre_img.png); background-size: 100% 3.35rem; overflow: hidden;}
.period li.pre span {display: block; width:1.8rem; font-size:18px; color:#741488; margin: 0 auto .25rem;}
.period li.pre em.tip { color: #fff; background: #e48f8f }
.period li.pre em.on {  color: #fff; background: #8ec193 }

.period2 ul {width: 100%;display: -webkit-box;}
.period2 li.pre span strong {display: block;line-height:3.35rem;padding-right: 0.05rem;padding-top: 0.1rem;}
.period2 li.pre img {width: 100%;height: 3.2rem;}
.period2 li.pre em {line-height: .6rem;display: inline-block;font-size: .32rem;background: #eee;border-radius: .1rem;margin-top: .1rem;padding: 0 .1rem;}
.period2 li.pre p {margin: 8px 13px 0;font-size: 0.32rem;line-height: 0.5rem;color: #8e6553;}
.period2 li.pre a {display: block;}
.period2 label {float: left; height: 32px;}
.period2 label span {text-align: center; font-weight: 700; background-position: -370px 0; width: 62px; height: 32px; display: block; color: #553f2a; line-height: 27px; margin: 0 auto; color: #f0e4d5;}
.period2 li {width:31.3333%;margin:1%;text-align: center;font-size: 12px; overflow: visible;-webkit-box-flex: 1;}
.period2 li span { position: relative;  background: url(../tlimg/pre_img.png); background-size: 100% 3.35rem; overflow: hidden;}
.period2 li.pre span {display: block; width:1.8rem; font-size:18px; color: #741488; margin: 0 auto .25rem;}
.period2 li.pre em.tip { color: #fff; background: #e48f8f }
.period2 li.pre em.on {  color: #fff; background: #8ec193 }

/*塔罗 end*/