.znList{ width: 810px;}
.znList h1,.rjhj h1{ margin-right: 30px; height: 35px; cursor: pointer;}
.znList h1 a,.rjhj h1 a{ display: block; color: #333; height: 29px;}
.znList h1.on a,.znList h1:hover a,.rjhj h1.on a,.rjhj h1:hover a{ color: #2371f3; border-bottom: 2px solid #2371f3;}
.znList h1.on,.rjhj h1.on{ background: url("../images/rank_bg.png") no-repeat bottom center;}
.znList .list-con>div{ display: none;}
.znList .list-con>div.show{ display: block;}
.znList ul{ margin-top: 5px;}
.znList li{ padding: 15px 10px 15px 0; border-bottom: 1px dashed #eee; overflow: hidden;}
.znList li .jcImg{ width: 187px; height: 125px; overflow: hidden;}
.znList li .jcImg img{ width: 187px; height: 125px; display: block;}
.znList li a{ display: block;}
.znList li .jcInfo{ width: 595px; margin-left: 18px;}
.znList li .jcName{ font-size: 18px; margin: 10px 0 14px 0;}
.znList li .jcName a{ color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; max-width: 100%;}
.znList li .jcDesc{ color: #999; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 12px;}
.znList li .otherInfo{ color: #999; line-height: 22px;}
.znList li .otherInfo span{ margin-right: 10px;}
.znList li .fullC{ color: #333;}
.znList li .jcName a:hover,.znList li .fullC:hover{ color: #2371f3; text-decoration: underline;}
/*.znList li:hover{ background: #f1f9ff;}*/

.jxhj ul{ overflow: hidden; width: 110%; margin-top: 10px;}
.jxhj li{ width: 378px; height: 225px; float: left; position: relative; margin-right: 13px; overflow: hidden;}
.jxhj img{ width: 378px; height: 225px; display: block; -webkit-transition: .2s linear; -moz-transition: .2s linear; transition: .2s linear;}
.jxhj li:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.jxhj a{ display: block;}
.jxhj .ztName{ background: url("../images/banner_bg.png") repeat; height: 35px; line-height: 35px; padding: 0 3%; width: 94%; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; position: absolute; bottom: 0; left: 0;}

.rjhj .list-con>div{ display: none;}
.rjhj .list-con>div.show{ display: block;}
.rjhj .list-con li{ overflow: hidden; margin-top: 20px;}
.rjhj .list-con li img{ width: 497px; height: 225px; display: block;}
.rjhj .list-con li>div{ height: 223px; border: 1px solid #eee; border-left: none; width: 570px; padding: 0 23px 0 20px; position: relative; overflow: hidden;}
.rjhj .list-con li .jcName{ font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; max-width: 80%; margin: 30px 0 }
.rjhj .list-con li .jcName:hover{ color: #2371f3; text-decoration: underline;}
.rjhj .list-con li .jcDesc{ color: #999; line-height: 29px; height: 87px; overflow: hidden;}
.rjhj .list-con li .jcTotal{ position: absolute; right: -25px; top: 9px; *right: 0; *top: 0; display: block; width: 100px; height: 30px; background: #ed0e08; color: #fff; text-align: center; line-height: 30px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.rjhj .list-con li:hover>div{ border-color: #2371f3; background: #f7fbff;}

.xgwztj li{ width: 565px;}
.xgwztj li.spec .jcInfo{ width: 390px;}
.xgwztj li .time{ color: #999; font-size: 13px;}
.xgwztj li .jcName{ max-width: 475px;}

.w820.xgwztj li{ width: 405px;}
.w820.xgwztj li.spec .jcInfo{ width: 220px;}
.w820.xgwztj li .time{ color: #999; font-size: 13px;}
.w820.xgwztj li .jcName{ max-width: 95%;}


.part-6{ position: relative;}
.part-6 .list-con ul{ width: 9999px; overflow: hidden;}
.part-6 a.btn-prev,.part-6 a.btn-next{ background: url("../images/icon_ilr.png") no-repeat; width: 53px; height: 65px; position: absolute; top: 50%; margin-top: -7px; z-index: 100; cursor: pointer; display: none;}
.part-6 a.btn-prev{ background-position: 0 0; left: 0;}
.part-6 a.btn-prev:active{ background-position: 0 -70px;}
.part-6 a.btn-next{ background-position: -58px 0; right: 0;}
.part-6 a.btn-next:active{ background-position: -58px -70px;}

.dl-list2{ border: 1px solid #eee; margin-top: 20px;}
.dl-list2 li{ overflow: hidden; border-top: 1px solid #eee;}
.dl-list2 li:first-child{ border-top: none;}
.dl-list2 li .left{ padding: 15px 20px 0 20px; width: 101px;}
.dl-list2 li .left a:hover span{ color: #2371f3; text-decoration: underline;}
.dl-list2 li .left i{ background: url("../images/icon_rjfl.png") no-repeat; width: 23px; height: 25px; margin-right: 10px;}

.dl-list2 li .left i.icon-android{ background-position: 0 2px;}
.dl-list2 li .left i.icon-game{ background-position: 0 -23px;}
.dl-list2 li .left i.icon-gl{ background-position: 0 -48px;}
.dl-list2 li .left i.icon-jc{ background-position: 0 -74px;}
.dl-list2 li .left i.icon-iphone{ background-position: 0 -100px;}
.dl-list2 li .left i.icon-ipad{ background-position: 0 -125px;}

.dl-list2 li .left i,.dl-list2 li .left span{ display: inline-block; vertical-align: middle;}
.dl-list2 li .left span{ color: #000; font-size: 16px; font-weight: bold;}
.dl-list2 li .right{ border-left: 1px solid #eee; padding: 15px 10px; font-size: 0; width: 996px;}
.dl-list2 li .right a, .rjfl a{ height: 30px; line-height: 30px; color: #333; padding: 0 11px; display: inline-block; font-size: 14px; margin-right: 5px;}
.dl-list2 li .right a:hover, .rjfl a:hover{ background: #2371f3; color: #fff;}
.dl-list2 li .right a:active, .rjfl a:active{ background: #1061e7; color: #fff;}
.rjfl{ margin-top: 20px;}
.rjfl a{ margin-right: 4px;}

.cate-tlt{ height: 50px; line-height: 50px; padding-left: 20px;}
.cate-tlt h1{ float: left; font-size: 18px; margin-right: 30px; height: 54px;}
.cate-tlt h1 a{ color: #333; display: block; height: 48px;}
.cate-tlt h1:hover a,.cate-tlt h1.on a{ color: #2371f3; border-bottom: 2px solid #2371f3;}
.cate-tlt h1.on{ background: url("../images/rank_bg.png") no-repeat bottom center;}
.cate-tlt.scroll{ position: fixed; top: 0; width: 1180px; margin-top: 0; background: url("../images/rankDlBg.png") no-repeat;}

#rankTotal .pad20{ width: 560px;}
#rankTotal .th{ height: 35px; line-height: 35px; color: #999; background: #f9f9f9; padding: 0 10px;}
#rankTotal .th label.fl{ margin-right: 20px;}
#rankTotal .tbody li{ padding-left: 10px; margin-top: 15px; overflow: hidden;}
#rankTotal .tbody .info{ width: 505px;}
#rankTotal .tbody .appName{ color: #333; line-height: 25px; max-width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#rankTotal .tbody .appName:hover{ font-weight: bold; color: #2371f3; text-decoration: underline;}
#rankTotal .tbody li.on .appName{ font-size: 16px;}
#rankTotal .tbody img{ width: 75px; height: 75px; display: block;}
#rankTotal .tbody .appImg{ margin-right: 10px;}
#rankTotal .tbody .appDl{ color: #999; line-height: 25px;}
#rankTotal .tbody .appDl span{ color: #f00;}
#rankTotal .tbody .otherInfo{ color: #999; font-size: 13px; width: 420px;}
#rankTotal .tbody .otherInfo>div{ margin: 7px 0;}
#rankTotal .tbody .otherInfo p.fl{ margin-right: 15px;}
#rankTotal .tbody .otherInfo .pf{ margin-top: 2px;}
#rankTotal .tbody .otherInfo .appDesc{ color: #666; line-height: 20px; height: 40px; overflow: hidden;}
#rankTotal .tbody .appImg,#rankTotal .tbody .otherInfo{ margin-top: 10px; display: none;}
#rankTotal .tbody li.on .appImg,#rankTotal .tbody li.on .otherInfo{ display: block;}

.tbody .rank,.rank-list .tbody .rank{ font-style: normal; background: #c7c7c7; color: #fff; width: 25px; height: 25px; text-align: center; line-height: 25px; margin-right: 20px;}
.tbody .rank.rank1{ background: #f73333;}
.tbody .rank.rank2{ background: #ff9600;}
.tbody .rank.rank3{ background: #00b0ff;}

.rank-list .tbody{ margin-top: 10px;}
.rank-list .th{ background: #f9f9f9; height: 35px; line-height: 35px; color: #999; padding-left: 10px; width: 105%;}
.rank-list .lbl-1{ width: 30px; margin-right: 20px;}
.rank-list .lbl-2{ width: 125px; margin-right: 30px;}
.rank-list .lbl-3{ width: 385px; margin-right: 35px;}
.rank-list .lbl-4{ width: 70px; text-align: center; margin-right: 35px;}
.rank-list .lbl-5{ width: 80px; text-align: center; margin-right: 30px;}
.rank-list .lbl-6{ width: 90px; text-align: center; margin-right: 35px;}
.rank-list .lbl-7{ width: 60px; text-align: center; margin-right: 35px;}
.rank-list .lbl-8{ width: 80px; text-align: center; margin-right: 10px;}
.rank-list li{ overflow: hidden; height: 25px; line-height: 25px; padding: 10px; width: 105%; color: #999;}
.rank-list .tbody .rank{ margin-right: 25px;}
.rank-list li span{ color: #f00;}
.rank-list li .pf{ margin-top: 6px; text-align: left;}
.rank-list li a{ color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; display: inline-block;}
.rank-list li a:hover{ color: #2371f3; text-decoration: underline;}
.rank-list li:hover{ background: #f5f8ff;}

.part-3 .app-list{ margin-bottom: -20px; *margin-bottom: 0;}
.part-3 .app-list li{ padding: 15px 13px; border: 1px solid #eee; margin: 0 11px 20px 0;}
.part-3 .app-list li:hover{ border-color: #2371f3; background: #f7fbff;}

.jsjg{ position: relative; padding-bottom: 128px;}
.jsjg .load-more{ position: absolute; bottom: 0; left: 0; background: #f6f7fb; width: 100%; line-height: 108px; height: 108px; text-align: center; font-size: 16px; color: #333;}
.jsjg .list-con>div{ display: none;}
.jsjg .list-con>div.show{ display: block;}

.jc-list ul{ overflow: hidden; width: 105%;}
.jc-list li{padding:20px 15px 0 20px; overflow: hidden; float: left; margin-right: 14px;}
.jc-list li:hover{ background: #f7fbff;}
.jc-list li a{ font-size: 15px; font-weight: bold;}
.jc-list li i{ background: url("../images/list_jc.png") no-repeat -12px 0; width: 8px; height: 8px; margin-top: 7px;}
.jc-list li>div{ width: 530px; }
.jc-list li .cateName{ color: #f73333;}
.jc-list li .jcName{ color: #333; max-width: 400px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.jc-list li .jcName:hover{ color: #2371f3; text-decoration: underline;}
.jc-list li .cateName,.jc-list li .jcName{display: inline-block; vertical-align: middle;}
.jc-list li .jcDesc{ font-size: 12px; color: #666; line-height: 18px; height: 36px; overflow: hidden; margin: 5px 0;}
.jc-list li .jcTime{ color: #999; font-size: 12px; border-bottom: 1px dashed #eee; padding-bottom: 10px;}

.jsjg .tlt-com>div{ width: 105%;}
.jsjg .tlt-com h2{ font-size: 16px; width: 137px; text-align: center; margin-right: 66px; cursor: pointer;}
.jsjg .tlt-com h2 a{ display: block; height: 29px;}
.jsjg .tlt-com h2.on a,.jsjg .tlt-com h2:hover a{ color: #2371f3; border-bottom: 2px solid #2371f3;}

.quick-search{ margin-bottom: 0;}
.quick-search a.on{ color: #2371f3;}

.abBanner img{ width: 1200px; height: 225px; display: block;}
.about{ position: relative; min-height: 402px; margin-bottom: 50px;}
.about .ab-nav{ background: #f6f7fb; border: 1px solid #eee; width: 200px; text-align: center; position: absolute; left: 0; top: 0; bottom: 0;}
.about .ab-nav li{ line-height: 50px; height: 50px; font-size: 0;}
.about .ab-nav li a{ color: #333; display: block; cursor: pointer;}
.about .ab-nav li i,.about .ab-nav li span{ display: inline-block; vertical-align: middle; font-size: 16px; }
.about .ab-nav li i{ background: url("../images/icon_ab.png") no-repeat; width: 22px;  height:18px; margin-right: 8px;}
.about .ab-nav li.on a,.about .ab-nav li:hover a{ color: #2371f3; font-weight: bold; border-left: 4px solid #2371f3; background: #fff; width: 197px;}
.about .ab-nav li.on i,.about .ab-nav li:hover i{ background-position-x: -37px; margin-left: -4px;}
.about .ab-nav li i.icon-about{ background-position-y: 0;}
.about .ab-nav li i.icon-service{ background-position-y: -32px;}
.about .ab-nav li i.icon-link{ background-position-y: -62px;}
.about .ab-nav li i.icon-job{ background-position-y: -94px;}
.about .ab-nav li i.icon-msg{ background-position-y: -125px;}
.about .ab-nav li i.icon-publish{ background-position-y: -157px;}
.about .ab-nav li i.icon-sitemap{ background-position-y: -190px;}
.about .ab-nav li i.icon-flink{ background-position-y: -222px;}

.about .ab-con{ width: 930px; padding: 20px 40px 0 30px;}
.about .ab-con .tlt-com h1{ margin-left: 10px;}
.about .ab-con .job-tlt{ line-height: 30px; margin: 25px 0 20px 0;}
.about .ab-con .job-tlt .fl a{ float: left; height: 30px; border-radius: 2em; width: 100px; text-align: center; margin-right: 10px; color: #333; cursor: pointer; border: 1px solid transparent;}
.about .ab-con .job-tlt .fl a.on,.about .ab-con .job-tlt .fl a:hover{ border-color: #2371f3; background: #f7fbff; color: #2371f3; font-weight: bold;}
.about .ab-con .job-tlt .fr a{ color: #ee2a10; margin-left: 10px;}

.list-con .job-list{ display: none; margin-bottom: 30px;}
.list-con .job-list.show{ display: block;}
.job-list li{ overflow: hidden; padding-left: 10px; line-height: 54px; border-top: 1px solid #eee; cursor: pointer;}
.job-list li:first-child{ border-top: none;}
.job-list li div,.list-tlt div{ float: left;}
.job-list li .lbl-1,.list-tlt .lbl-1{ width: 365px; margin-right: 10px; font-weight: bold; color: #666;}
.job-list li .lbl-2,.list-tlt .lbl-2{ width: 210px; text-align: center; margin-right: 10px; color: #8c8c8c;}
.job-list li .lbl-3,.list-tlt .lbl-3{ width: 165px; text-align: center; margin-right: 10px; color: #8c8c8c;}
.job-list li .lbl-4,.list-tlt .lbl-4{ width: 150px; text-align: center; color: #8c8c8c;}
.job-list li .lbl-4 i{background: url("../images/ab_arrow.png") no-repeat -16px center; width: 11px; height: 7px; margin-left: 5px; vertical-align: super; -webkit-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; display: none;}
.job-list li.on .lbl-4 i{ -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); *background-position-x: 0;}
.job-list li .detail{ color: #666; line-height: 28px; padding-bottom: 25px; display: none;}
.job-list li .lbl-1 a{ display: inline-block; max-width: 100%;}
.job-list li:hover{ background: #f7fbff;}
.job-list li:hover .lbl-4 i,.job-list li.on .lbl-4 i{ display: inline-block;}
.job-list li .lbl-1 a:hover{ color: #2371f3; text-decoration: underline;}
.list-tlt{ background: #fafafa; font-size: 16px; border-top: 1px solid #eee; padding-left: 10px; line-height: 54px;}
.list-tlt .lbl-1,.list-tlt .lbl-2,.list-tlt .lbl-3,.list-tlt .lbl-4{ font-weight: normal; color: #333;}

.about-list{margin-bottom: 30px;}
.about-list li{ margin-top: 30px;}
.about-list li:first-child{ margin-top: 0;}
.about-list li .tlt{ font-size: 18px; font-weight: bold; line-height: 40px; height: 40px; border-bottom: 1px solid #eee; margin-bottom: 15px; padding-left: 10px;}
.about-list li .tlt span{ float: left; height: 48px;}
.about-list li .tlt.blue{ border-color: #2371f3; color: #2371f3;}
.about-list li .tlt.blue span{ background: url("../images/icon_about1.png") no-repeat bottom center;}
.about-list li .tlt.green{ border-color: #24be86; color: #24be86;}
.about-list li .tlt.green span{ background: url("../images/icon_about2.png") no-repeat bottom center;}
.about-list li .tlt.orange{ border-color: #ff834c; color: #ff834c;}
.about-list li .tlt.orange span{ background: url("../images/icon_about3.png") no-repeat bottom center;}
.about-list li p{ color: #666; line-height: 21px; padding-left: 10px;}

.service-con{ padding-left: 10px; margin-top: 20px; line-height: 24px; color: #666;}
.service-con a{ color: #2371f3;}

.link-con{ padding:20px 0 50px 10px; background: url("../images/link_bg.png") no-repeat 90% 48px; line-height: 26px; color: #666;}
.link-con a{ color: #2371f3;}
.link-con .spec{ text-indent: 12px;}

.publish-con{ color: #666; line-height: 24px; padding-left: 10px; margin-top: 20px; margin-bottom: 30px;}
.publish-con p{ padding-left: 25px; text-indent: -22px;}

.ab-con .tlt-com p{ color: #333;}
.ab-con .tlt-com p span{ color: #f40000;}

.msg-con{ background: url("../images/msg_bg.jpg") no-repeat 90% 10px; margin-top: 20px; overflow: hidden; padding-left: 10px; margin-bottom: 30px;}
.msg-con li{ line-height: 35px; overflow: hidden; margin-top: 20px;}
.msg-con li input{ width: 300px; height: 35px; padding: 0 10px; border: 1px solid #eee; border-radius: 3px; color: #b2b2b2; line-height: 35px;}
.msg-con li input:focus,.msg-con li textarea:focus{ border-color: #2371f3;}
.msg-con li textarea{ border: 1px solid #eee; resize: none; width: 698px; height: 208px; border-radius: 3px; padding: 10px; background: #fff;  color: #b2b2b2;}
.msg-con li .left{ width: 90px; color: #333; text-align: right; margin-right: 20px;}
.msg-con li .left span{ color: #ff0000; margin-right: 5px;}
.msg-con li .submit{ background: #3380fd; color: #fff; border: none; width: 150px; height: 45px; font-size: 16px; cursor: pointer;}
.msg-con li .submit:hover{ background: #3389fd}
.msg-con li .submit:active{ background: #2176ff;}
.msg-con li .tip{ color: #ff0000; font-size: 12px; margin-left: 10px; display: none;}

.flink-con{ margin-top: 20px; padding-left: 10px;}
.flink-con a{ color: #666; display: inline-block; line-height: 28px; margin-right: 10px;}
.flink-con a:hover{ color: #2371f3; text-decoration: underline;}

.sitemap-con{ margin-bottom: 30px;}
.sitemap-con li{ border-top: 1px solid #eee; padding: 20px 0 20px 10px;}
.sitemap-con li:first-child{ border-top: none;}
.sitemap-con li a{ color: #666;}
.sitemap-con li a:hover{ color: #2371f3; text-decoration: underline;}
.sitemap-con li .con{ color: #999;}
.sitemap-con li .tlt{ margin-bottom: 10px;}
.sitemap-con li .tlt a{ font-size: 16px; font-weight: bold;}
.sitemap-con li .con{ margin-left: -10px; width: 101%;}
.sitemap-con li .con a{ font-size: 13px; line-height: 29px; margin: 0 10px; display: inline-block;}

.rjfb{ margin-bottom: 80px;}
.rjfb .block1{ padding: 68px 0;}
.rjfb .block1>.fl{ width: 33.3%; text-align: center;}
.rjfb .block1 .icon{ height: 125px; border-right: 1px solid #eee; cursor: default;}
.rjfb .block1 .iphone .icon{ border-right: none;}
.rjfb .block1 .icon i{ background: url("../images/icon_rjfb.png") no-repeat; width: 125px; height: 125px; display: block; margin: 0 auto;}
.rjfb .block1 .desktop .icon i{ background-position: 0 0;}
.rjfb .block1 .desktop .icon.ste1 i{ background-position: -140px 0;}
.rjfb .block1 .desktop .icon.ste2 i{ background-position: -280px 0;}
.rjfb .block1 .android .icon i{ background-position: 0 -149px;}
.rjfb .block1 .android .icon.ste1 i{ background-position: -140px -149px;}
.rjfb .block1 .android .icon.ste2 i{ background-position: -280px -149px;}
.rjfb .block1 .iphone .icon i{ background-position: 0 -298px;}
.rjfb .block1 .iphone .icon.ste1 i{ background-position: -140px -298px;}
.rjfb .block1 .iphone .icon.ste2 i{ background-position: -280px -298px;}

.rjfb .block1 .agree{margin: 15px auto; overflow: hidden; width: 188px;}
.rjfb .block1 .agree input, .rjfb .block1 label{ cursor: pointer; float: left;}
.rjfb .block1 .agree input[type*='checkbox']{ margin: 3px 5px 0 0;}
.rjfb .block1 label{ color: #666;}
.rjfb .block1 .agree:hover label{ color: #2371f3;}
.rjfb .block1 button{ border: none; width: 150px; height: 40px; line-height: 40px; color: #fff; font: 16px '\5FAE\8F6F\96C5\9ED1'; cursor: pointer; border-radius: 3px;}
.rjfb .block1 .desktop button{ background: #3380fd;}
.rjfb .block1 .desktop button:hover{ background: #3389fd;}
.rjfb .block1 .desktop button:active{ background: #2176ff;}
.rjfb .block1 .android button{ background: #15b928;}
.rjfb .block1 .android button:hover{ background: #16c72b;}
.rjfb .block1 .android button:active{ background: #13b026;}
.rjfb .block1 .iphone button{ background: #ff6600;}
.rjfb .block1 .iphone button:hover{ background: #ff7417;}
.rjfb .block1 .iphone button:active{ background: #f06000;}

.rjfb .block1 .desktop button.disabled,
.rjfb .block1 .android button.disabled,
.rjfb .block1 .iphone button.disabled,
.rjfb .block1 .desktop button.disabled:hover,
.rjfb .block1 .android button.disabled:hover,
.rjfb .block1 .iphone button.disabled:hover,
.rjfb .block1 .desktop button.disabled:active,
.rjfb .block1 .android button.disabled:active,
.rjfb .block1 .iphone button.disabled:active{ background: #d9d9d9; cursor: no-drop;}

.rjfb .block2{ padding: 40px 80px; line-height: 24px; color: #666; border-bottom: 1px solid #eee;}
.rjfb .block2 h2{ font-size: 16px; color: #333;}
.rjfb .block2 h3{ color: #2371f3;}

.sub-con{ padding: 25px 40px 50px 40px; margin-bottom: 50px;}
.sub-tlt{ height: 60px; border-bottom: 1px solid #eee; font-size: 16px; line-height: 60px; padding: 0 175px;}
.sub-tlt>div{ width: 113%;}
.sub-tlt a{ color: #b2b2b2;}
.sub-tlt h1{ width: 195px; text-align: center; margin-right: 95px; position: relative;}
.sub-tlt h1 i,.sub-tlt h1 label{ display: inline-block; vertical-align: middle; cursor: pointer;}
.sub-tlt h1 i{ background: url("../images/icon_sub.png") no-repeat; width: 38px; height: 40px; margin-right: 10px;}
.sub-tlt h1 i.i-desktop{background-position-y: 0;}
.sub-tlt h1 i.i-android{background-position-y: -56px; margin-bottom: 10px;}
.sub-tlt h1 i.i-iphone{background-position-y: -118px; margin-bottom: 10px;}
.sub-tlt h1 span{ position: absolute; display: none; bottom: -6px; left: 20%; background: url("../images/sub_tlt.png") no-repeat; width: 12px; height: 12px;}
.sub-tlt h1.on{ color: #2371f3; border-bottom: 3px solid #2371f3; height: 58px;}
.sub-tlt h1.on a{ color: #2371f3;}
.sub-tlt h1.on i{ background-position-x: -53px;}
.sub-tlt h1.on span{ display: block;}

.sub-list{ margin-top: 50px;}
.sub-list p{ color: #333; line-height: 24px; margin-left: 15px;}
.sub-list p span{ color: #fe0000;}
.sub-list ul{ margin-top: 15px;}
.sub-list li{ height: 35px; line-height: 35px; margin-top: 25px;}
.sub-list li p{ height: 35px; line-height: 35px; margin-right: 20px; text-align: right; width: 110px; margin-left: -25px;}
.sub-list li p span{ margin-right: 5px;}
.sub-list li .tip{ color: #ff0000; margin-left: 15px;}
.sub-list li input{ color: #333; height: 33px; line-height: 33px; border: 1px solid #eee; padding: 0 10px; cursor: pointer; border-radius: 3px;}
.sub-list li textarea{ padding: 10px; border: 1px solid #eee; width: 978px; height: 158px; cursor: pointer; border-radius: 3px; resize: none;}
.sub-list li input:focus,.sub-list li textarea:focus{ border-color: #2371f3;}

.sub-list li.appName input,.sub-list li.appSource input,.sub-list li.appEnvironment input,.sub-list li.appLogo input,.sub-list li.appKeywords input{ width: 278px;}
.sub-list li.appSize input,.sub-list li.appAuthor input,.sub-list li.appContact input,.sub-list li.appCode input{ width: 130px;}
.sub-list li.appEmail input{ width: 648px;}

.sub-list li.appPicture,.sub-list li.appLink{ height: 207px;}
.sub-list li.appPicture .tip,.sub-list li.appLink .tip{ display: block; margin-left: 0; line-height: 14px;}

.sub-list li .xl-list{ position: relative; width: 130px; cursor: pointer; margin-right: 20px;}
.sub-list li .xl-list.on{ z-index: 99;}
.sub-list li .xl-list .showValue{ width: 88px; padding:0 30px 0 10px; height: 33px; line-height: 33px; border: 1px solid #eee; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url("../images/icon_cate.png") no-repeat 93% center; border-radius: 3px; margin-left: 0; text-align: left;}
.sub-list li .xl-list.on .showValue{ border-color: #2371f3;}
.sub-list li .xl-list ol{ position: absolute; top: 34px; border: 1px solid #2371f3; width: 128px; background: #fff; max-height: 250px; overflow: auto; display: none; z-index: 99;}
.sub-list li .xl-list ol li{ line-height: 25px; height: 25px; margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 10px; color: #666;}
.sub-list li .xl-list ol li:hover{ background: #2371f3; color: #fff;}

.sub-list li input[type*='radio']{ height: auto; margin-left: 10px; width: auto; border: none; *vertical-align: super;}
.sub-list li.appSize label{ margin-left: -5px; cursor: pointer; *vertical-align: super;}
.sub-list li.appOtherInfo>div{ margin-right: 10px;}

.sub-list li.appDesc{ height: 100px;}
.sub-list li.appDesc textarea{ width: 648px; height: 78px;}
.sub-list li.appDesc .tip{ line-height: 100px;}
.sub-list li.appContact .appQQ{ margin-right: 40px;}

.sub-list li.appCode img{ height: 35px; margin-left: 10px;}
.sub-list li.appSubmit{ height: 50px;}
.sub-list li.appSubmit .submit{ width: 160px; height: 50px; font-size: 16px; color: #fff; background: #3380fd; border: none; border-radius: 3px; cursor: pointer;}
.sub-list li.appSubmit .submit.disabled,.sub-list li.appSubmit .submit.disabled:hover,.sub-list li.appSubmit .submit.disabled:active{ background: #d9d9d9; cursor: no-drop;}
.sub-list li.appSubmit .submit:hover{background: #3389fd;}
.sub-list li.appSubmit .submit:active{background: #2176ff;}

.load-more a span{display: none;}
.load-more a{width: 495px;height: 32px;display: inline-block; line-height: 32px; border: 1px solid #e6e6e6; color: #666;}
.load-more a:hover{color: #0199fe;text-decoration: none;}