.scroll{position:relative;overflow:hidden;border:10px solid #ececec;border-bottom-width:0;margin-top:-1px}
.scroll_box{overflow:hidden;visibility:hidden;position:relative;margin:0}
.scroll_wrap{overflow:hidden;position:relative}
.scroll_wrap li{position:relative;display:block;width:100%;float:left}
.scroll_wrap li a{display:block;margin:0 auto;position:relative}
.scroll_wrap li a img{width:100%;border-radius:0;margin:0}
.scroll_wrap li a p{display:none;position:absolute;bottom:0;left:0;right:0;background:url(../images/rgba50.png);height:34px;z-index:1;padding:0 85px 0 15px;overflow:hidden;text-align:left;line-height:34px;color:#fff}
.scroll_wrap li a p strong{display:block;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:normal;font-size:15px}
.scroll_position{position:absolute;right:30px;z-index:9;bottom:1px}
.scroll_position li{display:inline-block;width:10px;height:10px;border-radius:10px;background:#fff;margin:0 1px}
.scroll_position li a{font-size:0}
.scroll_position li.on{background-color:#f00}

.twoBtn{overflow: hidden;}
.twoBtn ul{grid-template-columns: repeat(2, 1fr)!important;grid-gap: 12px;overflow: hidden;display: grid; margin:0 12px;}
.twoBtn ul li{overflow: hidden;background: #dff9ff;margin:12px 0;border-radius:4px;overflow: hidden;}
.twoBtn ul li:last-of-type {background: #ffeee7;}
.twoBtn ul li a{display: flex;padding:10px;overflow:hidden;text-align: center;}
.twoBtn ul li a>span {width: 40px;height: 40px;background: #91DBEC;display: flex;align-items: center;justify-content: center; border-radius: 4px;}
.twoBtn ul li a>span i.icon{background:url(../images/micon.png) no-repeat;display: block;width: 40px;height: 40px;    background-position: -1px -31px;background-size: 700px;}
.twoBtn ul li:last-of-type a>span i.icon{background-position: -84px -31px;}
.twoBtn ul li:last-of-type a>span{background: #ff804e;}
.twoBtn ul li a>div{margin-left:10px;overflow: hidden;}
.twoBtn ul li a>div p{overflow: hidden;display: flex;}
.twoBtn ul li a>div p strong{line-height: 20px;overflow: hidden;color: #333;font-weight: bolder;overflow: hidden;font-size: 14px;}
.twoBtn ul li a>div p em{font-size: 8px;background: #E45F2B;line-height: 16px;color: #fff;height: 16px;margin-top: 2px;display: block;border-radius: 4px;padding: 0 4px;margin-left: 5px;}
.twoBtn ul li a>div span{color: #999;font-size: 12px;height: 20px;line-height: 20px;overflow: hidden;display:block;text-align: left;}

.inTitle{overflow: hidden;align-items: flex-end;color: #000;display: flex;font-size: 14px;justify-content: space-between;line-height: 18px; margin:5px 12px 0;}
.inTitle .titleL{align-items: center;display: flex;font-weight: bolder;}
.inTitle .titleL>p{min-width: 100px;color: #2424241a;font-size: 16px;line-height: 28px;padding-bottom: 12px;position: relative;font-weight: normal;}
.inTitle .titleL>p>span{align-items: center;bottom: 0;color: #000;display: flex;font-size: 20px;left: 5px;line-height: 28px;position: absolute;font-weight: bolder;}
.inTitle a.titleR{display: block;height: 42px;line-height: 42px;font-size: 13px;color: #333;}
.inTitle a.titleR:hover {color: #ff0000;}
.border_top10 {
    border-top: 10px solid #ececec;
}
.gridShow{display: grid !important;}

.inTitleTab{overflow: hidden;margin-left:6px;}
.inTitleTab span{display: block;font-weight:normal;float: left;line-height: 42px;height: 42px;position: relative;font-size: 15px;cursor: pointer;padding: 0 6px;}
.inTitleTab span:after {content: '|';position: absolute;right: -2px;bottom: 0;color: #333;font-size: 12px;font-weight: normal;}
.inTitleTab span:last-of-type:after{content: '';}
.inTitleTab span.m-hover{color: #ff0000;}
.inTitleTab span:last-of-type{padding-right: 0px;}

.inTitleCenter{margin-top: 0px;}
.inTitleCenter .titleL{margin:0 auto;background-color: #ececec;position: relative;padding-bottom: 8px;}
.inTitleCenter .titleL::before {content: '';width: 0;height: 0;overflow: hidden;border: 48px solid transparent;border-right: 0;border-bottom: 0;border-top-color: #efeff4;position: absolute;left: -48px;top: 0;}
.inTitleCenter .titleL::after {content: '';width: 0;height: 0;overflow: hidden;border: 48px solid transparent;border-left: 0;border-bottom: 0;border-top-color: #efeff4;position: absolute;right: -48px;top: 0;}
.inTitleCenter .titleL>p>span{left: 25px;}

.latestUpdate{overflow: hidden;border-top: 10px solid #ececec;}
.latestUpdate ul{overflow: hidden;margin:12px 15px 15px;grid-template-columns: repeat(4, 1fr)!important;grid-gap: 15px;display: none;}
.latestUpdate ul li{overflow: hidden;}
.latestUpdate ul li a{display: block;overflow: hidden;}
.latestUpdate ul li a .imgBox{border-radius: 14px;display:block;overflow: hidden;width: 68px; margin:0 auto;}
.latestUpdate ul li a .imgBox img{display:block;border-radius: 14px;width: 68px;height: 68px;}
.latestUpdate ul li a .imgInfo{overflow: hidden; margin-top:6px;}
.latestUpdate ul li a .imgInfo p{font-size: 15px;overflow: hidden;color: #333;font-size: 15px;text-align: center;height: 25px;line-height: 25px;overflow: hidden;}
.latestUpdate ul li a .imgInfo p.date{color: #999;font-size: 12px;height: 20px;line-height: 20px;text-align: center;}
.latestUpdate ul li a .imgInfo em{color: #fff;font-style: normal;background-color: #f00;border-radius:20px;display: block;height: 22px;line-height: 22px;font-size: 14px;text-align: center;width: 53px;margin: 5px auto 0;}

.topicBox{border-top:10px solid #ececec;overflow:hidden}
.topicBoxCont{overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch}
.topicBoxCont a{display:inline-block;width:227px;height:auto;margin:12px 0 10px 10px;padding-bottom:15px;border:1px solid #eee;box-sizing:border-box;white-space:normal;overflow:hidden;vertical-align:top}
.topicBoxCont a:first-child{margin-left:15px}
.topicBoxCont a:last-of-type{margin-right:15px}
.topicBoxCont a img{display:block;width:100%;height:112.5px;overflow:hidden}
.topicBoxCont a h3{height:18px;margin:12px auto 0;overflow:hidden;font-size:16px;font-weight:normal;line-height:18px;color:#222;text-align:center}
.topicBoxCont a p{display:-webkit-box;height:36px;padding:10px 5px 0;overflow:hidden;font-size:12px;font-weight:normal;line-height:18px;color:#999;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.recommend{overflow: hidden;position: relative;border-top: 10px solid #ececec;}
.recommend ul{font-size: 0;overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;margin:0 0 5px 0px;}
.recommend ul li{ width:68px; height:auto; margin:15px 15px 10px 0px; box-sizing:border-box; float:left; display:inline; overflow:hidden}
.recommend ul li a{width: 68px;  margin:0px auto; height:auto; display:block; overflow:hidden}
.recommend ul li a i{display: block;width: 68px;height: 68px;}
.recommend ul li a i .u-img{ width:68px;height: 68px; border-radius:14px; margin:auto; display:block; overflow:hidden;margin:0 auto;}
.recommend ul li a strong{ width:100%; height:20px; line-height:20px; font-size:15px; font-weight:normal; color:#333; text-align:center; margin:6px 0 5px 0; display:block; overflow:hidden}
.recommend ul li a font{font-size: 12px; color: #999;height: 20px;line-height: 20px;text-align: center;display:block;}
.recommend ul li a b{ width:100%; height:20px; line-height:20px; font-size:12px; font-weight:normal; color:#999; text-align:center; margin:2px 0 0; display:block; overflow:hidden}
.recommend ul li a em{ color: #fff;font-style: normal;background-color: #f00;border-radius: 20px;display: block;height: 22px;line-height: 22px;font-size: 14px;text-align: center;width: 53px;margin: 5px auto 0;}
.recommend ul li a span{display:block;height: 20px; line-height:20px; font-size:12px;text-align: center;margin-top: 4px; color: #999;padding-bottom: 5px;overflow: hidden;}
.recommend ul li{float: inherit;display: inline-block;}
.recommend ul li a strong{ white-space: pre-wrap;}
.recommend ul li:last-of-type{margin-right: 15px}
.recommend ul li:first-child{margin-left: 15px;}

.appList{overflow: hidden;border-top: 10px solid #ececec;}
.appList ul{grid-template-columns: repeat(4, 1fr)!important;grid-gap: 15px;display: grid; margin:12px 15px 15px;}
.appList ul li{overflow: hidden;}
.appList ul li a{display: block;overflow: hidden;}
.appList ul li a .imgBox{border-radius: 14px;display:block;overflow: hidden;width: 68px; margin:0 auto;}
.appList ul li a .imgBox img{display:block;border-radius: 14px;width: 68px;height: 68px;}
.appList ul li a .imgInfo{overflow: hidden; margin-top:6px;}
.appList ul li a .imgInfo p{font-size: 15px;overflow: hidden;color: #333;font-size: 15px;text-align: center;height: 25px;line-height: 25px;overflow: hidden;}
.appList ul li a .imgInfo p.date{color: #999;font-size: 12px;height: 20px;line-height: 20px;text-align: center;}
.appList ul li a .imgInfo em{color: #fff;font-style: normal;background-color: #f00;border-radius:20px;display: block;height: 22px;line-height: 22px;font-size: 14px;text-align: center;width: 53px;margin: 5px auto 0;}
.appList ul li a .imgInfo p.tip{font-size: 12px;color: #999;height: 20px;line-height: 20px;overflow: hidden;}

.downloadRanking{border-top:10px solid #ececec}
.downloadRankingTip{position:relative;margin:12px 15px 0;padding:20px 0 30px;border-radius:15px 15px 0 0;background:#ff5253 url(../images/index_bg.png) center/cover no-repeat;background-size:100%}
.downloadRankingTip p{height:40px;line-height:40px;color:#fff;font-size:22px;font-weight:700;text-align:center;overflow:hidden}
.downloadRankingTip strong{display:block;height:20px;line-height:20px;color:#fff;font-size:12px;font-weight:400;text-align:center;overflow:hidden}
.downloadRanking ul{position:relative;margin:0 15px -10px;padding-top:4px;background-color:#fff;border-radius:15px 15px 0 0;overflow:hidden;top:-15px}
.downloadRanking li{position:relative;height:68px;margin-top:10px;padding:0 35px 10px 38px;border-bottom:1px dashed #f2f2f2}
.downloadRanking li:last-of-type{border-bottom:0}
.downloadRanking li i{position:absolute;left:0;top:11px;width:30px;height:24px;font:normal 12px/18px sans-serif;color:#fff;text-align:center;padding-top:13px;background:url(../images/2019bg9.png) no-repeat -420px 0}
.downloadRanking li i.top1{background-position:-380px 0}
.downloadRanking li i.top2{background-position:-460px 0}
.downloadRanking li i.top3{background-position:-500px 0}
.downloadRanking li a{display:flex;height:68px;overflow:hidden}
.downloadRanking li a:hover p{color:#f00}
.downloadRanking li a b{position:absolute;right:0;top:17px;width:30px;height:30px;background:url(../images/2019bg8.png) no-repeat -385px -50px}
.downloadRanking li a img{display:block;width:68px;height:68px;border-radius:14px;float:left}
.downloadRanking li a > div{height:68px;margin-left:15px;overflow:hidden}
.downloadRanking li a > div p{height:20px;line-height:20px;color:#333;font-size:15px;overflow:hidden}
.downloadRanking li a > div strong{display:block;height:14px;margin-top:7px;overflow:hidden}
.downloadRanking li a > div strong img{display:block;height:14px;width:auto}
.downloadRanking li a > div span{display:block;height:20px;line-height:20px;color:#999;font-size:12px;margin-top:6px;overflow:hidden}
.downloadRanking li a > div span u{display:inline-block;width:1px;height:10px;margin:0 6px;background-color:#999}


.friendlyLink{overflow: hidden;border-top: 10px solid #ececec;}
.friendlyLink .friendlyLinkList{overflow: hidden;padding: 15px 0 0px 15px;}
.friendlyLink .friendlyLinkList a {display: block;float: left;color: #333;margin-right: 22px;overflow: hidden;margin-bottom: 15px;font-size: 14px;}