@charset "utf-8";
.center { text-align: center;}
.title{margin-top: 0.53rem; margin-bottom: 0.26rem; line-height: 1.06rem; text-align: center; font-weight: bold; font-size: 0.42rem; color: #333; background: url(/static/img/mobile/title.png) bottom center no-repeat;}
.title-info { margin-bottom: 0.26rem; font-size: 0.267rem; color: #999; text-align: center;}

.study-model .item{ float: left; margin-bottom: 0.18rem; margin-left: 0.4rem; width: 20%; height: 6.4rem; text-align: center; border-radius: 0.107rem; background: #fff;box-shadow:0 0.04rem 0.13rem #ccc;}
.study-model .item img{ margin-top: 0.6rem;  width: 0.9rem; height: 0.653rem;}
.study-model .item h2{ margin-top: 0.2rem; font-size: 0.32rem; color: #5a5a5a;}
.study-model .item em{  margin: 0.25rem 0 0.2rem 0; background: #f6706b; width: 0.56rem; height: 2px; display: inline-block;}
.study-model .item p{ padding:0 0.1rem; font-size: 0.24rem; color: #808080; line-height: 0.44rem;}


.shijian-content { margin: 0 0.4rem;}
.shijian-content .item{ margin-bottom: 0.2rem; background: #fff; box-shadow:0 0.04rem 0.13rem #d7e8fa; border-radius: 0.08rem;}
.shijian-content .item h2{ padding-left: 0.3rem; font-size:0.32rem; color: #fff; line-height: 0.8rem; height: 0.8rem; background: url(/static/img/mobile/itemTitBg.png) no-repeat; background-size: 100%}
.shijian-content .item-con{ padding: 0.267rem 0.4rem;}
.shijian-content .item-con p{ padding-left: 0.45rem;  line-height: 0.5rem; color: #999; background: url(/static/img/mobile/li.jpg) left center no-repeat; background-size: 0.24rem 0.213rem;}

.qcord { margin: 0 0.4rem; padding: 0.2rem 0 0.4rem; border-radius: 0.16rem; box-shadow:0.04rem 0.04rem 0.13rem #d7e8fa; }
.qcord-btn { margin-top: 0.4rem; float: left; margin-left: 0.8rem;}
.qcord-btn a{ margin-top: 0.2rem; display: table; font-size: 0.373rem; color: #999;}
.qcord-btn a.on{ color: #333; border-bottom:1px solid #00a2e5;}
.qcord-img {float: right; margin: 0.1rem 0.8rem 0 0;}
.qcord-img img{ width: 3.867rem; display: none;}
.qcord-img img.on{display: block;}


#swiperPraise {  margin-bottom: 0.4rem;}
#swiperPraise .swiper-slide{margin-bottom: 0.1rem; margin-top: 0.2rem; margin-left: 0.4rem; padding-bottom: 0.5rem; width: 3.72rem; border-radius: 2rem 2rem 0 0; background: #fff; box-shadow:0 0 0.13rem #ccc;}
#swiperPraise .swiper-slide img{ display: block; width: 2.8rem; margin: 0.4rem auto 0;}
#swiperPraise .swiper-slide p{ font-size: 0.22rem; color: #666;}
#swiperPraise .swiper-slide .name{ margin-left: 0.8rem; padding: 0.05rem 0.2rem; display: inline-block; margin-top: 0.3rem; text-align: center; font-size: 0.38rem; color: #ff4b4b; border-radius: 0.107rem; border: 1px solid #ff4b4b;}
#swiperPraise .swiper-slide .type{ margin-top: 0.3rem; text-align: center; color: #000;}
#swiperPraise .swiper-slide a{ margin-top: 1rem; padding: 0.25rem 0.4rem; color: #fff; font-size: 0.32rem; border-radius: 0.5rem; background: #415b90; border: 1px solid #415b90;}
.swiper-slide-btn { margin: 0.6rem 0; text-align: center;}
#swiperPraise .swiper-slide-on{ box-shadow:0.04rem 0.04rem 0.13rem #ccc; position: relative; top: -0.18rem; }
#swiperPraise .swiper-slide-on a{ background: #f00; border: 1px solid #f00;}
.praise-info { margin: 0.3rem; font-size: 0.32rem; color: #999;}