* {
    margin: 0;
    padding: 0;
    font-family: -apple-system,Helvetica,'Microsoft YaHei',arial,sans-serif;
    font-weight: normal;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 390px){html{font-size: 52px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;} }
@media (min-width: 750px){html{font-size: 100px;} }

body {
    background-color: #f5f5f5;
    color: #2c2c2c;
    font-size: 0.32rem;
    -ms-text-size-adjust: 100% !important;
    -webkit-text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}
a {
    display: inline-block;
    color: #2c2c2c;
    -webkit-backface-visibility: hidden;
    text-decoration: none;
}
li{
    list-style: none
}
video,img{
   max-width:100% 
}
input,
button {
    outline: none;
    border: 0;
    font-weight: normal;
    vertical-align: baseline;
}
.flexbox {
    display: flex;
}
.flexWrap {
    display: flex;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}
.flexCenter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.container {
    background-color: #ffffff;
    margin-top: .3rem;
    padding: 0 .4rem;
}
.container-top {
    margin-top: 0;
}
.tabHref {
    display: none;
}
.tabHref.active {
    display: block;
}
header,
#heads {
    position: -webkit-sticky; 
    position: sticky;
    top: 0;
    z-index: 99;
    font-weight: 500;
}
header,
.jdt-box,
.index-jdt,
.index-tjnav {
    background-color: #fff;
}
/* ͷ�� */
header .down-head {
    padding: .29rem .34rem .2rem .38rem;
}
.sprite{
    background: url("../image/down_m_icons1.png") no-repeat;
    background-size: 5rem;
}
header .logo{
    width: 2.47rem;
    height: 0.62rem;
    display: inline-block;
    background: url("../image/down_m_logo.png") no-repeat;
    background-size: 2.47rem;
}
header .search-box:after {
    content: "";
    width: 0.35rem;
    height: 0.35rem;
    position: absolute;
    top: 0.12rem;
    right: 0.2rem;
    background: url("../image/down_m_icons1.png") no-repeat;
    background-size: 5rem;
    background-position: -0.08rem -0.04rem;
}
header .catalogue {
    width: 0.43rem;
    height: 0.38rem;
    display: inline-block;
    background-position: -0.52rem -0.04rem;
    margin-top: 0.13rem;
}
header .search-box{
    width: 3.32rem;
    height: .6rem;
    position: relative;
    margin: 0 .22rem 0 .3rem;
}
header .search-box .search-txt{
   background: #f1f1f1;
   line-height: .62rem;
   font-size: .32rem;
   padding-left: .28rem;
   color: #bdbdbd;
   border-radius: .5rem;
   box-sizing: border-box;
   width: 100%;
} 
header .search_box .search-txt:focus{
    color: #000; 
}
/* Ŀ¼���� */
.catalogue-box {
    position: absolute;
    top: 1.91rem;
    background: #f5f5f5;
    z-index: 100;
    width: 100%;
    overflow-y: auto;
    left: 0;
    display: none;
    box-shadow: 0rem 0rem.1rem #5c5c5c;
}
.catalogue-tjnav {
    padding: .25rem .3rem !important;
}
.catalogue-item:last-child {
    padding-bottom: .4rem;
}
.collectionsList li {
    padding-bottom: .2rem;
}
.collectionsList li a {
    width: 2.14rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    margin-right: .12rem;
    color: #fff;
    font-size: .28rem;
    border-radius: .3rem;
    background-color: #55bdf0;
}
.collectionsList li:nth-child(3n) a {
    margin-right: 0;
}
.collectionsList li:nth-child(1) a {
    background-color: #00c5a9;
}
.collectionsList li:nth-child(3) a {
    background-color: #de6acf;
}
.collectionsList li:nth-child(5) a {
    background-color: #89d042;
}
.collectionsList li:nth-child(6) a {
    background-color: #ff6c6c;
}
.collectionsList li:nth-child(7) a {
    background-color: #ff8e4f;
}
.collectionsList li:nth-child(8) a {
    background-color: #ffc64b;
}
/* ������ */
nav {
    width: 100%;
    height: .8rem;
    background-color: #2993ff;
    padding: 0 .1rem;
    font-size: 0;
    box-sizing: border-box;
    display: flex;
}
nav a {
    /* width: 1.2rem; */
    margin: 0 5px;
    display: inline-block;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    font-size: .32rem;
    color: #ffffff;
}
nav a.active {
    width: 1.28rem;
    font-size: .34rem;
    font-weight: bold;
    background-color: #126cfa;
}

