.cateTlt{ overflow: hidden;}
.cateTlt div:first-child{ margin-left: -27px;}
.cateTlt div{float: left; padding: 0 16px 0 27px; background: url("../img/lbl_bg.png") no-repeat left center;}
.cateTlt a{ cursor: pointer; color: #333; font-weight: bold; display: block; height: 29px; font-size: 16px;}
.cateTlt a i{ background: url("../img/icon_mini.png") no-repeat; width: 20px; height: 19px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.cateTlt div.on a{ color: #2371f3; border-bottom: 2px solid #2371f3;}
.cateTlt div i.icon-desktop{ background-position: 0 0;}
.cateTlt div.on i.icon-desktop{ background-position: 0 -28px;}
.cateTlt div i.icon-android{ background-position: -33px 0;}
.cateTlt div.on i.icon-android{ background-position: -33px -28px;}
.cateTlt div i.icon-apple{ background-position: -68px 0;}
.cateTlt div.on i.icon-apple{ background-position: -68px -28px;}
.cateTlt2{ height: 30px; line-height: 30px; border-bottom: 1px solid #efefef; overflow: visible; width: 112%;}
.cateTlt2 a{ font-size: 13px; height: 29px; padding: 0 0px;line-height:29px;}
.cateTlt5 div{float: left; padding: 0 16px 0 27px; background: url(../img/rbl_bg.png) no-repeat -4px 4px;}

.summary-tlt li{ margin-bottom: 25px;}
.summary-tlt{ text-align: center; margin-top: 10px; padding-bottom: 5px; border-bottom: 1px solid #efefef;}
.summary-tlt .s-tlt{ font-size: 16px; color: #f00; font-weight: bold; margin-bottom: 10px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.summary-tlt p{ color: #808080; font-size: 12px; overflow: hidden;}
.summary-tlt p a{ color: #3ab605;}
.summary-tlt p span{ float: left; width: 300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.summary-tlt a:hover{ text-decoration: underline;}

.part-5 .right.w350 .list-con ul{ display: none;}
.part-5 .right.w350 .list-con ul.show{ display: block;}
.part-5 .right.w350 .list-con li:first-child{ padding-left: 15px;}
.part-5 .right.w350 .list-con li{ margin-top: 15px; width: 335px;}
.part-5 .right.w350 .list-con li a{ float: left; height: 19px; overflow: hidden;}
.part-5 .right.w350 .list-con li a.linkCate{ color: #808080; width: 56px;  border-right: 1px solid #ccc; padding-right: 10px; margin-right: 10px;}
.part-5 .right.w350 .list-con li a.linkName{ color: #333; max-width: 258px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; }
.part-5 .right.w350 .list-con li a:hover{ text-decoration: underline; color: #2371f3;}

.necessary{ width: 102%;}
.necessary .pad20{ width: 354px; margin-right: 9px;}
.necessary .tlt-com h2{ font-size: 20px;}
.necessary .tlt-com h2 i{ background: url("../img/icon_mini.png") no-repeat; float: left; width: 25px; height: 25px; margin-right: 10px;}
.necessary .tlt-com h2 i.i-desktop{ background-position: 0 -56px;}
.necessary .tlt-com h2 i.i-android{ background-position: -33px -56px; margin-top: -3px;}
.necessary .tlt-com h2 i.i-apple{ background-position: -68px -56px; margin-top: -3px;}
.necessary ul{ padding: 0 5px; overflow: hidden;}
.necessary li{ float: left; overflow: hidden; width: 50%; margin-top: 20px;}
.necessary li a{ display: block;}
.necessary li .appInfo{ width: 100px;}
.necessary li .appImg{ width: 55px; height: 55px; margin-right: 10px;}
.necessary li .appImg img{ width: 55px; height: 55px; display: block;}
.necessary li .appName{ color: #333; margin: 5px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; max-width: 100%;}
.necessary li .appLbl{ color: #999; font-size: 12px; display: block; max-width: 100px;}
.necessary li .appName:hover{ color: #2371f3; text-decoration: underline;}

.cateTlt3{ font-size: 20px; font-weight: bold;}
.cateTlt3 h2{ float: left;; margin-right: 20px; cursor: pointer;}
.cateTlt3 h2 a{ color: #333; height: 29px; display: block;}
.cateTlt3 h2.on a{ color: #2371f3; border-bottom: 2px solid #2371f3;}
.rel div{ display: none;}
.rel div.show{ display: block;}
.rel a{ color: #666; margin-left: 30px;}
.rel a:hover{ color: #2371f3; text-decoration: underline;}

.ga .list-con>div{ display: none;}
.ga .list-con>div.show{ display: block;}
.ga .left ul{ overflow: hidden; width: 105%;}
.ga .left li{ float: left; margin-top: 20px; width: 70px; margin-right: 37px; text-align: center;}
.ga .left li a{ display: block;}
.ga .left li.spec{ width: 400px; height: 222px; position: relative; *zoom: 1; overflow: hidden; margin-right: 20px;}
.ga .left li.spec img{ width: 400px; height: 222px; -webkit-transition: .2s linear; -moz-transition: .2s linear; transition: .2s linear;}
.ga .left li.spec:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.ga .left li.spec p{ position: absolute; bottom: 0; width: 100%; background: url("../img/banner_bg.png") repeat-x; height: 35px; line-height: 35px; left: 0;}
.ga .left li.spec p a{ color: #fff; text-align: center; margin: 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ga .left li .appImg{ width: 70px; height: 70px;}
.ga .left li .appImg img{ width: 70px; height: 70px; display: block;}
.ga .left li .appName{ color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ga .left li .appName:hover{ color: #2371f3; text-decoration: underline;}

.ga .right,.dnrj .right{ margin-top: 20px; border-left: 1px solid #eee; padding-left: 20px;}
.tlt-rank h2{ font-size: 18px; color: #333;}
.tlt-rank h2 i{ background: url("../img/icon_mini.png") no-repeat -102px -56px; width: 19px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.xzph .dl-list li{ margin-top: 10px; *margin-top: 10px;}


.dnrj .list-con>div{ display: none}
.dnrj .list-con>div.show{ display: block}
.dnrj .left{ width: 810px; margin-top: -10px;}
.dnrj .left ul{ width: 110%;}
.dnrj .left li{ margin-top: 30px; float: left; margin-right: 5px;}
.dnrj .left li a{ display: block;}
.dnrj .left li img{ width: 55px; height: 55px; display: block;border-radius: 10px;}
.dnrj .left li .appInfo{ width: 95px; margin-left: 10px;}
.dnrj .left li .appName{ color: #333; margin: 5px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.dnrj .left li .appLbl{ color: #999; font-size: 12px; display: inline-block; max-width: 100%;}
.dnrj .left li .appName:hover{ color: #2371f3; text-decoration: underline;}

.dnrj .right{ margin-top: 20px;}
.dnrj .right.xzph .dl-list li{ margin-top: 13px;}

.zxzt .list-con{ width: 110%;}
.zxzt ul{ overflow: hidden; width: 278px; float: left; margin-right: 16px;}
.zxzt li{ height: 65px; padding: 20px 5px; border-top: 1px dashed #eee; overflow: hidden;}
.zxzt li a{ display: block;}
.zxzt li.spec{ padding: 0; height: 167px; border-top: none; margin-top: 20px; position: relative; margin-bottom: -1px;}
.zxzt li.spec img{ width: 278px; height: 167px; display: block; -webkit-transition: .2s linear; -moz-transition: .2s linear; transition: .2s linear;}
.zxzt li.spec:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.zxzt li.spec p{ background: url("../img/banner_bg.png") repeat-x; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; line-height: 30px;}
.zxzt li.spec p a{ margin: 0 10px; color: #fff; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.zxzt li .appInfo{ width: 193px; margin-left: 10px;}
.zxzt li .appImg{ width: 65px; height: 65px;}
.zxzt li .appImg img{ width: 65px; height: 65px; display: block;}
.zxzt li .appName{ color: #333; text-overflow: ellipsis; overflow: hidden; line-height: 20px; height: 40px;}
.zxzt li .appName:hover{ color: #2371f3; text-decoration: underline;}
.zxzt li .pf{ margin-top: 6px;}
.zxzt li .btn_dl{ color: #18b000; height: 26px; line-height: 26px; width: 70px; text-align: center;}
.zxzt li .btn_dl:hover{ background: #18b000; color: #fff;}

.zxzt .list-con>div{ display: none; overflow: hidden; margin-bottom: -20px;}
.zxzt .list-con>div.show{ display: block}

.sideNav{ position: fixed; width: 55px; left: 50%; margin-left: 620px; bottom: 200px; cursor: pointer; background: #fff; text-align: center; height: 255px; z-index: 999;}
.sideNav a{position: absolute; display: block; border: 1px solid #e3e7ef; width: 53px; height: 50px; line-height: 50px; font-size: 12px; font-weight: bold; color: #008bf7;}
.sideNav a:hover{ border-color: #93cfff; z-index: 2; color: #008bf7;}
.sideNav a.az{ top: 0;}
.sideNav a.ap{ top: 51px;}
.sideNav a.pc{ top: 102px;}
.sideNav a.ph{ top: 153px;}
.sideNav a.msg{ top: 204px;}
.sideNav a.msg i{ background: url("../img/icon_msg.png") no-repeat center; width: 53px; height: 50px; display: block;}
.sideNav img{ position: absolute; width: 166px; height: 190px; top: 87px; left: -170px; display: none;}


/**********roundabout**********/
.roundabout_box {height:311px;width:100%;}
.roundabout-holder{list-style:none;width:810px;height:311px;margin:0 200px;}
.roundabout-moveable-item{font-size:12px!important;height:311px;width:565px;cursor:pointer;background:#f9f9f9;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto;border-left:1px #fff solid;border-right:1px #fff solid;}
.roundabout-in-focus000:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder .text{color:#999;}
.roundabout-in-focus000:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}