body{margin: 0;padding: 0;font-family: "微软雅黑";font-size: 14px;}
body:after{content: "";display: block;clear: both;}
ul,li,dt,dd,dl{margin:0;padding: 0;list-style: none; }
a{text-decoration: none;}
a img{border: none;}
input{font-family: "微软雅黑";}
.header{width: 980px;margin: auto;height: 60px;}
.logo{float: left;background: url(../images/main.png) no-repeat;width: 150px;height: 33px;text-indent: -300px;overflow: hidden;margin-top: 12px;}
.menu{float: left;margin: 8px 0 0 88px;position: relative;padding: 10px 0;}
.menu a{font-size: 16px;color: #5c5c5c;float: left;margin:0 25px;-webkit-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.menu .focus{color: #37d37b;}
.topborder{border-top:#eee solid 1px; position: relative;}
.search{float: right;width: 176px;height: 27px;border:#e5e5e5 solid 1px;border-radius: 3px;margin-top: 14px;position: relative;z-index: 200;}
.search input{border:none;height: 100%; float: left; padding: 0 7px; width: 140px;outline: none;font-size: 12px;}
.search .searchbar{background: url('../images/main.png') no-repeat -2px -35px,#fff;width: 20px;height: 100%;float: right;}
.search .searchbar:hover,.search .sfoc{background-position: -26px -35px;}
.slidefoc{width: 475px;position: absolute;left: 50%;margin-left: -227px;height: 2px;margin-top: -2px;}
.slidefoc span{float: left;height: 100%;background: #50d88b;width: 52px;margin-left: -10px;display: none;-webkit-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.hotkey{width: 166px;overflow: hidden;clear: both; padding: 10px 0 10px 10px; margin-left: -1px; background-color: #fff;border:#dedede solid 1px;border-radius: 2px;box-shadow: 0 0 3px 1px rgba( 4, 0, 0 ,0.1);}
.hotkey p{margin: 0;color: #939393;font-size: 12px;line-height: 12px;}
.hotkey a{float: left;padding: 2px 7px;font-size: 12px;color: #f5a557;border:#f8efc4 solid 1px;margin: 10px 10px 0 0;}
.hotkey a:nth-of-type(1),.hotkey a:nth-of-type(2),.hotkey a:nth-of-type(3){color: #5bbee1;border:#d3f2fd solid 1px;}

.topbanner{position: relative;height: 264px;overflow: hidden;background-color: #ddd;}
.topbanner li{background-color: #ddd;-webkit-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;position: absolute;top: 0;left: 0;opacity: 0;width: 100%;text-align: center;}
.topbanner .topshow{opacity: 1;z-index: 100;}
.topbanner a{line-height: 264px;font-size: 0;}
.topbanner img{vertical-align: middle;}
.bannerslide,.layerslide{position: absolute;right: 13px;bottom: 19px;z-index: 150;}
.bannerslide i,.layerslide i{float: left;width: 6px;height: 6px;border-radius: 50%;background-color: #000;opacity: 0.3; margin:0 6px;cursor: pointer;-webkit-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.bannerslide .bfoc{background-color: #fff;opacity: 1;}
.bigbanner{height: 207px;}
.bigbanner a{line-height: 207px;}

.mainwrap{width: 980px;margin:20px auto; overflow: hidden;}
.leftwrap{width: 740px;float: left;min-height: 350px;}

h2{float: left;margin: 0;padding: 0;background: url(../images/main.png) no-repeat -171px 1px; text-indent: 8px;font-size: 15px;line-height: 15px;font-weight: normal;color: #5c5c5c;}
.modewrap{margin-top: 20px;}
.modewrap dt{border-bottom: #eee solid 1px;padding-bottom: 10px;overflow: hidden;padding-right: 1px;}
.modewrap dt span{ margin-left: 10px;color: #bbb;float: left;line-height: 15px;}
.modewrap dt a{float: right;color: #858585;font-size: 12px;}
.modewrap dt a:hover{color: #666;}

h3{font-weight: normal;margin:0;padding: 0;color: #333; font-size: 14px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.intro{overflow: hidden;white-space: nowrap;color: #b3b3b3;font-size: 12px;text-overflow:ellipsis;}
.appwrap{width: 109px;padding-left: 77px;position: relative;float: left; margin: 0 78px 32px 0;cursor: pointer;}
.appwrap:nth-child(3n+0){margin-right: 0}
.appwrap img{position: absolute;left: 0;top: 0;width: 66px;height: 66px;}
.appwrap a{margin-top: 5px;}
.appwrap a:hover{opacity: 0.8;}
.install,.installing,.installed,.update{background: url('../images/main.png') no-repeat 0 -109px;width: 69px;height: 22px;display: block;}
.installing{background-position:0 -145px; }
.installed{background-position:0 -182px; }
.update{background-position:0 -69px; }

.rewrap{overflow: hidden;width: 740px;height: 307px;}
.recommend{overflow: hidden;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.recommend li{padding:25px 0 0 15px;width: 725px;height: 282px;float: left;}

.slidewrap{overflow: hidden;clear: both;width: 93px;margin: auto;}
.slidewrap a{float: left;background: url('../images/main.png') no-repeat;width: 17px;height: 17px;}
.slidewrap span{float: left;width: 6px;height: 6px;border-radius: 50%;background-color: #ccc;margin: 5px;cursor: pointer;}
.slidewrap .foc{background-color: #37d37b;}
.slidewrap .slideleft{background-position: 0 -213px; margin-right: 5px;}
.slideleft:hover{background-position: -145px -213px;}
.slidewrap .unslideleft{background-position: -95px -213px;cursor:default;}
.slidewrap .slideright{background-position: -70px -213px;margin-left: 5px;}
.slideright:hover{background-position: -165px -213px;}
.slidewrap .unslideright{background-position: -115px -213px;cursor:default;}

.topic{float: left;margin: 15px 10px 15px 0;color: #6a6a6a;font-size: 13px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; width: 240px;}
.topic:nth-child(3n){margin-right: 0;}

.rightwrap{float: right;width: 226px;}
.topad{height: 264px;font-size: 0;overflow: hidden;}
.topad a:last-child{margin-top: 14px;display: inline-block;}
.myapp{border:rgba(0,0,0,0.05) solid 1px;background: url('../images/mybg.jpg') no-repeat;height: 153px;background-clip:border-box;text-align: center;}
.myapp img{margin:10px auto 3px;display: inline-block;}
.myapp p{font-size: 12px;color: #95a0a1;margin: 2px 0 0;}
.myapp p span{color: #f9ab96;}
.myapp a{display: block;width: 94px;height: 26px;border-radius: 2px;background-color: #50d88b;color: #fff;margin:18px auto 0;line-height: 26px;font-size: 12px;}
.myapp a:hover{opacity: 0.8;}

.ranklist{border:#eee solid 1px; }

.noborder dt{border:none;}

.listinfo{padding: 7px 0;}
.listinfo li{padding:7px 10px;overflow: hidden;}

.ranktab{overflow: hidden;}
.ranktab a{float: left;width: 50%;height: 35px;line-height: 35px;text-align: center;background: #fafafa; color: #5c5c5c;border-bottom: #eee solid 1px;border-right: #eee solid 2px;margin-left: -1px;}
.ranktab a:last-child{border-right:none; }
.ranktab .rankfoc{color: #4bd285;border-bottom: #50d88b solid 1px;background: #fff;}
.infoline{color: #5c5c5c;font-size: 13px;position: relative;padding-left: 21px; line-height: 16px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.infoline i{display: block;background: url('../images/main.png') no-repeat;width: 15px;height: 15px;margin-right: 5px;position: absolute;left: 0;overflow: hidden;text-indent: -50px;}
.infoline .ico_1{background-position: 0 -234px;}
.infoline .ico_2{background-position: 0 -254px;}
.infoline .ico_3{background-position: 0 -284px;}
.infoline .ico_4{background-position: 0 -314px;}
.infoline .ico_5{background-position: 0 -345px;}
.infoline .ico_6{background-position: 0 -375px;}
.infoline .ico_7{background-position: 0 -404px;}
.infoline .ico_8{background-position: 0 -435px;}
.infoline .ico_9{background-position: 0 -459px;}
.infoline .ico_10{background-position: 0 -483px;}
.infoblock{overflow: hidden;cursor: pointer;margin-top: 10px;}
.infoblock img{float: left;margin-right: 8px;width: 40px;height: 40px;}
.infoblock p{float: left;font-size: 13px;color: #9a9a9a;margin: 0 5px 0 0;line-height: 23px;white-space: nowrap;text-overflow:ellipsis;width: 95px;overflow: hidden;}
.infoblock a{float: right;width: 40px;height: 20px;block;background: url('../images/main.png') no-repeat;margin-top: 10px;}
.infoblock a:hover{opacity: 0.8;}
.infoblock .install{background-position: -86px -93px;}
.infoblock .installed{background-position: -86px -116px;width: 50px;}
.infoblock .update{background-position: -86px -69px;}
.infoblock .installing{background-position: -86px -139px;width: 50px;}
.appstar,.appstar span{display: block;background: url('../images/main.png') no-repeat -107px -235px;width: 69px;height: 12px;}
.appstar span{background-position: -29px -235px;}

.applist{overflow: hidden;padding-bottom: 1px;}
.applist .appwrap{border:#f2f2f2 solid 1px;width: 139px;height: 65px;margin:0 -1px -1px 0;padding: 23px 15px 23px 91px;}
.applist .appwrap img{top: 23px;left: 15px;}
.catall .appwrap img{top: 23px;left: 20px;}
.catall .appwrap{width: 154px;padding: 23px 20px 23px 95px;}

.pagewrap{clear: both;margin-top: 25px;text-align: center;}
.pagewrap a{display: inline-block;color: #858585;border:#dbdbdb solid 1px;padding: 3px 5px;margin: 5px;min-width: 16px;font-size: 12px;}
.pagewrap a:hover,.pagewrap .current{color: #50d88b;}

.mainct{width: 811px;float: right;margin-top: 20px;}
.leftmenu{float: left;width: 150px;margin-top: 20px;}

.catmenu{border:#eaeaea solid 1px;border-bottom: none;margin-bottom: 20px;}
.catmenu a{height: 35px;border-bottom: #eee solid 1px;display: block;text-align: center;line-height: 35px;background-color: #fafafa;color: #333;font-size: 12px;}
.catmenu .sel{background-color: #50d88b;color: #fff;}
.catmenu a:hover{background:#e9fff3;}
.catmenu .sel:hover{background:#50d88b;}

.topiclist a{margin-bottom: 10px;display: block;font-size: 0;}

.footer{border-top: #f2f5f3 solid 1px;background-color: #f7faf8;height: 100px;color: #a9abaa;font-size: 12px;text-align: center;padding-top: 60px;line-height: 25px;margin-top: 50px;}

.downmask{position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: 200;background-color: rgba(0,0,0,0.18);}
.appinfo{width: 761px;height: 557px;transform: translate(0,0);padding: 16px 30px 24px; background-color: #fff;position: fixed;left: 50%;top: 50%;margin: -298px 0 0 -415px;box-shadow: 2.5px 4.33px 10px 0px rgba( 4, 0, 0, 0.19);}
.extlayer{width: auto;float: none;margin: 0 0 15px 0;overflow: hidden;height: 66px;cursor: default;}
.extlayer h3{font-size: 18px;}
.extlayer a{position: absolute;right: 0;bottom: 0;}
.extlayer p{margin: 0;font-size: 12px;color: #777;clear: both;}
.extlayer p a{position: static;text-decoration: underline;color: #777;}
.extlayer .install{background-position: -32px -384px;width: 151px;height: 39px;}
.extlayer .installing{background-position: -32px -258px;width: 151px;height: 39px;}
.extlayer .installing:before{content: "";display: block;width: 12px;height: 39px;background: url('../images/loading.gif') no-repeat;margin-left: 20px;}
.extlayer .installed{background-position: -92px -342px;width: 91px;height: 39px;}
.extlayer .update{background-position: -32px -300px;width: 151px;height: 39px;}
.appscore{overflow: hidden;margin: 5px 0;}
.appscore .appstar{float: left;}
.appscore .score{float: left;font-size: 12px;color: #777;margin-left: 5px;margin-top: -2px;}

.appicwrap{width: 760px;height: 295px;overflow: hidden;border:#e8e8e8 solid 1px;position: relative;background-color: #f6f6f6;}
.appic{-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.appic li{font-size: 0;text-align: center; width: 760px;height: 295px; overflow: hidden;float: left;}
.appic img{max-height: 295px;max-width: 760px;}
.wrapinfo{margin-top: 15px;}
.wrapinfo dt{color: #333;line-height: 14px;margin-bottom: 10px;}
.wrapinfo:nth-of-type(1){height: 30px;}
.extinfo{font-size: 12px;color: #848484;overflow: hidden;margin-top: -5px;margin-bottom: -6px;}
.lookall,.closeall{color: #50d88b;margin-left: 3px;vertical-align: top;}
.lookall:after,.closeall:after{display: inline-block;background: url('../images/main.png') no-repeat -100px -187px;width: 10px; height: 9px;content: "";margin-left: 3px;}
.moredesc{display: none; background: rgba(255,255,255,0.95);border:#f0f1f1 solid 1px;position: relative;z-index: 100;height: 145px;margin-top: 5px;}
.infodetail{height: 95px;overflow: auto;margin: 15px 20px 10px;}
.infodetail::-webkit-scrollbar{width: 7px; background: #eeebeb;border: #dae0e2 solid 1px;border-radius: 5px;}
.infodetail::-webkit-scrollbar-thumb{background:#bbb; border-radius: 5px;}
.infodetail::-webkit-scrollbar-thumb:hover{background:#999;}
.closeall{float: right;margin-right: 20px;}
.closeall:after{background-position: -123px -187px;}
.lookall:hover,.closeall:hover{opacity: 0.8;}

.sameapp .appwrap{border: #eee solid 1px;width: 146px;margin: 0 -1px -1px 0;padding: 18px 15px 18px 91px;}
.sameapp .appwrap img{top: 18px;left: 15px;}

.layerclose{position: absolute;background: url('../images/main.png') no-repeat -66px -41px;width: 17px;height: 17px;top: 8px;right: 8px;}
.layerclose:hover{background-position: -89px -41px;}

.layerslide .lfoc{background-color: #fff;opacity: 1;}

.descintro{display: inline-block;overflow: hidden;text-overflow: ellipsis;max-width: 690px;white-space: nowrap;vertical-align: top;}

.hid{display: none;}
.ntop{margin-top: 0;}