/* ��ҳ�����ֲ�ͼ */
.jdt-box {
    padding: 0.3rem 0 0.25rem 0.3rem; 
    box-sizing: border-box;
    /* overflow: hidden; */
}
.index-jdt {
    width: 100%;
    /* padding: 0.3rem 0 0.25rem 0.3rem;  */
    box-sizing: border-box;
    overflow: hidden;
}
.index-jdt img { 
    width: 6.4rem;
    height: 3.2rem;
    border: .01rem solid #e7e7e7;
    box-sizing: border-box;
    border-radius: .1rem;
}
.index-jdt .swiper-slide {
    /* width: 6.4rem; */
    width: 88%;
    margin-right: .3rem;
}
.index-jdt  .swiper-slide.swiper-slide-prev {
    margin-right: .15rem;
}

/* �Ƽ����� */
.index-tjnav{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    padding: 0 .25rem .3rem;
}
.index-tjnav li{
    width: 25%;
    text-align: center;
    font-size: .32rem;
}
.index-tjnav li img{
    width: 1.1rem;
}
.index-tjnav li figure,
.index-tjnav li figure img {
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
}
.index-tjnav li span.icon1{
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    background-position: -0.08rem -1.28rem;
}
.index-tjnav li span.icon2{
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    background-position: -1.31rem -1.28rem;
}
.index-tjnav li span.icon3{
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    background-position: -2.54rem -1.28rem;
}
.index-tjnav li span.icon4{
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    background-position: -3.77rem -1.28rem;
}

