@import url(layout.css);

						
.index .tbox {height: 15.5rem;padding-top: .5rem;overflow:hidden;}
.index .tbox ul li{float:left;width:33.33%;text-align: center;color:#fff;font-size: 0.44rem;margin-bottom: 0.5rem;}
.index .tbox ul li em{ width:2.09rem; height:2.09rem; background: url(../images/pao.png); background-size: cover; dbackground:radial-gradient(rgba(255,255,255,.05),rgba(255,255,255,.5)); border-radius:100%; display:block; margin:0 auto; text-align: center; margin-bottom: 0.2rem;}
.index .tbox ul li em img{ width:1.77rem; height:1.77rem; margin-top: 0.16rem;}
.index .tbox ul li small {display: block;font-size: .26rem;opacity: .8;}

.view .tbox {margin: .3rem .5rem 0;width:9rem;text-align: center;color:#fff;padding-bottom: .5rem;}
.view .tbox .sx{background: rgb(0 0 0 / 50%);box-shadow: inset 0 0 0.5rem rgb(0 0 0 / 20%);border-radius: .3rem .3rem 0 0;padding: .5rem;}
.view .tbox .sx::after{ clear: both;content: " ";display: block;font-size: 0;height: 0;overflow: hidden;visibility: hidden;}
.view .tbox .sx .sx_l{float:left;text-align:left;color: rgb(255 255 255 / 85%);font-size: .3rem;width: 5rem;}
.view .tbox .sx .img {width: 2.2rem;height: 2.2rem;display:block;float: right;position:relative;}
.view .tbox .sx .img img{ width:100%; height:100%; position:relative;z-index:1}
.view .tbox .sx .img:after{content:'';position:absolute;width: 1.2rem;height: .2rem;background: rgb(255 255 255 / 20%);left: 50%;bottom: -.1rem;border-radius:100%;margin-left:-.6rem;}
.view .tbox .sx .sx_name {display: flex; align-items: center}
.view .tbox .sx .sx_name strong {display:inline-block;color: #ffffff;font-weight: bold;font-size: .7rem;}
.view .tbox .sx .sx_name strong i {float:right;background:url(../images/icon_change.png) no-repeat center;margin: 0.42rem 0 0 0.2rem;background-size:100%;width: 0.4rem;height: 0.4rem;display:inline-block;}
.view .tbox .sx .sx_name small {margin: .18rem 0 0 0.5rem;height: .7rem;display:inline-block;position: relative;font-size: .3rem;background: #cb4040;padding: 0 .55rem 0 .2rem;border-radius: .7rem;color: #fff;line-height: .7rem;}
.view .tbox .sx .sx_name small::after {position: absolute;content: '';top: .3rem;margin-left:.2rem;border: 0.15rem solid;border-color: #f8f8f8 transparent transparent;right: .15rem;}
.view .tbox .sx .sx_name small em {font-size: .4rem;min-width: 1px;margin-right: .1rem;vertical-align: bottom;}
.view .tbox .sel_cate{color: #76150e;font-size: .36rem;text-align: left;border-radius: 0 0 .3rem .3rem;overflow: hidden}
.view .tbox .sel_cate ul{background: linear-gradient(90deg, #000000, #2f2f2f, #313131, #2b2b2b ,#000000);padding-left: .3rem;}
.view .tbox .sel_cate ul li{display: inline-block;line-height: .8rem;padding: 0 .3rem;}
.view .tbox .sel_cate ul li.cur{background: linear-gradient(0deg, rgb(255 255 255 / 12%), rgb(255 255 255 / 31%));color: #fff;font-weight: bold;}
.view .tbox .sel_cate ul li.cur a{display: inline-block;color: #fff;}
.view .tbox .sel_cate .cate2{background:rgba(255,255,255,.2);padding:.2rem .2rem;font-size:.3rem;white-space: nowrap;overflow-x: auto;}
.view .tbox .sel_cate .cate2 a{color:#fff;padding:0 .18rem;display: inline-block; opacity: .7;}
.view .tbox .sel_cate .cate2 a.cur{ opacity: 1; position: relative; font-weight: bold;}
.view .tbox .sel_cate .cate2 a.cur::after{content: '';position: absolute;width: .5rem;height: .05rem;background: #fff;border-radius: .5rem;left: 50%;bottom: -.2rem;transform: translate(-50%,0);}
.view .tbox .des{background: rgb(255 255 255 / 20%);color: #ffffff;font-size:.36rem;line-height:.7rem;width:6rem;margin:.3rem auto 0;border-radius:.8rem;}
.view .tbox .fe_box{display: flex; margin-top:.3rem; justify-content: space-between; align-items: center;}
.view .tbox .fe_box .fe_l strong{font-size:1.4rem;display:inline-block; vertical-align:middle; margin-right:.2rem;}
.view .tbox .fe_box .fe_l span{display:inline-block; text-align:left; vertical-align:middle; margin-top:0;}
.view .tbox .fe_box .fe_l span i{margin: .1rem 0 0;display:block;font-size:.26rem;line-height: .5rem;background: #ffce6040;color:#ff9b23;width: 1.3rem;border-radius:.1rem;text-align:center;font-weight:normal;padding: 0 .1rem;}
.view .m_star, .view .m_star em{ background-size:.6rem auto; height:.6rem; width:3rem; }
.view .m_star em{ background-position: 0 -0.6rem;}

.view .tbox .fe_box .fe_r{ font-size:.26rem;}
.view .tbox .fe_box .fe_r li{margin: .15rem 0;}
.view .tbox .fe_box .fe_r li em{background: rgb(255 255 255 / 20%);vertical-align:middle;height:.28rem;width:2.5rem;border-radius:.28rem;display:inline-block;}
.view .tbox .fe_box .fe_r li em.progress{ margin-left:.2rem;}
.view .tbox .fe_box .fe_r li em em{ width:auto; float: left; background: linear-gradient(0deg, #ffb061, #fed487); box-shadow: 0 0 .2rem rgba(0,0,0,.1);}

.view .tbox .fe_info{background: rgb(255 255 255 / 10%);box-shadow: inset 0 0 0.5rem rgb(255 255 255 / 10%);font-size: 0;margin-top: .3rem;border-radius: .3rem;padding: .3rem 0;}
.view .tbox .fe_info ul li{ font-size: .45rem; display: inline-block; width: 33.33%; color: #fff; margin: .3rem 0;}
.view .tbox .fe_info ul li label{ font-size: .3rem; opacity: .6; display: block; margin-top: .2rem;}

.view .tbox .fe_yj{display: flex; margin-top:.3rem; justify-content: space-between; align-items: center;}
.view .tbox .fe_yj span{background: rgb(255 255 255 / 15%);font-weight:normal;width:4.3rem;height:.8rem;border-radius:.8rem;line-height:.8rem;margin:0;text-align:left;}
.view .tbox .fe_yj span i{display:inline-block;width:.6rem;height:.6rem;float:left;margin:.1rem .1rem 0;font-size:.36rem;line-height:.6rem;text-align:center;background: #631110;color: #ff8585;border-radius:100%;}
.view .tbox .fe_yj span.fe_ji i{background: #543100;color:#ffc678;}

.view .tbox h1{display:inline-block;font-size: 0.73rem;font-weight: normal;letter-spacing:2px;text-indent:2px;}
.sx ul li a{color: #fff;}
.view .tbox h1 i { float:right; background:url(../images/arrow4.png) no-repeat center; opacity:0.4; margin:0.25rem 0 0 0.2rem; background-size:100%; width:0.5rem; height:0.5rem; display:inline-block; margin-right: -0.7rem;}
.view .tbox span{font-size: 0.36rem;display:block;margin: 0.25rem 0 0.1rem;font-weight: 600;}
.view .tbox .unfold{font-size: 0.36rem;margin-top: 0.2rem;position: relative;z-index: 1;display: none;}
.view .tbox .unfold strong{ font-weight: normal;}
.view .tbox .unfold small{ background: url(../images/arrow_more3.png) no-repeat center 50%; background-size: .35rem auto; display: block; margin: 0 auto; width: .6rem; height: .6rem; overflow: hidden; border-radius: 100%; }
.view .tbox .unfold.on small{transform:rotate(180deg)}

.view .tbox em.m_star{}
.m_star, .m_star em{ width:4rem; height:0.8rem; background-size: 0.8rem auto;}
.m_star_ap, .view .m_star_ap em {background-image: url(../images/icon_star_sx.png);}
.m_star em{ background-position: 0 -0.8rem;}

.month{position: relative; height:0; overflow: hidden; margin-top: 0.3rem;}
.month .month_tab{ overflow:initial;}
.month .month_tab ul{ width:156.23rem;}
.month .month_tab ul li{ float:left; width:1.66rem; height: 1.5rem; text-align:center; color:#999; font-size: 0.36rem;}
.month .month_tab ul li em{display:block; background:url(../images/pdBG.png); background-size: cover; color: #e39393; overflow:hidden;border-radius:100%;width:1.2rem; height: 1.2rem;font-size: .38rem; line-height: 1.2rem;margin:0 auto;}
.month .month_tab ul li.cur em {color:#fff; font-size:0.38rem; font-weight:normal; background: transparent }
.month .month_tab ul li.cur{ position:relative; background:url(../images/month_cur.png) no-repeat center 0;background-size: 1.2rem auto; }

.month .month_cont{ border-radius: 8px; padding:0 0.2rem 0.4rem; color:#5a4e4e; font-size: 0.41rem; line-height: 0.9rem;}
.month .month_cont .ldate { background: #f6d5d4; color: #c83d3d; border-radius: .2rem; padding: 0 .2rem; margin-bottom: .2rem; text-align: center }
.month .month_cont ul{ dborder-bottom: 1px solid #fee6e5; padding-bottom: 0.31rem; dmargin-bottom: 0.31rem;}
.month .month_cont p{ text-indent: 2em; }
.month span{ color:#e39393; overflow: hidden; text-align: center; font-size: 0.32rem; display: block; margin-bottom: .3rem }


.montcbox{width: 100%; position:relative; overflow:hidden;}
.montcbox .swiper-slide {width:9.5rem;}
.montcbox .swiper-slide .m-cont { background: -webkit-gradient(linear, 0% 60%, 0% 0%, from(rgba(255, 255, 255, 0)), to(#ffebeb)); border-radius: 0.3rem;}
.montcbox .swiper-slide .m-cont h2 { text-align: center; font-size: .45rem; color: #c83d3d; padding-top: .3rem}
.montcbox .swiper-slide .m-cont ul { border-bottom: solid 1px #fee6e5; padding: .3rem 0 .2rem; margin: 0 .5rem }
.montcbox .swiper-slide .m-cont ul li { min-width: 50%; float: left; font-size: .375rem; line-height: .7rem }
.montcbox .swiper-slide .m-cont ul li label { color: #999; font-size: .35rem }
.montcbox .swiper-slide .m-cont ul li:nth-child(2n) { text-align: right } 
.month_tc p {line-height:.74rem; font-size:0.4rem; text-indent: 2em; text-align: justify; padding:0.35rem 0.5rem 0;}
.month_tc a{ display: block;padding-top:.35rem;color: #3e9be2; text-align: center;}
.fold{ width:100%; max-width: 10rem; position:absolute; bottom:0; z-index: 9999; display: none; text-align: center; color: #e39393; font-size: 0.36rem; padding:0.25rem 0;}
.fold:before ,.fold:after{ position:absolute; height:0.03rem; width:3.5rem; background:#ffeded; left: .375rem; bottom:0.45rem; content:'';}
.fold:after{ right:.375rem; left:auto;}
.fold small{background:#ffeded url(../images/sx_arrow2.png) no-repeat center 0.14rem; background-size: 0.2rem 0.1rem; width:0.4rem; height:0.4rem; display:inline-block; margin-left: 0.1rem; border-radius: 100%; vertical-align: middle;}

.outer {overflow:hidden;border-top: 1px solid #eee;padding-top: 0.4rem;}
.other_cont{ margin:0 0.3rem; line-height:0.9rem;color:#777;}
.other_cont img{ max-width:100%; height:auto; display:block; margin: 0 auto;}
.other_cont a{ color: #5a96d2; }
.cont {clear: both;line-height:0.9rem;margin: .2rem .32rem .35rem;background: rgba(255,255,255,.1);border-radius: .3rem;padding-top: .2rem;}
.cont h2{font-size:0.52rem;line-height: 0.5rem;padding: .375rem 0 .35rem;text-align: center;}
.cont h2 i {width: .1rem;height: 1rem;margin-right: .2rem;margin-bottom: -.5rem;background: #cd4242;display: inline-block;display: none;}
.cont h2 small {font-size: .325rem;display: block;font-weight: 400;margin-right: .1rem;margin-bottom: -1.1rem;opacity: .6;}
.cont h2 strong { display: inline-block }
.cont .con {
	overflow: hidden;
	opacity: .8;
}
.cont p,.other_cont p { margin:0.4rem .5rem 0.5rem; text-indent: .852rem;text-align: justify;}
.cont a,.other_cont a { color: #5a96d2; }
.cont a i,.other_cont a i { display: inline-block; background: url(../images/ico_buy.png); width: .37rem; height: .37rem; background-size: cover; margin: 0 .1rem }
.cont .cont_min{ margin-bottom: 0.3rem; margin-top: -0.45rem; text-align: justify; color:#888; font-size: 0.4rem; background:#f8f8f8; padding:0.3rem 0.5rem; width:10rem; box-sizing:border-box;}
.cont .cont_min strong{ color:#f59324;}
.cont .showall {
	text-align: center;background: linear-gradient(to bottom , rgba(255,255,255,0) , #fff 50%); margin-top: -1.7rem; line-height: .7rem; height: .7rem; padding-top: 1rem; z-index: 3; position: relative;
}
.cont .showall small {
	display: inline-block; background: #f9bdbd; font-size: .34rem; color: #fff; border-radius: 1rem; padding: 0 .3rem; position: relative; padding-right: .8rem;
}
.cont .showall small:after {
	content: ''; position: absolute; display: block; width: .34rem; height: .34rem; background: url(../images/arrow_more3.png) no-repeat; background-size: contain;  bottom: .12rem; right: .3rem;
}

.teles { text-align: center; display:none; color:#ff9c00; font-size: 0.38rem; background: linear-gradient(to bottom , rgba(255,255,255,0) , #fff 60%); height: 1.2rem; position: relative; margin-top: -2rem; padding-top: 2.5rem;}
.teles i { display: inline-block; padding-bottom:0.3rem; }
.teles i small { display: block; width: .5rem; height: .5rem; border-radius: 1rem; margin: .1rem auto; background: #ffbf5b url(../images/arrow_down.png) no-repeat center 50% ; background-size:0.3rem auto;}

.month .none{display: none}
.month .monthbox{overflow: hidden;height: 8rem;}

.selbox_icon .title span {
    background-image: url(../images/sel_sx.png);
}
.selbox_icon ul li em {
    background: #fddbd7;
}


.ad_mll{background:linear-gradient(180deg, #fff4f4, #ffeaea);border-radius: .15rem;position:relative;margin:.3rem .4rem .3rem 1.2rem;padding:.2rem .3rem .2rem 1.4rem;display: none;}
.ad_mll a{ display:block;}
.ad_mll img{ position:absolute; width:1.8rem; height:2.5rem; left:-.8rem; bottom:0;}
.ad_mll h3{ font-size:.38rem; color:#cd0018; margin-bottom:.2rem}
.ad_mll p{ font-size:.3rem; line-height:.5rem;}
.ad_mll em{ font-size:.3rem; color:#b60015; position: relative; white-space: nowrap;}
.ad_mll em:after{ content:''; position:absolute; bottom:.06rem; right:-.35rem; border: 0.1rem solid; border-color: transparent transparent transparent #b60015;}