.update{ position: relative; min-height: 367px;}

.update-nav{ width: 200px; text-align: center; font-size: 16px; position: absolute; height: 100%;}
.update-nav a{ color: #333; cursor: pointer;}
.update-nav li{ line-height: 50px; height: 50px; border-bottom: 1px solid #f6f7fb;}
.update-nav li.tlt{ font-size: 18px; font-weight: bold; height: 60px; line-height: 60px;}
.update-nav li.tlt a{ color: #008ded; cursor: default;}
.update-nav li i{ background: url("../images/icon_update.png") no-repeat; margin-right: 12px;}
.update-nav li i,.update-nav li span{ display: inline-block; vertical-align: middle;}
.update-nav li i.icon-update{ background-position: 0 0; width: 21px; height: 21px;}
.update-nav li i.icon-desktop{ background-position: 2px -48px; width: 21px; height: 17px;}
.update-nav li:hover i.icon-desktop,.update-nav li.on i.icon-desktop{ background-position: -29px -48px;}
.update-nav li i.icon-android{ background-position: 3px -80px; width: 21px; height: 17px;}
.update-nav li:hover i.icon-android,.update-nav li.on i.icon-android{ background-position: -28px -80px;}
.update-nav li i.icon-iphone{ background-position: 1px -112px; width: 21px; height: 21px;}
.update-nav li:hover i.icon-iphone,.update-nav li.on i.icon-iphone{ background-position: -30px -112px;}
.update-nav li i.icon-app{ background-position: 0 -153px; width: 21px; height: 21px;}
.update-nav li:hover i.icon-app,.update-nav li.on i.icon-app{ background-position: -31px -153px;}
.update-nav li i.icon-game{ background-position: 0 -189px; width: 21px; height: 21px;}
.update-nav li:hover i.icon-game,.update-nav li.on i.icon-game{ background-position: -31px -189px;}
.update-nav li i.icon-news{ background-position: 0 -228px; width: 21px; height: 21px;}
.update-nav li:hover i.icon-news,.update-nav li.on i.icon-news{ background-position: -31px -228px;}
.update-nav li:hover,.update-nav li.on{ background: #008ded;}
.update-nav li:hover a,.update-nav li.on a{ color: #fff;}
.update-nav li.tlt:hover{ background: transparent;}
.update-nav li.tlt:hover a{ color: #2371f3;}
.update-nav li:active{ background: #2371f3;}

.update-soft{ width: 950px;}
.update-soft h1{ font-size: 20px;}
.update-soft ul.soft{ width: 110%; overflow: hidden;}
.update-soft .list-con>div{ display: none;}
.update-soft .list-con>div.show{ display: block;}
.update-soft .soft li{ height: 65px; padding: 20px 15px; margin-top: 20px; margin-right: 20px; border: 1px solid #eee; float: left;}
.update-soft .soft li img{ width: 65px; height: 65px;display: inline-block;overflow: hidden;}
.update-soft .soft li .appInfo{ margin-left: 10px; width: 196px;}
.update-soft .soft li .appName{ color: #333; display: inline-block; max-width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: -4px;}
.update-soft .soft li .appName:hover{ color: #2371f3; text-decoration: underline;}
.update-soft .soft li .btn-download{ color: #18b000; width: 70px; height: 26px; line-height: 26px; text-align: center;}
.update-soft .soft li .btn-download:hover{ background: #18b000; color: #fff;}
.update-soft .soft li .btn-download:active{ background: #16a400; color: #fff;}
.update-soft .soft li .pf{ margin-top: 5px;}
.update-soft .soft li .info{ color: #d9d9d9; font-size: 13px;}
.update-soft .soft li .info a,.update-soft li .info label{ color: #999; font-size: 12px;}
.update-soft .soft li .info a{ margin-right: 8px;}
.update-soft .soft li .info label{ margin-left: 8px;}
.update-soft .soft li:hover{ background: #f7fbff; border-color: #2371f3;}

.update-soft .jc li{ overflow: hidden; border-bottom: 1px dashed #eee; line-height: 48px; height: 48px; background: url("../images/list_jc.png") no-repeat -11px center; padding-left: 15px;}
.update-soft .jc li .jcCate{ color: #f73333;}
.update-soft .jc li .jcCate:hover{ text-decoration: underline;}
.update-soft .jc li h2{ width: 70%;}
.update-soft .jc li .jcName{ color: #4c4c4c; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: normal; display: inline-block;}
.update-soft .jc li .jcName:hover{ color: #2371f3; text-decoration: underline;}
.update-soft .jc li .time{ color: #999;}

.special-con{ width: 970px;margin-top: 10px;}
.special-con a{width: 25%; float: left;padding: 10px 20px 10px 0px;box-sizing: border-box;}
.special-con a img{width: 100%;height: 130px;}
.special-con a span { display: block;height: 24px;line-height: 24px;overflow: hidden;width: 200px;text-align: center;}

.txt-hot-links li {float:left;width:10%;height:36px;position:relative;line-height:36px;padding:0 0 0 10px;margin:0 20px 0 0;}
.txt-hot-links li a {display:block;width:136px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.txt-hot-links .softheji li{width:13%;padding-left: 24px;background: url(../images/tags.png) no-repeat left 7px;background-size: 19px 20px;} 
.txt-hot-links .softheji li a{width:166px;}