/* ��ѡapp */
.app-nav {
    padding: .3rem 0 .1rem;
    text-align: center;
}
.app-nav-item {
    color: #787878;
    padding: 0 .18rem;
    font-size: .32rem;
    position: relative;
}
.app-nav-item:first-child {
    padding: 0 .18rem 0 0;
}
.app-nav-item:last-child {
    padding: 0 0 0 .18rem;
}
.app-nav-item.active {
    color: #2993ff;
    font-size: .36rem;
}
.app-nav-item:after {
    content: '';
    width: .02rem;
    height: .2rem;
    background-color: #2993ff;
    position: absolute;
    right: -0.04rem;
    top: 55%;
    transform: translate(0, -50%);
}
.app-nav-item:last-child::after {
    content: '';
    width: 0;
}
.appChoiceList li {
    padding: .3rem 0;
    border-bottom: .01rem solid #eeeeee;
}
.appChoiceList li:last-child {
    border-bottom: 0;
    padding: 0.3rem 0 0.4rem;
}
.appChoiceItem {
    justify-content: space-between;
    align-items: center;
}
.appChoiceItem figure {
    width: 1.1rem;
    height: 1.1rem;
}
.appChoiceItem figure img {
    width: 1.1rem;
}
.appChoiceItem .appChoiceItem-detail {
    flex: 1;
    padding-left: .18rem;
    color: #787878;
    font-size: .22rem;
}
.appChoiceItem .appChoiceItem-detail h3 {
    font-size: .34rem;
    color: #2c2c2c;
}
.appChoiceItem .appChoiceItem-detail p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.appChoiceItem .appChoiceItem-grade {
    line-height: 0;
    padding: .1rem 0;
}
.appChoiceItem .appChoiceItem-grade>i {
    display: inline-block;
    background: url("../image/star.png") no-repeat;
    background-size: .22rem;
    width: .22rem;
    height: .22rem;
}
.appChoiceItem .appChoiceItem-grade>span {
    font-size: .24rem;
    padding-left: .05rem;
}
.btn-down {
    width: 1.16rem;
    height: 0.5rem;
    background: linear-gradient(to right,#00c853,#00b84c);
    text-align: center;
    line-height: .5rem;
    font-size: .24rem;
    color: #fff;
    border-radius: .25rem;
}
.selected ul,
.appHot ul {
    display: none;
}
.selected ul.active {
    display: block;
}
.appHot ul.active {
    display: flex;
}
/* ����֮ѡ */
.category-title {
    font-size: .4rem;
    color: #2993ff;
    padding: .35rem 0;
}
.appList.chooseList {
    padding-bottom: .1rem;
}
.appList li {
    color: #5c5c5c;
    font-size: .26rem;
    text-align: center;
    margin-right: .49rem;
    margin-bottom: .3rem;
    /* flex: 1; */
}
.appList li figure {
    margin: 0 auto;
}
.appList li p {
    white-space: nowrap;
    color: #5c5c5c;
    padding: .1rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 1.3rem;
}
.chooseList li:nth-child(4n),
.mustList li:nth-child(4n) {
    margin-right: 0;
}
.chooseList li figure {
    width: 1.2rem;
    height: 1.2rem;
}
.chooseList li figure img {
    width: 1.2rem;
}

/* 24Сʱ�������� */
.hotList {
    padding-bottom: .2rem;
}
.hotList li a {
    background: #f5f5f5;
    line-height: .6rem;
    height: 0.6rem;
    padding: 0 0.32rem;
    /* min-width: 1.5rem; */
    text-align: center;
    display: inline-block;
    margin: 0 0.2rem 0.2rem 0;
    box-sizing: border-box;
    border-radius: 0.5rem;
    font-size: .28rem;
    color: #5c5c5c;
}
.hotList li a.hotItem {
    background: #ffebeb;
    position: relative;
    padding: 0 0.32rem 0 0.6rem;
}
.hotList li a.hotItem::before {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.27rem;
    background: url("../image/down_m_icons1.png") no-repeat;
    background-size: 5rem;
    background-position: -1.04rem -0.04rem;
    /* margin: 0 0.06rem; */
    position: absolute;
    left: 0.32rem;
    top: 0.15rem;
}

/* ���ֺ���Ϸ */
.game-container {
    padding: 0 0 0 0.4rem;
}
.gameList {
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    padding-bottom: .1rem;
}
.gameList::-webkit-scrollbar {
    display: none;
}
.gameList li figure {
    width: 1.16rem;
    height: 1.16rem;
}
.gameList li figure img {
    width: 1.16rem;
}
/* Ӧ�ð�/���ΰ� */
.appRankingList .appChoiceItem>span {
    font-size: .32rem;
    padding-right: .3rem;
    font-weight: bold;
    color: #5f5f5f;
}
.appRankingList li:first-child .appChoiceItem>span {
    color: #f2c547;
}
.appRankingList li:nth-child(2) .appChoiceItem>span {
    color: #a5a5a7;
}
.appRankingList li:nth-child(3) .appChoiceItem>span {
    color: #ee8261;
}
.btn-rankingALL {
    padding: .1rem 0 .2rem;
    text-align: center;
}
.btn-rankingALL a,
.btn-rankingALL span.mores {
    display: inline-block;
    min-width: 3.5rem;
    height: .66rem;
    line-height: .66rem;
    text-align: center;
    border-radius: .34rem;
    border: .01rem solid #2993ff;
    color: #2993ff;
}
.btn-rankingALLBtm {
    padding: 0 0 .4rem;
}

/* ���źϼ� */
.category-box {
    padding: 0.35rem 0;
}
.category-box .category-title {
    padding: 0;
}
.category-box .btn-categoryMore {
    display: inline-block;
    color: #2993ff;
    text-align: center;
    font-size: .22rem;
    height: .4rem;
    line-height: .4rem;
    width: .98rem;
    border-radius: .2rem;
    border: .01rem solid #2993ff;
    box-sizing: border-box;
}
.hot-collections {
    font-size: .26rem;
    text-align: center;
    padding-bottom: .1rem;
    justify-content: space-between;
}
.hot-collections a {
    color: #5c5c5c;
}
.hot-collections li {
    padding-bottom: .3rem;
    width: 49%;
}
.hot-collections img {
    width: 3.24rem;
    height: 1.62rem;
    border: .01rem solid #e7e7e7;
    border-radius: .1rem;
}

/* ���½̳� */
.courseList {
    padding-bottom: .1rem;
}
.courseList li .courseItem {
    justify-content: space-between;
    color: #787878;
    padding: .3rem 0;
    border-bottom: .01rem solid #eeeeee;
}
.courseList.active li:first-child .courseItem{
    padding: .3rem 0;
}
.courseList li:first-child .courseItem {
    padding: .05rem 0 .3rem;
}
.courseList li:last-child .courseItem{
    border-bottom: 0;
}
.courseList li .courseItem figure {
    width: 2.24rem;
    height: 1.69rem;
    border-radius: .1rem;
    box-sizing: border-box;
    border: .01rem solid #e7e7e7;
}
.courseList li .courseItem figure img {
    width: 2.25rem;
    border-radius: .1rem;
}
.courseList li .courseItem-right {
    flex: 1;
    padding-left: .3rem;
    width: calc(100% - 2.24rem);
    box-sizing: border-box;
}
.courseList li .courseItem-right h3 {
    font-size: .3rem;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #2c2c2c;
}
.courseList li .courseItem-right p {
    font-size: .24rem;
    line-height: .4rem;
    padding: .15rem 0 .06rem;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.courseList li .courseItem-right span {
    font-size: .22rem;
    padding-right: .24rem;
}

/* ���ŷ��� */
.sortList {
    flex-wrap: wrap;
}
.sortList li {
    width: 25%;
    text-align: center;
    margin-bottom: 0.38rem;
}
.sortList li:nth-child(4n) {
    margin-right: 0;
}
.sortList li figure {
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 auto .12rem;
}
.sortList li figure img {
    width: 1.1rem;
}
.sortList li i.sortIcon {
    width: 1.1rem;
    height: 1.1rem;
    background: url("../image/m_sort_icons.png") no-repeat;
    background-size: 5rem;
    display: inline-block;
    margin: 0 auto .12rem;
}
.sortList li i.icon_bgsw{
    background-position: -0.05rem -0.08rem;
}
.sortList li i.icon_jkyd{
    background-position: -1.25rem -0.08rem;
}
.sortList li i.icon_jrlc{
    background-position: -2.44rem -0.08rem;
}
.sortList li i.icon_ksxx{
    background-position: -3.64rem -0.08rem;
}

.sortList li i.icon_lycx{
    background-position: -0.05rem -1.32rem;
}
.sortList li i.icon_sytx{
    background-position: -1.25rem -1.32rem;
}
.sortList li i.icon_shyx{
    background-position: -2.44rem -1.32rem;
}
.sortList li i.icon_sjmh{
    background-position: -3.64rem -1.32rem;
}

.sortList li i.icon_txsj {
    background-position: -0.05rem -2.56rem;
}
.sortList li i.icon_wsgw {
    background-position: -1.25rem -2.56rem;
}
.sortList li i.icon_xtgj {
    background-position: -2.44rem -2.56rem;
}
.sortList li i.icon_xwyd {
    background-position: -3.64rem -2.56rem;
}

.sortList li i.icon_yybf {
    background-position: -0.05rem -3.8rem;
}
.sortList li i.icon_yeqz {
    background-position: -1.25rem -3.8rem;
}

.sortList li i.icon_dzmx{
    background-position: -0.05rem -5.04rem;
}
.sortList li i.icon_fxsj{
    background-position: -1.25rem -5.04rem;
}
.sortList li i.icon_jsby{
    background-position: -2.44rem -5.04rem;
}
.sortList li i.icon_jycl{
    background-position: -3.64rem -5.04rem;
}

.sortList li i.icon_pkjs{
    background-position: -0.05rem -6.28rem;
}
.sortList li i.icon_pkqp{
    background-position: -1.25rem -6.28rem;
}
.sortList li i.icon_sygj{
    background-position: -2.44rem -6.28rem;
}
.sortList li i.icon_txjj{
    background-position: -3.64rem -6.28rem;
}

.sortList li i.icon_wlsy{
    background-position: -0.05rem -7.52rem;
}
.sortList li i.icon_xxyz{
    background-position: -1.25rem -7.52rem;
}

/* .sortList li i.icon_yybf{
    background-position: -0.05rem -3.8rem;
} */

/* ��װapp */
.mustList {
    padding-top: .3rem;
}
.mustList figure {
    width: 1.2rem;
    height: 1.2rem;
}
.mustList figure img {
    width: 1.2rem;
}
.appHot {
    padding-bottom: .2rem;
}
.appHot-btm {
    padding-bottom: 0;
}

/* �ر�ҳ�� */
.category-content {
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: .35rem .2rem;
}
.category-content h2 {
    color: #2993ff;
    font-size: .4rem;
    padding: 0 .2rem;
}
.category-content .left-line,
.category-content .right-line {
    width: .5rem;
    height: .03rem;
    border-radius: .03rem;
    background: #2993ff;
    position: relative;
    z-index: 1;
}
/* װ�˶�˵�� */
.appGoodBox {
    margin-top: -0.15rem;
}
.appGood-item {
    box-sizing: border-box;
    border: .01rem solid #e1e1e1;
    border-radius: .1rem;
    overflow: hidden;
}
.appGood-item>figure {
    width: 6.7rem;
    height: 3.34rem;
}
.appGood-item>figure>img {
    width: 6.7rem;
}
.appGood-item .appChoiceItem {
    padding: .4rem .2rem .2rem;
    line-height: 1;
}
.appGood-item .appChoiceItem figure {
    width: 1rem;
    height: 1rem;
}
.appGood-item .appChoiceItem figure img {
    width: 1rem;
}
.appGood-item .appChoiceItem p {
    padding-top: .2rem;
}
/* Ӧ�ð� */
.category-bom {
    padding: .35rem 0 0;
}

/* ����ҳ */
.icon-bottom {
    display: block;
    margin: .12rem auto 0;
    width: .42rem;
    height: .18rem;
    background-position: -1.33rem -0.04rem;
}

/* ����ҳ */
.haow-container {
    padding-bottom: .4rem;
}
.appSecond-box {
    box-sizing: border-box;
    border: .01rem solid #e1e1e1;
    border-radius: .1rem;
    overflow: hidden;
}
.appSecond-box>figure,
.appSecond-box>figure img {
    width: 6.68rem;
    height: 3.34rem;
}
.appChoiceItem.appSecondItem h3 {
    padding-bottom: .12rem;
}
.appChoiceItem.appSecondItem {
    padding: 0.4rem 0.2rem 0.2rem;
    line-height: 1;
}
.appChoiceItem.appSecondItem p {
    line-height: .3rem;
    padding-top: 0;
    max-width: 3.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.appChoiceItem.appSecondItem p span {
    font-size: .22rem;
    position: relative;
}
.appChoiceItem.appSecondItem p span:first-child {
    padding-right: .3rem;
}
.appChoiceItem.appSecondItem p span:first-child::after {
    content: "";
    width: .02rem;
    height: .2rem;
    background-color: #e5e5e5;
    position: absolute;
    right: .15rem;
    top: 50%;
    transform: translate(0,-50%);
}
.haow-gameChoiceList .appChoiceItem.appSecondItem {
    padding: 0;
}
.haow-gameList li {
    margin-bottom: 0;
}

/* Ӧ��ҳ�� */
.yingy-container {
    padding: .3rem .4rem .15rem;
    position: relative;
}
.yingy-container .list-top {
    display: none;
}
.yingy {
    overflow: hidden;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -0.12rem !important; 
}
.yingy .swiper-pagination-bullet {
    width: .4rem;
    height: .05rem;
    border-radius: .05rem;
}

/* Ӧ���б�ҳ */
/* .appSecond-list {
    display: none;
}
.appSecond-list.active {
    display: block;
} */
.appSecond-list li {
    border-bottom: .01rem solid #eeeeee;
}
.appSecond-list li:last-child  {
    border-bottom: 0;
}
.navigation {
    padding: .35rem 0;
    align-items: center;
}
.navigation-btm {
    padding: .35rem 0 0;
}
.navigation .map-icons {
    display: inline-block;
    width: .27rem;
    height: .34rem;
    background-position: -1.85rem -0.04rem;
    margin-right: .1rem;
}
.navigation a,
.navigation span {
    margin: 0 .1rem;
    /* font-size: .28rem; */
}
.navigation a:last-child,
.navigation span {
    color: #2993ff;
	width: 2.6rem;
}
.yingy-container .yingyNavBox {
    display: none;
}
.yingyNavBox {
    padding-left: .3rem;
    background-color: #fff;
}
.yingyNav {
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    padding-bottom: 0.2rem;
    box-sizing: border-box;
}
.yingyNav.jiaocNav {
	padding: 0.3rem 0 0;
}
	
.yingyNav::-webkit-scrollbar {
    display: none;
} 
.yingyNav a {
    flex-shrink: 0;
    text-align: center;
    width: 1.7rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .28rem;
    background-color: #efefef;
    border-radius: .3rem;
    margin-right: .2rem;
}
.yingyNav a.active {
    color: #2993ff;
    background-color: #e1edfa;
}
.category-use-box {
    align-items: flex-end;
    line-height: 1;
    padding-top: .2rem;
}
.category-use-box .category-title {
    padding: 0;
}
.category-use-box p {
    font-size: .26rem;
    flex: 1;
    padding-left: .25rem;
}
.category-use-box p span {
    color: #2993ff;
}
.category-nav-item {
    color: #787878;
    padding: 0 .1rem;
    position: relative;
    font-size: .3rem;
}
.category-nav-item:first-child {
    padding: 0 .1rem 0 0;
}
.category-nav-item:last-child {
    padding: 0 0 0 .1rem;
}
.category-nav-item.active {
    color: #2993ff;
}
.category-nav-item:after {
    content: '';
    width: .02rem;
    height: .2rem;
    background-color: #2993ff;
    position: absolute;
    right: -0.05rem;
    top: 55%;
    transform: translate(0, -50%);
}
.category-nav-item:last-child::after {
    content: '';
    width: 0;
}
/* ��ҳ */
.pages {
    justify-content: center;
    align-items: center;
    font-size: .3rem;
    padding: .1rem 0 .4rem;
}
.pages a {
    color: #2993ff;
    padding: 0 .3rem;
    position: relative;
}
.pages a.disable {
    color: #9d9d9d;
}
.pages a::after {
    content: "";
    position: absolute;
    width: .02rem;
    height: .2rem;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    background-color: #e5e5e5;
}
.pages a:last-child:after {
    width: 0;
}
/* ��ѡ��־ */
.elaborate-con {
    position: relative;
}
.elaborateList {
    padding: .48rem 0 .1rem;
}
.elaborateList li {
    position: relative;
}
.elaborate-icon {
    display: block;
    position: absolute;
    top: -0.28rem;
    left: -0.2rem;
    width: .92rem;
    height: .92rem;
    background-position: -3.13rem -0.04rem;
    z-index: 9;
}
.elaborate-con {
    position: relative;
}
.elaborate-icon-new {
    top: 0.2rem;
    left: 0.2rem;
}

/* �ܰ�ҳ�� */
.allist-tab {
    padding: .4rem 0 .05rem;
}
.allist-tab a {
    display: inline-block;
    text-align: center;
    width: 2.1rem;
    height: .7rem;
    line-height: .7rem;
    border-radius: .35rem;
    background-color: #efefef;
    color: #787878;
}
.allist-tab a.active {
    color: #f0b101;
    background-color: #f9f1db;
}

/* app��ͼ */
.mapBox:last-child {
    padding-bottom: .2rem;
}
.category-map-content {
    padding: .4rem .2rem 0;
}
.mapList {
    flex-wrap: wrap;
}
.mapList li {
    /* flex: 1; */
    padding-right: .2rem;
    padding-bottom: .2rem;
}
.mapList-two li:nth-child(4n) {
    padding-right: 0;
}
.mapList li a {
    width: 1.52rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .28rem;
    color: #5c5c5c;
    background-color: #f5f5f5;
    border-radius: .3rem;
}
.mapList-four li a {
    width: 2.1rem;
}
.mapList-four li:nth-child(3n) {
    padding-right: 0;
}

/* �ϼ�ҳ�� */
.collection-tab,
.course-tab {
    padding: .3rem 0;
}
.collection .tabHref {
    display: none;
}
.collection .tabHref.active {
    display: block;
}
.collectionSell {
    padding-bottom: .2rem;
}

/* �ϼ�����ҳ */
.cln-detail figure {
    width: 3.8rem;
    height: 1.9rem;
    border: .01rem solid #e7e7e7;
    box-sizing: border-box;
    border-radius: .1rem;
}
.cln-detail figure img {
    width: 3.8rem;
}
.cln-detailRight {
    padding-left: .2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.cln-detailRight h1 {
    font-size: .34rem;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.cln-detailRight p {
    color: #787878;
    font-size: .22rem;
    line-height: 1.8;
}
.cln-detailRight p.app-num {
    font-size: .26rem;
    /* padding: .2rem 0; */
}
.cln-detailRight p.app-num span {
    color: #2993ff;
}
.soft-info {
    color: #787878;
    font-size: .24rem;
    line-height: .44rem;
    background-color: #f5f5f5;
    padding: .22rem .28rem;
    box-sizing: border-box;
    border-radius: .1rem;
    margin-top: .3rem;
    text-align: justify;
}

.btn-rankingALLSort a {
    padding: 0 0.35rem;
    min-width: 3.26rem;
    height: 0.66rem;
    line-height: .66rem;
    text-align: center;
    border-radius: 0.34rem;
    border: 0.01rem solid #2993ff;
    color: #2993ff;
    display: inline-block;
}

/* ���� */
.replyBox input,
.replyBox textarea {
    background-color: rgb(245, 245, 250);
    border-radius: 0.1rem;
    padding-left: 0.2rem;
    box-sizing: border-box;
    padding-top: 0.15rem;
    outline: none;
    border: none;
    font-size: 0.3rem;
}
.replyBox .replyArea {
    width: 100%;
    height: 1.4rem;
}
.submitBox .captcha {
    width: 2.4rem;
    height: .68rem;
    padding-top: 0;
}
.submitBox .code {
    display: inline-block;
    width: 1.2rem;
    height: .68rem;
    line-height: .68rem;
    text-align: center;
    background-color: #00b94d;
    color: #fff;
    font-size: 0.3rem;
    border-radius: .1rem;
    margin: .3rem .2rem;
}
.replyBox .btn-submit {
    width: 2rem;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    height: 0.68rem;
    line-height: 0.68rem;
    border-radius: 0.5rem;
    font-size: 0.3rem;
    background: #2993ff;
}
.replyBox p {
    color: #2993ff;
    font-size: .26rem;
}

/* ���������б� */
.commentList {
    padding-bottom: .4rem;
}
.commentItem {
    justify-content: space-between;
    padding-top: .4rem;
}
.commentItem-left {
    text-align: center;
}
.commentItem-left figure {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background-color: #ecf4fb;
}
.commentItem-left figure img {
    width: 1.2rem;
}
.commentItem p {
    color: #787878;
    font-size: .22rem;
    padding-top: .1rem;
}
.commentItem-right {
    width: 76%;
}
.commentItem-right .comment-content {
    background-color: #ecf4fb;
    border-radius: .1rem;
    position: relative;
    padding: .4rem .3rem;
}
.commentItem-right .comment-content::before {
    content: '';
    width: 0rem;
    height: 0rem;
    border: .2rem solid;
    border-top: .2rem solid transparent;
    border-left: .2rem solid transparent;
    border-bottom: .2rem solid transparent;
    border-right: .2rem solid #ecf4fb;
    /*�����Զ�λ�������������������ε�λ��*/
    position: absolute;
    top: .4rem;
    left: -0.4rem;
}

/* �������ذ�ť */
.soft-mask-box {
    display: none;
}
.noShow {
    display: none !important;
}
.soft-mask {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    padding: .2rem .24rem;
    background-color: #ffffff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 15%);
    z-index: 99;
    top: 0;
}
.soft-mask figure {
    width: .85rem;
    height: .85rem;
}
.soft-mask figure img {
    width: .85rem;
}
.soft-mask h3 {
    font-size: .26rem;
    font-weight: normal;
}
.soft-mask .btn-yyb {
    width: 1.98rem;
}
.soft-mask .btn-sjzs {
    width: 2.56rem;
    background: #2993ff;
}
.soft-mask span {
    color: #2993ff;
    font-size: .24rem;
    text-decoration: underline;
}

/* �̳�����ҳ */
.article-title {
    font-size: .44rem;
    text-align: center;
    font-weight: bold;
    line-height: 1.5;
}
.article-subtitle {
    font-size: .24rem;
    color: #787878;
    text-align: center;
    padding: .3rem 0 .32rem;
}
.article-subtitle span:nth-child(2) {
    padding: 0 .3rem;
}
.article-box {
    padding-bottom: .15rem;
}
.article-soft figure {
    width: 1.1rem;
    height: 1.1rem;
}
.article-soft figure img {
    width: 1.1rem;
}
.article-subtitle .eyes-icons {
    width: .25rem;
    height: .16rem;
    background-position: -0.84rem -0.525rem;
    display: inline-block;
}
.article-soft .articleSoft-detail {
    flex: 1;
    padding-left: 0.18rem;
}
.article-soft .articleSoft-detail h3 {
    font-size: .34rem;
}
.article-soft .articleSoft-detail p {
    font-size: .24rem;
    color: #787878;
}
.article-soft {
    border: .02rem solid #e1e1e1;
    border-radius: .1rem;
    padding: .19rem;
    box-sizing: border-box;
    margin-bottom: .3rem;
}
.article-content p {
    line-height: .54rem;
    padding: 0.06rem 0;
}
.article-content img {
    max-width: 100%;
    margin: .35rem auto;
}
.article-praise-box {
    text-align: center;
}
.article-praise {
    box-sizing: border-box;
    display: inline-block;
    margin: .35rem 0;
    width: 3.18rem;
    height: .68rem;
    border: .01rem solid #2993ff;
    text-align: center;
    line-height: .68rem;
    border-radius: .34rem;
    color: #2993ff;
}
.praise-icon {
    display: inline-block;
    width: .37rem;
    height: .35rem;
    background-position: -2.21rem -0.04rem;
    vertical-align: -0.05rem;
}
.article-praise-active {
    background-color: #2993ff;
    color: #fff;
    border: 0;
}
.article-praise-active .praise-icon {
    background-position: -2.67rem -0.04rem;
}
.article-praise-active span::before {
    content: '��';
}
.article-list {
    font-size: .28rem;
}
.article-list>div {
    display: flex;
}
.article-list span {
    color: #2993ff;
}
.article-list a {
    color: #787878;
    padding-bottom: .24rem;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* �������� */
.state-body {
    background-color: #ffffff;
    padding: .4rem;
}
.state-box {
    background-color: #efefef;
    box-sizing: border-box;
    padding: .35rem .3rem;
    border-radius: .1rem;
    font-size: .28rem;
    margin-top: .4rem;
}
.state-nav {
	justify-content: flex-start;
}
.state-nav a {
    width: 2.1rem;
    height: .7rem;
    line-height: .7rem;
    border-radius: .35rem;
    text-align: center;
    color: #787878;
    background-color: #efefef;
	margin-right: 0.2rem;
}
.state-nav a.active {
    font-weight: 600;
    color: #2993ff;
    background-color: #e1edfa;
}
.state-box p {
    line-height: .5rem;
    margin-bottom: .6rem;
}
.state-box p:last-child {
    margin-bottom: 0;
}
.state-box h3 {
    font-weight: 600;
    line-height: 1.5;
}

/* 404ҳ�� */
.container-errorbox {
    padding: 1.4rem 0;
    background-color: #ffffff;
}
.container-errorbox img {
    width: 7.5rem;
    height: 4.63rem;
}
.container-error {
    text-align: center;
    padding: 0 .4rem;
    margin-top: -0.4rem;
}
.container-error p {
    line-height: .5rem;
    padding-bottom: .05rem;
    
}
.container-error p a {
    color: #2993ff;
    text-decoration: underline;
}


/* �������� */
.links {
    padding-bottom: .6rem;
}
.links a {
    padding-left: .22rem;
    padding-right: .22rem;
    color: #787878;
    position: relative;
}
.links a::after {
    content: '';
    width: 0.02rem;
    height: 0.2rem;
    background-color: #2993ff;
    position: absolute;
    right: -0.04rem;
    top: 55%;
    transform: translate(0, -50%);
}
.links a:first-child {
    padding-left: 0;
}
.links a:last-child {
    padding-right: 0;
}
.links a:last-child::after {
    width: 0;
}

/* app��ǩҳ */
.tag-introduce {
    font-size: .28rem;
    line-height: .5rem;
    margin-top: -0.05rem;
    padding: 0 0 .3rem;
}
.box-bom {
    padding-bottom: .2rem;
}
/* �������ҳ */
.noSearchBox {
    /* display: none; */
}
.noSearch {
    width: 5rem;
    height: 3.5rem;
    display: block;
    margin: 0 auto;
}
.search-content {
    padding: .4rem 0 .3rem;
    border-bottom: .01rem solid #c6c6c6;
}
.search-content span {
    color: #2993ff;
}

/* ���� */
.modal-mask {
    background: rgba(0, 0, 0, .5);
    z-index: 9999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    overflow-y: scroll;
}
/* �����ύ���� */
.processTips {
    width: 6.3rem;
    padding: .4rem 0;
    background-color: #fff;
    border-radius: .1rem;
    position: fixed;
    text-align: center;
    z-index: 199;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.btn-process {
    margin: 0 auto;
    width: 2rem;
    height: .68rem;
    line-height: .68rem;
    border-radius: .34rem;
    color: #fefeff;
    font-size: .3rem;
    margin-top: .4rem;
    background: #2993ff;
}


/* ���ض��� */
.backtop {
    width: .9rem;
    height: .9rem;
    background-position: -4.07rem -0.04rem;
    position: fixed;
    bottom: 15%;
    right: 0.2rem;
    z-index: 9;
    display: none;
}
/* �ײ� */
footer {
    background-color: #333333;
    font-size: .24rem;
    color: #7f7f7f;
    text-align: center;
    padding: .5rem 0 .6rem;
    line-height: .4rem;
}
footer a {
    color: #7f7f7f;
}
.foot-link {
    line-height: 1;
    padding-bottom: .2rem;
}
.foot-link a {
    padding: 0 .1rem;
}